Commit Graph

173 Commits

Author SHA1 Message Date
Sérgio Ramos
0287041cc8 Merge pull request #100 from yldio/styled-components
updating styled components
2016-12-15 11:15:19 +00:00
Alex Windett
b67c7d9026 neating up colors with constnats and correcting indentation 2016-12-15 10:49:18 +00:00
Alex Windett
294a9e26a9 updating option select component 2016-12-14 17:22:09 +00:00
Alex Windett
2ee92dfb52 refactoring toggle and adding pseudo element composer 2016-12-14 14:35:09 +00:00
Alex Windett
20a05c5de6 further refactoing of radio input 2016-12-14 13:53:19 +00:00
Alex Windett
0238d007b8 refactoing radio input 2016-12-14 12:30:25 +00:00
Sérgio Ramos
16f0ec6321 implement a simple header 2016-12-13 22:13:45 +00:00
Sérgio Ramos
f933346f4b fix tabs margins 2016-12-13 22:13:45 +00:00
Alex Windett
458d792a17 updating radio group component 2016-12-13 11:01:18 +00:00
Alex Windett
c92fbdc029 adding in parenthesis for function use on remcalc 2016-12-12 12:17:51 +00:00
Alex Windett
e792c86852 implimenting text input component 2016-12-12 10:59:07 +00:00
Sérgio Ramos
88a28a9c0c fix linting issues 2016-12-12 10:28:48 +00:00
Sérgio Ramos
5bb7c1d19b convert input, modal, notification and pagination 2016-12-12 10:28:48 +00:00
Tom Gallacher
2b57f65d61 Remove button-icon as it no longer exists in zeplin 2016-12-12 10:28:48 +00:00
Sérgio Ramos
9e3f5ff810 convert pagination 2016-12-12 10:28:48 +00:00
Sérgio Ramos
440440217d convert range-slider 2016-12-12 10:28:48 +00:00
Sérgio Ramos
95f01e8854 convert select 2016-12-12 10:28:48 +00:00
Sérgio Ramos
5cd0656393 fix linting scripts 2016-12-12 10:28:48 +00:00
Tom Gallacher
e5e0bd9b6d Refactor colours 2016-12-12 10:28:48 +00:00
Tom Gallacher
fbe77515f4 Add Radio Button 2016-12-12 10:28:48 +00:00
Sérgio Ramos
ccb53f3783 convert tab/tabs 2016-12-12 10:28:48 +00:00
Sérgio Ramos
18978abf08 random local classNames
use styled-components className generator for that
2016-12-12 10:28:48 +00:00
Sérgio Ramos
cc8a2f28ed remove lodash.isarray dependency 2016-12-12 10:28:48 +00:00
Sérgio Ramos
07ee904c96 convert toggle 2016-12-12 10:28:48 +00:00
Sérgio Ramos
1ec268b28f convert Widget 2016-12-12 10:28:48 +00:00
Sérgio Ramos
5a6a7ae53b convert Icon 2016-12-12 10:28:48 +00:00
Tom Gallacher
fa376612aa Ensure tests pass, for merge. 2016-12-12 10:28:48 +00:00
Tom Gallacher
c43e06651e Implement checkbox 2016-12-12 10:28:48 +00:00
Tom Gallacher
8f675e7911 Update Button and Checkbox 2016-12-12 10:28:48 +00:00
Tom Gallacher
0f6169ca5d Introduced storybook
This should make developing components much easier, I hope :D
2016-12-12 10:28:48 +00:00
Sérgio Ramos
557cd5a291 wip rm css 2016-12-12 10:28:47 +00:00
Sérgio Ramos
d055c3a540 fix ui/docs compilation 2016-12-06 10:25:20 +00:00
Sérgio Ramos
72317a79dc fix color api breakage 2016-12-05 20:31:39 +00:00
Sérgio Ramos
d63bea9571 use existing aliases in the requires 2016-12-05 20:28:10 +00:00
Sérgio Ramos
34abad383a move /tab to /tabs/tab 2016-12-05 20:15:10 +00:00
Alex Windett
7b30859223 removing clearfix and updating component 2016-11-29 14:11:32 +00:00
Alex Windett
bce2e8fc01 creating notification component and adding in shared values and new composer 2016-11-28 17:58:30 +00:00
Alex Windett
7fb2cb3131 creating button-icon component 2016-11-28 17:58:30 +00:00
Alex Windett
07e391bd37 correcting title 2016-11-28 17:58:30 +00:00
Alex Windett
0bb2b495a7 adding default values to iconSet prop and icon name 2016-11-23 15:13:21 +00:00
Alex Windett
5fc507d9a9 adding in icon ui component and react-icon node module 2016-11-23 15:13:21 +00:00
Alex Windett
28d93159ec using new class name in rest of css 2016-11-23 15:13:21 +00:00
Alex Windett
d6b18a69a8 using a less generic class name 2016-11-23 15:13:21 +00:00
Alex Windett
9e0193de7d Adding modal to side nav and refactoring 2016-11-23 12:04:49 +00:00
Alex Windett
79da2b5e54 fixing spelling of title 2016-11-22 16:52:26 +00:00
Alex Windett
96a8305b4a adding in modal 2016-11-22 16:45:22 +00:00
Alex Windett
958c27aeeb Updating Toggle component to use input instead of divs 2016-11-21 17:42:26 +00:00
Sérgio Ramos
6a994e05f6 Css linting (#66)
* creating css .stylelintrc file

(cherry picked from commit df0a573666151fb522cb203f82a7a6a979fc33cc)

* updating lintfile

(cherry picked from commit 623ad22d69566a912988239c05d2f803e735362f)

* ignore base bootstrap styles

(cherry picked from commit 0ea94926a004367a67983b08a8ea47c974ef6e49)

* Working on making css inline with css linting

(cherry picked from commit 259fdfcaf9ae280e664471c7d5278214d991168e)

* removing generic class names and nesting for clear names without nesting

(cherry picked from commit d0427c2c09771df049ed9ab4e7b5d2f2076106fd)

* making components compatable with new css lint

(cherry picked from commit b147f157c3b9b39708a750f281d8278211454137)

* updating csslint file

(cherry picked from commit 53b0480476b6e5c4d94763baeaef7d33e9c2342d)

* adding alphabetical ordering to stylelint and updating css files with this

(cherry picked from commit a6b7860efa01e673df20546bb5830587eeb140d6)

* integrate stylelint with webpack

this way we can integrate postcss plugins

# Conflicts:
#	ui/yarn.lock

* exit process with 1, when stylelint finds issues

* listen to unhandled rejection from stylelint

* use stylelintignore

* fix stylelint raised issues
2016-11-02 17:34:08 +00:00
Alex Windett
e473e7a108 adding in firefox range styles for before and after thumb 2016-11-01 12:48:29 +00:00
Alex Windett
f2d2babc3c chaning color of upper range 2016-11-01 12:48:29 +00:00
Alex Windett
5b51ad01a0 further refactoring of styles for range slider 2016-11-01 12:21:01 +00:00
Alex Windett
272b8fcf43 adding in onChange prop to Range Slider 2016-11-01 11:36:06 +00:00
Alex Windett
d65414731e removing widget thumb inline-block style to fix bug in safari 2016-11-01 11:24:03 +00:00
Alex Windett
5e3469fe88 refactoring mixins by using default values when needed 2016-11-01 11:18:49 +00:00
Alex Windett
62c726fb24 refactoring slider component by creating mixin for base box properties - radius, border, shaddow 2016-11-01 11:17:10 +00:00
Alex Windett
7ec68ebc98 fix misspelling of varibale name on widget 2016-11-01 11:17:10 +00:00
Sérgio Ramos
17d4c47857 implement <Pagination> component (fixes #54) 2016-10-31 18:59:38 +00:00
Alex Windett
1d334d2a76 adding variables and rem functions to slider css 2016-10-31 17:57:58 +00:00
Sérgio Ramos
cc0c7896ea <Select> non-exploding test 2016-10-31 17:34:36 +00:00
Alex Windett
ebefc42d53 Fixing naming of component 2016-10-31 17:30:57 +00:00
Sérgio Ramos
372fd02151 incomplete <Select> implementation
apparently styling <option> without fallbacking to ul/li
doesn't seem to be supported, even when in `multiple` mode
2016-10-31 17:26:48 +00:00
Alex Windett
0b332cbeb6 Range Slider - creating component 2016-10-31 17:24:29 +00:00
Sérgio Ramos
fdf1a4c508 autoFocus attribute as a boolean 2016-10-31 16:10:01 +00:00
Sérgio Ramos
6faa75f36b support and proxy native component attributes (fixes #53) 2016-10-31 16:02:33 +00:00
Sérgio Ramos
c89d11b621 always calc rem for border-radius 2016-10-31 15:00:40 +00:00
Sérgio Ramos
08cecc66f7 bootstrap <Select> base component
no actual implementation yet
2016-10-31 14:44:53 +00:00
Alex Windett
f66b9a03af FIX - missing "," 2016-10-31 12:25:20 +00:00
Alex Windett
1b46c59ef7 updating constants and updating components to use css constants 2016-10-31 12:10:24 +00:00
Sérgio Ramos
fcd55d3c44 implement <Input /> base component (fixes #44) 2016-10-31 12:03:49 +00:00
Sérgio Ramos
bcbadbab24 remove redundant box-shadow in <Radio /> 2016-10-31 12:03:49 +00:00
Sérgio Ramos
0b9630b02f don't duplicate label and children in <Radio /> 2016-10-31 12:03:48 +00:00
Sérgio Ramos
e33c8e8146 bootstrap icon component
no real imlementation yet
2016-10-31 11:11:59 +00:00
Alex Windett
d69a549902 adding box constants and creating mixin for generating buttons 2016-10-28 17:39:07 +01:00
Sérgio Ramos
b3ee3b53ce remove value validation in <RadioGroup>
it's redundant since we already require it in <Radio> propTypes
2016-10-28 17:02:23 +01:00
Sérgio Ramos
d108a14ff4 add simple tests to more components 2016-10-28 16:49:09 +01:00
Alex Windett
7ccf427966 refactoring rem function 2016-10-28 16:39:35 +01:00
Sérgio Ramos
efebd9c2b9 replace postcs-module-values with postcss-constants 2016-10-28 16:09:15 +01:00
Alex Windett
aa3c940674 Widget
Fixing HTML attributes for single select and multi select, and
adding disabled option
2016-10-28 16:01:23 +01:00
Alex Windett
b933eff47b Widget - implimenting widget 2016-10-28 14:59:28 +01:00
Alex Windett
54b9601d9c changing props name to be more consistant 2016-10-28 12:47:58 +01:00
Alex Windett
7e85e17367 fixing indentation and missing semicolons 2016-10-28 11:25:29 +01:00
Alex Windett
80c596db66 Avatar - Adding custom color and style to avatar component 2016-10-28 11:25:29 +01:00
Alex Windett
8c147e4127 Avatar Component
- Creating Avatar component and adding to showcase
- Creating a composer file and adding class to vertically align content centrally
2016-10-28 11:25:29 +01:00
Alex Windett
4c03f55498 adding positional arguement to mixin with default setting or relative 2016-10-28 11:25:29 +01:00
Alex Windett
c6b6e362ab adding z-index mixin and implimenting 2016-10-28 11:25:29 +01:00
Sérgio Ramos
5eb2b15227 implement <RadioGroup> 2016-10-28 01:22:47 +01:00
Alex Windett
3dcee6feff renaming lib directory to be util for clarity, and updating relvent paths in CSS files 2016-10-27 16:56:01 +01:00
Alex Windett
f8ebdbfd1f Fix - incorrect function spelling 2016-10-27 16:56:01 +01:00
Alex Windett
d1c3124d0c Updating CSS to use remCalc instead of pixels 2016-10-27 16:56:01 +01:00
Alex Windett
e75942af75 Adding in CSS functions and adding to Radio CSS 2016-10-27 16:06:40 +01:00
Alex Windett
7663819f02 removing TODO note 2016-10-27 15:21:13 +01:00
Alex Windett
03f19a7da1 Mixins
Creating functionality and implementing Mixins

- Adding postcss-import module
- Creating `Lib` directory for mixins, functions etc
- Creating pseudo element mixin
- Implementing pseduo element mixin on radio buttons
- Adding in postcss-debug js config file
2016-10-27 14:54:11 +01:00
Alex Windett
6a75f79801 fixing indedentation 2016-10-27 14:08:35 +01:00
Alex Windett
e76ca342c6 Radio Input - Refactoring CSS 2016-10-27 12:06:42 +01:00
Sérgio Ramos
3a983b10a5 refactor <Tab> to avoid min-height hack 2016-10-27 11:15:03 +01:00
Sérgio Ramos
b982e2f2e6 resolve lint issues 2016-10-27 11:00:39 +01:00
Sérgio Ramos
d9aa7b310a don't use Container in Radio demo 2016-10-27 10:39:06 +01:00
Sérgio Ramos
0835d1c0df use more variables in Radio css 2016-10-27 10:38:33 +01:00
Sérgio Ramos
114d6a04f4 improve Tab styling 2016-10-27 10:37:49 +01:00
Alex Windett
591d1ac1fa Fix - mising commar 2016-10-26 18:05:16 +01:00