Commit Graph

266 Commits

Author SHA1 Message Date
Alex Windett
92887e12c5 updating tabs css 2017-01-12 11:26:29 +00:00
Alex Windett
a5bb1f9dda wrapping toggle in base and removing margin on hidden label 2017-01-12 11:26:29 +00:00
JUDIT GRESKOVITS
ea79adaa38 Add AddMetrics functionality and move AddMetric component story to folder 2017-01-12 10:25:20 +00:00
Sérgio Ramos
2095eaf00c recursive service item with metrics 2017-01-11 17:46:13 +00:00
Alex Windett
1b0fd13940 removing height on input component 2017-01-11 17:05:55 +00:00
Alex Windett
56d9a5ba46 creating textarea component 2017-01-11 17:04:07 +00:00
Alex Windett
68b418c7d2 moving more components over to new storybook structure 2017-01-11 14:44:58 +00:00
Alex Windett
8f2e140cbe moving stories to directory folders 2017-01-11 14:22:42 +00:00
Sérgio Ramos
0b775fb600 borderless MiniMetric 2017-01-11 14:14:45 +00:00
Sérgio Ramos
3433c24bee better handling of collapsed states for ListItem 2017-01-11 14:14:45 +00:00
Alex Windett
0b7473d9de moving avatar story and data used for it 2017-01-11 14:03:53 +00:00
Alex Windett
900268ab27 allowing component directories to contain there own stories for storybook. A component directory should now contain index.js, story.js and readme.md 2017-01-11 12:28:45 +00:00
Alex Windett
62b7524e53 Fixing <Close /> component`s requring of svg and adding to test file 2017-01-11 11:59:06 +00:00
Alex Windett
ed0b28ca17 adding in error handling for inpupt component 2017-01-11 11:59:06 +00:00
Alex Windett
4c80ca619f making notifcations closable by adding function to props 2017-01-11 11:59:06 +00:00
Alex Windett
0cc21f83d9 creating close icon component 2017-01-11 11:59:06 +00:00
JUDIT GRESKOVITS
df66179b5d Merge branch 'master' of https://github.com/yldio/joyent-portal 2017-01-11 10:15:19 +00:00
JUDIT GRESKOVITS
c82432dd9d Rewrite AddMetric component so that it works with react-intl and conforms to other similar components 2017-01-11 10:14:56 +00:00
Sérgio Ramos
8cb26623f8 make MiniMetrics almost responsive 2017-01-10 19:19:18 +00:00
Sérgio Ramos
afdef33aff split mini-metrics into multiple components 2017-01-10 18:06:11 +00:00
Sérgio Ramos
0cba80f4e9 rm duplicated variable 2017-01-10 18:06:11 +00:00
Sérgio Ramos
c9ea9117f0 extract service item to it's own component 2017-01-10 18:06:11 +00:00
Sérgio Ramos
270842db55 anchor UI element 2017-01-10 18:06:11 +00:00
Sérgio Ramos
3d3b9faa0e remove links constants 2017-01-10 18:06:11 +00:00
Alex Windett
848450e023 reworking notification component 2017-01-10 16:52:08 +00:00
Alex Windett
c31d08a15c updating base and wrapping input in Base element in storybook 2017-01-10 14:51:11 +00:00
Alex Windett
9454238404 creating function to generate fonts from arrays 2017-01-10 12:11:19 +00:00
Alex Windett
9fa54a12e9 adding in box shadow and changign max returned iterations 2017-01-10 12:11:19 +00:00
Sérgio Ramos
acbd18a505 fix eslint raised issues 2017-01-09 22:20:54 +00:00
Sérgio Ramos
b67fb7c50e GroupView ui component for ListItem 2017-01-09 22:14:10 +00:00
Sérgio Ramos
eb8cc3bb48 stacked ListItem 2017-01-09 20:33:32 +00:00
Sérgio Ramos
7b73e82237 headed list item ui component 2017-01-09 19:09:31 +00:00
Alex Windett
98933873c1 refactoring toggle component 2017-01-09 18:22:43 +00:00
Alex Windett
0b8b1ee379 updating toggle ui component 2017-01-09 18:22:43 +00:00
JUDIT GRESKOVITS
3ab2221ca3 Add AddMetric component and redux-form-proxy 2017-01-09 18:11:01 +00:00
JUDIT GRESKOVITS
3e33f4bf6d Add AddMetric component and redux-form-proxy 2017-01-09 17:57:49 +00:00
Sérgio Ramos
77ac03962e allow to use button as a function 2017-01-09 12:37:25 +00:00
Sérgio Ramos
69627def2a don't apply font, size and color to every element 2017-01-09 12:36:44 +00:00
Sérgio Ramos
83d5350c81 list item ui component 2017-01-09 12:13:12 +00:00
Sérgio Ramos
73240d9165 anchor button 2017-01-09 12:01:26 +00:00
Sérgio Ramos
b66d32f33d add LibreFranklin font-family 2017-01-09 11:52:51 +00:00
Alex Windett
60db73fe0d adding react-select to ui 2017-01-06 15:14:38 +00:00
Tom Gallacher
1e50e4d7aa Update styles for MiniMetric's 2017-01-06 11:06:40 +00:00
Tom Gallacher
7fe98d915b Add MiniMetric component 2017-01-05 13:48:37 +00:00
Sérgio Ramos
954ea0387e fix button active state 2017-01-04 18:52:07 +00:00
Sérgio Ramos
68aa758b64 update brand colors 2017-01-04 18:52:07 +00:00
Alex Windett
3e3eab4c69 updating and refactoring constants 2017-01-03 14:53:34 +00:00
Sérgio Ramos
f9cf402621 allow basic Column (without flex) 2017-01-03 11:49:18 +00:00
Alex Windett
172cc3d447 implimenting tooltip component 2016-12-21 11:19:59 +00:00
Alex Windett
5513f58335 improving radio component - removing after pseudo element and using only before with borders, backgrounds and fills 2016-12-21 11:19:59 +00:00
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