@itcase/ui 1.8.34 → 1.8.36

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 (160) hide show
  1. package/dist/{Avatar_cjs_kADy_b4o.js → Avatar_cjs_DBoMi2WA.js} +1 -1
  2. package/dist/{Avatar_es_DbGpnL99.js → Avatar_es_DHREqfOD.js} +1 -1
  3. package/dist/{Button_cjs_CW6ENTbm.js → Button_cjs_djJUZATX.js} +2 -2
  4. package/dist/{Button_es_DTUagqgU.js → Button_es_X1DzVhok.js} +2 -2
  5. package/dist/ChipsGroup_cjs_5xsEchPo.js +314 -0
  6. package/dist/ChipsGroup_es_4TOkv-fm.js +309 -0
  7. package/dist/{DatePicker_cjs_C-VbK2J4.js → DatePicker_cjs_DffhgUnQ.js} +26 -30
  8. package/dist/{DatePicker_es_CIEHQyHC.js → DatePicker_es_GmkagjKf.js} +27 -31
  9. package/dist/{DropdownItem_cjs_D-zoX7Ik.js → DropdownItem_cjs_DxBpJAi9.js} +5 -3
  10. package/dist/{DropdownItem_es_BMnIhUSe.js → DropdownItem_es_Loneq6M7.js} +5 -3
  11. package/dist/{Input_cjs_arr_wxD2.js → Input_cjs_CPmXkQGd.js} +1 -0
  12. package/dist/{Input_es_BW6cZThr.js → Input_es_D9Y1Rj5Y.js} +1 -0
  13. package/dist/{Label_cjs_BWbVsB-u.js → Label_cjs_C88e2CIP.js} +59 -131
  14. package/dist/{Label_es_ouC2i_iI.js → Label_es_Bn2aRjLl.js} +59 -131
  15. package/dist/{Loader_cjs_CCrbD8Em.js → Loader_cjs_Ca4i0sER.js} +4 -2
  16. package/dist/{Loader_es_B2auu_rc.js → Loader_es_GYOr0UTX.js} +4 -2
  17. package/dist/{Tooltip_cjs_DinScDnC.js → Tooltip_cjs_oS1iOamX.js} +4 -2
  18. package/dist/{Tooltip_es_B0nm9irO.js → Tooltip_es_LV5ZNg3B.js} +4 -2
  19. package/dist/cjs/components/Accordion.js +1 -1
  20. package/dist/cjs/components/Avatar.js +2 -2
  21. package/dist/cjs/components/AvatarStack.js +2 -2
  22. package/dist/cjs/components/Badge.js +1 -1
  23. package/dist/cjs/components/Breadcrumbs/stories/__mock__.js +13 -6
  24. package/dist/cjs/components/Breadcrumbs.js +17 -18
  25. package/dist/cjs/components/Button.js +3 -3
  26. package/dist/cjs/components/Cell.js +2 -2
  27. package/dist/cjs/components/Chips/stories/__mock__.js +31 -0
  28. package/dist/cjs/components/Chips.js +4 -4
  29. package/dist/cjs/components/Choice/stories/__mock__.js +15 -15
  30. package/dist/cjs/components/Choice.js +7 -7
  31. package/dist/cjs/components/CookiesWarning.js +3 -3
  32. package/dist/cjs/components/Dadata.js +1 -1
  33. package/dist/cjs/components/DatePeriod.js +10 -8
  34. package/dist/cjs/components/DatePicker.js +6 -6
  35. package/dist/cjs/components/Drawer.js +1 -1
  36. package/dist/cjs/components/Dropdown/stories/__mock__.js +3 -2
  37. package/dist/cjs/components/Dropdown.js +2 -2
  38. package/dist/cjs/components/HeroTitle.js +1 -1
  39. package/dist/cjs/components/Icon.js +1 -1
  40. package/dist/cjs/components/Input.js +1 -1
  41. package/dist/cjs/components/InputPassword.js +1 -1
  42. package/dist/cjs/components/Label.js +2 -2
  43. package/dist/cjs/components/Loader.js +1 -1
  44. package/dist/cjs/components/MenuItem.js +12 -5
  45. package/dist/cjs/components/Modal.js +2 -2
  46. package/dist/cjs/components/Notification.js +1 -1
  47. package/dist/cjs/components/Pagination.js +2 -4
  48. package/dist/cjs/components/Response.js +3 -3
  49. package/dist/cjs/components/ScrollOnDrag.js +5 -3
  50. package/dist/cjs/components/Search.js +1 -1
  51. package/dist/cjs/components/Segmented/stories/__mock__.js +24 -9
  52. package/dist/cjs/components/Segmented.js +80 -51
  53. package/dist/cjs/components/Select.js +1 -1
  54. package/dist/cjs/components/Swiper.js +1 -1
  55. package/dist/cjs/components/Tab.js +1 -1
  56. package/dist/cjs/components/Textarea.js +8 -9
  57. package/dist/cjs/components/Tile.js +1 -1
  58. package/dist/cjs/components/Title.js +1 -1
  59. package/dist/cjs/components/Tooltip.js +1 -1
  60. package/dist/cjs/hooks/useStyles/styleAttributes.js +1 -1
  61. package/dist/components/Accordion.js +1 -1
  62. package/dist/components/Avatar.js +2 -2
  63. package/dist/components/AvatarStack.js +2 -2
  64. package/dist/components/Badge.js +1 -1
  65. package/dist/components/Breadcrumbs/stories/__mock__.js +13 -7
  66. package/dist/components/Breadcrumbs.js +17 -18
  67. package/dist/components/Button.js +3 -3
  68. package/dist/components/Cell.js +2 -2
  69. package/dist/components/Chips/stories/__mock__.js +29 -0
  70. package/dist/components/Chips.js +4 -4
  71. package/dist/components/Choice/stories/__mock__.js +15 -15
  72. package/dist/components/Choice.js +7 -7
  73. package/dist/components/CookiesWarning.js +3 -3
  74. package/dist/components/Dadata.js +1 -1
  75. package/dist/components/DatePeriod.js +10 -8
  76. package/dist/components/DatePicker.js +6 -6
  77. package/dist/components/Drawer.js +1 -1
  78. package/dist/components/Dropdown/stories/__mock__.js +3 -2
  79. package/dist/components/Dropdown.js +2 -2
  80. package/dist/components/HeroTitle.js +1 -1
  81. package/dist/components/Icon.js +1 -1
  82. package/dist/components/Input.js +1 -1
  83. package/dist/components/InputPassword.js +1 -1
  84. package/dist/components/Label.js +2 -2
  85. package/dist/components/Loader.js +1 -1
  86. package/dist/components/MenuItem.js +12 -5
  87. package/dist/components/Modal.js +2 -2
  88. package/dist/components/Notification.js +1 -1
  89. package/dist/components/Pagination.js +3 -5
  90. package/dist/components/Response.js +3 -3
  91. package/dist/components/ScrollOnDrag.js +7 -5
  92. package/dist/components/Search.js +1 -1
  93. package/dist/components/Segmented/stories/__mock__.js +23 -11
  94. package/dist/components/Segmented.js +80 -51
  95. package/dist/components/Select.js +1 -1
  96. package/dist/components/Swiper.js +1 -1
  97. package/dist/components/Tab.js +1 -1
  98. package/dist/components/Textarea.js +8 -9
  99. package/dist/components/Tile.js +1 -1
  100. package/dist/components/Title.js +1 -1
  101. package/dist/components/Tooltip.js +1 -1
  102. package/dist/css/components/Breadcrumbs/Breadcrumbs.css +15 -6
  103. package/dist/css/components/Chips/Chips.css +40 -14
  104. package/dist/css/components/Dropdown/Dropdown.css +7 -14
  105. package/dist/css/components/Loader/Loader.css +1 -19
  106. package/dist/css/components/MenuItem/MenuItem.css +22 -30
  107. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +230 -4
  108. package/dist/css/components/Segmented/Segmented.css +53 -6
  109. package/dist/css/components/Segmented/css/__item/segmaented__item.css +31 -0
  110. package/dist/css/styles/centering/centering.css +17 -0
  111. package/dist/css/styles/shape-strength/shape-strength.css +10 -9
  112. package/dist/hooks/useStyles/styleAttributes.js +1 -1
  113. package/dist/stories/ChipsOverview.mdx +26 -14
  114. package/dist/stories/ChipsPlayground.mdx +3 -3
  115. package/dist/types/components/Breadcrumbs/appearance/breadcrumbsStyle.d.ts +5 -5
  116. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +24 -1
  117. package/dist/types/components/Chips/Chips.interface.d.ts +1 -0
  118. package/dist/types/components/Chips/appearance/chipsAccent.d.ts +9 -1
  119. package/dist/types/components/Chips/appearance/chipsDanger.d.ts +16 -1
  120. package/dist/types/components/Chips/appearance/chipsError.d.ts +16 -1
  121. package/dist/types/components/Chips/appearance/chipsInfo.d.ts +16 -1
  122. package/dist/types/components/Chips/appearance/chipsPrimary.d.ts +11 -2
  123. package/dist/types/components/Chips/appearance/chipsSecondary.d.ts +10 -2
  124. package/dist/types/components/Chips/appearance/chipsSize.d.ts +34 -0
  125. package/dist/types/components/Chips/appearance/chipsStyle.d.ts +9 -9
  126. package/dist/types/components/Chips/appearance/chipsSuccess.d.ts +16 -1
  127. package/dist/types/components/Chips/appearance/chipsSurface.d.ts +11 -1
  128. package/dist/types/components/Chips/appearance/chipsWarning.d.ts +16 -1
  129. package/dist/types/components/Chips/stories/__mock__/index.d.ts +14 -0
  130. package/dist/types/components/Choice/appearance/choiceStyle.d.ts +5 -5
  131. package/dist/types/components/Choice/stories/__mock__/index.d.ts +3 -9
  132. package/dist/types/components/Input/appearance/inputDefault.d.ts +1 -0
  133. package/dist/types/components/Label/appearance/labelAccent.d.ts +0 -8
  134. package/dist/types/components/Label/appearance/labelDanger.d.ts +0 -12
  135. package/dist/types/components/Label/appearance/labelDisable.d.ts +2 -4
  136. package/dist/types/components/Label/appearance/labelError.d.ts +0 -8
  137. package/dist/types/components/Label/appearance/labelInfo.d.ts +0 -5
  138. package/dist/types/components/Label/appearance/labelPrimary.d.ts +0 -10
  139. package/dist/types/components/Label/appearance/labelSecondary.d.ts +0 -10
  140. package/dist/types/components/Label/appearance/labelSize.d.ts +6 -0
  141. package/dist/types/components/Label/appearance/labelStyle.d.ts +4 -4
  142. package/dist/types/components/Label/appearance/labelSuccess.d.ts +0 -8
  143. package/dist/types/components/Label/appearance/labelSurface.d.ts +0 -6
  144. package/dist/types/components/Label/appearance/labelWarning.d.ts +0 -9
  145. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +5 -0
  146. package/dist/types/components/Segmented/Segmented.interface.d.ts +5 -2
  147. package/dist/types/components/Segmented/appearance/segmentedDefault.d.ts +8 -11
  148. package/dist/types/components/Segmented/appearance/segmentedDisabled.d.ts +9 -11
  149. package/dist/types/components/Segmented/appearance/segmentedError.d.ts +9 -2
  150. package/dist/types/components/Segmented/appearance/segmentedSize.d.ts +5 -0
  151. package/dist/types/components/Segmented/appearance/segmentedStyle.d.ts +5 -3
  152. package/dist/types/components/Segmented/appearance/segmentedSuccess.d.ts +8 -0
  153. package/dist/types/components/Segmented/appearance/segmentedWarning.d.ts +9 -1
  154. package/dist/types/components/Segmented/stories/__mock__/index.d.ts +30 -8
  155. package/dist/types/components/Textarea/appearance/textareaDefault.d.ts +1 -0
  156. package/dist/types/components/Textarea/appearance/textareaStyle.d.ts +4 -4
  157. package/dist/types/context/UIContext.d.ts +3 -5
  158. package/package.json +3 -2
  159. package/dist/ChipsGroup_cjs_DdWjvr_S.js +0 -168
  160. package/dist/ChipsGroup_es_CXS0aeon.js +0 -163
@@ -6,27 +6,20 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
8
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
9
- var Tooltip = require('./Tooltip_cjs_DinScDnC.js');
9
+ var Tooltip = require('./Tooltip_cjs_oS1iOamX.js');
10
10
  var Text = require('./Text_cjs_C9fOm0nd.js');
11
11
 
12
12
  var labelAppearanceAccent = {
13
- accent: {
14
- fill: 'accentPrimary',
15
- labelTextColor: 'accentTextPrimary',
16
- labelTextColorHover: 'accentTextPrimary',
17
- },
18
13
  accentMutedPrimary: {
19
- fill: 'accentTertiary',
20
- labelTextColor: 'accentTextQuaternary',
21
- labelTextColorHover: 'accentTextQuaternary',
22
- borderColor: 'accentBorderSecondary',
23
- iconAfterFillIcon: 'accentItemQuaternary',
24
- iconBeforeFillIcon: 'accentItemQuaternary',
14
+ fill: 'accentMutedPrimary',
15
+ labelTextColor: 'accentMutedTextQuaternary',
16
+ borderColor: 'accentMutedBorderSecondary',
17
+ iconAfterFillIcon: 'accentMutedItemQuaternary',
18
+ iconBeforeFillIcon: 'accentMutedItemQuaternary',
25
19
  },
26
20
  accentPrimary: {
27
21
  fill: 'accentPrimary',
28
22
  labelTextColor: 'accentTextPrimary',
29
- labelTextColorHover: 'accentTextPrimary',
30
23
  borderColor: 'accentBorderSecondary',
31
24
  iconAfterFillIcon: 'accentItemPrimary',
32
25
  iconBeforeFillIcon: 'accentItemPrimary',
@@ -34,33 +27,20 @@ var labelAppearanceAccent = {
34
27
  accentTertiary: {
35
28
  fill: 'accentTertiary',
36
29
  labelTextColor: 'accentTextPrimary',
37
- labelTextColorHover: 'accentTextPrimary',
38
30
  },
39
31
  };
40
32
 
41
33
  var labelAppearanceDanger = {
42
- danger: {
43
- fill: 'dangerPrimary',
44
- fillHover: 'dangerPrimaryHover',
45
- labelTextColor: 'dangerTextPrimary',
46
- labelTextColorHover: 'dangerTextSecondary',
47
- borderColor: 'dangerBorderSecondary',
48
- iconAfterFillIcon: 'dangerItemPrimary',
49
- iconBeforeFillIcon: 'dangerItemPrimary',
50
- },
51
34
  dangerMutedPrimary: {
52
- fill: 'dangerTertiary',
53
- labelTextColor: 'dangerTextQuaternary',
54
- labelTextColorHover: 'dangerTextQuaternary',
55
- borderColor: 'dangerBorderQuaternary',
56
- iconAfterFillIcon: 'dangerItemQuaternary',
57
- iconBeforeFillIcon: 'dangerItemQuaternary',
35
+ fill: 'dangerMutedPrimary',
36
+ labelTextColor: 'dangerMutedTextQuaternary',
37
+ borderColor: 'dangerMutedBorderQuaternary',
38
+ iconAfterFillIcon: 'dangerMutedItemQuaternary',
39
+ iconBeforeFillIcon: 'dangerMutedItemQuaternary',
58
40
  },
59
41
  dangerPrimary: {
60
42
  fill: 'dangerPrimary',
61
- fillHover: 'dangerPrimaryHover',
62
43
  labelTextColor: 'dangerTextPrimary',
63
- labelTextColorHover: 'dangerTextSecondary',
64
44
  borderColor: 'dangerBorderSecondary',
65
45
  iconAfterFillIcon: 'dangerItemPrimary',
66
46
  iconBeforeFillIcon: 'dangerItemPrimary',
@@ -68,44 +48,34 @@ var labelAppearanceDanger = {
68
48
  };
69
49
 
70
50
  var labelAppearanceDisable = {
51
+ disableMutedPrimary: {
52
+ fill: 'disableMutedPrimary',
53
+ labelTextColor: 'disableMutedTextPrimary',
54
+ borderColor: 'disableMutedBorderSecondary',
55
+ iconAfterFillIcon: 'disableMutedItemPrimary',
56
+ iconBeforeFillIcon: 'disableMutedItemPrimary',
57
+ },
71
58
  disablePrimary: {
72
59
  fill: 'disablePrimary',
73
60
  labelTextColor: 'disableTextPrimary',
74
- labelTextColorHover: 'disableTextPrimary',
75
61
  borderColor: 'disableBorderPrimary',
76
62
  iconAfterFillIcon: 'disableItemPrimary',
77
63
  iconBeforeFillIcon: 'disableItemPrimary',
78
64
  },
79
- disableMuted: {
80
- fill: 'disableMuted',
81
- labelTextColor: 'disableMutedTextPrimary',
82
- labelTextColorHover: 'disableMutedTextPrimary',
83
- borderColor: 'disableMutedBorderSecondary',
84
- iconAfterFillIcon: 'disableMutedItemPrimary',
85
- iconBeforeFillIcon: 'disableMutedItemPrimary',
86
- },
87
65
  };
88
66
 
89
67
  var labelAppearanceError = {
90
- error: {
91
- fill: 'errorPrimary',
92
- fillHover: 'errorPrimaryHover',
93
- labelTextColor: 'errorTextPrimary',
94
- labelTextColorHover: 'errorTextPrimary',
95
- },
96
68
  errorMutedPrimary: {
97
- fill: 'errorDisabled',
98
- labelTextColor: 'errorTextQuaternary',
99
- labelTextColorHover: 'errorTextQuaternary',
100
- borderColor: 'errorBorderSecondary',
101
- iconAfterFillIcon: 'errorItemQuaternary',
102
- iconBeforeFillIcon: 'errorItemQuaternary',
69
+ fill: 'errorMutedPrimary',
70
+ labelTextColor: 'errorMutedTextQuaternary',
71
+ borderColor: 'errorMutedBorderSecondary',
72
+ iconAfterFillIcon: 'errorMutedItemQuaternary',
73
+ iconBeforeFillIcon: 'errorMutedItemQuaternary',
103
74
  },
104
75
  errorPrimary: {
105
76
  fill: 'errorPrimary',
106
77
  fillHover: 'errorPrimaryHover',
107
78
  labelTextColor: 'errorTextPrimary',
108
- labelTextColorHover: 'errorTextPrimary',
109
79
  borderColor: 'errorBorderSecondary',
110
80
  iconAfterFillIcon: 'errorItemPrimary',
111
81
  iconBeforeFillIcon: 'errorItemPrimary',
@@ -114,27 +84,22 @@ var labelAppearanceError = {
114
84
 
115
85
  var labelAppearanceInfo = {
116
86
  infoMutedPrimary: {
117
- fill: 'infoMuted',
87
+ fill: 'infoMutedPrimary',
118
88
  labelTextColor: 'infoMutedTextPrimary',
119
- labelTextColorHover: 'infoMutedTextPrimary',
120
89
  borderColor: 'infoMutedBorderSecondary',
121
90
  iconAfterFillIcon: 'infoMutedItemPrimary',
122
91
  iconBeforeFillIcon: 'infoMutedItemPrimary',
123
92
  },
124
93
  infoPrimary: {
125
94
  fill: 'infoPrimary',
126
- fillHover: 'infoPrimaryHover',
127
95
  labelTextColor: 'infoTextPrimary',
128
- labelTextColorHover: 'infoTextPrimary',
129
96
  borderColor: 'infoBorderPrimary',
130
97
  iconAfterFillIcon: 'infoItemPrimary',
131
98
  iconBeforeFillIcon: 'infoItemPrimary',
132
99
  },
133
100
  infoSecondary: {
134
101
  fill: 'infoPrimary',
135
- fillHover: 'infoPrimaryHover',
136
102
  labelTextColor: 'infoTextPrimary',
137
- labelTextColorHover: 'infoTextSecondary',
138
103
  borderColor: 'infoBorderSecondary',
139
104
  iconAfterFillIcon: 'infoItemPrimary',
140
105
  iconBeforeFillIcon: 'infoItemPrimary',
@@ -142,26 +107,16 @@ var labelAppearanceInfo = {
142
107
  };
143
108
 
144
109
  var labelAppearancePrimary = {
145
- primary: {
146
- fill: 'primaryPrimary',
147
- labelTextColor: 'primaryTextPrimary',
148
- labelTextColorHover: 'primaryTextPrimary',
149
- borderColor: 'primaryBorderSecondary',
150
- iconAfterFillIcon: 'dangerItemPrimary',
151
- iconBeforeFillIcon: 'dangerItemPrimary',
152
- },
153
110
  primaryMutedPrimary: {
154
- fill: 'primaryDisabled',
155
- labelTextColor: 'primaryTextSecondary',
156
- labelTextColorHover: 'primaryTextSecondary',
157
- borderColor: 'primaryBorderTertiary',
158
- iconAfterFillIcon: 'primaryItemSecondary',
159
- iconBeforeFillIcon: 'primaryItemSecondary',
111
+ fill: 'primaryMutedPrimary',
112
+ labelTextColor: 'primaryMutedTextSecondary',
113
+ borderColor: 'primaryMutedBorderTertiary',
114
+ iconAfterFillIcon: 'primaryMutedItemSecondary',
115
+ iconBeforeFillIcon: 'primaryMutedItemSecondary',
160
116
  },
161
117
  primaryPrimary: {
162
118
  fill: 'primaryPrimary',
163
119
  labelTextColor: 'primaryTextPrimary',
164
- labelTextColorHover: 'primaryTextPrimary',
165
120
  borderColor: 'primaryBorderSecondary',
166
121
  iconAfterFillIcon: 'dangerItemPrimary',
167
122
  iconBeforeFillIcon: 'dangerItemPrimary',
@@ -169,26 +124,16 @@ var labelAppearancePrimary = {
169
124
  };
170
125
 
171
126
  var labelAppearanceSecondary = {
172
- secondary: {
173
- fill: 'secondaryPrimary',
174
- labelTextColor: 'secondaryTextPrimary',
175
- labelTextColorHover: 'secondaryTextPrimary',
176
- borderColor: 'secondaryBorderPrimary',
177
- iconAfterFillIcon: 'secondaryItemPrimary',
178
- iconBeforeFillIcon: 'secondaryItemPrimary',
179
- },
180
127
  secondaryMutedPrimary: {
181
- fill: 'secondaryDisabled',
182
- labelTextColor: 'secondaryTextQuaternary',
183
- labelTextColorHover: 'secondaryTextQuaternary',
184
- borderColor: 'secondaryBorderDisabled',
185
- iconAfterFillIcon: 'secondaryItemQuaternary',
186
- iconBeforeFillIcon: 'secondaryItemQuaternary',
128
+ fill: 'secondaryMutedPrimary',
129
+ labelTextColor: 'secondaryMutedTextQuaternary',
130
+ borderColor: 'secondaryMutedBorderDisabled',
131
+ iconAfterFillIcon: 'secondaryMutedItemQuaternary',
132
+ iconBeforeFillIcon: 'secondaryMutedItemQuaternary',
187
133
  },
188
134
  secondaryPrimary: {
189
135
  fill: 'secondaryPrimary',
190
136
  labelTextColor: 'secondaryTextPrimary',
191
- labelTextColorHover: 'secondaryTextPrimary',
192
137
  borderColor: 'secondaryBorderPrimary',
193
138
  iconAfterFillIcon: 'secondaryItemPrimary',
194
139
  iconBeforeFillIcon: 'secondaryItemPrimary',
@@ -205,6 +150,7 @@ var labelAppearanceSize = {
205
150
  iconBeforeSize: 24,
206
151
  },
207
152
  sizeXL: {
153
+ size: 'xl',
208
154
  labelTextSize: 'l',
209
155
  iconAfterFillSize: 24,
210
156
  iconAfterSize: 24,
@@ -212,6 +158,7 @@ var labelAppearanceSize = {
212
158
  iconBeforeSize: 24,
213
159
  },
214
160
  sizeL: {
161
+ size: 'l',
215
162
  labelTextSize: 'l',
216
163
  iconAfterFillSize: 24,
217
164
  iconAfterSize: 24,
@@ -219,6 +166,7 @@ var labelAppearanceSize = {
219
166
  iconBeforeSize: 24,
220
167
  },
221
168
  sizeM: {
169
+ size: 'm',
222
170
  labelTextSize: 'm',
223
171
  iconAfterFillSize: 24,
224
172
  iconAfterSize: 24,
@@ -226,6 +174,7 @@ var labelAppearanceSize = {
226
174
  iconBeforeSize: 24,
227
175
  },
228
176
  sizeS: {
177
+ size: 's',
229
178
  labelTextSize: 's',
230
179
  iconAfterFillSize: 20,
231
180
  iconAfterSize: 20,
@@ -233,6 +182,7 @@ var labelAppearanceSize = {
233
182
  iconBeforeSize: 20,
234
183
  },
235
184
  sizeXS: {
185
+ size: 'xs',
236
186
  labelTextSize: 'xs',
237
187
  iconAfterFillSize: 16,
238
188
  iconAfterSize: 16,
@@ -240,6 +190,7 @@ var labelAppearanceSize = {
240
190
  iconBeforeSize: 16,
241
191
  },
242
192
  sizeXXS: {
193
+ size: 'xxs',
243
194
  labelTextSize: 'xs',
244
195
  iconAfterFillSize: 14,
245
196
  iconAfterSize: 14,
@@ -249,39 +200,31 @@ var labelAppearanceSize = {
249
200
  };
250
201
 
251
202
  var labelAppearanceStyle = {
252
- full: {},
253
- ghost: {
254
- fill: 'none',
203
+ solid: {
255
204
  borderColor: 'none',
256
205
  },
257
206
  outlined: {
258
207
  fill: 'none',
259
208
  },
260
- solid: {
209
+ full: {},
210
+ ghost: {
211
+ fill: 'none',
261
212
  borderColor: 'none',
262
213
  },
263
214
  };
264
215
 
265
216
  var labelAppearanceSuccess = {
266
- success: {
267
- fill: 'successPrimary',
268
- fillHover: 'successPrimaryHover',
269
- labelTextColor: 'successTextSecondary',
270
- labelTextColorHover: 'successTextSecondary',
271
- },
272
217
  successMutedPrimary: {
273
- fill: 'successTertiary',
274
- labelTextColor: 'successTextQuaternary',
275
- labelTextColorHover: 'successTextQuaternary',
276
- borderColor: 'successBorderQuaternary',
277
- iconAfterFillIcon: 'successItemQuaternary',
278
- iconBeforeFillIcon: 'successItemQuaternary',
218
+ fill: 'successMutedPrimary',
219
+ labelTextColor: 'successMutedTextPrimary',
220
+ borderColor: 'successMutedBorderSecondary',
221
+ iconAfterFillIcon: 'successMutedItemPrimary',
222
+ iconBeforeFillIcon: 'successMutedItemPrimary',
279
223
  },
280
224
  successPrimary: {
281
225
  fill: 'successPrimary',
282
226
  fillHover: 'successPrimaryHover',
283
227
  labelTextColor: 'successTextPrimary',
284
- labelTextColorHover: 'successTextSecondary',
285
228
  borderColor: 'successBorderSecondary',
286
229
  iconAfterFillIcon: 'successItemPrimary',
287
230
  iconBeforeFillIcon: 'successItemPrimary',
@@ -290,18 +233,15 @@ var labelAppearanceSuccess = {
290
233
 
291
234
  var labelAppearanceSurface = {
292
235
  surfaceMutedPrimary: {
293
- fill: 'surfaceSecondary',
294
- labelTextColor: 'surfaceTextQuaternary',
295
- labelTextColorHover: 'surfaceTextQuaternary',
296
- borderColor: 'surfaceBorderQuaternary',
297
- iconAfterFillIcon: 'surfaceItemQuaternary',
298
- iconBeforeFillIcon: 'surfaceItemQuaternary',
236
+ fill: 'surfaceMutedPrimary',
237
+ labelTextColor: 'surfaceMutedTextQuaternary',
238
+ borderColor: 'surfaceMutedBorderQuaternary',
239
+ iconAfterFillIcon: 'surfaceMutedItemQuaternary',
240
+ iconBeforeFillIcon: 'surfaceMutedItemQuaternary',
299
241
  },
300
242
  surfacePrimary: {
301
243
  fill: 'surfacePrimary',
302
- fillHover: 'surfacePrimaryHover',
303
244
  labelTextColor: 'surfaceTextPrimary',
304
- labelTextColorHover: 'surfaceTextPrimary',
305
245
  borderColor: 'surfaceBorderQuaternary',
306
246
  iconAfterFillIcon: 'surfaceItemPrimary',
307
247
  iconBeforeFillIcon: 'surfaceItemPrimary',
@@ -309,40 +249,28 @@ var labelAppearanceSurface = {
309
249
  surfaceSecondary: {
310
250
  fill: 'surfaceSecondary',
311
251
  labelTextColor: 'surfaceTextPrimary',
312
- labelTextColorHover: 'surfaceTextPrimary',
313
252
  },
314
253
  surfaceTertiary: {
315
254
  fill: 'surfaceTertiary',
316
255
  labelTextColor: 'surfaceTextPrimary',
317
- labelTextColorHover: 'surfaceTextPrimary',
318
256
  },
319
257
  surfaceQuaternary: {
320
258
  fill: 'surfaceQuaternary',
321
259
  labelTextColor: 'surfaceTextInverse',
322
- labelTextColorHover: 'surfaceTextInverse',
323
260
  },
324
261
  };
325
262
 
326
263
  var labelAppearanceWarning = {
327
- warning: {
328
- fill: 'warningPrimary',
329
- fillHover: 'warningPrimaryHover',
330
- labelTextColor: 'warningTextSecondary',
331
- labelTextColorHover: 'warningTextSecondary',
332
- },
333
264
  warningMutedPrimary: {
334
- fill: 'warningTertiary',
335
- labelTextColor: 'warningTextSecondary',
336
- labelTextColorHover: 'warningTextSecondary',
337
- borderColor: 'warningBorderSecondary',
338
- iconAfterFillIcon: 'warningItemSecondary',
339
- iconBeforeFillIcon: 'warningItemSecondary',
265
+ fill: 'warningMutedPrimary',
266
+ labelTextColor: 'warningMutedTextSecondary',
267
+ borderColor: 'warningMutedBorderSecondary',
268
+ iconAfterFillIcon: 'warningMutedItemSecondary',
269
+ iconBeforeFillIcon: 'warningMutedItemSecondary',
340
270
  },
341
271
  warningPrimary: {
342
272
  fill: 'warningPrimary',
343
- fillHover: 'warningPrimaryHover',
344
273
  labelTextColor: 'warningTextPrimary',
345
- labelTextColorHover: 'warningTextSecondary',
346
274
  borderColor: 'warningBorderSecondary',
347
275
  iconAfterFillIcon: 'warningItemPrimary',
348
276
  iconBeforeFillIcon: 'warningItemPrimary',