@pingux/astro 2.75.0 → 2.76.0-alpha.0

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 (96) hide show
  1. package/lib/cjs/components/Badge/Badge.styles.d.ts +130 -0
  2. package/lib/cjs/components/Badge/Badge.styles.js +34 -1
  3. package/lib/cjs/components/Button/Button.stories.js +1 -1
  4. package/lib/cjs/components/DataTable/DataTable.js +8 -4
  5. package/lib/cjs/components/DataTable/DataTable.styles.d.ts +1 -0
  6. package/lib/cjs/components/DataTable/DataTable.styles.js +2 -1
  7. package/lib/cjs/components/DataTable/DataTableBadge.js +49 -19
  8. package/lib/cjs/components/DatePicker/DatePicker.js +1 -1
  9. package/lib/cjs/components/ListView/ListView.js +8 -4
  10. package/lib/cjs/components/ListView/ListView.stories.js +1 -1
  11. package/lib/cjs/components/ListView/ListView.styles.d.ts +7 -0
  12. package/lib/cjs/components/ListView/ListView.styles.js +15 -0
  13. package/lib/cjs/components/ListView/ListViewFocusWrapper.js +2 -1
  14. package/lib/cjs/components/ListViewItem/ListViewItem.js +6 -4
  15. package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +7 -1
  16. package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js +1 -1
  17. package/lib/cjs/components/NavBar/NavBar.stories.js +1 -4
  18. package/lib/cjs/components/PanelHeader/PanelHeader.js +1 -1
  19. package/lib/cjs/hooks/useExpandableListViewItem/useExpandableListViewItem.js +1 -6
  20. package/lib/cjs/index.d.ts +1 -0
  21. package/lib/cjs/index.js +8 -0
  22. package/lib/cjs/recipes/ListAndPanel.stories.js +1 -2
  23. package/lib/cjs/recipes/NextGen/DefaultAvatar.stories.d.ts +6 -0
  24. package/lib/cjs/recipes/NextGen/DefaultAvatar.stories.js +41 -0
  25. package/lib/cjs/recipes/NextGen/ListViewNextGen.stories.js +152 -0
  26. package/lib/cjs/recipes/NextGen/ModalNextGen.stories.d.ts +6 -0
  27. package/lib/cjs/recipes/NextGen/ModalNextGen.stories.js +72 -0
  28. package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.d.ts +6 -0
  29. package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.js +233 -0
  30. package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.d.ts +6 -0
  31. package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.js +152 -0
  32. package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +209 -0
  33. package/lib/cjs/styles/themes/next-gen/colors/colors.js +112 -0
  34. package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +2 -0
  35. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +10 -0
  36. package/lib/cjs/styles/themes/next-gen/forms.d.ts +235 -0
  37. package/lib/cjs/styles/themes/next-gen/forms.js +89 -0
  38. package/lib/cjs/styles/themes/next-gen/index.js +14 -0
  39. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +1455 -0
  40. package/lib/cjs/styles/themes/next-gen/next-gen.js +52 -0
  41. package/lib/cjs/styles/themes/next-gen/open_sans.css +1 -0
  42. package/lib/cjs/styles/themes/next-gen/text.d.ts +15 -0
  43. package/lib/cjs/styles/themes/next-gen/text.js +26 -0
  44. package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.d.ts +134 -0
  45. package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js +142 -0
  46. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +574 -0
  47. package/lib/cjs/styles/themes/next-gen/variants/button.js +235 -0
  48. package/lib/cjs/styles/themes/next-gen/variants/input.d.ts +66 -0
  49. package/lib/cjs/styles/themes/next-gen/variants/input.js +140 -0
  50. package/lib/cjs/styles/themes/next-gen/variants/label.d.ts +2 -0
  51. package/lib/cjs/styles/themes/next-gen/variants/label.js +34 -0
  52. package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +19 -0
  53. package/lib/cjs/styles/themes/next-gen/variants/text.js +27 -0
  54. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +564 -0
  55. package/lib/cjs/styles/themes/next-gen/variants/variants.js +462 -0
  56. package/lib/cjs/styles/variants/variants.js +2 -0
  57. package/lib/cjs/types/dataTable.d.ts +1 -1
  58. package/lib/cjs/types/listView.d.ts +1 -0
  59. package/lib/components/Badge/Badge.styles.js +34 -1
  60. package/lib/components/Button/Button.stories.js +1 -1
  61. package/lib/components/DataTable/DataTable.js +8 -4
  62. package/lib/components/DataTable/DataTable.styles.js +2 -1
  63. package/lib/components/DataTable/DataTableBadge.js +49 -19
  64. package/lib/components/DatePicker/DatePicker.js +1 -1
  65. package/lib/components/ListView/ListView.js +8 -4
  66. package/lib/components/ListView/ListView.stories.js +1 -1
  67. package/lib/components/ListView/ListView.styles.js +7 -0
  68. package/lib/components/ListView/ListViewFocusWrapper.js +2 -1
  69. package/lib/components/ListViewItem/ListViewItem.js +6 -4
  70. package/lib/components/ListViewItem/ListViewItem.styles.js +7 -1
  71. package/lib/components/MultivaluesField/DefaultMultivaluesField.js +1 -1
  72. package/lib/components/NavBar/NavBar.stories.js +1 -4
  73. package/lib/components/PanelHeader/PanelHeader.js +1 -1
  74. package/lib/hooks/useExpandableListViewItem/useExpandableListViewItem.js +1 -6
  75. package/lib/index.js +1 -0
  76. package/lib/recipes/ListAndPanel.stories.js +1 -2
  77. package/lib/recipes/NextGen/DefaultAvatar.stories.js +31 -0
  78. package/lib/recipes/NextGen/ListViewNextGen.stories.js +142 -0
  79. package/lib/recipes/NextGen/ModalNextGen.stories.js +62 -0
  80. package/lib/recipes/NextGen/NavBarNextGen.stories.js +223 -0
  81. package/lib/recipes/NextGen/NextGenDataTable.stories.js +142 -0
  82. package/lib/styles/themes/next-gen/colors/colors.js +101 -0
  83. package/lib/styles/themes/next-gen/convertedComponentList.js +2 -0
  84. package/lib/styles/themes/next-gen/forms.js +75 -0
  85. package/lib/styles/themes/next-gen/index.js +1 -0
  86. package/lib/styles/themes/next-gen/next-gen.js +40 -0
  87. package/lib/styles/themes/next-gen/open_sans.css +1 -0
  88. package/lib/styles/themes/next-gen/text.js +16 -0
  89. package/lib/styles/themes/next-gen/tokens/colorTokens.js +134 -0
  90. package/lib/styles/themes/next-gen/variants/button.js +227 -0
  91. package/lib/styles/themes/next-gen/variants/input.js +131 -0
  92. package/lib/styles/themes/next-gen/variants/label.js +26 -0
  93. package/lib/styles/themes/next-gen/variants/text.js +19 -0
  94. package/lib/styles/themes/next-gen/variants/variants.js +452 -0
  95. package/lib/styles/variants/variants.js +2 -0
  96. package/package.json +3 -1
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
5
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
6
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
7
+ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
9
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
10
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
11
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
12
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
13
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
14
+ _Object$defineProperty(exports, "__esModule", {
15
+ value: true
16
+ });
17
+ exports["default"] = void 0;
18
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
19
+ var _deepmerge = _interopRequireDefault(require("deepmerge"));
20
+ var _theme = _interopRequireDefault(require("../../theme.js"));
21
+ var _colors = _interopRequireDefault(require("./colors/colors"));
22
+ var _button = _interopRequireDefault(require("./variants/button"));
23
+ var _text = require("./variants/text");
24
+ var _variants = _interopRequireWildcard(require("./variants/variants"));
25
+ var _forms = _interopRequireDefault(require("./forms"));
26
+ var _text2 = require("./text");
27
+ require("./open_sans.css");
28
+ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
30
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
31
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
32
+ var nextGenTheme = {
33
+ name: 'Next Gen',
34
+ colors: _colors["default"],
35
+ buttons: _button["default"],
36
+ forms: _forms["default"],
37
+ fontWeights: _text2.fontWeights,
38
+ lineHeights: {
39
+ body: '1.5'
40
+ },
41
+ text: _text.text,
42
+ fonts: {
43
+ standard: '"Open Sans", sans-serif',
44
+ body: '"Open Sans", sans-serif',
45
+ heading: '"Open Sans", sans-serif'
46
+ },
47
+ badges: _variants.badges,
48
+ variants: _variants["default"]
49
+ };
50
+ var mergedTheme = (0, _deepmerge["default"])(_theme["default"], nextGenTheme);
51
+ var _default = _objectSpread({}, mergedTheme);
52
+ exports["default"] = _default;
@@ -0,0 +1 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@@ -0,0 +1,15 @@
1
+ export declare const fontSizes: {
2
+ xs: number;
3
+ sm: number;
4
+ md: number;
5
+ lg: number;
6
+ xl: number;
7
+ xx: number;
8
+ };
9
+ export declare const fontWeights: {
10
+ [-1]: number;
11
+ 0: number;
12
+ 1: number;
13
+ 2: number;
14
+ 3: number;
15
+ };
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
+ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
5
+ _Object$defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.fontWeights = exports.fontSizes = void 0;
9
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
10
+ var _fontWeights;
11
+ var baseSize = 15;
12
+ var majorMultiplier = 1.15;
13
+ var getFontSize = function getFontSize(major) {
14
+ return Math.round(baseSize * Math.pow(majorMultiplier, major));
15
+ };
16
+ var fontSizes = {
17
+ 'xs': getFontSize(-2),
18
+ 'sm': getFontSize(-1),
19
+ 'md': getFontSize(0),
20
+ 'lg': getFontSize(1),
21
+ 'xl': getFontSize(2),
22
+ 'xx': getFontSize(3)
23
+ };
24
+ exports.fontSizes = fontSizes;
25
+ var fontWeights = (_fontWeights = {}, (0, _defineProperty2["default"])(_fontWeights, -1, 400), (0, _defineProperty2["default"])(_fontWeights, 0, 400), (0, _defineProperty2["default"])(_fontWeights, 1, 400), (0, _defineProperty2["default"])(_fontWeights, 2, 600), (0, _defineProperty2["default"])(_fontWeights, 3, 600), _fontWeights);
26
+ exports.fontWeights = fontWeights;
@@ -0,0 +1,134 @@
1
+ export declare const nextGenColors: {
2
+ white: string;
3
+ 'blue-100': string;
4
+ 'blue-200': string;
5
+ 'blue-300': string;
6
+ 'blue-400': string;
7
+ 'blue-500': string;
8
+ 'blue-600': string;
9
+ 'blue-700': string;
10
+ 'blue-800': string;
11
+ 'blue-900': string;
12
+ blue: string;
13
+ 'indigo-100': string;
14
+ 'indigo-200': string;
15
+ 'indigo-300': string;
16
+ 'indigo-400': string;
17
+ 'indigo-500': string;
18
+ 'indigo-600': string;
19
+ 'indigo-700': string;
20
+ 'indigo-800': string;
21
+ 'indigo-900': string;
22
+ indigo: string;
23
+ 'purple-100': string;
24
+ 'purple-200': string;
25
+ 'purple-300': string;
26
+ 'purple-400': string;
27
+ 'purple-500': string;
28
+ 'purple-600': string;
29
+ 'purple-700': string;
30
+ 'purple-800': string;
31
+ 'purple-900': string;
32
+ purple: string;
33
+ 'pink-100': string;
34
+ 'pink-200': string;
35
+ 'pink-300': string;
36
+ 'pink-400': string;
37
+ 'pink-500': string;
38
+ 'pink-600': string;
39
+ 'pink-700': string;
40
+ 'pink-800': string;
41
+ 'pink-900': string;
42
+ pink: string;
43
+ 'red-100': string;
44
+ 'red-200': string;
45
+ 'red-300': string;
46
+ 'red-400': string;
47
+ 'red-500': string;
48
+ 'red-600': string;
49
+ 'red-700': string;
50
+ 'red-800': string;
51
+ 'red-900': string;
52
+ red: string;
53
+ 'orange-100': string;
54
+ 'orange-200': string;
55
+ 'orange-300': string;
56
+ 'orange-400': string;
57
+ 'orange-500': string;
58
+ 'orange-600': string;
59
+ 'orange-700': string;
60
+ 'orange-800': string;
61
+ 'orange-900': string;
62
+ orange: string;
63
+ 'yellow-100': string;
64
+ 'yellow-200': string;
65
+ 'yellow-300': string;
66
+ 'yellow-400': string;
67
+ 'yellow-500': string;
68
+ 'yellow-600': string;
69
+ 'yellow-700': string;
70
+ 'yellow-800': string;
71
+ 'yellow-900': string;
72
+ yellow: string;
73
+ 'green-100': string;
74
+ 'green-200': string;
75
+ 'green-300': string;
76
+ 'green-400': string;
77
+ 'green-500': string;
78
+ 'green-600': string;
79
+ 'green-700': string;
80
+ 'green-800': string;
81
+ 'green-900': string;
82
+ green: string;
83
+ 'teal-100': string;
84
+ 'teal-200': string;
85
+ 'teal-300': string;
86
+ 'teal-400': string;
87
+ 'teal-500': string;
88
+ 'teal-600': string;
89
+ 'teal-700': string;
90
+ 'teal-800': string;
91
+ 'teal-900': string;
92
+ teal: string;
93
+ 'cyan-100': string;
94
+ 'cyan-200': string;
95
+ 'cyan-300': string;
96
+ 'cyan-400': string;
97
+ 'cyan-500': string;
98
+ 'cyan-600': string;
99
+ 'cyan-700': string;
100
+ 'cyan-800': string;
101
+ 'cyan-900': string;
102
+ cyan: string;
103
+ 'gray-100': string;
104
+ 'gray-200': string;
105
+ 'gray-300': string;
106
+ 'gray-400': string;
107
+ 'gray-500': string;
108
+ 'gray-600': string;
109
+ 'gray-700': string;
110
+ 'gray-800': string;
111
+ 'gray-900': string;
112
+ common: {
113
+ background: {
114
+ base: string;
115
+ secondary: string;
116
+ };
117
+ border: string;
118
+ hairline: string;
119
+ };
120
+ font: {
121
+ base: string;
122
+ light: string;
123
+ link: string;
124
+ label: string;
125
+ };
126
+ active: string;
127
+ active_light: string;
128
+ success: string;
129
+ success_light: string;
130
+ critical: string;
131
+ critical_light: string;
132
+ warning: string;
133
+ warning_light: string;
134
+ };
@@ -0,0 +1,142 @@
1
+ "use strict";
2
+
3
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
+ _Object$defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.nextGenColors = void 0;
8
+ var nextGenColors = {
9
+ 'white': '#ffffff',
10
+ 'blue-100': '#eaf2fd',
11
+ 'blue-200': '#a3c7f6',
12
+ 'blue-300': '#76abf1',
13
+ 'blue-400': '#488fed',
14
+ 'blue-500': '#1a73e8',
15
+ 'blue-600': '#155cba',
16
+ 'blue-700': '#10458b',
17
+ 'blue-800': '#0a2e5d',
18
+ 'blue-900': '#05172e',
19
+ 'blue': '#1a73e8',
20
+ 'indigo-100': '#f1dbf9',
21
+ 'indigo-200': '#e3b8f3',
22
+ 'indigo-300': '#d694ed',
23
+ 'indigo-400': '#c871e7',
24
+ 'indigo-500': '#BA4DE1',
25
+ 'indigo-600': '#953eb4',
26
+ 'indigo-700': '#702e87',
27
+ 'indigo-800': '#4a1f5a',
28
+ 'indigo-900': '#250f2d',
29
+ 'indigo': '#BA4DE1',
30
+ 'purple-100': '#e2d9f3',
31
+ 'purple-200': '#c5b3e6',
32
+ 'purple-300': '#a98eda',
33
+ 'purple-400': '#8c68cd',
34
+ 'purple-500': '#6f42c1',
35
+ 'purple-600': '#59359a',
36
+ 'purple-700': '#432874',
37
+ 'purple-800': '#2c1a4d',
38
+ 'purple-900': '#160d27',
39
+ 'purple': '#6f42c1',
40
+ 'pink-100': '#f7d6e6',
41
+ 'pink-200': '#efadce',
42
+ 'pink-300': '#e685b5',
43
+ 'pink-400': '#de5c9d',
44
+ 'pink-500': '#d63384',
45
+ 'pink-600': '#ab296a',
46
+ 'pink-700': '#801f4f',
47
+ 'pink-800': '#561435',
48
+ 'pink-900': '#2b0a1a',
49
+ 'pink': '#d63384',
50
+ 'red-100': '#fde1de',
51
+ 'red-200': '#fcc3bd',
52
+ 'red-300': '#faa49d',
53
+ 'red-400': '#f9867c',
54
+ 'red-500': '#f7685b',
55
+ 'red-600': '#c65349',
56
+ 'red-700': '#943e37',
57
+ 'red-800': '#632a24',
58
+ 'red-900': '#311512',
59
+ 'red': '#f7685b',
60
+ 'orange-100': '#ffe5d0',
61
+ 'orange-200': '#fecba1',
62
+ 'orange-300': '#feb272',
63
+ 'orange-400': '#fd9843',
64
+ 'orange-500': '#fd7e14',
65
+ 'orange-600': '#ca6510',
66
+ 'orange-700': '#984c0c',
67
+ 'orange-800': '#653208',
68
+ 'orange-900': '#331904',
69
+ 'orange': '#fd7e14',
70
+ 'yellow-100': '#fff1da',
71
+ 'yellow-200': '#ffe3b5',
72
+ 'yellow-300': '#ffd590',
73
+ 'yellow-400': '#ffc76b',
74
+ 'yellow-500': '#ffb946',
75
+ 'yellow-600': '#cc9438',
76
+ 'yellow-700': '#996f2a',
77
+ 'yellow-800': '#664a1c',
78
+ 'yellow-900': '#33250e',
79
+ 'yellow': '#ffb946',
80
+ 'green-100': '#d5f6e4',
81
+ 'green-200': '#abeeca',
82
+ 'green-300': '#82e5af',
83
+ 'green-400': '#58dd95',
84
+ 'green-500': '#2ed47a',
85
+ 'green-600': '#25aa62',
86
+ 'green-700': '#1c7f49',
87
+ 'green-800': '#125531',
88
+ 'green-900': '#092a18',
89
+ 'green': '#2ed47a',
90
+ 'teal-100': '#d1ecf1',
91
+ 'teal-200': '#a2dae3',
92
+ 'teal-300': '#74c7d4',
93
+ 'teal-400': '#45b5c6',
94
+ 'teal-500': '#17A2B8',
95
+ 'teal-600': '#128293',
96
+ 'teal-700': '#0e616e',
97
+ 'teal-800': '#09414a',
98
+ 'teal-900': '#052025',
99
+ 'teal': '#17A2B8',
100
+ 'cyan-100': '#cff4fc',
101
+ 'cyan-200': '#9eeaf9',
102
+ 'cyan-300': '#6edff6',
103
+ 'cyan-400': '#3dd5f3',
104
+ 'cyan-500': '#0dcaf0',
105
+ 'cyan-600': '#0aa2c0',
106
+ 'cyan-700': '#087990',
107
+ 'cyan-800': '#055160',
108
+ 'cyan-900': '#032830',
109
+ 'cyan': '#0dcaf0',
110
+ 'gray-100': '#f6f8fa',
111
+ 'gray-200': '#e7eef4',
112
+ 'gray-300': '#d3d8e0',
113
+ 'gray-400': '#c0c9d5',
114
+ 'gray-500': '#69788B',
115
+ 'gray-600': '#5e6d82',
116
+ 'gray-700': '#455469',
117
+ 'gray-800': '#324054',
118
+ 'gray-900': '#23282e',
119
+ 'common': {
120
+ 'background': {
121
+ 'base': '#ffffff',
122
+ 'secondary': '#f6f8fa'
123
+ },
124
+ 'border': '#69788B',
125
+ 'hairline': '#e7eef4'
126
+ },
127
+ 'font': {
128
+ 'base': '#23282e',
129
+ 'light': '#5e6d82',
130
+ 'link': '#1a73e8',
131
+ 'label': '#5e6d82'
132
+ },
133
+ 'active': '#1a73e8',
134
+ 'active_light': '#eaf2fd',
135
+ 'success': '#1c7f49',
136
+ 'success_light': '#d5f6e4',
137
+ 'critical': '#943e37',
138
+ 'critical_light': '#fde1de',
139
+ 'warning': '#984c0c',
140
+ 'warning_light': '#ffe5d0'
141
+ };
142
+ exports.nextGenColors = nextGenColors;