@ptsecurity/mosaic 13.7.1 → 13.9.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/_theming.scss +186 -53
- package/_visual.scss +55 -13
- package/core/formatters/date/formatter.d.ts +13 -4
- package/core/formatters/date/templates/en-US.d.ts +2 -74
- package/core/formatters/date/templates/ru-RU.d.ts +2 -74
- package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +4 -0
- package/design-tokens/legacy-2017/tokens/components/radio.json5 +11 -10
- package/design-tokens/legacy-2017/tokens/components/toast.json5 +54 -0
- package/design-tokens/legacy-2017/tokens.d.ts +49 -8
- package/design-tokens/pt-2022/tokens/components/button.json5 +1 -1
- package/design-tokens/pt-2022/tokens/components/checkbox.json5 +4 -0
- package/design-tokens/pt-2022/tokens/components/link.json5 +3 -3
- package/design-tokens/pt-2022/tokens/components/radio.json5 +6 -3
- package/design-tokens/pt-2022/tokens/components/tags.json5 +1 -1
- package/design-tokens/pt-2022/tokens/components/toast.json5 +54 -0
- package/design-tokens/pt-2022/tokens/properties/colors.json5 +1 -1
- package/design-tokens/pt-2022/tokens.d.ts +55 -13
- package/design-tokens/style-dictionary/figma-types.js +41 -0
- package/design-tokens/style-dictionary/formats/figma.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-border.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-color.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-default.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-font.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-opacity.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-shadow.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-sizing.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-spacing.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-typography.js +1 -1
- package/esm2020/button/button.component.mjs +2 -2
- package/esm2020/core/formatters/date/formatter.mjs +22 -16
- package/esm2020/core/formatters/date/templates/en-US.mjs +1 -1
- package/esm2020/core/formatters/date/templates/ru-RU.mjs +1 -1
- package/esm2020/design-tokens/legacy-2017/tokens.mjs +50 -9
- package/esm2020/design-tokens/pt-2022/tokens.mjs +56 -14
- package/esm2020/navbar/navbar-item.component.mjs +29 -6
- package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
- package/esm2020/radio/radio.component.mjs +3 -3
- package/esm2020/textarea/textarea.component.mjs +3 -4
- package/esm2020/toast/index.mjs +2 -0
- package/esm2020/toast/ptsecurity-mosaic-toast.mjs +5 -0
- package/esm2020/toast/public-api.mjs +6 -0
- package/esm2020/toast/toast-animations.mjs +9 -0
- package/esm2020/toast/toast-container.component.mjs +44 -0
- package/esm2020/toast/toast.component.mjs +89 -0
- package/esm2020/toast/toast.module.mjs +42 -0
- package/esm2020/toast/toast.service.mjs +178 -0
- package/esm2020/toast/toast.type.mjs +15 -0
- package/esm2020/tooltip/tooltip.component.mjs +2 -1
- package/esm2020/tree/tree-option.component.mjs +3 -2
- package/esm2020/tree/tree-selection.component.mjs +3 -2
- package/esm2020/tree-select/tree-select.component.mjs +10 -9
- package/fesm2015/ptsecurity-mosaic-button.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.mjs +21 -15
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +147 -23
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.mjs +33 -9
- package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-radio.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-textarea.mjs +2 -3
- package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toast.mjs +363 -0
- package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs +1 -0
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +9 -8
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.mjs +4 -2
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +21 -15
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +147 -23
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-navbar.mjs +30 -7
- package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-radio.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-textarea.mjs +2 -3
- package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toast.mjs +361 -0
- package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs +1 -0
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +9 -8
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree.mjs +4 -2
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/navbar/navbar-item.component.d.ts +9 -3
- package/package.json +12 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/toast/index.d.ts +1 -0
- package/toast/package.json +10 -0
- package/toast/ptsecurity-mosaic-toast.d.ts +5 -0
- package/toast/public-api.d.ts +5 -0
- package/toast/toast-animations.d.ts +4 -0
- package/toast/toast-container.component.d.ts +15 -0
- package/toast/toast.component.d.ts +35 -0
- package/toast/toast.module.d.ts +13 -0
- package/toast/toast.service.d.ts +49 -0
- package/toast/toast.type.d.ts +27 -0
- package/tooltip/tooltip.component.d.ts +1 -1
- package/tree/tree-selection.component.d.ts +1 -0
@@ -1,74 +1,2 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
short: {
|
4
|
-
BEFORE_YESTERDAY: string;
|
5
|
-
YESTERDAY: string;
|
6
|
-
TODAY: string;
|
7
|
-
TOMORROW: string;
|
8
|
-
AFTER_TOMORROW: string;
|
9
|
-
};
|
10
|
-
long: {
|
11
|
-
BEFORE_YESTERDAY: string;
|
12
|
-
YESTERDAY: string;
|
13
|
-
TODAY: string;
|
14
|
-
TOMORROW: string;
|
15
|
-
AFTER_TOMORROW: string;
|
16
|
-
};
|
17
|
-
};
|
18
|
-
absoluteTemplates: {
|
19
|
-
short: {
|
20
|
-
DATE: string;
|
21
|
-
DATETIME: string;
|
22
|
-
};
|
23
|
-
long: {
|
24
|
-
DATE: string;
|
25
|
-
DATETIME: string;
|
26
|
-
};
|
27
|
-
};
|
28
|
-
rangeTemplates: {
|
29
|
-
closedRange: {
|
30
|
-
short: {
|
31
|
-
START_DATE: string;
|
32
|
-
END_DATE: string;
|
33
|
-
DATE: string;
|
34
|
-
START_DATETIME: string;
|
35
|
-
END_DATETIME: string;
|
36
|
-
DATETIME: string;
|
37
|
-
};
|
38
|
-
middle: {
|
39
|
-
START_DATE: string;
|
40
|
-
END_DATE: string;
|
41
|
-
DATE: string;
|
42
|
-
START_DATETIME: string;
|
43
|
-
END_DATETIME: string;
|
44
|
-
DATETIME: string;
|
45
|
-
};
|
46
|
-
long: {
|
47
|
-
START_DATE: string;
|
48
|
-
END_DATE: string;
|
49
|
-
DATE: string;
|
50
|
-
START_DATETIME: string;
|
51
|
-
END_DATETIME: string;
|
52
|
-
DATETIME: string;
|
53
|
-
};
|
54
|
-
};
|
55
|
-
openedRange: {
|
56
|
-
short: {
|
57
|
-
START_DATE: string;
|
58
|
-
END_DATE: string;
|
59
|
-
DATE: string;
|
60
|
-
START_DATETIME: string;
|
61
|
-
END_DATETIME: string;
|
62
|
-
DATETIME: string;
|
63
|
-
};
|
64
|
-
long: {
|
65
|
-
START_DATE: string;
|
66
|
-
END_DATE: string;
|
67
|
-
DATE: string;
|
68
|
-
START_DATETIME: string;
|
69
|
-
END_DATETIME: string;
|
70
|
-
DATETIME: string;
|
71
|
-
};
|
72
|
-
};
|
73
|
-
};
|
74
|
-
};
|
1
|
+
import { FormatterConfig } from '../formatter';
|
2
|
+
export declare const enUS: FormatterConfig;
|
@@ -1,74 +1,2 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
short: {
|
4
|
-
BEFORE_YESTERDAY: string;
|
5
|
-
YESTERDAY: string;
|
6
|
-
TODAY: string;
|
7
|
-
TOMORROW: string;
|
8
|
-
AFTER_TOMORROW: string;
|
9
|
-
};
|
10
|
-
long: {
|
11
|
-
BEFORE_YESTERDAY: string;
|
12
|
-
YESTERDAY: string;
|
13
|
-
TODAY: string;
|
14
|
-
TOMORROW: string;
|
15
|
-
AFTER_TOMORROW: string;
|
16
|
-
};
|
17
|
-
};
|
18
|
-
absoluteTemplates: {
|
19
|
-
short: {
|
20
|
-
DATE: string;
|
21
|
-
DATETIME: string;
|
22
|
-
};
|
23
|
-
long: {
|
24
|
-
DATE: string;
|
25
|
-
DATETIME: string;
|
26
|
-
};
|
27
|
-
};
|
28
|
-
rangeTemplates: {
|
29
|
-
closedRange: {
|
30
|
-
short: {
|
31
|
-
START_DATE: string;
|
32
|
-
END_DATE: string;
|
33
|
-
DATE: string;
|
34
|
-
START_DATETIME: string;
|
35
|
-
END_DATETIME: string;
|
36
|
-
DATETIME: string;
|
37
|
-
};
|
38
|
-
middle: {
|
39
|
-
START_DATE: string;
|
40
|
-
END_DATE: string;
|
41
|
-
DATE: string;
|
42
|
-
START_DATETIME: string;
|
43
|
-
END_DATETIME: string;
|
44
|
-
DATETIME: string;
|
45
|
-
};
|
46
|
-
long: {
|
47
|
-
START_DATE: string;
|
48
|
-
END_DATE: string;
|
49
|
-
DATE: string;
|
50
|
-
START_DATETIME: string;
|
51
|
-
END_DATETIME: string;
|
52
|
-
DATETIME: string;
|
53
|
-
};
|
54
|
-
};
|
55
|
-
openedRange: {
|
56
|
-
short: {
|
57
|
-
START_DATE: string;
|
58
|
-
END_DATE: string;
|
59
|
-
DATE: string;
|
60
|
-
START_DATETIME: string;
|
61
|
-
END_DATETIME: string;
|
62
|
-
DATETIME: string;
|
63
|
-
};
|
64
|
-
long: {
|
65
|
-
START_DATE: string;
|
66
|
-
END_DATE: string;
|
67
|
-
DATE: string;
|
68
|
-
START_DATETIME: string;
|
69
|
-
END_DATETIME: string;
|
70
|
-
DATETIME: string;
|
71
|
-
};
|
72
|
-
};
|
73
|
-
};
|
74
|
-
};
|
1
|
+
import { FormatterConfig } from '../formatter';
|
2
|
+
export declare const ruRU: FormatterConfig;
|
@@ -3,6 +3,7 @@
|
|
3
3
|
'light-color-scheme': {
|
4
4
|
default: {
|
5
5
|
border: { value: '{light-color-scheme.foreground.border}' },
|
6
|
+
color: { value: 'white' },
|
6
7
|
|
7
8
|
states: {
|
8
9
|
checked: {
|
@@ -23,6 +24,7 @@
|
|
23
24
|
},
|
24
25
|
error: {
|
25
26
|
border: { value: '{light-color-scheme.error.palette.value.400}' },
|
27
|
+
color: { value: 'white' },
|
26
28
|
|
27
29
|
states: {
|
28
30
|
checked: {
|
@@ -45,6 +47,7 @@
|
|
45
47
|
'dark-color-scheme': {
|
46
48
|
default: {
|
47
49
|
border: { value: '{dark-color-scheme.foreground.border}' },
|
50
|
+
color: { value: 'white' },
|
48
51
|
|
49
52
|
states: {
|
50
53
|
checked: {
|
@@ -65,6 +68,7 @@
|
|
65
68
|
},
|
66
69
|
error: {
|
67
70
|
border: { value: '{dark-color-scheme.error.palette.value.400}' },
|
71
|
+
color: { value: 'white' },
|
68
72
|
|
69
73
|
states: {
|
70
74
|
checked: {
|
@@ -1,8 +1,9 @@
|
|
1
1
|
{
|
2
2
|
radio: {
|
3
3
|
'light-color-scheme': {
|
4
|
-
'outer-circle-border': { value: '{light-color-scheme.second.palette.value.
|
4
|
+
'outer-circle-border': { value: '{light-color-scheme.second.palette.value.500}' },
|
5
5
|
'inner-circle-border': { value: 'transparent' },
|
6
|
+
'cap-color': { value: 'white' },
|
6
7
|
|
7
8
|
states: {
|
8
9
|
checked: {
|
@@ -10,9 +11,9 @@
|
|
10
11
|
'inner-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' }
|
11
12
|
},
|
12
13
|
focused: {
|
13
|
-
'outer-circle-border': { value: '{light-color-scheme.
|
14
|
-
'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.
|
15
|
-
'inner-circle-shadow': { value: '0 0 0
|
14
|
+
'outer-circle-border': { value: '{light-color-scheme.primary.palette.value.500}' },
|
15
|
+
'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.primary.palette.value.500}' },
|
16
|
+
'inner-circle-shadow': { value: '0 0 0 2px {light-color-scheme.background.background}' }
|
16
17
|
}
|
17
18
|
}
|
18
19
|
},
|
@@ -22,19 +23,19 @@
|
|
22
23
|
|
23
24
|
states: {
|
24
25
|
checked: {
|
25
|
-
'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.
|
26
|
+
'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.600}' },
|
26
27
|
'inner-circle-border': { value: '{dark-color-scheme.primary.palette.value.600}' }
|
27
28
|
},
|
28
29
|
focused: {
|
29
|
-
'outer-circle-border': { value: '{dark-color-scheme.
|
30
|
-
'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.
|
31
|
-
|
32
|
-
'inner-circle-shadow': { value: '0 0 0 1px {dark-color-scheme.background.background}' }
|
30
|
+
'outer-circle-border': { value: '{dark-color-scheme.primary.palette.value.500}' },
|
31
|
+
'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.primary.palette.value.500}' },
|
32
|
+
'inner-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.background.background}' }
|
33
33
|
}
|
34
34
|
}
|
35
35
|
},
|
36
36
|
size: {
|
37
|
-
size: { value: '14px' },
|
37
|
+
'outer-size': { value: '14px' },
|
38
|
+
'inner-size': { value: '10px' },
|
38
39
|
'cap-size': { value: '6px' },
|
39
40
|
'label-margin': { value: '{margin.iconText_M-horizontal}' }
|
40
41
|
},
|
@@ -0,0 +1,54 @@
|
|
1
|
+
{
|
2
|
+
toast: {
|
3
|
+
'light-color-scheme': {
|
4
|
+
background: { value: '{light-color-scheme.background.background}' },
|
5
|
+
border: { value: '{light-color-scheme.foreground.border}' },
|
6
|
+
text: { value: '{light-color-scheme.foreground.text}' },
|
7
|
+
'text-caption': { value: '{light-color-scheme.foreground.text-less-contrast}' },
|
8
|
+
'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
|
9
|
+
|
10
|
+
'icon_info': { value: '{icon.light-color-scheme.info.default}' },
|
11
|
+
'icon_error': { value: '{icon.light-color-scheme.error.default}' },
|
12
|
+
'icon_success': { value: '{icon.light-color-scheme.success.default}' },
|
13
|
+
'icon_warning': { value: '{icon.light-color-scheme.warning.default}' }
|
14
|
+
},
|
15
|
+
'dark-color-scheme': {
|
16
|
+
background: { value: '{dark-color-scheme.second.palette.value.700}' },
|
17
|
+
border: { value: '{dark-color-scheme.second.palette.value.A100}' },
|
18
|
+
text: { value: '{dark-color-scheme.foreground.text}' },
|
19
|
+
'text-caption': { value: '{dark-color-scheme.foreground.text-less-contrast}' },
|
20
|
+
'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
|
21
|
+
|
22
|
+
'icon_info': { value: '{icon.dark-color-scheme.info.default}' },
|
23
|
+
'icon_error': { value: '{icon.dark-color-scheme.error.default}' },
|
24
|
+
'icon_success': { value: '{icon.dark-color-scheme.success.default}' },
|
25
|
+
'icon_warning': { value: '{icon.dark-color-scheme.warning.default}' }
|
26
|
+
},
|
27
|
+
size: {
|
28
|
+
'border-width': { value: '1px' },
|
29
|
+
'border-radius': { value: '3px' },
|
30
|
+
|
31
|
+
'width': { value: '360px' },
|
32
|
+
'padding-vertical': { value: '{size.m}' },
|
33
|
+
'padding-left': { value: '{size.m}' },
|
34
|
+
'padding-right': { value: '{size.l}' },
|
35
|
+
|
36
|
+
'close-button-width': { value: '{size.3xl}' },
|
37
|
+
'close-button-margin': { value: '{size.s}' },
|
38
|
+
|
39
|
+
'icon-margin': { value: '{size.s}' },
|
40
|
+
'caption-margin': { value: '{size.s}' },
|
41
|
+
|
42
|
+
'actionbar-margin': { value: '{size.s}' },
|
43
|
+
'actionbar-gap': { value: '{size.m}' },
|
44
|
+
|
45
|
+
'vertical-margin': { value: '{size.l}' },
|
46
|
+
'horizontal-margin': { value: '{size.l}' },
|
47
|
+
'gap': { value: '{size.m}' }
|
48
|
+
},
|
49
|
+
font: {
|
50
|
+
title: { value: 'body' },
|
51
|
+
caption: { value: 'body' },
|
52
|
+
}
|
53
|
+
}
|
54
|
+
}
|
@@ -7292,6 +7292,7 @@ export declare const CardDarkColorSchemeInfoBackground = "#114E77";
|
|
7292
7292
|
export declare const CardDarkColorSchemeInfoShadow = "#4D4D4D";
|
7293
7293
|
export declare const CardSizeVerticalLine = "4px";
|
7294
7294
|
export declare const CheckboxLightColorSchemeDefaultBorder = "#B3B3B3";
|
7295
|
+
export declare const CheckboxLightColorSchemeDefaultColor = "white";
|
7295
7296
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedBorder = "#206EA2";
|
7296
7297
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedBackground = "#338FCC";
|
7297
7298
|
export declare const CheckboxLightColorSchemeDefaultStatesFocusedBorder = "#338FCC";
|
@@ -7301,6 +7302,7 @@ export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedBackgrou
|
|
7301
7302
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedShadow = "0 0 0 1px #338FCC";
|
7302
7303
|
export declare const CheckboxLightColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid white";
|
7303
7304
|
export declare const CheckboxLightColorSchemeErrorBorder = "#E76E5C";
|
7305
|
+
export declare const CheckboxLightColorSchemeErrorColor = "white";
|
7304
7306
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedBorder = "#B23522";
|
7305
7307
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedBackground = "#E04D36";
|
7306
7308
|
export declare const CheckboxLightColorSchemeErrorStatesFocusedBorder = "#E76E5C";
|
@@ -7310,6 +7312,7 @@ export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedBackground
|
|
7310
7312
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedShadow = "0 0 0 1px #E76E5C";
|
7311
7313
|
export declare const CheckboxLightColorSchemeErrorStatesCheckedFocusedOutline = "1px solid white";
|
7312
7314
|
export declare const CheckboxDarkColorSchemeDefaultBorder = "#808080";
|
7315
|
+
export declare const CheckboxDarkColorSchemeDefaultColor = "white";
|
7313
7316
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBorder = "#57A4D7";
|
7314
7317
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedBackground = "#206EA2";
|
7315
7318
|
export declare const CheckboxDarkColorSchemeDefaultStatesFocusedBorder = "#57A4D7";
|
@@ -7319,6 +7322,7 @@ export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedBackgroun
|
|
7319
7322
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedShadow = "0 0 0 1px #57A4D7";
|
7320
7323
|
export declare const CheckboxDarkColorSchemeDefaultStatesCheckedFocusedOutline = "1px solid #333333";
|
7321
7324
|
export declare const CheckboxDarkColorSchemeErrorBorder = "#E76E5C";
|
7325
|
+
export declare const CheckboxDarkColorSchemeErrorColor = "white";
|
7322
7326
|
export declare const CheckboxDarkColorSchemeErrorStatesCheckedBorder = "#E76E5C";
|
7323
7327
|
export declare const CheckboxDarkColorSchemeErrorStatesCheckedBackground = "#B23522";
|
7324
7328
|
export declare const CheckboxDarkColorSchemeErrorStatesFocusedBorder = "#E76E5C";
|
@@ -7641,21 +7645,23 @@ export declare const ProgressBarLightColorSchemeBackground = "#F0F0F0";
|
|
7641
7645
|
export declare const ProgressBarDarkColorSchemeBackground = "#666666";
|
7642
7646
|
export declare const ProgressBarSizeHeight = "4px";
|
7643
7647
|
export declare const ProgressSpinnerSizeSize = "16px";
|
7644
|
-
export declare const RadioLightColorSchemeOuterCircleBorder = "#
|
7648
|
+
export declare const RadioLightColorSchemeOuterCircleBorder = "#808080";
|
7645
7649
|
export declare const RadioLightColorSchemeInnerCircleBorder = "transparent";
|
7650
|
+
export declare const RadioLightColorSchemeCapColor = "white";
|
7646
7651
|
export declare const RadioLightColorSchemeStatesCheckedOuterCircleBorder = "#338FCC";
|
7647
7652
|
export declare const RadioLightColorSchemeStatesCheckedInnerCircleBorder = "#338FCC";
|
7648
7653
|
export declare const RadioLightColorSchemeStatesFocusedOuterCircleBorder = "#338FCC";
|
7649
|
-
export declare const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #
|
7650
|
-
export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0
|
7654
|
+
export declare const RadioLightColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #338FCC";
|
7655
|
+
export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px white";
|
7651
7656
|
export declare const RadioDarkColorSchemeOuterCircleBorder = "#999999";
|
7652
7657
|
export declare const RadioDarkColorSchemeInnerCircleBorder = "transparent";
|
7653
|
-
export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#
|
7658
|
+
export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#206EA2";
|
7654
7659
|
export declare const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#206EA2";
|
7655
|
-
export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#
|
7656
|
-
export declare const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #
|
7657
|
-
export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0
|
7658
|
-
export declare const
|
7660
|
+
export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#338FCC";
|
7661
|
+
export declare const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #338FCC";
|
7662
|
+
export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 2px #333333";
|
7663
|
+
export declare const RadioSizeOuterSize = "14px";
|
7664
|
+
export declare const RadioSizeInnerSize = "10px";
|
7659
7665
|
export declare const RadioSizeCapSize = "6px";
|
7660
7666
|
export declare const RadioSizeLabelMargin = "8px";
|
7661
7667
|
export declare const RadioFontDefault = "body";
|
@@ -7794,6 +7800,41 @@ export declare const TextareaSizePadding = "5 12px";
|
|
7794
7800
|
export declare const TextareaFontDefault = "body";
|
7795
7801
|
export declare const TextareaFontMono = "body-mono";
|
7796
7802
|
export declare const TimepickerSizePaddingRight = "16px";
|
7803
|
+
export declare const ToastLightColorSchemeBackground = "white";
|
7804
|
+
export declare const ToastLightColorSchemeBorder = "#B3B3B3";
|
7805
|
+
export declare const ToastLightColorSchemeText = "#4D4D4D";
|
7806
|
+
export declare const ToastLightColorSchemeTextCaption = "#999999";
|
7807
|
+
export declare const ToastLightColorSchemeShadow = "0 8px 16px 0 rgba(#333333, 0.2)";
|
7808
|
+
export declare const ToastLightColorSchemeIconInfo = "#57A4D7";
|
7809
|
+
export declare const ToastLightColorSchemeIconError = "#E76E5C";
|
7810
|
+
export declare const ToastLightColorSchemeIconSuccess = "#6FBA53";
|
7811
|
+
export declare const ToastLightColorSchemeIconWarning = "#DFA739";
|
7812
|
+
export declare const ToastDarkColorSchemeBackground = "#4D4D4D";
|
7813
|
+
export declare const ToastDarkColorSchemeBorder = "rgba(0, 0, 0, 0.1)";
|
7814
|
+
export declare const ToastDarkColorSchemeText = "#F0F0F0";
|
7815
|
+
export declare const ToastDarkColorSchemeTextCaption = "#999999";
|
7816
|
+
export declare const ToastDarkColorSchemeShadow = "0 8px 16px 0 rgba(#333333, 0.2)";
|
7817
|
+
export declare const ToastDarkColorSchemeIconInfo = "#338FCC";
|
7818
|
+
export declare const ToastDarkColorSchemeIconError = "#E04D36";
|
7819
|
+
export declare const ToastDarkColorSchemeIconSuccess = "#52A832";
|
7820
|
+
export declare const ToastDarkColorSchemeIconWarning = "#D6930D";
|
7821
|
+
export declare const ToastSizeBorderWidth = "1px";
|
7822
|
+
export declare const ToastSizeBorderRadius = "3px";
|
7823
|
+
export declare const ToastSizeWidth = "360px";
|
7824
|
+
export declare const ToastSizePaddingVertical = "12px";
|
7825
|
+
export declare const ToastSizePaddingLeft = "12px";
|
7826
|
+
export declare const ToastSizePaddingRight = "16px";
|
7827
|
+
export declare const ToastSizeCloseButtonWidth = "32px";
|
7828
|
+
export declare const ToastSizeCloseButtonMargin = "8px";
|
7829
|
+
export declare const ToastSizeIconMargin = "8px";
|
7830
|
+
export declare const ToastSizeCaptionMargin = "8px";
|
7831
|
+
export declare const ToastSizeActionbarMargin = "8px";
|
7832
|
+
export declare const ToastSizeActionbarGap = "12px";
|
7833
|
+
export declare const ToastSizeVerticalMargin = "16px";
|
7834
|
+
export declare const ToastSizeHorizontalMargin = "16px";
|
7835
|
+
export declare const ToastSizeGap = "12px";
|
7836
|
+
export declare const ToastFontTitle = "body";
|
7837
|
+
export declare const ToastFontCaption = "body";
|
7797
7838
|
export declare const ToggleLightColorSchemeBorder = "#B3B3B3";
|
7798
7839
|
export declare const ToggleLightColorSchemeBackground = "linear-gradient(to bottom, #E6E6E6, #F0F0F0)";
|
7799
7840
|
export declare const ToggleLightColorSchemeCircleBorder = "#B3B3B3";
|
@@ -3,6 +3,7 @@
|
|
3
3
|
'light-color-scheme': {
|
4
4
|
default: {
|
5
5
|
border: { value: '{light-color-scheme.foreground.border}' },
|
6
|
+
color: { value: 'white' },
|
6
7
|
|
7
8
|
states: {
|
8
9
|
checked: {
|
@@ -23,6 +24,7 @@
|
|
23
24
|
},
|
24
25
|
error: {
|
25
26
|
border: { value: '{light-color-scheme.error.default}' },
|
27
|
+
color: { value: 'white' },
|
26
28
|
|
27
29
|
states: {
|
28
30
|
checked: {
|
@@ -45,6 +47,7 @@
|
|
45
47
|
'dark-color-scheme': {
|
46
48
|
default: {
|
47
49
|
border: { value: '{dark-color-scheme.foreground.border}' },
|
50
|
+
color: { value: 'white' },
|
48
51
|
|
49
52
|
states: {
|
50
53
|
checked: {
|
@@ -65,6 +68,7 @@
|
|
65
68
|
},
|
66
69
|
error: {
|
67
70
|
border: { value: '{dark-color-scheme.error.default}' },
|
71
|
+
color: { value: 'white' },
|
68
72
|
|
69
73
|
states: {
|
70
74
|
checked: {
|
@@ -20,7 +20,7 @@
|
|
20
20
|
}
|
21
21
|
},
|
22
22
|
'dark-color-scheme': {
|
23
|
-
text: { value: '{dark-color-scheme.primary.palette.value.
|
23
|
+
text: { value: '{dark-color-scheme.primary.palette.value.300}' },
|
24
24
|
'border-bottom': { value: 'rgba({dark-color-scheme.foreground.text-disabled}, 0.32)' },
|
25
25
|
|
26
26
|
'state-visited': {
|
@@ -28,10 +28,10 @@
|
|
28
28
|
'border-bottom': { value: 'rgba({link.dark-color-scheme.state-visited.text}, 0.32)' }
|
29
29
|
},
|
30
30
|
'state-hover': {
|
31
|
-
'text': { value: '{dark-color-scheme.primary.palette.value.
|
31
|
+
'text': { value: '{dark-color-scheme.primary.palette.value.400}' },
|
32
32
|
'border-bottom': { value: 'rgba({link.dark-color-scheme.state-hover.text}, 0.32)' }
|
33
33
|
},
|
34
|
-
'state-active': { value: '{dark-color-scheme.primary.palette.value.
|
34
|
+
'state-active': { value: '{dark-color-scheme.primary.palette.value.500}' },
|
35
35
|
'state-focused': {
|
36
36
|
outline: { value: '{dark-color-scheme.states.focused-color}' }
|
37
37
|
}
|
@@ -3,6 +3,7 @@
|
|
3
3
|
'light-color-scheme': {
|
4
4
|
'outer-circle-border': { value: '{light-color-scheme.foreground.border}' },
|
5
5
|
'inner-circle-border': { value: 'transparent' },
|
6
|
+
'cap-color': { value: 'white' },
|
6
7
|
|
7
8
|
states: {
|
8
9
|
checked: {
|
@@ -12,13 +13,14 @@
|
|
12
13
|
focused: {
|
13
14
|
'outer-circle-border': { value: '{light-color-scheme.states.focused-color}' },
|
14
15
|
'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.states.focused-color}' },
|
15
|
-
'inner-circle-shadow': { value: '0 0 0
|
16
|
+
'inner-circle-shadow': { value: '0 0 0 2px {light-color-scheme.background.background}' }
|
16
17
|
}
|
17
18
|
}
|
18
19
|
},
|
19
20
|
'dark-color-scheme': {
|
20
21
|
'outer-circle-border': { value: '{dark-color-scheme.foreground.border}' },
|
21
22
|
'inner-circle-border': { value: 'transparent' },
|
23
|
+
'cap-color': { value: 'white' },
|
22
24
|
|
23
25
|
states: {
|
24
26
|
checked: {
|
@@ -29,12 +31,13 @@
|
|
29
31
|
'outer-circle-border': { value: '{dark-color-scheme.states.focused-color}' },
|
30
32
|
'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.states.focused-color}' },
|
31
33
|
|
32
|
-
'inner-circle-shadow': { value: '0 0 0
|
34
|
+
'inner-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.background.background}' }
|
33
35
|
}
|
34
36
|
}
|
35
37
|
},
|
36
38
|
size: {
|
37
|
-
size: { value: '14px' },
|
39
|
+
'outer-size': { value: '14px' },
|
40
|
+
'inner-size': { value: '10px' },
|
38
41
|
'cap-size': { value: '6px' },
|
39
42
|
'label-margin': { value: '{margin.iconText_M-horizontal}' }
|
40
43
|
},
|
@@ -55,7 +55,7 @@
|
|
55
55
|
},
|
56
56
|
'dark-color-scheme': {
|
57
57
|
primary: {
|
58
|
-
background: { value: '{dark-color-scheme.primary.palette.value.
|
58
|
+
background: { value: '{dark-color-scheme.primary.palette.value.600}' },
|
59
59
|
border: { value: 'transparent' },
|
60
60
|
text: { value: '{dark-color-scheme.primary.palette.value.200}' },
|
61
61
|
icon: { value: '{icon.dark-color-scheme.primary.default}' },
|
@@ -0,0 +1,54 @@
|
|
1
|
+
{
|
2
|
+
toast: {
|
3
|
+
'light-color-scheme': {
|
4
|
+
background: { value: '{light-color-scheme.background.background}' },
|
5
|
+
border: { value: '{light-color-scheme.foreground.border}' },
|
6
|
+
text: { value: '{light-color-scheme.foreground.text}' },
|
7
|
+
'text-caption': { value: '{light-color-scheme.foreground.text-less-contrast}' },
|
8
|
+
'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
|
9
|
+
|
10
|
+
'icon_info': { value: '{icon.light-color-scheme.info.default}' },
|
11
|
+
'icon_error': { value: '{icon.light-color-scheme.error.default}' },
|
12
|
+
'icon_success': { value: '{icon.light-color-scheme.success.default}' },
|
13
|
+
'icon_warning': { value: '{icon.light-color-scheme.warning.default}' }
|
14
|
+
},
|
15
|
+
'dark-color-scheme': {
|
16
|
+
background: { value: '{dark-color-scheme.second.palette.value.700}' },
|
17
|
+
border: { value: '{dark-color-scheme.second.palette.value.A100}' },
|
18
|
+
text: { value: '{dark-color-scheme.foreground.text}' },
|
19
|
+
'text-caption': { value: '{dark-color-scheme.foreground.text-less-contrast}' },
|
20
|
+
'shadow': { value: '0 8px 16px 0 rgba({light-color-scheme.second.palette.value.800}, 0.2)' },
|
21
|
+
|
22
|
+
'icon_info': { value: '{icon.dark-color-scheme.info.default}' },
|
23
|
+
'icon_error': { value: '{icon.dark-color-scheme.error.default}' },
|
24
|
+
'icon_success': { value: '{icon.dark-color-scheme.success.default}' },
|
25
|
+
'icon_warning': { value: '{icon.dark-color-scheme.warning.default}' }
|
26
|
+
},
|
27
|
+
size: {
|
28
|
+
'border-width': { value: '1px' },
|
29
|
+
'border-radius': { value: '3px' },
|
30
|
+
|
31
|
+
'width': { value: '360px' },
|
32
|
+
'padding-vertical': { value: '{size.m}' },
|
33
|
+
'padding-left': { value: '{size.m}' },
|
34
|
+
'padding-right': { value: '{size.l}' },
|
35
|
+
|
36
|
+
'close-button-width': { value: '{size.3xl}' },
|
37
|
+
'close-button-margin': { value: '{size.s}' },
|
38
|
+
|
39
|
+
'icon-margin': { value: '{size.s}' },
|
40
|
+
'caption-margin': { value: '{size.s}' },
|
41
|
+
|
42
|
+
'actionbar-margin': { value: '{size.s}' },
|
43
|
+
'actionbar-gap': { value: '{size.m}' },
|
44
|
+
|
45
|
+
'vertical-margin': { value: '{size.l}' },
|
46
|
+
'horizontal-margin': { value: '{size.l}' },
|
47
|
+
'gap': { value: '{size.m}' }
|
48
|
+
},
|
49
|
+
font: {
|
50
|
+
title: { value: 'body' },
|
51
|
+
caption: { value: 'body' },
|
52
|
+
}
|
53
|
+
}
|
54
|
+
}
|
@@ -114,7 +114,7 @@
|
|
114
114
|
states: {
|
115
115
|
'focused-color': { value: '{dark-color-scheme.primary.palette.value.400}' },
|
116
116
|
'focused-color-error': { value: '{light-color-scheme.error.palette.value.560}' },
|
117
|
-
'selected-color': { value: '{dark-color-scheme.primary.palette.value.
|
117
|
+
'selected-color': { value: '{dark-color-scheme.primary.palette.value.700}' },
|
118
118
|
'pressed-shadow': { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' },
|
119
119
|
'disabled-opacity': { value: 0.3 }
|
120
120
|
}
|