Commit Graph

266 Commits

Author SHA1 Message Date
Alex Windett
dca6b9e052 adding primary font and updating css for radio component 2016-12-21 11:19:59 +00:00
Sérgio Ramos
297c15db98 link settings and projects 2016-12-15 14:10:46 +00:00
Sérgio Ramos
f02a4059f9 horizontal-list ui component 2016-12-15 14:10:46 +00:00
Sérgio Ramos
ce2708239a h1 ui component 2016-12-15 14:10:46 +00:00
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
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
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
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
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
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
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
d1e92b416e Radio Input - implimenting UI component and styling 2016-10-26 18:03:47 +01:00
Sérgio Ramos
f1917acae1 no in embeds 2016-10-26 17:33:40 +01:00
Sérgio Ramos
e91c28ad81 implement and H H H H H H H H H H H H H H components 2016-10-26 17:33:40 +01:00
Sérgio Ramos
35cd24eb60 fix lint issues 2016-10-26 14:44:32 +01:00
Sérgio Ramos
87eeba6374 add todo to 2016-10-26 14:05:35 +01:00
Sérgio Ramos
88df5fce34 initial implementation of checkbox ui component 2016-10-26 14:04:32 +01:00
Sérgio Ramos
d2124638ba s/secundary/secondary 2016-10-26 12:42:59 +01:00
Sérgio Ramos
0914fa4d1a add to 's propTypes 2016-10-26 12:00:24 +01:00
Sérgio Ramos
f6fdb635da initial toggle implementation 2016-10-26 11:57:00 +01:00
Sérgio Ramos
db37669ac6 initial button implementation 2016-10-26 11:57:00 +01:00
Sérgio Ramos
8733a60acb use some common joyent lint rules 2016-10-26 10:51:40 +01:00
Sérgio Ramos
6bf401b3bb react and a11y linting 2016-10-25 20:15:33 +01:00
Alex Windett
d7da99f87b Grid - using varibale in for loop when creating grid classes 2016-10-25 17:24:43 +01:00
Alex Windett
0e70981e32 Grid - refactoring columns with postcss-for 2016-10-25 16:44:46 +01:00
Sérgio Ramos
16cd49043d working showcase 2016-10-25 14:47:24 +01:00
Tom Gallacher
b35027d34a make: cleaning up targets and add pre-commit hooks 2016-10-25 12:05:29 +01:00
Sérgio Ramos
6df1d14049 base styles based on bootstrap and normalize 2016-10-25 02:15:43 +01:00
Sérgio Ramos
410f5a93e5 ui grid system - grid, row and column 2016-10-24 21:58:09 +01:00
Sérgio Ramos
d717f2356b grid component 2016-10-24 17:38:46 +01:00
Sérgio Ramos
e5c226fa9c create empty guidelines 2016-10-24 14:14:03 +01:00