baseui 0.0.0-next-b049e30 → 0.0.0-next-e56fadb

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/es/locale/index.js +2 -1
  2. package/es/tokens/colors.js +24 -0
  3. package/esm/locale/index.js +4 -1
  4. package/esm/tokens/colors.js +24 -0
  5. package/locale/index.js +4 -1
  6. package/package.json +2 -4
  7. package/tokens/colors.js +24 -0
  8. package/tokens/colors.js.flow +27 -0
  9. package/tokens/types.d.ts +24 -0
package/es/locale/index.js CHANGED
@@ -14,8 +14,9 @@ const LocaleProvider = props => {
14
14
  locale,
15
15
  children
16
16
  } = props;
17
+ const parentLocale = React.useContext(LocaleContext) ?? {};
17
18
  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
18
- value: extend({}, en_US, locale)
19
+ value: extend({}, en_US, parentLocale, locale)
19
20
  }, children);
20
21
  };
21
22
 
package/es/tokens/colors.js CHANGED
@@ -50,6 +50,14 @@ const colors = {
50
50
  yellow500: '#BC8B2C',
51
51
  yellow600: '#996F00',
52
52
  yellow700: '#674D1B',
53
+ lime50: '#F2F7ED',
54
+ lime100: '#E0ECD2',
55
+ lime200: '#BCD69D',
56
+ lime300: '#8BB956',
57
+ lime400: '#67A421',
58
+ lime500: '#4E7C19',
59
+ lime600: '#3D6213',
60
+ lime700: '#29410d',
53
61
  green50: '#E6F2ED',
54
62
  green100: '#ADDEC9',
55
63
  green200: '#66D19E',
@@ -58,6 +66,14 @@ const colors = {
58
66
  green500: '#03703C',
59
67
  green600: '#03582F',
60
68
  green700: '#10462D',
69
+ teal50: '#EDF5F7',
70
+ teal100: '#D2E8EC',
71
+ teal200: '#9DCDD6',
72
+ teal300: '#56A9B9',
73
+ teal400: '#218EA4',
74
+ teal500: '#196B7C',
75
+ teal600: '#135562',
76
+ teal700: '#0D3841',
61
77
  blue50: '#EFF3FE',
62
78
  blue100: '#D4E2FC',
63
79
  blue200: '#A0BFF8',
@@ -82,6 +98,14 @@ const colors = {
82
98
  purple500: '#574191',
83
99
  purple600: '#453473',
84
100
  purple700: '#2E224C',
101
+ magenta50: '#F9F1F7',
102
+ magenta100: '#F2DDEB',
103
+ magenta200: '#E2B4D3',
104
+ magenta300: '#CE7EB3',
105
+ magenta400: '#BF569C',
106
+ magenta500: '#914176',
107
+ magenta600: '#72335D',
108
+ magenta700: '#4C223E',
85
109
  brown50: '#F6F0EA',
86
110
  brown100: '#EBE0DB',
87
111
  brown200: '#D2BBB0',
package/esm/locale/index.js CHANGED
@@ -10,10 +10,13 @@ import en_US from './en_US';
10
10
  export var LocaleContext = /*#__PURE__*/React.createContext(en_US);
11
11
 
12
12
  var LocaleProvider = function LocaleProvider(props) {
13
+ var _React$useContext;
14
+
13
15
  var locale = props.locale,
14
16
  children = props.children;
17
+ var parentLocale = (_React$useContext = React.useContext(LocaleContext)) !== null && _React$useContext !== void 0 ? _React$useContext : {};
15
18
  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
16
- value: extend({}, en_US, locale)
19
+ value: extend({}, en_US, parentLocale, locale)
17
20
  }, children);
18
21
  };
19
22
 
package/esm/tokens/colors.js CHANGED
@@ -50,6 +50,14 @@ var colors = {
50
50
  yellow500: '#BC8B2C',
51
51
  yellow600: '#996F00',
52
52
  yellow700: '#674D1B',
53
+ lime50: '#F2F7ED',
54
+ lime100: '#E0ECD2',
55
+ lime200: '#BCD69D',
56
+ lime300: '#8BB956',
57
+ lime400: '#67A421',
58
+ lime500: '#4E7C19',
59
+ lime600: '#3D6213',
60
+ lime700: '#29410d',
53
61
  green50: '#E6F2ED',
54
62
  green100: '#ADDEC9',
55
63
  green200: '#66D19E',
@@ -58,6 +66,14 @@ var colors = {
58
66
  green500: '#03703C',
59
67
  green600: '#03582F',
60
68
  green700: '#10462D',
69
+ teal50: '#EDF5F7',
70
+ teal100: '#D2E8EC',
71
+ teal200: '#9DCDD6',
72
+ teal300: '#56A9B9',
73
+ teal400: '#218EA4',
74
+ teal500: '#196B7C',
75
+ teal600: '#135562',
76
+ teal700: '#0D3841',
61
77
  blue50: '#EFF3FE',
62
78
  blue100: '#D4E2FC',
63
79
  blue200: '#A0BFF8',
@@ -82,6 +98,14 @@ var colors = {
82
98
  purple500: '#574191',
83
99
  purple600: '#453473',
84
100
  purple700: '#2E224C',
101
+ magenta50: '#F9F1F7',
102
+ magenta100: '#F2DDEB',
103
+ magenta200: '#E2B4D3',
104
+ magenta300: '#CE7EB3',
105
+ magenta400: '#BF569C',
106
+ magenta500: '#914176',
107
+ magenta600: '#72335D',
108
+ magenta700: '#4C223E',
85
109
  brown50: '#F6F0EA',
86
110
  brown100: '#EBE0DB',
87
111
  brown200: '#D2BBB0',
package/locale/index.js CHANGED
@@ -29,10 +29,13 @@ var LocaleContext = /*#__PURE__*/React.createContext(_en_US.default);
29
29
  exports.LocaleContext = LocaleContext;
30
30
 
31
31
  var LocaleProvider = function LocaleProvider(props) {
32
+ var _React$useContext;
33
+
32
34
  var locale = props.locale,
33
35
  children = props.children;
36
+ var parentLocale = (_React$useContext = React.useContext(LocaleContext)) !== null && _React$useContext !== void 0 ? _React$useContext : {};
34
37
  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
35
- value: (0, _justExtend.default)({}, _en_US.default, locale)
38
+ value: (0, _justExtend.default)({}, _en_US.default, parentLocale, locale)
36
39
  }, children);
37
40
  };
38
41
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-b049e30",
3
+ "version": "0.0.0-next-e56fadb",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",
@@ -85,7 +85,7 @@
85
85
  "@date-io/luxon": "^2.7.0",
86
86
  "@date-io/moment": "^2.7.0",
87
87
  "@dubstep/core": "^3.5.3",
88
- "@ladle/react": "^1.0.1",
88
+ "@ladle/react": "^2.0.2",
89
89
  "@mdx-js/tag": "^0.20.0",
90
90
  "@octokit/rest": "^16.33.1",
91
91
  "@playwright/test": "^1.22.2",
@@ -145,7 +145,6 @@
145
145
  "eslint-plugin-react": "^7.27.0",
146
146
  "eslint-plugin-react-hooks": "3.0.0",
147
147
  "flow-bin": "0.131.0",
148
- "flow-remove-types": "^2.179.0",
149
148
  "globby": "^10.0.1",
150
149
  "husky": "^3.0.0",
151
150
  "isomorphic-fetch": "^2.2.1",
@@ -187,7 +186,6 @@
187
186
  "react-view": "^2.3.3",
188
187
  "react-vis": "^1.11.6",
189
188
  "remove-flow-types-loader": "^1.1.0",
190
- "rollup-pluginutils": "^2.8.2",
191
189
  "semver": "^6.2.0",
192
190
  "shx": "^0.3.2",
193
191
  "static-server": "^2.2.1",
package/tokens/colors.js CHANGED
@@ -57,6 +57,14 @@ var colors = {
57
57
  yellow500: '#BC8B2C',
58
58
  yellow600: '#996F00',
59
59
  yellow700: '#674D1B',
60
+ lime50: '#F2F7ED',
61
+ lime100: '#E0ECD2',
62
+ lime200: '#BCD69D',
63
+ lime300: '#8BB956',
64
+ lime400: '#67A421',
65
+ lime500: '#4E7C19',
66
+ lime600: '#3D6213',
67
+ lime700: '#29410d',
60
68
  green50: '#E6F2ED',
61
69
  green100: '#ADDEC9',
62
70
  green200: '#66D19E',
@@ -65,6 +73,14 @@ var colors = {
65
73
  green500: '#03703C',
66
74
  green600: '#03582F',
67
75
  green700: '#10462D',
76
+ teal50: '#EDF5F7',
77
+ teal100: '#D2E8EC',
78
+ teal200: '#9DCDD6',
79
+ teal300: '#56A9B9',
80
+ teal400: '#218EA4',
81
+ teal500: '#196B7C',
82
+ teal600: '#135562',
83
+ teal700: '#0D3841',
68
84
  blue50: '#EFF3FE',
69
85
  blue100: '#D4E2FC',
70
86
  blue200: '#A0BFF8',
@@ -89,6 +105,14 @@ var colors = {
89
105
  purple500: '#574191',
90
106
  purple600: '#453473',
91
107
  purple700: '#2E224C',
108
+ magenta50: '#F9F1F7',
109
+ magenta100: '#F2DDEB',
110
+ magenta200: '#E2B4D3',
111
+ magenta300: '#CE7EB3',
112
+ magenta400: '#BF569C',
113
+ magenta500: '#914176',
114
+ magenta600: '#72335D',
115
+ magenta700: '#4C223E',
92
116
  brown50: '#F6F0EA',
93
117
  brown100: '#EBE0DB',
94
118
  brown200: '#D2BBB0',
package/tokens/colors.js.flow CHANGED
@@ -58,6 +58,15 @@ const colors: ColorTokensT = {
58
58
  yellow600: '#996F00',
59
59
  yellow700: '#674D1B',
60
60
 
61
+ lime50: '#F2F7ED',
62
+ lime100: '#E0ECD2',
63
+ lime200: '#BCD69D',
64
+ lime300: '#8BB956',
65
+ lime400: '#67A421',
66
+ lime500: '#4E7C19',
67
+ lime600: '#3D6213',
68
+ lime700: '#29410d',
69
+
61
70
  green50: '#E6F2ED',
62
71
  green100: '#ADDEC9',
63
72
  green200: '#66D19E',
@@ -67,6 +76,15 @@ const colors: ColorTokensT = {
67
76
  green600: '#03582F',
68
77
  green700: '#10462D',
69
78
 
79
+ teal50: '#EDF5F7',
80
+ teal100: '#D2E8EC',
81
+ teal200: '#9DCDD6',
82
+ teal300: '#56A9B9',
83
+ teal400: '#218EA4',
84
+ teal500: '#196B7C',
85
+ teal600: '#135562',
86
+ teal700: '#0D3841',
87
+
70
88
  blue50: '#EFF3FE',
71
89
  blue100: '#D4E2FC',
72
90
  blue200: '#A0BFF8',
@@ -94,6 +112,15 @@ const colors: ColorTokensT = {
94
112
  purple600: '#453473',
95
113
  purple700: '#2E224C',
96
114
 
115
+ magenta50: '#F9F1F7',
116
+ magenta100: '#F2DDEB',
117
+ magenta200: '#E2B4D3',
118
+ magenta300: '#CE7EB3',
119
+ magenta400: '#BF569C',
120
+ magenta500: '#914176',
121
+ magenta600: '#72335D',
122
+ magenta700: '#4C223E',
123
+
97
124
  brown50: '#F6F0EA',
98
125
  brown100: '#EBE0DB',
99
126
  brown200: '#D2BBB0',
package/tokens/types.d.ts CHANGED
@@ -28,6 +28,14 @@ export declare type ColorTokens = {
28
28
  blue500: string;
29
29
  blue600: string;
30
30
  blue700: string;
31
+ teal50: string;
32
+ teal100: string;
33
+ teal200: string;
34
+ teal300: string;
35
+ teal400: string;
36
+ teal500: string;
37
+ teal600: string;
38
+ teal700: string;
31
39
  red50: string;
32
40
  red100: string;
33
41
  red200: string;
@@ -52,6 +60,14 @@ export declare type ColorTokens = {
52
60
  orange500: string;
53
61
  orange600: string;
54
62
  orange700: string;
63
+ magenta50: string;
64
+ magenta100: string;
65
+ magenta200: string;
66
+ magenta300: string;
67
+ magenta400: string;
68
+ magenta500: string;
69
+ magenta600: string;
70
+ magenta700: string;
55
71
  purple50: string;
56
72
  purple100: string;
57
73
  purple200: string;
@@ -68,6 +84,14 @@ export declare type ColorTokens = {
68
84
  yellow500: string;
69
85
  yellow600: string;
70
86
  yellow700: string;
87
+ lime50: string;
88
+ lime100: string;
89
+ lime200: string;
90
+ lime300: string;
91
+ lime400: string;
92
+ lime500: string;
93
+ lime600: string;
94
+ lime700: string;
71
95
  brown50: string;
72
96
  brown100: string;
73
97
  brown200: string;