@ptsecurity/mosaic 11.4.4 → 11.6.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 (111) hide show
  1. package/_theming.scss +368 -61
  2. package/_visual.scss +139 -14
  3. package/bundles/ptsecurity-mosaic-datepicker.umd.js +2 -1
  4. package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +1 -1
  5. package/bundles/ptsecurity-mosaic-datepicker.umd.min.js +1 -1
  6. package/bundles/ptsecurity-mosaic-datepicker.umd.min.js.map +1 -1
  7. package/bundles/ptsecurity-mosaic-design-tokens.umd.js +226 -15
  8. package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +1 -1
  9. package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js +1 -1
  10. package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js.map +1 -1
  11. package/bundles/ptsecurity-mosaic-dropdown.umd.js +1 -1
  12. package/bundles/ptsecurity-mosaic-dropdown.umd.min.js +2 -2
  13. package/bundles/ptsecurity-mosaic-dropdown.umd.min.js.map +1 -1
  14. package/bundles/ptsecurity-mosaic-list.umd.js +10 -2
  15. package/bundles/ptsecurity-mosaic-list.umd.js.map +1 -1
  16. package/bundles/ptsecurity-mosaic-list.umd.min.js +1 -1
  17. package/bundles/ptsecurity-mosaic-list.umd.min.js.map +1 -1
  18. package/bundles/ptsecurity-mosaic-navbar.umd.js +2 -2
  19. package/bundles/ptsecurity-mosaic-navbar.umd.js.map +1 -1
  20. package/bundles/ptsecurity-mosaic-navbar.umd.min.js +2 -2
  21. package/bundles/ptsecurity-mosaic-navbar.umd.min.js.map +1 -1
  22. package/bundles/ptsecurity-mosaic-timepicker.umd.js +1 -1
  23. package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +1 -1
  24. package/bundles/ptsecurity-mosaic-timepicker.umd.min.js +1 -1
  25. package/bundles/ptsecurity-mosaic-timepicker.umd.min.js.map +1 -1
  26. package/design-tokens/ptsecurity-mosaic-design-tokens.metadata.json +1 -1
  27. package/design-tokens/style-dictionary/build.js +56 -0
  28. package/design-tokens/style-dictionary/configs/css.js +13 -0
  29. package/design-tokens/style-dictionary/configs/index.js +47 -0
  30. package/design-tokens/style-dictionary/configs/js.js +9 -0
  31. package/design-tokens/style-dictionary/configs/scss.js +23 -0
  32. package/design-tokens/style-dictionary/filters/color.js +7 -0
  33. package/design-tokens/style-dictionary/filters/palette.js +7 -0
  34. package/design-tokens/style-dictionary/filters/size.js +7 -0
  35. package/design-tokens/style-dictionary/filters/typography.js +7 -0
  36. package/design-tokens/style-dictionary/formats/palette.js +25 -0
  37. package/design-tokens/style-dictionary/formats/typography.js +52 -0
  38. package/design-tokens/style-dictionary/transformGroups/css.js +13 -0
  39. package/design-tokens/style-dictionary/transformGroups/scss.js +12 -0
  40. package/design-tokens/style-dictionary/transforms/attribute/palette.js +9 -0
  41. package/design-tokens/style-dictionary/transforms/attribute/prefix.js +11 -0
  42. package/design-tokens/style-dictionary/transforms/attribute/size.js +8 -0
  43. package/design-tokens/style-dictionary/transforms/attribute/typography.js +9 -0
  44. package/design-tokens/tokens/components/alert.json5 +83 -0
  45. package/design-tokens/tokens/components/autocomplete.json5 +11 -0
  46. package/design-tokens/tokens/components/badge.json5 +184 -0
  47. package/design-tokens/tokens/components/button-toggle.json5 +10 -0
  48. package/design-tokens/tokens/components/button.json5 +143 -0
  49. package/design-tokens/tokens/components/card.json5 +51 -0
  50. package/design-tokens/tokens/components/checkbox.json5 +39 -0
  51. package/design-tokens/tokens/components/datepicker.json5 +64 -0
  52. package/design-tokens/tokens/components/divider.json5 +8 -0
  53. package/design-tokens/tokens/components/dropdown.json5 +47 -0
  54. package/design-tokens/tokens/components/form-field.json5 +52 -0
  55. package/design-tokens/tokens/components/forms.json5 +52 -0
  56. package/design-tokens/tokens/components/input.json5 +13 -0
  57. package/design-tokens/tokens/components/link.json5 +56 -0
  58. package/design-tokens/tokens/components/list.json5 +19 -0
  59. package/design-tokens/tokens/components/modal.json5 +67 -0
  60. package/design-tokens/tokens/components/navbar.json5 +64 -0
  61. package/design-tokens/tokens/components/optgroup.json5 +10 -0
  62. package/design-tokens/tokens/components/option.json5 +12 -0
  63. package/design-tokens/tokens/components/popover.json5 +40 -0
  64. package/design-tokens/tokens/components/popup.json5 +18 -0
  65. package/design-tokens/tokens/components/progress-bar.json5 +13 -0
  66. package/design-tokens/tokens/components/progress-spinner.json5 +7 -0
  67. package/design-tokens/tokens/components/radio.json5 +45 -0
  68. package/design-tokens/tokens/components/select.json5 +25 -0
  69. package/design-tokens/tokens/components/sidepanel.json5 +30 -0
  70. package/design-tokens/tokens/components/table.json5 +15 -0
  71. package/design-tokens/tokens/components/tabs.json5 +25 -0
  72. package/design-tokens/tokens/components/tags.json5 +126 -0
  73. package/design-tokens/tokens/components/textarea.json5 +12 -0
  74. package/design-tokens/tokens/components/timepicker.json5 +7 -0
  75. package/design-tokens/tokens/components/toggle.json5 +55 -0
  76. package/design-tokens/tokens/components/tooltip.json5 +37 -0
  77. package/design-tokens/tokens/components/tree.json5 +12 -0
  78. package/design-tokens/tokens/properties/aliases.json5 +3 -0
  79. package/design-tokens/tokens/properties/colors.json5 +110 -0
  80. package/design-tokens/tokens/properties/font.json5 +12 -0
  81. package/design-tokens/tokens/properties/globals.json5 +30 -0
  82. package/design-tokens/tokens/properties/padding.json5 +3 -0
  83. package/design-tokens/tokens/properties/palette.json5 +163 -0
  84. package/design-tokens/tokens/properties/typography.json5 +140 -0
  85. package/design-tokens/tokens.d.ts +114 -8
  86. package/dropdown/ptsecurity-mosaic-dropdown.metadata.json +1 -1
  87. package/esm2015/datepicker/datepicker-input.directive.js +3 -2
  88. package/esm2015/design-tokens/tokens.js +115 -10
  89. package/esm2015/dropdown/dropdown-item.component.js +1 -1
  90. package/esm2015/list/list-selection.component.js +11 -3
  91. package/esm2015/navbar/navbar.component.js +1 -1
  92. package/esm2015/navbar/vertical-navbar.component.js +2 -2
  93. package/esm2015/timepicker/timepicker.directive.js +3 -3
  94. package/fesm2015/ptsecurity-mosaic-datepicker.js +2 -1
  95. package/fesm2015/ptsecurity-mosaic-datepicker.js.map +1 -1
  96. package/fesm2015/ptsecurity-mosaic-design-tokens.js +115 -10
  97. package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +1 -1
  98. package/fesm2015/ptsecurity-mosaic-dropdown.js +1 -1
  99. package/fesm2015/ptsecurity-mosaic-list.js +10 -2
  100. package/fesm2015/ptsecurity-mosaic-list.js.map +1 -1
  101. package/fesm2015/ptsecurity-mosaic-navbar.js +2 -2
  102. package/fesm2015/ptsecurity-mosaic-navbar.js.map +1 -1
  103. package/fesm2015/ptsecurity-mosaic-timepicker.js +2 -2
  104. package/fesm2015/ptsecurity-mosaic-timepicker.js.map +1 -1
  105. package/list/ptsecurity-mosaic-list.metadata.json +1 -1
  106. package/navbar/ptsecurity-mosaic-navbar.metadata.json +1 -1
  107. package/package.json +5 -5
  108. package/prebuilt-themes/dark-theme.css +1 -1
  109. package/prebuilt-themes/default-theme.css +1 -1
  110. package/timepicker/ptsecurity-mosaic-timepicker.metadata.json +1 -1
  111. package/prebuilt-visual/default-visual.css +0 -1
@@ -0,0 +1,110 @@
1
+ {
2
+ 'light-color-scheme': {
3
+ primary: {
4
+ default: { value: '{palette.blue.500.value}' },
5
+
6
+ palette: { value: '{palette.blue}' }
7
+ },
8
+ second: {
9
+ default: { value: '{palette.grey.300.value}' },
10
+
11
+ palette: { value: '{palette.grey}' }
12
+ },
13
+ error: {
14
+ default: { value: '{palette.red.400.value}' },
15
+
16
+ palette: { value: '{palette.red}' }
17
+ },
18
+ info: {
19
+ default: { value: '{palette.blue.200.value}' },
20
+
21
+ palette: { value: '{palette.blue}' }
22
+ },
23
+ success: {
24
+ default: { value: '{palette.green.200.value}' },
25
+
26
+ palette: { value: '{palette.green}' }
27
+ },
28
+ warning: {
29
+ default: { value: '{palette.yellow.200.value}' },
30
+
31
+ palette: { value: '{palette.yellow}' }
32
+ },
33
+ foreground: {
34
+ text: { value: '{palette.grey.700.value}' },
35
+ 'text-less-contrast': { value: '{palette.grey.400.value}'},
36
+ 'text-disabled': { value: '{palette.grey.300.value}' },
37
+ divider: { value: '{palette.grey.100.value}' },
38
+ border: { value: '{palette.grey.300.value}' },
39
+ icon: { value: '{palette.grey.400.value}' }
40
+ },
41
+ background: {
42
+ background: { value: 'white' },
43
+ 'background-disabled': { value: '{palette.grey.60.value}' },
44
+
45
+ 'overlay-hover': { value: 'rgba(black, 0.05)' },
46
+ 'overlay-active': { value: 'rgba(black, 0.1)' },
47
+ 'overlay-disabled': { value: 'rgba(white, 0.3)' }
48
+ },
49
+ states: {
50
+ 'focused-color': { value: '{light-color-scheme.primary.palette.value.500.value}' },
51
+ 'selected-color': { value: '{light-color-scheme.primary.palette.value.100.value}' },
52
+ 'pressed-shadow': { value: 'inset 0 1px 2px 0 rgba(black, 0.2)' },
53
+ 'disabled-opacity': { value: 0.3 }
54
+ }
55
+ },
56
+ 'dark-color-scheme': {
57
+ primary: {
58
+ default: { value: '{palette.blue.400.value}' },
59
+
60
+ palette: { value: '{palette.blue}' }
61
+ },
62
+ second: {
63
+ default: { value: '{palette.grey.400.value}' },
64
+
65
+ palette: { value: '{palette.grey}' }
66
+ },
67
+ error: {
68
+ default: { value: '{palette.red.400.value}' },
69
+
70
+ palette: { value: '{palette.red}' }
71
+ },
72
+ info: {
73
+ default: { value: '{palette.blue.400.value}' },
74
+
75
+ palette: { value: '{palette.blue}' }
76
+ },
77
+ success: {
78
+ default: { value: '{palette.green.400.value}' },
79
+
80
+ palette: { value: '{palette.green}' }
81
+ },
82
+ warning: {
83
+ default: { value: '{palette.yellow.400.value}' },
84
+
85
+ palette: { value: '{palette.yellow}' }
86
+ },
87
+ foreground: {
88
+ text: { value: '{palette.grey.60.value}' },
89
+ 'text-less-contrast': { value: '{palette.grey.400.value}'},
90
+ 'text-disabled': { value: '{palette.grey.400.value}' },
91
+ divider: { value: '{palette.grey.600.value}' },
92
+ border: { value: '{palette.grey.500.value}' },
93
+ icon: { value: '{palette.grey.400.value}' }
94
+ },
95
+ background: {
96
+ background: { value: '{palette.grey.800.value}' },
97
+ 'background-disabled': { value: '{palette.grey.600.value}' },
98
+
99
+ 'overlay-hover': { value: 'rgba(black, 0.05)' },
100
+ 'overlay-active': { value: 'rgba(black, 0.1)' },
101
+ 'overlay-disabled': { value: 'rgba(white, 0.2)' }
102
+ },
103
+ states: {
104
+ 'focused-color': { value: '{dark-color-scheme.primary.palette.value.400.value}' },
105
+ 'selected-color': { value: '{dark-color-scheme.primary.palette.value.700.value}' },
106
+ 'pressed-shadow': { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' },
107
+ 'disabled-opacity': { value: 0.3 }
108
+ }
109
+ }
110
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ font: {
3
+ family: {
4
+ base: {
5
+ value: "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif"
6
+ },
7
+ monospace: {
8
+ value: "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace"
9
+ }
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,30 @@
1
+ {
2
+ size: {
3
+ 'option-height': '28px',
4
+ 'panel-height': '48px',
5
+ // у radio и checkbox в макетах 20px, у тоггла есть две модификации на 16px и 14px
6
+ 'control_S-height': '16px',
7
+ // в form-field это реализовано через отступы
8
+ 'control_M-height': '32px',
9
+ // этого нет сейчас
10
+ 'button-minWidth': '64px',
11
+ // badge на padding
12
+ 'badge_tag-height': '24px',
13
+ // modal; sidepanel - сейчас в этих компонентах paddings
14
+ 'header-height': '56px',
15
+ 'footer-height': '64px'
16
+ },
17
+ padding: {
18
+ 'control-horizontal': '16px',
19
+ 'option-horizontal': '16px',
20
+ 'badge_tag-horizontal': '8px',
21
+ 'header-right': '8px',
22
+ 'headerFooter-horizontal': '16px',
23
+ },
24
+ margin: {
25
+ // у radio-group нет таких отступов, а у checkbox вообще нет группы
26
+ 'controlGroup_S-vertical': '8px',
27
+ 'iconText_M-horizontal': '8px',
28
+ 'iconText_S-horizontal': '4px'
29
+ }
30
+ }
@@ -0,0 +1,163 @@
1
+ {
2
+ "palette": {
3
+ "blue": {
4
+ "40": { value: '#F5FAFD' },
5
+ "60": { value: '#EBF4FB' },
6
+ "100": { value: '#D8EAF7' },
7
+ "200": { value: '#AAD1EC' },
8
+ "300": { value: '#7FBAE1' },
9
+ "400": { value: '#57A4D7' },
10
+ "500": { value: '#338FCC' },
11
+ "560": { value: '#277BB3' },
12
+ "600": { value: '#206EA2' },
13
+ "700": { value: '#114E77' },
14
+ "800": { value: '#07314D' },
15
+ "A100": { value: 'rgba(0, 153, 255, 0.15)' },
16
+ "A200": { value: 'rgba(0, 153, 255, 0.3)' },
17
+
18
+ "contrast": {
19
+ "40": { value: '#4D4D4D' },
20
+ "60": { value: '#4D4D4D' },
21
+ "100": { value: '#4D4D4D' },
22
+ "200": { value: '#4D4D4D' },
23
+ "300": { value: '#4D4D4D' },
24
+ "400": { value: 'white' },
25
+ "500": { value: 'white' },
26
+ "560": { value: 'white' },
27
+ "600": { value: 'white' },
28
+ "700": { value: 'white' },
29
+ "800": { value: 'white' },
30
+ "A100": { value: '#4D4D4D' },
31
+ "A200": { value: 'white' }
32
+ }
33
+ },
34
+ "green": {
35
+ "40": { value: '#F6FBF4' },
36
+ "60": { value: '#EDF8E9' },
37
+ "100": { value: '#DCF1D4' },
38
+ "200": { value: '#B4DEA4' },
39
+ "300": { value: '#8FCC79' },
40
+ "400": { value: '#6FBA53' },
41
+ "500": { value: '#52A832' },
42
+ "560": { value: '#449327' },
43
+ "600": { value: '#3B8520' },
44
+ "700": { value: '#276211' },
45
+ "800": { value: '#163F07' },
46
+ "A100": { value: 'rgba(68, 255, 0, 0.15)' },
47
+
48
+ "contrast": {
49
+ "40": { value: '#4D4D4D' },
50
+ "60": { value: '#4D4D4D' },
51
+ "100": { value: '#4D4D4D' },
52
+ "200": { value: '#4D4D4D' },
53
+ "300": { value: '#4D4D4D' },
54
+ "400": { value: 'white' },
55
+ "500": { value: 'white' },
56
+ "560": { value: 'white' },
57
+ "600": { value: 'white' },
58
+ "700": { value: 'white' },
59
+ "800": { value: 'white' },
60
+ "A100": { value: '#4D4D4D' }
61
+ }
62
+ },
63
+ "red": {
64
+ "40": { value: '#FEF7F6' },
65
+ "60": { value: '#FCEFEC' },
66
+ "100": { value: '#FADEDA' },
67
+ "200": { value: '#F4B7AE' },
68
+ "300": { value: '#ED9284' },
69
+ "400": { value: '#E76E5C' },
70
+ "500": { value: '#E04D36' },
71
+ "560": { value: '#C43E29' },
72
+ "600": { value: '#B23522' },
73
+ "700": { value: '#832112' },
74
+ "800": { value: '#541208' },
75
+ "A100": { value: 'rgba(224, 79, 56, 0.15)' },
76
+
77
+ "contrast": {
78
+ "40": { value: '#4D4D4D' },
79
+ "60": { value: '#4D4D4D' },
80
+ "100": { value: '#4D4D4D' },
81
+ "200": { value: '#4D4D4D' },
82
+ "300": { value: '#4D4D4D' },
83
+ "400": { value: 'white' },
84
+ "500": { value: 'white' },
85
+ "560": { value: 'white' },
86
+ "600": { value: 'white' },
87
+ "700": { value: 'white' },
88
+ "800": { value: 'white' },
89
+ "A100": { value: '#4D4D4D' }
90
+ }
91
+ },
92
+ "grey": {
93
+ "40": { value: '#F5F5F5' },
94
+ "60": { value: '#F0F0F0' },
95
+ "100": { value: '#E6E6E6' },
96
+ "200": { value: '#CCCCCC' },
97
+ "300": { value: '#B3B3B3' },
98
+ "400": { value: '#999999' },
99
+ "500": { value: '#808080' },
100
+ "560": { value: '#707070' },
101
+ "600": { value: '#666666' },
102
+ "700": { value: '#4D4D4D' },
103
+ "800": { value: '#333333' },
104
+ "A40": { value: 'rgba(0, 0, 0, 0.04)' },
105
+ "A60": { value: 'rgba(0, 0, 0, 0.06)' },
106
+ "A100": { value: 'rgba(0, 0, 0, 0.1)' },
107
+ "A200": { value: 'rgba(0, 0, 0, 0.2)' },
108
+ "A300": { value: 'rgba(0, 0, 0, 0.3)' },
109
+ "A500": { value: 'rgba(0, 0, 0, 0.5)' },
110
+
111
+ "contrast": {
112
+ "40": { value: '#4D4D4D' },
113
+ "60": { value: '#4D4D4D' },
114
+ "100": { value: '#4D4D4D' },
115
+ "200": { value: '#4D4D4D' },
116
+ "300": { value: '#4D4D4D' },
117
+ "400": { value: 'white' },
118
+ "500": { value: 'white' },
119
+ "560": { value: 'white' },
120
+ "600": { value: 'white' },
121
+ "700": { value: 'white' },
122
+ "800": { value: 'white' }
123
+ }
124
+ },
125
+ "yellow": {
126
+ "40": { value: '#FDFAF3' },
127
+ "60": { value: '#FCF5E8' },
128
+ "100": { value: '#F8EBD1' },
129
+ "200": { value: '#F0D49B' },
130
+ "300": { value: '#E7BD68' },
131
+ "400": { value: '#DFA739' },
132
+ "500": { value: '#D6930D' },
133
+ "560": { value: '#BB800A' },
134
+ "600": { value: '#AA7408' },
135
+ "700": { value: '#7D5504' },
136
+ "800": { value: '#503602' },
137
+ "A100": { value: 'rgba(255, 170, 0, 0.15)' },
138
+
139
+ "contrast": {
140
+ "40": { value: '#4D4D4D' },
141
+ "60": { value: '#4D4D4D' },
142
+ "100": { value: '#4D4D4D' },
143
+ "200": { value: '#4D4D4D' },
144
+ "300": { value: '#4D4D4D' },
145
+ "400": { value: 'white' },
146
+ "500": { value: 'white' },
147
+ "560": { value: 'white' },
148
+ "600": { value: 'white' },
149
+ "700": { value: 'white' },
150
+ "800": { value: 'white' },
151
+ "A100": { value: '#4D4D4D' }
152
+ }
153
+ }
154
+ },
155
+
156
+ "color": {
157
+ "blue": { "palette": { value: '{palette.blue}' } },
158
+ "green": { "palette": { value: '{palette.green}' } },
159
+ "red": { "palette": { value: '{palette.red}' } },
160
+ "grey": { "palette": { value: '{palette.grey}' } },
161
+ "yellow": { "palette": { value: '{palette.yellow}' } }
162
+ }
163
+ }
@@ -0,0 +1,140 @@
1
+ {
2
+ "typography": {
3
+ "display-1": {
4
+ "font-size": { value: '56px' },
5
+ "line-height": { value: '76px' },
6
+ "letter-spacing": { value: '-0.4px' },
7
+ "font-weight": { value: 'normal' },
8
+ "font-family": { value: '{font.family.base.value}' },
9
+ "text-transform": { value: 'null' }
10
+ },
11
+ "display-2": {
12
+ "font-size": { value: '45px' },
13
+ "line-height": { value: '56px' },
14
+ "letter-spacing": { value: 'normal' },
15
+ "font-weight": { value: 'normal' },
16
+ "font-family": { value: '{font.family.base.value}' },
17
+ "text-transform": { value: 'null' }
18
+ },
19
+ "display-3": {
20
+ "font-size": { value: '34px' },
21
+ "line-height": { value: '44px' },
22
+ "letter-spacing": { value: '0.25px' },
23
+ "font-weight": { value: 'normal' },
24
+ "font-family": { value: '{font.family.base.value}' },
25
+ "text-transform": { value: 'null' }
26
+ },
27
+ "headline": {
28
+ "font-size": { value: '24px' },
29
+ "line-height": { value: '32px' },
30
+ "letter-spacing": { value: 'normal' },
31
+ "font-weight": { value: 'normal' },
32
+ "font-family": { value: '{font.family.base.value}' },
33
+ "text-transform": { value: 'null' }
34
+ },
35
+ "title": {
36
+ "font-size": { value: '20px' },
37
+ "line-height": { value: '28px' },
38
+ "letter-spacing": { value: '0.15px' },
39
+ "font-weight": { value: '500' },
40
+ "font-family": { value: '{font.family.base.value}' },
41
+ "text-transform": { value: 'null' }
42
+ },
43
+ "subheading": {
44
+ "font-size": { value: '15px' },
45
+ "line-height": { value: '20px' },
46
+ "letter-spacing": { value: '0.15px' },
47
+ "font-weight": { value: '700' },
48
+ "font-family": { value: '{font.family.base.value}' },
49
+ "text-transform": { value: 'null' }
50
+ },
51
+ "body": {
52
+ "font-size": { value: '15px' },
53
+ "line-height": { value: '20px' },
54
+ "letter-spacing": { value: '0.15px' },
55
+ "font-weight": { value: 'normal' },
56
+ "font-family": { value: '{font.family.base.value}' },
57
+ "text-transform": { value: 'null' }
58
+ },
59
+ "body-strong": {
60
+ "font-size": { value: '15px' },
61
+ "line-height": { value: '20px' },
62
+ "letter-spacing": { value: '0.15px' },
63
+ "font-weight": { value: '500' },
64
+ "font-family": { value: '{font.family.base.value}' },
65
+ "text-transform": { value: 'null' }
66
+ },
67
+ "body-caps": {
68
+ "font-size": { value: '15px' },
69
+ "line-height": { value: '20px' },
70
+ "letter-spacing": { value: '1.7px' },
71
+ "font-weight": { value: 'normal' },
72
+ "font-family": { value: '{font.family.base.value}' },
73
+ "text-transform": { value: 'uppercase' }
74
+ },
75
+ "body-mono": {
76
+ "font-size": { value: '15px' },
77
+ "line-height": { value: '20px' },
78
+ "letter-spacing": { value: 'normal' },
79
+ "font-weight": { value: 'normal' },
80
+ "font-family": { value: '{font.family.monospace.value}' },
81
+ "text-transform": { value: 'null' }
82
+ },
83
+ "caption": {
84
+ "font-size": { value: '13px' },
85
+ "line-height": { value: '16px' },
86
+ "letter-spacing": { value: '0.25px' },
87
+ "font-weight": { value: 'normal' },
88
+ "font-family": { value: '{font.family.base.value}' },
89
+ "text-transform": { value: 'null' }
90
+ },
91
+ "caption-caps": {
92
+ "font-size": { value: '13px' },
93
+ "line-height": { value: '16px' },
94
+ "letter-spacing": { value: '1.5px' },
95
+ "font-weight": { value: 'normal' },
96
+ "font-family": { value: '{font.family.base.value}' },
97
+ "text-transform": { value: 'uppercase' }
98
+ },
99
+ "caption-mono": {
100
+ "font-size": { value: '13px' },
101
+ "line-height": { value: '16px' },
102
+ "letter-spacing": { value: 'normal' },
103
+ "font-weight": { value: 'normal' },
104
+ "font-family": { value: '{font.family.monospace.value}' },
105
+ "text-transform": { value: 'null' }
106
+ },
107
+ "small-text": {
108
+ "font-size": { value: '13px' },
109
+ "line-height": { value: '16px' },
110
+ "letter-spacing": { value: '0.25px' },
111
+ "font-weight": { value: 'normal' },
112
+ "font-family": { value: '{font.family.base.value}' },
113
+ "text-transform": { value: 'null' }
114
+ },
115
+ "extra-small-text": {
116
+ "font-size": { value: '11px' },
117
+ "line-height": { value: '16px' },
118
+ "letter-spacing": { value: '0.22px' },
119
+ "font-weight": { value: 'normal' },
120
+ "font-family": { value: '{font.family.base.value}' },
121
+ "text-transform": { value: 'null' }
122
+ },
123
+ "extra-small-text-caps": {
124
+ "font-size": { value: '11px' },
125
+ "line-height": { value: '16px' },
126
+ "letter-spacing": { value: '1px' },
127
+ "font-weight": { value: 'normal' },
128
+ "font-family": { value: '{font.family.base.value}' },
129
+ "text-transform": { value: 'uppercase' }
130
+ },
131
+ "extra-small-text-mono": {
132
+ "font-size": { value: '11px' },
133
+ "line-height": { value: '16px' },
134
+ "letter-spacing": { value: '0px' },
135
+ "font-weight": { value: 'normal' },
136
+ "font-family": { value: '{font.family.monospace.value}' },
137
+ "text-transform": { value: 'null' }
138
+ }
139
+ }
140
+ }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 07 Oct 2021 08:29:06 GMT
3
+ * Generated on Thu, 21 Oct 2021 09:01:01 GMT
4
4
  */
5
5
  export declare const LightColorSchemePrimaryDefault = "#338FCC";
6
6
  export declare const LightColorSchemePrimaryPalette: {
@@ -6986,6 +6986,18 @@ export declare const TypographyExtraSmallTextLetterSpacing = "0.22px";
6986
6986
  export declare const TypographyExtraSmallTextFontWeight = "normal";
6987
6987
  export declare const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
6988
6988
  export declare const TypographyExtraSmallTextTextTransform = "null";
6989
+ export declare const TypographyExtraSmallTextCapsFontSize = "11px";
6990
+ export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
6991
+ export declare const TypographyExtraSmallTextCapsLetterSpacing = "1px";
6992
+ export declare const TypographyExtraSmallTextCapsFontWeight = "normal";
6993
+ export declare const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
6994
+ export declare const TypographyExtraSmallTextCapsTextTransform = "uppercase";
6995
+ export declare const TypographyExtraSmallTextMonoFontSize = "11px";
6996
+ export declare const TypographyExtraSmallTextMonoLineHeight = "16px";
6997
+ export declare const TypographyExtraSmallTextMonoLetterSpacing = "0px";
6998
+ export declare const TypographyExtraSmallTextMonoFontWeight = "normal";
6999
+ export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
7000
+ export declare const TypographyExtraSmallTextMonoTextTransform = "null";
6989
7001
  export declare const AlertLightColorSchemeErrorBackground = "#FCEFEC";
6990
7002
  export declare const AlertLightColorSchemeErrorBorder = "#E76E5C";
6991
7003
  export declare const AlertLightColorSchemeErrorIcon = "#E76E5C";
@@ -7030,12 +7042,106 @@ export declare const AlertFontSmallBody = "caption";
7030
7042
  export declare const AutocompleteSizePanelPadding = "4px 0";
7031
7043
  export declare const AutocompleteSizePanelMaxHeight = "256px";
7032
7044
  export declare const AutocompleteSizePanelBorderRadius = "3px";
7033
- export declare const BadgeSizeMinWidth = "10px";
7034
- export declare const BadgeSizePadding = "4px 8px";
7035
- export declare const BadgeSizeBorderWidth = "1px";
7036
- export declare const BadgeSizeBorderRadius = "4px";
7037
- export declare const BadgeFontDefault = "caption";
7038
- export declare const BadgeFontCaps = "caption-caps";
7045
+ export declare const BadgeSizeDefaultMinWidth = "10px";
7046
+ export declare const BadgeSizeDefaultPadding = "0 8px";
7047
+ export declare const BadgeSizeDefaultBorderWidth = "1px";
7048
+ export declare const BadgeSizeDefaultBorderRadius = "4px";
7049
+ export declare const BadgeSizeDefaultHeight = "24px";
7050
+ export declare const BadgeSizeDefaultFontDefault = "caption";
7051
+ export declare const BadgeSizeDefaultFontCaps = "caption-caps";
7052
+ export declare const BadgeSizeDefaultFontMono = "caption-mono";
7053
+ export declare const BadgeSizeMiniHeight = "16px";
7054
+ export declare const BadgeSizeMiniMinWidth = "10px";
7055
+ export declare const BadgeSizeMiniBorderWidth = "1px";
7056
+ export declare const BadgeSizeMiniBorderRadius = "2px";
7057
+ export declare const BadgeSizeMiniPadding = "0 4px";
7058
+ export declare const BadgeSizeMiniFontDefault = "extra-small-text";
7059
+ export declare const BadgeSizeMiniFontCaps = "extra-small-text-caps";
7060
+ export declare const BadgeSizeMiniFontMono = "extra-small-text-mono";
7061
+ export declare const BadgeFontDefaultDefault = "caption";
7062
+ export declare const BadgeFontDefaultCaps = "caption-caps";
7063
+ export declare const BadgeFontDefaultMono = "caption-mono";
7064
+ export declare const BadgeFontMiniDefault = "extra-small-text";
7065
+ export declare const BadgeFontMiniCaps = "extra-small-text-caps";
7066
+ export declare const BadgeFontMiniMono = "extra-small-text-mono";
7067
+ export declare const BadgeLightColorSchemeSolidPrimaryBackground = "#338FCC";
7068
+ export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
7069
+ export declare const BadgeLightColorSchemeSolidPrimaryBorder = "#338FCC";
7070
+ export declare const BadgeLightColorSchemeSolidInfoBorder = "#338FCC";
7071
+ export declare const BadgeLightColorSchemeSolidInfoBackground = "#338FCC";
7072
+ export declare const BadgeLightColorSchemeSolidInfoColor = "white";
7073
+ export declare const BadgeLightColorSchemeSolidSuccessBorder = "#52A832";
7074
+ export declare const BadgeLightColorSchemeSolidSuccessBackground = "#52A832";
7075
+ export declare const BadgeLightColorSchemeSolidSuccessColor = "white";
7076
+ export declare const BadgeLightColorSchemeSolidWarningBorder = "#D6930D";
7077
+ export declare const BadgeLightColorSchemeSolidWarningBackground = "#D6930D";
7078
+ export declare const BadgeLightColorSchemeSolidWarningColor = "white";
7079
+ export declare const BadgeLightColorSchemeSolidErrorBorder = "#E04D36";
7080
+ export declare const BadgeLightColorSchemeSolidErrorBackground = "#E04D36";
7081
+ export declare const BadgeLightColorSchemeSolidErrorColor = "white";
7082
+ export declare const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC";
7083
+ export declare const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D";
7084
+ export declare const BadgeLightColorSchemeSolidTransparentBackground = "transparent";
7085
+ export declare const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6";
7086
+ export declare const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6";
7087
+ export declare const BadgeLightColorSchemeSolidLightColor = "#4D4D4D";
7088
+ export declare const BadgeLightColorSchemeSolidSecondBorder = "#666666";
7089
+ export declare const BadgeLightColorSchemeSolidSecondBackground = "#666666";
7090
+ export declare const BadgeLightColorSchemeSolidSecondColor = "white";
7091
+ export declare const BadgeLightColorSchemePastelPrimaryBackground = "#F5FAFD";
7092
+ export declare const BadgeLightColorSchemePastelPrimaryBorder = "#AAD1EC";
7093
+ export declare const BadgeLightColorSchemePastelPrimaryColor = "#338FCC";
7094
+ export declare const BadgeLightColorSchemePastelInfoBackground = "#F5FAFD";
7095
+ export declare const BadgeLightColorSchemePastelInfoBorder = "#AAD1EC";
7096
+ export declare const BadgeLightColorSchemePastelInfoColor = "#338FCC";
7097
+ export declare const BadgeLightColorSchemePastelSuccessBackground = "#F6FBF4";
7098
+ export declare const BadgeLightColorSchemePastelSuccessBorder = "#B4DEA4";
7099
+ export declare const BadgeLightColorSchemePastelSuccessColor = "#449327";
7100
+ export declare const BadgeLightColorSchemePastelWarningBackground = "#FDFAF3";
7101
+ export declare const BadgeLightColorSchemePastelWarningBorder = "#F0D49B";
7102
+ export declare const BadgeLightColorSchemePastelWarningColor = "#BB800A";
7103
+ export declare const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6";
7104
+ export declare const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE";
7105
+ export declare const BadgeLightColorSchemePastelErrorColor = "#E04D36";
7106
+ export declare const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(0, 153, 255, 0.15)";
7107
+ export declare const BadgeDarkColorSchemePastelPrimaryColor = "#D8EAF7";
7108
+ export declare const BadgeDarkColorSchemePastelPrimaryBorder = "#114E77";
7109
+ export declare const BadgeDarkColorSchemePastelInfoBackground = "#D8EAF7";
7110
+ export declare const BadgeDarkColorSchemePastelInfoColor = "#D8EAF7";
7111
+ export declare const BadgeDarkColorSchemePastelInfoBorder = "rgba(0, 153, 255, 0.15)";
7112
+ export declare const BadgeDarkColorSchemePastelSuccessBorder = "#276211";
7113
+ export declare const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)";
7114
+ export declare const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4";
7115
+ export declare const BadgeDarkColorSchemePastelWarningBorder = "#7D5504";
7116
+ export declare const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)";
7117
+ export declare const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1";
7118
+ export declare const BadgeDarkColorSchemePastelErrorBorder = "#832112";
7119
+ export declare const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)";
7120
+ export declare const BadgeDarkColorSchemePastelErrorColor = "#FADEDA";
7121
+ export declare const BadgeDarkColorSchemeSolidPrimaryBackground = "#114E77";
7122
+ export declare const BadgeDarkColorSchemeSolidPrimaryColor = "white";
7123
+ export declare const BadgeDarkColorSchemeSolidPrimaryBorder = "#114E77";
7124
+ export declare const BadgeDarkColorSchemeSolidInfoBorder = "#07314D";
7125
+ export declare const BadgeDarkColorSchemeSolidInfoBackground = "#07314D";
7126
+ export declare const BadgeDarkColorSchemeSolidInfoColor = "white";
7127
+ export declare const BadgeDarkColorSchemeSolidSuccessBorder = "#276211";
7128
+ export declare const BadgeDarkColorSchemeSolidSuccessBackground = "#276211";
7129
+ export declare const BadgeDarkColorSchemeSolidSuccessColor = "white";
7130
+ export declare const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504";
7131
+ export declare const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504";
7132
+ export declare const BadgeDarkColorSchemeSolidWarningColor = "white";
7133
+ export declare const BadgeDarkColorSchemeSolidErrorBorder = "#832112";
7134
+ export declare const BadgeDarkColorSchemeSolidErrorBackground = "#832112";
7135
+ export declare const BadgeDarkColorSchemeSolidErrorColor = "white";
7136
+ export declare const BadgeDarkColorSchemeSolidTransparentBorder = "#808080";
7137
+ export declare const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5";
7138
+ export declare const BadgeDarkColorSchemeSolidTransparentBackground = "transparent";
7139
+ export declare const BadgeDarkColorSchemeSolidLightBorder = "#999999";
7140
+ export declare const BadgeDarkColorSchemeSolidLightBackground = "#999999";
7141
+ export declare const BadgeDarkColorSchemeSolidLightColor = "white";
7142
+ export declare const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D";
7143
+ export declare const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D";
7144
+ export declare const BadgeDarkColorSchemeSolidSecondColor = "white";
7039
7145
  export declare const ButtonToggleSizeBorderSize = "1px";
7040
7146
  export declare const ButtonToggleSizeBorderRadius = "3px";
7041
7147
  export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
@@ -7482,7 +7588,7 @@ export declare const TooltipSizeBorderRadius = "3px";
7482
7588
  export declare const TooltipSizeArrowSize = "12px";
7483
7589
  export declare const TooltipSizeArrowWidth = "5px";
7484
7590
  export declare const TooltipSizePadding = "8px 16px";
7485
- export declare const TooltipSizeDistance = "5px + 4px";
7591
+ export declare const TooltipSizeDistance = "9px";
7486
7592
  export declare const TooltipFontDefault = "caption";
7487
7593
  export declare const TreeSizePaddingRight = "16px";
7488
7594
  export declare const TreeSizeBorderWidth = "2px";