@itcase/ui 1.8.5 → 1.8.9
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/dist/cjs/components/Select.js +18 -7
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/components/Select.js +18 -7
- package/dist/components/Switch.js +1 -1
- package/dist/css/components/Choice/Choice.css +4 -0
- package/dist/css/components/DadataHintField/DadataHintField.css +1 -1
- package/dist/css/components/DatePicker/DatePicker.css +10 -12
- package/dist/css/components/Input/Input.css +1 -1
- package/dist/css/components/InputPassword/InputPassword.css +1 -1
- package/dist/css/components/Pagination/Pagination.css +3 -3
- package/dist/css/components/Switch/Switch.css +1 -1
- package/dist/types/components/Select/appearance/selectDefault.d.ts +21 -0
- package/dist/types/components/Select/appearance/selectSize.d.ts +11 -0
- package/package.json +3 -3
- package/dist/types/appearance/default/defaultAccent.d.ts +0 -33
- package/dist/types/appearance/default/defaultAppearance.d.ts +0 -33
- package/dist/types/appearance/default/defaultDanger.d.ts +0 -33
- package/dist/types/appearance/default/defaultDisabled.d.ts +0 -33
- package/dist/types/appearance/default/defaultError.d.ts +0 -33
- package/dist/types/appearance/default/defaultInfo.d.ts +0 -33
- package/dist/types/appearance/default/defaultPrimary.d.ts +0 -33
- package/dist/types/appearance/default/defaultSecondary.d.ts +0 -33
- package/dist/types/appearance/default/defaultSuccess.d.ts +0 -33
- package/dist/types/appearance/default/defaultSurface.d.ts +0 -33
- package/dist/types/appearance/default/defaultWarning.d.ts +0 -33
- package/dist/types/appearance/index.d.ts +0 -12
- package/dist/types/appearance/styleAppearance.d.ts +0 -14
|
@@ -40,29 +40,40 @@ var SelectClearIndicator = function (props) {
|
|
|
40
40
|
return (jsxRuntime.jsx(Select.components.ClearIndicator, tslib_es6.__assign({}, props, { children: clearIcon ? (jsxRuntime.jsx(Icon.Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) })));
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
size: 'normal',
|
|
43
|
+
var selectAppearanceDefault = {
|
|
44
|
+
defaultPrimary: {
|
|
46
45
|
elevation: 8,
|
|
47
46
|
inputBorderColor: 'surfaceBorderTertiary',
|
|
48
47
|
inputBorderColorHover: 'surfaceBorderQuaternary',
|
|
49
48
|
inputFill: 'surfacePrimary',
|
|
50
49
|
inputShape: 'rounded',
|
|
51
50
|
inputTextColor: 'surfaceTextPrimary',
|
|
52
|
-
|
|
51
|
+
multipleItemFill: 'surfaceSecondary',
|
|
52
|
+
multipleItemFillHover: 'surfaceHover',
|
|
53
|
+
multipleTextColor: 'accentTextPrimary',
|
|
53
54
|
noOptionsText: 'Ничего не найдено...',
|
|
54
55
|
noOptionsTextColor: 'surfaceTextPrimary',
|
|
55
|
-
noOptionsTextSize: 'm',
|
|
56
56
|
optionFill: 'surfacePrimary',
|
|
57
57
|
optionFillHover: 'surfacePrimaryHover',
|
|
58
58
|
optionTextColor: 'surfaceTextPrimary',
|
|
59
|
-
optionTextSize: 'm',
|
|
60
59
|
placeholder: 'Выбрать...',
|
|
61
|
-
placeholderTextColor: '
|
|
60
|
+
placeholderTextColor: 'surfaceTextQuaternary',
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var selectAppearanceSize = {
|
|
65
|
+
sizeM: {
|
|
66
|
+
size: 'm',
|
|
67
|
+
inputTextSize: 'm',
|
|
68
|
+
multipleItemTextSize: 'm',
|
|
69
|
+
noOptionsTextSize: 'm',
|
|
70
|
+
optionTextSize: 'm',
|
|
62
71
|
placeholderTextSize: 'm',
|
|
63
72
|
},
|
|
64
73
|
};
|
|
65
74
|
|
|
75
|
+
var selectAppearance = tslib_es6.__assign(tslib_es6.__assign({}, selectAppearanceDefault), selectAppearanceSize);
|
|
76
|
+
|
|
66
77
|
var SelectControl = function (props) {
|
|
67
78
|
var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, before = _a.before, after = _a.after;
|
|
68
79
|
return (jsxRuntime.jsxs(React.Fragment, { children: [before, jsxRuntime.jsx(Select.components.Control, tslib_es6.__assign({}, props, { className: clsx('select__control', inputFill, inputShape, inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&
|
|
@@ -34,7 +34,7 @@ var Switch = React.forwardRef(function Switch(props, ref) {
|
|
|
34
34
|
var id = props.id, className = props.className, appearance = props.appearance, _a = props.align, align = _a === void 0 ? 'left' : _a, size = props.size, title = props.title, desc = props.desc, disabled = props.disabled, checked = props.checked, onChange = props.onChange;
|
|
35
35
|
var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
|
|
36
36
|
var _a;
|
|
37
|
-
return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a =
|
|
37
|
+
return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = switchConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
|
|
38
38
|
}, {});
|
|
39
39
|
var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
40
40
|
var titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;
|
|
@@ -38,29 +38,40 @@ var SelectClearIndicator = function (props) {
|
|
|
38
38
|
return (jsx(components.ClearIndicator, __assign({}, props, { children: clearIcon ? (jsx(Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) })));
|
|
39
39
|
};
|
|
40
40
|
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
size: 'normal',
|
|
41
|
+
var selectAppearanceDefault = {
|
|
42
|
+
defaultPrimary: {
|
|
44
43
|
elevation: 8,
|
|
45
44
|
inputBorderColor: 'surfaceBorderTertiary',
|
|
46
45
|
inputBorderColorHover: 'surfaceBorderQuaternary',
|
|
47
46
|
inputFill: 'surfacePrimary',
|
|
48
47
|
inputShape: 'rounded',
|
|
49
48
|
inputTextColor: 'surfaceTextPrimary',
|
|
50
|
-
|
|
49
|
+
multipleItemFill: 'surfaceSecondary',
|
|
50
|
+
multipleItemFillHover: 'surfaceHover',
|
|
51
|
+
multipleTextColor: 'accentTextPrimary',
|
|
51
52
|
noOptionsText: 'Ничего не найдено...',
|
|
52
53
|
noOptionsTextColor: 'surfaceTextPrimary',
|
|
53
|
-
noOptionsTextSize: 'm',
|
|
54
54
|
optionFill: 'surfacePrimary',
|
|
55
55
|
optionFillHover: 'surfacePrimaryHover',
|
|
56
56
|
optionTextColor: 'surfaceTextPrimary',
|
|
57
|
-
optionTextSize: 'm',
|
|
58
57
|
placeholder: 'Выбрать...',
|
|
59
|
-
placeholderTextColor: '
|
|
58
|
+
placeholderTextColor: 'surfaceTextQuaternary',
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var selectAppearanceSize = {
|
|
63
|
+
sizeM: {
|
|
64
|
+
size: 'm',
|
|
65
|
+
inputTextSize: 'm',
|
|
66
|
+
multipleItemTextSize: 'm',
|
|
67
|
+
noOptionsTextSize: 'm',
|
|
68
|
+
optionTextSize: 'm',
|
|
60
69
|
placeholderTextSize: 'm',
|
|
61
70
|
},
|
|
62
71
|
};
|
|
63
72
|
|
|
73
|
+
var selectAppearance = __assign(__assign({}, selectAppearanceDefault), selectAppearanceSize);
|
|
74
|
+
|
|
64
75
|
var SelectControl = function (props) {
|
|
65
76
|
var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, before = _a.before, after = _a.after;
|
|
66
77
|
return (jsxs(React.Fragment, { children: [before, jsx(components.Control, __assign({}, props, { className: clsx('select__control', inputFill, inputShape, inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&
|
|
@@ -32,7 +32,7 @@ var Switch = React.forwardRef(function Switch(props, ref) {
|
|
|
32
32
|
var id = props.id, className = props.className, appearance = props.appearance, _a = props.align, align = _a === void 0 ? 'left' : _a, size = props.size, title = props.title, desc = props.desc, disabled = props.disabled, checked = props.checked, onChange = props.onChange;
|
|
33
33
|
var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
|
|
34
34
|
var _a;
|
|
35
|
-
return (__assign(__assign({}, resultConfig), (_a =
|
|
35
|
+
return (__assign(__assign({}, resultConfig), (_a = switchConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
|
|
36
36
|
}, {});
|
|
37
37
|
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
38
38
|
var titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;
|
|
@@ -1242,6 +1242,7 @@ h2.react-datepicker__current-month {
|
|
|
1242
1242
|
width: 100%;
|
|
1243
1243
|
border-radius: var(--date-picker-day-border-radius);
|
|
1244
1244
|
&__input {
|
|
1245
|
+
width: 100%;
|
|
1245
1246
|
border-radius: var(--date-picker-day-border-radius);
|
|
1246
1247
|
}
|
|
1247
1248
|
}
|
|
@@ -1290,14 +1291,11 @@ h2.react-datepicker__current-month {
|
|
|
1290
1291
|
--date-picker-fill: var(--color-surface-fill-primary);
|
|
1291
1292
|
--date-picker-box-shadow: 0px 4px 24px 0px rgb(0, 0, 0, 0.2);
|
|
1292
1293
|
--date-picker-border-radius: 12px;
|
|
1293
|
-
--date-picker-border: solid 1px var(--color-surface-tertiary);
|
|
1294
|
+
--date-picker-border: solid 1px var(--color-surface-fill-tertiary);
|
|
1294
1295
|
|
|
1295
1296
|
--date-picker-input-container-padding: 9px 15px;
|
|
1296
1297
|
--date-picker-input-border-radius: 6px;
|
|
1297
1298
|
|
|
1298
|
-
--date-picker-name-size: 16px;
|
|
1299
|
-
|
|
1300
|
-
--date-picker-name-weight: 400;
|
|
1301
1299
|
--date-picker-selected-weight: 400;
|
|
1302
1300
|
--date-picker-week-width: 40px;
|
|
1303
1301
|
--date-picker-week-height: 40px;
|
|
@@ -1309,10 +1307,12 @@ h2.react-datepicker__current-month {
|
|
|
1309
1307
|
--date-picker-week-number-fill-hover: #eee;
|
|
1310
1308
|
--date-picker-week-number-text-color: var(--color-surface-text-quaternary);
|
|
1311
1309
|
|
|
1310
|
+
--date-picker-name-size: 16px;
|
|
1311
|
+
--date-picker-name-weight: 400;
|
|
1312
1312
|
--date-picker-day-name-text-size: 16px;
|
|
1313
1313
|
--date-picker-day-name-text-line-height: 18px;
|
|
1314
1314
|
--date-picker-day-name-text-weight: normal;
|
|
1315
|
-
--date-picker-day-name-text-color: var(--color-surface-text-
|
|
1315
|
+
--date-picker-day-name-text-color: var(--color-surface-text-quaternary);
|
|
1316
1316
|
|
|
1317
1317
|
--date-picker-day-width: 40px;
|
|
1318
1318
|
--date-picker-day-height: 40px;
|
|
@@ -1321,16 +1321,16 @@ h2.react-datepicker__current-month {
|
|
|
1321
1321
|
--date-picker-day-text-weight: normal;
|
|
1322
1322
|
--date-picker-day-text-color: var(--color-surface-text-primary);
|
|
1323
1323
|
--date-picker-day-padding: 8px 0;
|
|
1324
|
-
--date-picker-day-hover-background: var(--color-accent-tertiary);
|
|
1324
|
+
--date-picker-day-hover-background: var(--color-accent-fill-tertiary);
|
|
1325
1325
|
--date-picker-day-hover-text-color: var(--color-surface-text-secondary);
|
|
1326
1326
|
--date-picker-day-border-radius: 8px;
|
|
1327
1327
|
|
|
1328
|
-
--date-picker-day-today-background: var(--color-surface-secondary);
|
|
1328
|
+
--date-picker-day-today-background: var(--color-surface-fill-secondary);
|
|
1329
1329
|
--date-picker-day-today-border-radius: 12px;
|
|
1330
1330
|
--date-picker-day-today-text-color: var(--color-surface-text-primary);
|
|
1331
1331
|
|
|
1332
1332
|
--date-picker-day-range-start-end-border-radius: 8px;
|
|
1333
|
-
--date-picker-day-range-background: var(--color-accent-tertiary);
|
|
1333
|
+
--date-picker-day-range-background: var(--color-accent-fill-tertiary);
|
|
1334
1334
|
--date-picker-day-range-text-color: var(--color-accent-text-secondary);
|
|
1335
1335
|
--date-picker-day-range-border-radius: 0;
|
|
1336
1336
|
--date-picker-day-range-start-border-radius: 12px 0 0 12px;
|
|
@@ -1342,10 +1342,8 @@ h2.react-datepicker__current-month {
|
|
|
1342
1342
|
--color-secondary-text-disabled
|
|
1343
1343
|
);
|
|
1344
1344
|
|
|
1345
|
-
--date-picker-day-selected-background: var(--color-accent-primary);
|
|
1346
|
-
--date-picker-day-selected-background-hover: var(
|
|
1347
|
-
--color-accent-primary-hover
|
|
1348
|
-
);
|
|
1345
|
+
--date-picker-day-selected-background: var(--color-accent-fill-primary);
|
|
1346
|
+
--date-picker-day-selected-background-hover: var(--color-accent-fill-hover);
|
|
1349
1347
|
--date-picker-day-selected-text-color: var(--color-accent-text-primary);
|
|
1350
1348
|
--date-picker-day-selected-text-hover-color: var(--color-accent-text-primary);
|
|
1351
1349
|
|
|
@@ -87,6 +87,6 @@
|
|
|
87
87
|
--input-password-state-success-background: none;
|
|
88
88
|
--input-password-state-hover-border: var(--color-surface-border-quaternary);
|
|
89
89
|
--input-password-state-hover-background: none;
|
|
90
|
-
--input-password-caret-color: var(--color-accent-primary);
|
|
90
|
+
--input-password-caret-color: var(--color-accent-fill-primary);
|
|
91
91
|
--input-password-shape-rounded: 0;
|
|
92
92
|
}
|
|
@@ -131,11 +131,11 @@
|
|
|
131
131
|
--paginator-item-transition: all 0.2s ease 0s;
|
|
132
132
|
|
|
133
133
|
--paginator-item-default-fill: var(--color-surface-fill-primary);
|
|
134
|
-
--paginator-item-default-fill-hover: var(--color-surface-hover);
|
|
134
|
+
--paginator-item-default-fill-hover: var(--color-surface-fill-hover);
|
|
135
135
|
--paginator-item-default-text: var(--color-surface-text-primary);
|
|
136
136
|
|
|
137
|
-
--paginator-item-active-fill: var(--color-accent-primary);
|
|
138
|
-
--paginator-item-active-fill-hover: var(--color-accent-primary);
|
|
137
|
+
--paginator-item-active-fill: var(--color-accent-fill-primary);
|
|
138
|
+
--paginator-item-active-fill-hover: var(--color-accent-fill-primary);
|
|
139
139
|
--paginator-item-active-text: var(--color-accent-text-primary);
|
|
140
140
|
|
|
141
141
|
--paginator-item-disabled-fill: none;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare const selectAppearanceDefault: {
|
|
2
|
+
defaultPrimary: {
|
|
3
|
+
elevation: number;
|
|
4
|
+
inputBorderColor: string;
|
|
5
|
+
inputBorderColorHover: string;
|
|
6
|
+
inputFill: string;
|
|
7
|
+
inputShape: string;
|
|
8
|
+
inputTextColor: string;
|
|
9
|
+
multipleItemFill: string;
|
|
10
|
+
multipleItemFillHover: string;
|
|
11
|
+
multipleTextColor: string;
|
|
12
|
+
noOptionsText: string;
|
|
13
|
+
noOptionsTextColor: string;
|
|
14
|
+
optionFill: string;
|
|
15
|
+
optionFillHover: string;
|
|
16
|
+
optionTextColor: string;
|
|
17
|
+
placeholder: string;
|
|
18
|
+
placeholderTextColor: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export { selectAppearanceDefault };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.9",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"dependencies": {
|
|
98
98
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
99
99
|
"@itcase/common": "^1.2.23",
|
|
100
|
-
"@itcase/config": "^1.0.
|
|
100
|
+
"@itcase/config": "^1.0.47",
|
|
101
101
|
"@itcase/icons": "^1.0.31",
|
|
102
102
|
"@itcase/storybook-config": "^1.1.9",
|
|
103
103
|
"@itcase/tokens-am": "^1.1.7",
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
"eslint": "9.27.0",
|
|
164
164
|
"husky": "^9.1.7",
|
|
165
165
|
"lint-staged": "^16.0.0",
|
|
166
|
-
"npm": "^11.4.
|
|
166
|
+
"npm": "^11.4.1",
|
|
167
167
|
"postcss": "^8.5.3",
|
|
168
168
|
"prettier": "^3.5.3",
|
|
169
169
|
"react-docgen-typescript": "^2.2.2",
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultAccentAppearance: {
|
|
2
|
-
accent: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
accentPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
accentSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
accentTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
accentQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultAccentAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultAppearance: {
|
|
2
|
-
accent: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
accentPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
accentSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
accentTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
accentQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultDangerAppearance: {
|
|
2
|
-
danger: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
dangerPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
dangerSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
dangerTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
dangerQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultDangerAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultDisabledAppearance: {
|
|
2
|
-
disabled: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
disabledPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
disabledSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
disabledTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
disabledQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultDisabledAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultErrorAppearance: {
|
|
2
|
-
error: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
errorPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
errorSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
errorTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
errorQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultErrorAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultInfoAppearance: {
|
|
2
|
-
info: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
infoPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
infoSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
infoTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
infoQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultInfoAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultPrimaryAppearance: {
|
|
2
|
-
primary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
primaryPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
primarySecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
primaryTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
primaryQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultPrimaryAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultSecondaryAppearance: {
|
|
2
|
-
secondary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
secondaryPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
secondarySecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
secondaryTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
secondaryQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultSecondaryAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultSuccessAppearance: {
|
|
2
|
-
success: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
successPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
successSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
successTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
successQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultSuccessAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultSurfaceAppearance: {
|
|
2
|
-
surface: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
surfacePrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
surfaceSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
surfaceTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
surfaceQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultSurfaceAppearance };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
declare const defaultWarningAppearance: {
|
|
2
|
-
warning: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
};
|
|
8
|
-
warningPrimary: {
|
|
9
|
-
fill: string;
|
|
10
|
-
borderColor: string;
|
|
11
|
-
textColor: string;
|
|
12
|
-
iconFill: string;
|
|
13
|
-
};
|
|
14
|
-
warningSecondary: {
|
|
15
|
-
fill: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
textColor: string;
|
|
18
|
-
iconFill: string;
|
|
19
|
-
};
|
|
20
|
-
warningTertiary: {
|
|
21
|
-
fill: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
textColor: string;
|
|
24
|
-
iconFill: string;
|
|
25
|
-
};
|
|
26
|
-
warningQuaternary: {
|
|
27
|
-
fill: string;
|
|
28
|
-
borderColor: string;
|
|
29
|
-
textColor: string;
|
|
30
|
-
iconFill: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { defaultWarningAppearance };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { defaultAccentAppearance } from './default/defaultAccent';
|
|
2
|
-
import { defaultAppearance } from './default/defaultAppearance';
|
|
3
|
-
import { defaultDangerAppearance } from './default/defaultDanger';
|
|
4
|
-
import { defaultDisabledAppearance } from './default/defaultDisabled';
|
|
5
|
-
import { defaultErrorAppearance } from './default/defaultError';
|
|
6
|
-
import { defaultInfoAppearance } from './default/defaultInfo';
|
|
7
|
-
import { defaultPrimaryAppearance } from './default/defaultPrimary';
|
|
8
|
-
import { defaultSuccessAppearance } from './default/defaultSuccess';
|
|
9
|
-
import { defaultSurfaceAppearance } from './default/defaultSurface';
|
|
10
|
-
import { defaultWarningAppearance } from './default/defaultWarning';
|
|
11
|
-
import { styleAppearance } from './styleAppearance';
|
|
12
|
-
export { defaultAppearance, defaultAccentAppearance, defaultDangerAppearance, defaultDisabledAppearance, defaultErrorAppearance, defaultInfoAppearance, defaultPrimaryAppearance, defaultSuccessAppearance, defaultSurfaceAppearance, defaultWarningAppearance, styleAppearance, };
|