@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.
- package/lib/cjs/components/Badge/Badge.styles.d.ts +130 -0
- package/lib/cjs/components/Badge/Badge.styles.js +34 -1
- package/lib/cjs/components/Button/Button.stories.js +1 -1
- package/lib/cjs/components/DataTable/DataTable.js +8 -4
- package/lib/cjs/components/DataTable/DataTable.styles.d.ts +1 -0
- package/lib/cjs/components/DataTable/DataTable.styles.js +2 -1
- package/lib/cjs/components/DataTable/DataTableBadge.js +49 -19
- package/lib/cjs/components/DatePicker/DatePicker.js +1 -1
- package/lib/cjs/components/ListView/ListView.js +8 -4
- package/lib/cjs/components/ListView/ListView.stories.js +1 -1
- package/lib/cjs/components/ListView/ListView.styles.d.ts +7 -0
- package/lib/cjs/components/ListView/ListView.styles.js +15 -0
- package/lib/cjs/components/ListView/ListViewFocusWrapper.js +2 -1
- package/lib/cjs/components/ListViewItem/ListViewItem.js +6 -4
- package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +7 -1
- package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js +1 -1
- package/lib/cjs/components/NavBar/NavBar.stories.js +1 -4
- package/lib/cjs/components/PanelHeader/PanelHeader.js +1 -1
- package/lib/cjs/hooks/useExpandableListViewItem/useExpandableListViewItem.js +1 -6
- package/lib/cjs/index.d.ts +1 -0
- package/lib/cjs/index.js +8 -0
- package/lib/cjs/recipes/ListAndPanel.stories.js +1 -2
- package/lib/cjs/recipes/NextGen/DefaultAvatar.stories.d.ts +6 -0
- package/lib/cjs/recipes/NextGen/DefaultAvatar.stories.js +41 -0
- package/lib/cjs/recipes/NextGen/ListViewNextGen.stories.js +152 -0
- package/lib/cjs/recipes/NextGen/ModalNextGen.stories.d.ts +6 -0
- package/lib/cjs/recipes/NextGen/ModalNextGen.stories.js +72 -0
- package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.d.ts +6 -0
- package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.js +233 -0
- package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.d.ts +6 -0
- package/lib/cjs/recipes/NextGen/NextGenDataTable.stories.js +152 -0
- package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +209 -0
- package/lib/cjs/styles/themes/next-gen/colors/colors.js +112 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +2 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +10 -0
- package/lib/cjs/styles/themes/next-gen/forms.d.ts +235 -0
- package/lib/cjs/styles/themes/next-gen/forms.js +89 -0
- package/lib/cjs/styles/themes/next-gen/index.js +14 -0
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +1455 -0
- package/lib/cjs/styles/themes/next-gen/next-gen.js +52 -0
- package/lib/cjs/styles/themes/next-gen/open_sans.css +1 -0
- package/lib/cjs/styles/themes/next-gen/text.d.ts +15 -0
- package/lib/cjs/styles/themes/next-gen/text.js +26 -0
- package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.d.ts +134 -0
- package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js +142 -0
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +574 -0
- package/lib/cjs/styles/themes/next-gen/variants/button.js +235 -0
- package/lib/cjs/styles/themes/next-gen/variants/input.d.ts +66 -0
- package/lib/cjs/styles/themes/next-gen/variants/input.js +140 -0
- package/lib/cjs/styles/themes/next-gen/variants/label.d.ts +2 -0
- package/lib/cjs/styles/themes/next-gen/variants/label.js +34 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +19 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.js +27 -0
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +564 -0
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +462 -0
- package/lib/cjs/styles/variants/variants.js +2 -0
- package/lib/cjs/types/dataTable.d.ts +1 -1
- package/lib/cjs/types/listView.d.ts +1 -0
- package/lib/components/Badge/Badge.styles.js +34 -1
- package/lib/components/Button/Button.stories.js +1 -1
- package/lib/components/DataTable/DataTable.js +8 -4
- package/lib/components/DataTable/DataTable.styles.js +2 -1
- package/lib/components/DataTable/DataTableBadge.js +49 -19
- package/lib/components/DatePicker/DatePicker.js +1 -1
- package/lib/components/ListView/ListView.js +8 -4
- package/lib/components/ListView/ListView.stories.js +1 -1
- package/lib/components/ListView/ListView.styles.js +7 -0
- package/lib/components/ListView/ListViewFocusWrapper.js +2 -1
- package/lib/components/ListViewItem/ListViewItem.js +6 -4
- package/lib/components/ListViewItem/ListViewItem.styles.js +7 -1
- package/lib/components/MultivaluesField/DefaultMultivaluesField.js +1 -1
- package/lib/components/NavBar/NavBar.stories.js +1 -4
- package/lib/components/PanelHeader/PanelHeader.js +1 -1
- package/lib/hooks/useExpandableListViewItem/useExpandableListViewItem.js +1 -6
- package/lib/index.js +1 -0
- package/lib/recipes/ListAndPanel.stories.js +1 -2
- package/lib/recipes/NextGen/DefaultAvatar.stories.js +31 -0
- package/lib/recipes/NextGen/ListViewNextGen.stories.js +142 -0
- package/lib/recipes/NextGen/ModalNextGen.stories.js +62 -0
- package/lib/recipes/NextGen/NavBarNextGen.stories.js +223 -0
- package/lib/recipes/NextGen/NextGenDataTable.stories.js +142 -0
- package/lib/styles/themes/next-gen/colors/colors.js +101 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +2 -0
- package/lib/styles/themes/next-gen/forms.js +75 -0
- package/lib/styles/themes/next-gen/index.js +1 -0
- package/lib/styles/themes/next-gen/next-gen.js +40 -0
- package/lib/styles/themes/next-gen/open_sans.css +1 -0
- package/lib/styles/themes/next-gen/text.js +16 -0
- package/lib/styles/themes/next-gen/tokens/colorTokens.js +134 -0
- package/lib/styles/themes/next-gen/variants/button.js +227 -0
- package/lib/styles/themes/next-gen/variants/input.js +131 -0
- package/lib/styles/themes/next-gen/variants/label.js +26 -0
- package/lib/styles/themes/next-gen/variants/text.js +19 -0
- package/lib/styles/themes/next-gen/variants/variants.js +452 -0
- package/lib/styles/variants/variants.js +2 -0
- 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,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;
|