Skip to content

Commit 119e815

Browse files
tassoevantassoevan
authored
feat: Custom prop types and more props to Box (#181)
1 parent ac147fd commit 119e815

File tree

137 files changed

+1781
-1628
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

137 files changed

+1781
-1628
lines changed

‎.circleci/config.yml

-2
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,6 @@ jobs:
3131
- checkout
3232
- run: yarn
3333
- run: yarn lerna run build --stream
34-
- run: yarn lerna run test:results --scope @rocket.chat/fuselage --stream
3534
- run: yarn lerna run build-storybook --scope @rocket.chat/fuselage --stream
3635
- run:
3736
command: |
@@ -101,7 +100,6 @@ jobs:
101100
steps:
102101
- attach_workspace:
103102
at: ~/repo
104-
- run: yarn lerna run test:results --scope @rocket.chat/fuselage --stream
105103
- run: .circleci/deploy-storybooks.js
106104

107105
workflows:

‎packages/css-in-js/flow-typed/npm/@emotion/hash_vx.x.x.js

+77
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
// flow-typed signature: fbfc591f361ab1592f06c35558fd09d4
2+
// flow-typed version: <<STUB>>/@emotion/hash_v0.8.0/flow_v0.121.0
3+
4+
/**
5+
* This is an autogenerated libdef stub for:
6+
*
7+
* '@emotion/hash'
8+
*
9+
* Fill this stub out by replacing all the `any` types.
10+
*
11+
* Once filled out, we encourage you to share your work with the
12+
* community by sending a pull request to:
13+
* https://github.com/flowtype/flow-typed
14+
*/
15+
16+
declare module '@emotion/hash' {
17+
declare module.exports: any;
18+
}
19+
20+
/**
21+
* We include stubs for each file inside this npm package in case you need to
22+
* require those files directly. Feel free to delete any files that aren't
23+
* needed.
24+
*/
25+
declare module '@emotion/hash/dist/hash.browser.cjs' {
26+
declare module.exports: any;
27+
}
28+
29+
declare module '@emotion/hash/dist/hash.browser.esm' {
30+
declare module.exports: any;
31+
}
32+
33+
declare module '@emotion/hash/dist/hash.cjs.dev' {
34+
declare module.exports: any;
35+
}
36+
37+
declare module '@emotion/hash/dist/hash.cjs' {
38+
declare module.exports: any;
39+
}
40+
41+
declare module '@emotion/hash/dist/hash.cjs.prod' {
42+
declare module.exports: any;
43+
}
44+
45+
declare module '@emotion/hash/dist/hash.esm' {
46+
declare module.exports: any;
47+
}
48+
49+
declare module '@emotion/hash/src' {
50+
declare module.exports: any;
51+
}
52+
53+
// Filename aliases
54+
declare module '@emotion/hash/dist/hash.browser.cjs.js' {
55+
declare module.exports: $Exports<'@emotion/hash/dist/hash.browser.cjs'>;
56+
}
57+
declare module '@emotion/hash/dist/hash.browser.esm.js' {
58+
declare module.exports: $Exports<'@emotion/hash/dist/hash.browser.esm'>;
59+
}
60+
declare module '@emotion/hash/dist/hash.cjs.dev.js' {
61+
declare module.exports: $Exports<'@emotion/hash/dist/hash.cjs.dev'>;
62+
}
63+
declare module '@emotion/hash/dist/hash.cjs.js' {
64+
declare module.exports: $Exports<'@emotion/hash/dist/hash.cjs'>;
65+
}
66+
declare module '@emotion/hash/dist/hash.cjs.prod.js' {
67+
declare module.exports: $Exports<'@emotion/hash/dist/hash.cjs.prod'>;
68+
}
69+
declare module '@emotion/hash/dist/hash.esm.js' {
70+
declare module.exports: $Exports<'@emotion/hash/dist/hash.esm'>;
71+
}
72+
declare module '@emotion/hash/src/index' {
73+
declare module.exports: $Exports<'@emotion/hash/src'>;
74+
}
75+
declare module '@emotion/hash/src/index.js' {
76+
declare module.exports: $Exports<'@emotion/hash/src'>;
77+
}

‎packages/css-in-js/src/sheet.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,8 @@ export const referenceRules = (rules: string) => {
8989
return () => {};
9090
}
9191

92-
const reference = { count: 0, ...references[rules] };
92+
const reference = references[rules] || { count: 0 };
93+
references[rules] = reference;
9394

9495
if (reference.count === 0) {
9596
reference.detachRules = attachRules(rules);

‎packages/fuselage-tokens/all.js

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export { default as breakpoints } from './breakpoints';
2+
export { default as colors } from './colors';
3+
export { default as typography } from './typography';

‎packages/fuselage-tokens/all.scss

+1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
1+
@import './breakpoints.scss';
12
@import './colors.scss';
23
@import './typography.scss';

‎packages/fuselage-tokens/breakpoints.js

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
export default {
2+
xs: {
3+
minViewportWidth: null,
4+
columns: 4,
5+
gutterWidth: 16,
6+
},
7+
sm: {
8+
minViewportWidth: 600,
9+
columns: 8,
10+
gutterWidth: 16,
11+
},
12+
md: {
13+
minViewportWidth: 768,
14+
columns: 8,
15+
gutterWidth: 24,
16+
},
17+
lg: {
18+
minViewportWidth: 1024,
19+
columns: 12,
20+
gutterWidth: 24,
21+
},
22+
xl: {
23+
minViewportWidth: 1440,
24+
columns: 12,
25+
gutterWidth: 24,
26+
},
27+
};

‎packages/fuselage-tokens/breakpoints.scss

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
$breakpoints: (
2+
xs: (
3+
min-viewport-width: null,
4+
columns: 4,
5+
gutter-width: 16,
6+
),
7+
sm: (
8+
min-viewport-width: 600,
9+
columns: 8,
10+
gutter-width: 16,
11+
),
12+
md: (
13+
min-viewport-width: 768,
14+
columns: 8,
15+
gutter-width: 24,
16+
),
17+
lg: (
18+
min-viewport-width: 1024,
19+
columns: 12,
20+
gutter-width: 24,
21+
),
22+
xl: (
23+
min-viewport-width: 1440,
24+
columns: 12,
25+
gutter-width: 24,
26+
),
27+
);

‎packages/fuselage-tokens/colors.js

+80
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
export default {
2+
// Neutral
3+
n100: '#f7f8fa',
4+
n200: '#f2f3f5',
5+
n300: '#eeeff1',
6+
n400: '#e4e7ea',
7+
n500: '#cbced1',
8+
n600: '#9ea2a8',
9+
n700: '#6c727a',
10+
n800: '#2f343d',
11+
n900: '#1f2329',
12+
13+
// Blues
14+
b100: '#e8f2ff',
15+
b200: '#d1ebfe',
16+
b300: '#76b7fc',
17+
b400: '#549df9',
18+
b500: '#1d74f5',
19+
b600: '#095ad2',
20+
b700: '#10529e',
21+
b800: '#01336b',
22+
b900: '#012247',
23+
24+
// Greens
25+
g100: '#e5fbf4',
26+
g200: '#c0f6e4',
27+
g300: '#96f0d2',
28+
g400: '#6ce9c0',
29+
g500: '#2de0a5',
30+
g600: '#1ecb92',
31+
g700: '#19ac7c',
32+
g800: '#158d65',
33+
g900: '#106d4f',
34+
35+
// Reds
36+
r100: '#fddade',
37+
r200: '#fbb5be',
38+
r300: '#f98f9d',
39+
r400: '#f76a7d',
40+
r500: '#f5455c',
41+
r600: '#db0c27',
42+
r700: '#b30a20',
43+
r800: '#8b0719',
44+
r900: '#630512',
45+
46+
// Yellows
47+
y100: '#fff6d6',
48+
y200: '#ffecad',
49+
y300: '#ffe383',
50+
y400: '#ffd95a',
51+
y500: '#ffd031',
52+
y600: '#f3be08',
53+
y700: '#dfac00',
54+
y800: '#b68d00',
55+
y900: '#8e6d00',
56+
57+
// Purples
58+
p100: '#f9effc',
59+
p200: '#edd0f7',
60+
p300: '#dca0ef',
61+
p400: '#ca71e7',
62+
p500: '#9f22c7',
63+
p600: '#7f1b9f',
64+
p700: '#5f1477',
65+
p800: '#4a105d',
66+
p900: '#350b42',
67+
68+
// Oranges
69+
o100: '#fde8d7',
70+
o200: '#fad1b0',
71+
o300: '#f7b27b',
72+
o400: '#f59b53',
73+
o500: '#f38c39',
74+
o600: '#e26d0e',
75+
o700: '#bd5a0b',
76+
o800: '#974809',
77+
o900: '#713607',
78+
79+
white: '#ffffff',
80+
};

0 commit comments

Comments
 (0)