Commit Graph

346 Commits

Author SHA1 Message Date
JUDIT GRESKOVITS
55be4bbaa8 Resolving ocnflict 2017-01-13 18:17:27 +00:00
Tom Gallacher
4953ae36ea Fixing fonts 2017-01-13 18:14:25 +00:00
JUDIT GRESKOVITS
54524d23df Add Metric header and add svg inlining to webpack with new loader to style svgs with css 2017-01-13 18:08:43 +00:00
Alex Windett
1af66477d3 adding in explenation for file 2017-01-13 16:12:41 +00:00
Alex Windett
3ecedf94d6 adding baseunit objects to constants 2017-01-13 15:38:57 +00:00
Tom Gallacher
8513d8c904 Fixing the build 2017-01-13 12:43:47 +00:00
Sérgio Ramos
474cb6bfce fix borderRadius rems 2017-01-12 19:41:04 +00:00
Sérgio Ramos
124ec8e6d3 convert every px measure into rem 2017-01-12 19:04:52 +00:00
Tom Gallacher
dcba0ab5c7 Merge pull request #149 from yldio/topology-view
Topology view
2017-01-12 15:09:32 +00:00
Alex Windett
268d17bb4a styling modal and usuing React Close component instead of styled button 2017-01-12 14:19:35 +00:00
Tom Gallacher
6f3a0d8c07 Merge branch 'master' of github.com:yldio/joyent-dashboard into topology-view 2017-01-12 14:00:44 +00:00
Tom Gallacher
664ac4651d Topology view 2017-01-12 13:02:20 +00:00
JUDIT GRESKOVITS
4866b3585f Merge branch 'master' of https://github.com/yldio/joyent-portal 2017-01-12 12:39:16 +00:00
JUDIT GRESKOVITS
894189e890 Resolving conflict 2017-01-12 12:17:25 +00:00
Alex Windett
7dffed145c adding success and error styles to input filed 2017-01-12 12:09:35 +00:00
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
a820655eb0 removing unused typography values 2017-01-10 14:48:34 +00:00
Alex Windett
8f75a6fd6e removing html data property on base elemenet used for testing and removing double string interpolation in font function 2017-01-10 13:38:13 +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
71ff28841a remove css leftover 2017-01-09 19:09:31 +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
26d3b82703 sperating constants into relevant files and exporting from index 2017-01-03 15:46:43 +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
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
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
Sérgio Ramos
991d8d5328 no empty readmes 2016-10-25 19:49:05 +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
Alex Windett
42dd083daf add new colors to constants 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
Sérgio Ramos
64a01dff71 bootstrap ui framework 2016-10-24 11:02:18 +01:00