Commit Graph

385 Commits

Author SHA1 Message Date
Tom Gallacher
52ca697962 Switch to storybook for ui demo 2016-12-13 12:14:07 +00:00
Tom Gallacher
701b623cab Fix for broken builds due to missing dep 2016-12-13 11:33:17 +00:00
Alex Windett
458d792a17 updating radio group component 2016-12-13 11:01:18 +00:00
Alex Windett
1527989c06 removing duplicate Input story 2016-12-12 16:55:52 +00:00
Alex Windett
66bc166263 adding in es2015 preset - the only fix for ui storybook on my computer 2016-12-12 16:53:20 +00:00
Alex Windett
c92fbdc029 adding in parenthesis for function use on remcalc 2016-12-12 12:17:51 +00:00
Alex Windett
aa7264f000 removing duplicate decleration 2016-12-12 11:05:25 +00:00
Alex Windett
e792c86852 implimenting text input component 2016-12-12 10:59:07 +00:00
Sérgio Ramos
c3db3494f3 fix install-embed-markdown-loader target 2016-12-12 10:28:49 +00:00
Sérgio Ramos
c7272b20b5 enable ui tests 2016-12-12 10:28:48 +00:00
Sérgio Ramos
88a28a9c0c fix linting issues 2016-12-12 10:28:48 +00:00
Sérgio Ramos
569324a285 update dependencies 2016-12-12 10:28:48 +00:00
Sérgio Ramos
05791b83d1 disable stylelint (for now) 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
90346fd7b4 Fix merge issue 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
21c9a77c28 update dependencies 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
e56dabe9d5 Move build target from npm to makefile 2016-12-12 10:28:48 +00:00
Tom Gallacher
d3b374b631 Update yarn.lock 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
d44eeb2d70 fix Tab test 2016-12-06 11:37:18 +00:00
Sérgio Ramos
d055c3a540 fix ui/docs compilation 2016-12-06 10:25:20 +00:00
Sérgio Ramos
08ad220143 frontend compile depends on ui 2016-12-06 10:12:25 +00:00
Sérgio Ramos
3802784099 speedup stylelint 2016-12-05 20:34:17 +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
23dab7b6cf move webpack output to root static 2016-12-05 20:23:36 +00:00
Sérgio Ramos
34abad383a move /tab to /tabs/tab 2016-12-05 20:15:10 +00:00
Sérgio Ramos
0189d7d29a re-organize webpack configuration
- detach plugins configuration
 - use aliases
 - add project root to frontend module resolver
2016-12-05 20:11:55 +00:00
Sérgio Ramos
1d59d105ca remove redundant eslint rule 2016-12-05 20:06:22 +00:00
Sérgio Ramos
de2014335f update dependencies 2016-12-05 20:03:19 +00:00
Alex Windett
7b30859223 removing clearfix and updating component 2016-11-29 14:11:32 +00:00
Alex Windett
12e59cae1e adding notification test 2016-11-28 18:05:07 +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
Tom Gallacher
bea58c5d24 docs: adding container badge for ui 2016-11-04 12:17:28 +00:00
Sérgio Ramos
6e1e855a13 link postcss-mixins with the mixins file 2016-11-03 11:10:46 +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
Tom Gallacher
bbb37322e1 containerpilot: updating names of services 2016-11-01 16:17:49 +00:00
Tom Gallacher
5c0d8e4601 ui: switch to st 2016-11-01 15:30:28 +00:00
Tom Gallacher
24a3f0bee6 ui: moving deployment to static http server 2016-11-01 14:53:24 +00:00
Tom Gallacher
9195f5922a ui: Fixing issues with embed-markdown-loader deps 2016-11-01 13:57:34 +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
Tom Gallacher
96f311369b ui: Fixing installation script for ui 2016-11-01 11:15:50 +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
Alex Windett
e1542996e9 Range Slider - adding in test 2016-10-31 17:28:08 +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
Tom Gallacher
c0e68b4ef6 ci: speedup docker builds and pushes 2016-10-31 17:18:43 +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
Sérgio Ramos
7661a34b27 static subfolders for easier static hosting 2016-10-31 14:42:18 +00:00
Tom Gallacher
286dafca16 ui: run dev server on all interfaces 2016-10-31 14:40:54 +00:00
Tom Gallacher
d66fc3c6e3 make: adding lint-ci task
Fixes #50
2016-10-31 14:17:08 +00:00
Tom Gallacher
c980b1da53 ui: fixing broken build due to missing deps 2016-10-31 13:47:43 +00:00
Tom Gallacher
3a32db085a ui: fixing issue with deployment 2016-10-31 13:33:42 +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
Tom Gallacher
61f290e0d7 make: Adding test-ci make task 2016-10-31 12:02:32 +00:00
Tom Gallacher
329c0f92cc ui: Implementing deploy 2016-10-31 11:13:38 +00:00
Sérgio Ramos
66d82ab84b un-ignore icon component 2016-10-31 11:12:28 +00:00
Sérgio Ramos
e33c8e8146 bootstrap icon component
no real imlementation yet
2016-10-31 11:11:59 +00:00
Alex Windett
3a2378d875 commenting out Icon test as component is not implimented yet 2016-10-31 11:04:35 +00:00
Alex Windett
b398ca3bc9 fixing css functions config object 2016-10-31 11:00:18 +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
033093033a add more component tests 2016-10-28 17:02:23 +01:00
Tom Gallacher
e5909750ea ui: creating docker files for deployment 2016-10-28 16:52:39 +01:00
Sérgio Ramos
d108a14ff4 add simple tests to more components 2016-10-28 16:49:09 +01:00
Sérgio Ramos
3243941056 fix css compose in tests 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
0a08aa84df REM Function - updating function to allow for multiple values to be pased in single arguement 2016-10-27 16:56:01 +01:00
Tom Gallacher
c0b4d21e6f circleci: tests output usable files for circleci 2016-10-27 16:42:56 +01:00
Tom Gallacher
10d0fe39b4 lint: Fixing lint errors 2016-10-27 16:26:26 +01:00
Tom Gallacher
dd259be965 tests: Makefile is now the main truth, away from npm 2016-10-27 16:15:44 +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
ab9c2f88e5 Fix - downgrading postcss-import -> https://github.com/babel/babel-loader/issues/242 2016-10-27 15:19:58 +01:00
Alex Windett
b5ef96370b updating yarn.lock file 2016-10-27 15:06:16 +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
054716d371 rename ui's package name 2016-10-27 10:38:46 +01:00
Sérgio Ramos
935fad1229 don't open browser automatically 2016-10-27 10:38:41 +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
7e88e74095 in development, only build docs/index 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
b8fbde98fa use own grid for showcase 2016-10-26 14:05:07 +01:00
Sérgio Ramos
88df5fce34 initial implementation of checkbox ui component 2016-10-26 14:04:32 +01:00
Sérgio Ramos
c182bc2e76 log embed errors 2016-10-26 14:03:23 +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
bd5a8db896 don't use shadow dom to render markdown (for now) 2016-10-26 11:57:00 +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
ba8c68c461 run a11y checker in development 2016-10-25 20:36:05 +01:00
Sérgio Ramos
6bf401b3bb react and a11y linting 2016-10-25 20:15:33 +01:00
Sérgio Ramos
52deeae260 ignore <Item> left margin on small screens 2016-10-25 19:50:27 +01:00
Sérgio Ramos
991d8d5328 no empty readmes 2016-10-25 19:49:05 +01:00
Tom Gallacher
dfa4ff8bad deps: Fixing yarn.lock 2016-10-25 17:47:46 +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
Sérgio Ramos
1a0ddf25b1 don't depend on graphql for the ui 2016-10-25 14:05:51 +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
f9a631f26e fix postcss loader configuration 2016-10-24 17:38:45 +01:00
Tom Gallacher
eda79704ac make: prefer-offline installs and upgrade nodejs 2016-10-24 16:55:06 +01:00
Tom Gallacher
07e85be03b make: fixing broken includes 2016-10-24 16:00:51 +01:00
Tom Gallacher
cf78ae9d84 Cleaning up Makefiles 2016-10-24 15:52:46 +01:00
Sérgio Ramos
5d89bdb278 use raw-loader for readme files 2016-10-24 14:37:12 +01:00
Sérgio Ramos
76cb98d29b add missing index.html 2016-10-24 14:30:57 +01:00
Sérgio Ramos
6258d6c78b fix Button require 2016-10-24 14:22:42 +01:00
Tom Gallacher
c92ebf30f2 make: refactor make files 2016-10-24 14:14:44 +01:00
Sérgio Ramos
e5c226fa9c create empty guidelines 2016-10-24 14:14:03 +01:00
Sérgio Ramos
5d74a2d66b s/config/base in webpack config 2016-10-24 14:13:02 +01:00
Sérgio Ramos
78fd0dc826 use tabs for ui/Makefile 2016-10-24 13:50:02 +01:00
Sérgio Ramos
a9a19e4476 enable tests on ui 2016-10-24 12:43:32 +01:00
Sérgio Ramos
64a01dff71 bootstrap ui framework 2016-10-24 11:02:18 +01:00