@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.
Files changed (107) hide show
  1. package/_theming.scss +186 -53
  2. package/_visual.scss +55 -13
  3. package/core/formatters/date/formatter.d.ts +13 -4
  4. package/core/formatters/date/templates/en-US.d.ts +2 -74
  5. package/core/formatters/date/templates/ru-RU.d.ts +2 -74
  6. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +4 -0
  7. package/design-tokens/legacy-2017/tokens/components/radio.json5 +11 -10
  8. package/design-tokens/legacy-2017/tokens/components/toast.json5 +54 -0
  9. package/design-tokens/legacy-2017/tokens.d.ts +49 -8
  10. package/design-tokens/pt-2022/tokens/components/button.json5 +1 -1
  11. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +4 -0
  12. package/design-tokens/pt-2022/tokens/components/link.json5 +3 -3
  13. package/design-tokens/pt-2022/tokens/components/radio.json5 +6 -3
  14. package/design-tokens/pt-2022/tokens/components/tags.json5 +1 -1
  15. package/design-tokens/pt-2022/tokens/components/toast.json5 +54 -0
  16. package/design-tokens/pt-2022/tokens/properties/colors.json5 +1 -1
  17. package/design-tokens/pt-2022/tokens.d.ts +55 -13
  18. package/design-tokens/style-dictionary/figma-types.js +41 -0
  19. package/design-tokens/style-dictionary/formats/figma.js +1 -1
  20. package/design-tokens/style-dictionary/transforms/attribute/figma-border.js +1 -1
  21. package/design-tokens/style-dictionary/transforms/attribute/figma-color.js +1 -1
  22. package/design-tokens/style-dictionary/transforms/attribute/figma-default.js +1 -1
  23. package/design-tokens/style-dictionary/transforms/attribute/figma-font.js +1 -1
  24. package/design-tokens/style-dictionary/transforms/attribute/figma-opacity.js +1 -1
  25. package/design-tokens/style-dictionary/transforms/attribute/figma-shadow.js +1 -1
  26. package/design-tokens/style-dictionary/transforms/attribute/figma-sizing.js +1 -1
  27. package/design-tokens/style-dictionary/transforms/attribute/figma-spacing.js +1 -1
  28. package/design-tokens/style-dictionary/transforms/attribute/figma-typography.js +1 -1
  29. package/esm2020/button/button.component.mjs +2 -2
  30. package/esm2020/core/formatters/date/formatter.mjs +22 -16
  31. package/esm2020/core/formatters/date/templates/en-US.mjs +1 -1
  32. package/esm2020/core/formatters/date/templates/ru-RU.mjs +1 -1
  33. package/esm2020/design-tokens/legacy-2017/tokens.mjs +50 -9
  34. package/esm2020/design-tokens/pt-2022/tokens.mjs +56 -14
  35. package/esm2020/navbar/navbar-item.component.mjs +29 -6
  36. package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
  37. package/esm2020/radio/radio.component.mjs +3 -3
  38. package/esm2020/textarea/textarea.component.mjs +3 -4
  39. package/esm2020/toast/index.mjs +2 -0
  40. package/esm2020/toast/ptsecurity-mosaic-toast.mjs +5 -0
  41. package/esm2020/toast/public-api.mjs +6 -0
  42. package/esm2020/toast/toast-animations.mjs +9 -0
  43. package/esm2020/toast/toast-container.component.mjs +44 -0
  44. package/esm2020/toast/toast.component.mjs +89 -0
  45. package/esm2020/toast/toast.module.mjs +42 -0
  46. package/esm2020/toast/toast.service.mjs +178 -0
  47. package/esm2020/toast/toast.type.mjs +15 -0
  48. package/esm2020/tooltip/tooltip.component.mjs +2 -1
  49. package/esm2020/tree/tree-option.component.mjs +3 -2
  50. package/esm2020/tree/tree-selection.component.mjs +3 -2
  51. package/esm2020/tree-select/tree-select.component.mjs +10 -9
  52. package/fesm2015/ptsecurity-mosaic-button.mjs +2 -2
  53. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  54. package/fesm2015/ptsecurity-mosaic-core.mjs +21 -15
  55. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  56. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +147 -23
  57. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  58. package/fesm2015/ptsecurity-mosaic-navbar.mjs +33 -9
  59. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  60. package/fesm2015/ptsecurity-mosaic-radio.mjs +2 -2
  61. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  62. package/fesm2015/ptsecurity-mosaic-textarea.mjs +2 -3
  63. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  64. package/fesm2015/ptsecurity-mosaic-toast.mjs +363 -0
  65. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -0
  66. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +1 -0
  67. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  68. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +9 -8
  69. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  70. package/fesm2015/ptsecurity-mosaic-tree.mjs +4 -2
  71. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  72. package/fesm2020/ptsecurity-mosaic-button.mjs +2 -2
  73. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  74. package/fesm2020/ptsecurity-mosaic-core.mjs +21 -15
  75. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  76. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +147 -23
  77. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  78. package/fesm2020/ptsecurity-mosaic-navbar.mjs +30 -7
  79. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  80. package/fesm2020/ptsecurity-mosaic-radio.mjs +2 -2
  81. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  82. package/fesm2020/ptsecurity-mosaic-textarea.mjs +2 -3
  83. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  84. package/fesm2020/ptsecurity-mosaic-toast.mjs +361 -0
  85. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -0
  86. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +1 -0
  87. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  88. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +9 -8
  89. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  90. package/fesm2020/ptsecurity-mosaic-tree.mjs +4 -2
  91. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  92. package/navbar/navbar-item.component.d.ts +9 -3
  93. package/package.json +12 -4
  94. package/prebuilt-themes/dark-theme.css +1 -1
  95. package/prebuilt-themes/default-theme.css +1 -1
  96. package/toast/index.d.ts +1 -0
  97. package/toast/package.json +10 -0
  98. package/toast/ptsecurity-mosaic-toast.d.ts +5 -0
  99. package/toast/public-api.d.ts +5 -0
  100. package/toast/toast-animations.d.ts +4 -0
  101. package/toast/toast-container.component.d.ts +15 -0
  102. package/toast/toast.component.d.ts +35 -0
  103. package/toast/toast.module.d.ts +13 -0
  104. package/toast/toast.service.d.ts +49 -0
  105. package/toast/toast.type.d.ts +27 -0
  106. package/tooltip/tooltip.component.d.ts +1 -1
  107. package/tree/tree-selection.component.d.ts +1 -0
@@ -1,74 +1,2 @@
1
- export declare const enUS: {
2
- relativeTemplates: {
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
- export declare const ruRU: {
2
- relativeTemplates: {
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.300}' },
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.states.focused-color}' },
14
- 'outer-circle-shadow': { value: '0 0 0 2px {light-color-scheme.second.palette.value.300}' },
15
- 'inner-circle-shadow': { value: '0 0 0 1px {light-color-scheme.background.background}' }
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.400}' },
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.states.focused-color}' },
30
- 'outer-circle-shadow': { value: '0 0 0 2px {dark-color-scheme.states.focused-color}' },
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 = "#B3B3B3";
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 #B3B3B3";
7650
- export declare const RadioLightColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px white";
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 = "#57A4D7";
7658
+ export declare const RadioDarkColorSchemeStatesCheckedOuterCircleBorder = "#206EA2";
7654
7659
  export declare const RadioDarkColorSchemeStatesCheckedInnerCircleBorder = "#206EA2";
7655
- export declare const RadioDarkColorSchemeStatesFocusedOuterCircleBorder = "#57A4D7";
7656
- export declare const RadioDarkColorSchemeStatesFocusedOuterCircleShadow = "0 0 0 2px #57A4D7";
7657
- export declare const RadioDarkColorSchemeStatesFocusedInnerCircleShadow = "0 0 0 1px #333333";
7658
- export declare const RadioSizeSize = "14px";
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";
@@ -78,7 +78,7 @@
78
78
  },
79
79
 
80
80
  primary_transparent: {
81
- color: { value: '{dark-color-scheme.primary.palette.value.500}' },
81
+ color: { value: '{dark-color-scheme.primary.palette.value.300}' },
82
82
  icon: { value: '{icon.dark-color-scheme.primary.default}' },
83
83
 
84
84
  states: {
@@ -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.400}' },
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.500}' },
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.560}' },
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 1px {light-color-scheme.background.background}' }
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 1px {dark-color-scheme.background.background}' }
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.700}' },
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.600}' },
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
  }