@itcase/ui 1.8.30 → 1.8.31

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 (145) hide show
  1. package/dist/{Avatar_cjs_33OrnLtt.js → Avatar_cjs_DRaNGlad.js} +1 -1
  2. package/dist/{Avatar_es_B3LiV8MM.js → Avatar_es_Ck1RiTgB.js} +1 -1
  3. package/dist/{Button_cjs_C05Joa8j.js → Button_cjs_CnBP4mKv.js} +1 -1
  4. package/dist/{Button_es_CO_dwo-N.js → Button_es_WG0yV-rp.js} +1 -1
  5. package/dist/{ChipsGroup_cjs_DN9BoTKe.js → ChipsGroup_cjs_BCnPa9xv.js} +1 -1
  6. package/dist/{ChipsGroup_es_D9aK8Roh.js → ChipsGroup_es_1854brF_.js} +1 -1
  7. package/dist/{DatePicker_cjs_B_OWDm9X.js → DatePicker_cjs_Cbv3ffoB.js} +3 -3
  8. package/dist/{DatePicker_es_BCbmUdl0.js → DatePicker_es_DGck2HRu.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DPoFy70W.js → DropdownItem_cjs_C3BV7axh.js} +1 -1
  10. package/dist/{DropdownItem_es_CVztMEm0.js → DropdownItem_es_VDp5tKZr.js} +1 -1
  11. package/dist/{Label_cjs_BefEcq6i.js → Label_cjs_CqSZcFNk.js} +63 -63
  12. package/dist/{Label_es_Dl_DrMOh.js → Label_es_s3M2-dON.js} +63 -63
  13. package/dist/{Tooltip_cjs_pBGCcXLZ.js → Tooltip_cjs_BE4fABOp.js} +34 -5
  14. package/dist/{Tooltip_es_frBCZDrO.js → Tooltip_es_BPMRrd2L.js} +34 -5
  15. package/dist/cjs/components/Accordion.js +1 -1
  16. package/dist/cjs/components/Avatar.js +2 -2
  17. package/dist/cjs/components/AvatarStack.js +2 -2
  18. package/dist/cjs/components/Badge.js +1 -1
  19. package/dist/cjs/components/Breadcrumbs.js +1 -1
  20. package/dist/cjs/components/Button.js +2 -2
  21. package/dist/cjs/components/Cell.js +2 -2
  22. package/dist/cjs/components/Chips.js +2 -2
  23. package/dist/cjs/components/Choice/stories/__mock__.js +11 -0
  24. package/dist/cjs/components/Choice.js +59 -17
  25. package/dist/cjs/components/CookiesWarning.js +2 -2
  26. package/dist/cjs/components/DatePeriod.js +5 -5
  27. package/dist/cjs/components/DatePicker.js +4 -4
  28. package/dist/cjs/components/Drawer.js +1 -1
  29. package/dist/cjs/components/Dropdown.js +2 -2
  30. package/dist/cjs/components/HeroTitle.js +1 -1
  31. package/dist/cjs/components/Icon.js +1 -1
  32. package/dist/cjs/components/InputPassword.js +1 -1
  33. package/dist/cjs/components/Label.js +2 -2
  34. package/dist/cjs/components/MenuItem.js +38 -68
  35. package/dist/cjs/components/Modal.js +1 -1
  36. package/dist/cjs/components/Notification.js +1 -1
  37. package/dist/cjs/components/Pagination.js +2 -2
  38. package/dist/cjs/components/Response.js +2 -2
  39. package/dist/cjs/components/Search.js +4 -4
  40. package/dist/cjs/components/Segmented.js +21 -44
  41. package/dist/cjs/components/Select.js +1 -1
  42. package/dist/cjs/components/Swiper.js +1 -1
  43. package/dist/cjs/components/Tab.js +1 -1
  44. package/dist/cjs/components/Tile.js +1 -1
  45. package/dist/cjs/components/Title.js +1 -1
  46. package/dist/cjs/components/Tooltip.js +1 -1
  47. package/dist/components/Accordion.js +1 -1
  48. package/dist/components/Avatar.js +2 -2
  49. package/dist/components/AvatarStack.js +2 -2
  50. package/dist/components/Badge.js +1 -1
  51. package/dist/components/Breadcrumbs.js +1 -1
  52. package/dist/components/Button.js +2 -2
  53. package/dist/components/Cell.js +2 -2
  54. package/dist/components/Chips.js +2 -2
  55. package/dist/components/Choice/stories/__mock__.js +9 -0
  56. package/dist/components/Choice.js +59 -17
  57. package/dist/components/CookiesWarning.js +2 -2
  58. package/dist/components/DatePeriod.js +5 -5
  59. package/dist/components/DatePicker.js +4 -4
  60. package/dist/components/Drawer.js +1 -1
  61. package/dist/components/Dropdown.js +2 -2
  62. package/dist/components/HeroTitle.js +1 -1
  63. package/dist/components/Icon.js +1 -1
  64. package/dist/components/InputPassword.js +1 -1
  65. package/dist/components/Label.js +2 -2
  66. package/dist/components/MenuItem.js +38 -68
  67. package/dist/components/Modal.js +1 -1
  68. package/dist/components/Notification.js +1 -1
  69. package/dist/components/Pagination.js +2 -2
  70. package/dist/components/Response.js +2 -2
  71. package/dist/components/Search.js +4 -4
  72. package/dist/components/Segmented.js +21 -44
  73. package/dist/components/Select.js +1 -1
  74. package/dist/components/Swiper.js +1 -1
  75. package/dist/components/Tab.js +1 -1
  76. package/dist/components/Tile.js +1 -1
  77. package/dist/components/Title.js +1 -1
  78. package/dist/components/Tooltip.js +1 -1
  79. package/dist/css/components/Choice/Choice.css +27 -19
  80. package/dist/css/components/MenuItem/MenuItem.css +45 -8
  81. package/dist/stories/ChoiceOverview.mdx +2 -2
  82. package/dist/stories/ChoicePlayground.mdx +3 -3
  83. package/dist/types/components/Accordion/appearance/accordionSize.d.ts +7 -7
  84. package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +1 -1
  85. package/dist/types/components/Cell/stories/__mock__/index.d.ts +2 -2
  86. package/dist/types/components/Choice/Choice.interface.d.ts +1 -0
  87. package/dist/types/components/Choice/appearance/choiceDefault.d.ts +10 -0
  88. package/dist/types/components/Choice/appearance/choiceDisabled.d.ts +10 -0
  89. package/dist/types/components/Choice/appearance/choiceError.d.ts +10 -0
  90. package/dist/types/components/Choice/appearance/choiceRequire.d.ts +11 -0
  91. package/dist/types/components/Choice/appearance/choiceStyle.d.ts +6 -4
  92. package/dist/types/components/Choice/appearance/choiceSuccess.d.ts +11 -0
  93. package/dist/types/components/Choice/stories/__mock__/index.d.ts +4 -0
  94. package/dist/types/components/DatePicker/DatePicker.appearance.d.ts +6 -6
  95. package/dist/types/components/DatePicker/appearance/datePickerSize.d.ts +6 -6
  96. package/dist/types/components/Drawer/appearance/drawerSurface.d.ts +1 -1
  97. package/dist/types/components/Icon/appearance/iconDanger.d.ts +6 -0
  98. package/dist/types/components/Icon/appearance/iconError.d.ts +6 -0
  99. package/dist/types/components/Icon/appearance/iconPrimary.d.ts +5 -0
  100. package/dist/types/components/Icon/appearance/iconSecondary.d.ts +5 -0
  101. package/dist/types/components/Icon/appearance/iconStyle.d.ts +6 -5
  102. package/dist/types/components/Icon/appearance/iconWarning.d.ts +6 -0
  103. package/dist/types/components/Label/appearance/labelAccent.d.ts +1 -1
  104. package/dist/types/components/Label/appearance/labelDanger.d.ts +1 -1
  105. package/dist/types/components/Label/appearance/labelError.d.ts +7 -7
  106. package/dist/types/components/Label/appearance/labelPrimary.d.ts +1 -1
  107. package/dist/types/components/Label/appearance/labelSecondary.d.ts +1 -1
  108. package/dist/types/components/Label/appearance/labelSuccess.d.ts +1 -1
  109. package/dist/types/components/Label/appearance/labelSurface.d.ts +8 -8
  110. package/dist/types/components/Label/appearance/labelWarning.d.ts +1 -1
  111. package/dist/types/components/MenuItem/MenuItem.interface.d.ts +1 -0
  112. package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +5 -8
  113. package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +3 -3
  114. package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +0 -15
  115. package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts +1 -3
  116. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +3 -5
  117. package/dist/types/components/Notification/appearance/notificationDefault.d.ts +1 -1
  118. package/dist/types/components/Notification/appearance/notificationError.d.ts +1 -1
  119. package/dist/types/components/Notification/appearance/notificationSuccess.d.ts +1 -1
  120. package/dist/types/components/Notification/appearance/notificationWarning.d.ts +1 -1
  121. package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +1 -1
  122. package/dist/types/components/Search/appearance/searchSize.d.ts +12 -12
  123. package/dist/types/components/Segmented/appearance/{segmentedSurface.d.ts → segmentedDefault.d.ts} +4 -4
  124. package/dist/types/components/Select/SelectLoadingIndicator.d.ts +1 -2
  125. package/dist/types/components/Tab/stories/__mock__/index.d.ts +1 -1
  126. package/dist/types/hooks/useDeviceTargetClass.d.ts +5 -0
  127. package/package.json +12 -12
  128. package/dist/types/components/Choice/appearance/choiceAccent.d.ts +0 -10
  129. package/dist/types/components/Label/appearance/labelGradient.d.ts +0 -9
  130. package/dist/types/components/MenuItem/appearance/menuItemPrimary.d.ts +0 -8
  131. package/dist/types/components/Pagination/appearance/paginationAccent.d.ts +0 -21
  132. package/dist/types/components/Pagination/appearance/paginationDanger.d.ts +0 -7
  133. package/dist/types/components/Pagination/appearance/paginationError.d.ts +0 -11
  134. package/dist/types/components/Pagination/appearance/paginationInfo.d.ts +0 -21
  135. package/dist/types/components/Pagination/appearance/paginationPrimary.d.ts +0 -8
  136. package/dist/types/components/Pagination/appearance/paginationSecondary.d.ts +0 -8
  137. package/dist/types/components/Pagination/appearance/paginationSize.d.ts +0 -48
  138. package/dist/types/components/Pagination/appearance/paginationStyle.d.ts +0 -16
  139. package/dist/types/components/Pagination/appearance/paginationSuccess.d.ts +0 -11
  140. package/dist/types/components/Pagination/appearance/paginationWarning.d.ts +0 -11
  141. package/dist/types/components/Segmented/appearance/segmentedAccent.d.ts +0 -19
  142. package/dist/types/components/Segmented/appearance/segmentedFalse.d.ts +0 -4
  143. package/dist/types/config/forms/datepicker.d.ts +0 -18
  144. package/dist/types/config/forms/index.d.ts +0 -3
  145. package/dist/types/config/forms/input.d.ts +0 -14
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
- var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
8
+ var Tooltip = require('./Tooltip_cjs_BE4fABOp.js');
9
9
  var Image = require('./Image_cjs_CCWqbNn4.js');
10
10
  var Text = require('./Text_cjs_C9fOm0nd.js');
11
11
 
@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { useMemo } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
- import { I as Icon, B as Badge } from './Tooltip_es_frBCZDrO.js';
6
+ import { I as Icon, B as Badge } from './Tooltip_es_BPMRrd2L.js';
7
7
  import { I as Image } from './Image_es_DZUVp0FS.js';
8
8
  import { T as Text } from './Text_es_BfLRfj-5.js';
9
9
 
@@ -4,7 +4,7 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var clsx = require('clsx');
7
- var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
7
+ var Tooltip = require('./Tooltip_cjs_BE4fABOp.js');
8
8
  var Link = require('./Link_cjs_DbRGq2Yk.js');
9
9
  var Loader = require('./Loader_cjs_CCrbD8Em.js');
10
10
  var Text = require('./Text_cjs_C9fOm0nd.js');
@@ -2,7 +2,7 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import React from 'react';
4
4
  import clsx from 'clsx';
5
- import { I as Icon } from './Tooltip_es_frBCZDrO.js';
5
+ import { I as Icon } from './Tooltip_es_BPMRrd2L.js';
6
6
  import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
7
7
  import { L as Loader } from './Loader_es_B2auu_rc.js';
8
8
  import { T as Text } from './Text_es_BfLRfj-5.js';
@@ -6,7 +6,7 @@ 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_pBGCcXLZ.js');
9
+ var Tooltip = require('./Tooltip_cjs_BE4fABOp.js');
10
10
  var Text = require('./Text_cjs_C9fOm0nd.js');
11
11
 
12
12
  var chipsAppearanceAccent = {
@@ -4,7 +4,7 @@ import { useMemo } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from './hooks/useStyles/useStyles.js';
7
- import { I as Icon, B as Badge } from './Tooltip_es_frBCZDrO.js';
7
+ import { I as Icon, B as Badge } from './Tooltip_es_BPMRrd2L.js';
8
8
  import { T as Text } from './Text_es_BfLRfj-5.js';
9
9
 
10
10
  var chipsAppearanceAccent = {
@@ -8,10 +8,10 @@ var locale = require('date-fns/locale');
8
8
  var DatePicker = require('react-datepicker');
9
9
  var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
11
- var Button = require('./Button_cjs_C05Joa8j.js');
12
- var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
11
+ var Button = require('./Button_cjs_CnBP4mKv.js');
12
+ var Tooltip = require('./Tooltip_cjs_BE4fABOp.js');
13
13
  var Input = require('./Input_cjs_BAVggtkk.js');
14
- var Label = require('./Label_cjs_BefEcq6i.js');
14
+ var Label = require('./Label_cjs_CqSZcFNk.js');
15
15
  var Text = require('./Text_cjs_C9fOm0nd.js');
16
16
  var _default = require('@itcase/icons/default');
17
17
 
@@ -6,10 +6,10 @@ import { ru } from 'date-fns/locale';
6
6
  import DatePicker from 'react-datepicker';
7
7
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
8
  import { useStyles } from './hooks/useStyles/useStyles.js';
9
- import { B as Button } from './Button_es_CO_dwo-N.js';
10
- import { I as Icon } from './Tooltip_es_frBCZDrO.js';
9
+ import { B as Button } from './Button_es_WG0yV-rp.js';
10
+ import { I as Icon } from './Tooltip_es_BPMRrd2L.js';
11
11
  import { I as Input } from './Input_es_CNduH28G.js';
12
- import { L as Label } from './Label_es_Dl_DrMOh.js';
12
+ import { L as Label } from './Label_es_s3M2-dON.js';
13
13
  import { T as Text } from './Text_es_BfLRfj-5.js';
14
14
  import { icon14 } from '@itcase/icons/default';
15
15
 
@@ -7,7 +7,7 @@ var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDe
7
7
  var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
8
8
  var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
9
9
  var Divider = require('./Divider_cjs_BmCJj3TN.js');
10
- var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
10
+ var Tooltip = require('./Tooltip_cjs_BE4fABOp.js');
11
11
  var Text = require('./Text_cjs_C9fOm0nd.js');
12
12
 
13
13
  function Dropdown(props) {
@@ -5,7 +5,7 @@ import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevi
5
5
  import { useStyles } from './hooks/useStyles/useStyles.js';
6
6
  import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
7
7
  import { D as Divider } from './Divider_es_kY-30pft.js';
8
- import { I as Icon } from './Tooltip_es_frBCZDrO.js';
8
+ import { I as Icon } from './Tooltip_es_BPMRrd2L.js';
9
9
  import { T as Text } from './Text_es_BfLRfj-5.js';
10
10
 
11
11
  function Dropdown(props) {
@@ -6,7 +6,7 @@ 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_pBGCcXLZ.js');
9
+ var Tooltip = require('./Tooltip_cjs_BE4fABOp.js');
10
10
  var Text = require('./Text_cjs_C9fOm0nd.js');
11
11
 
12
12
  var labelAppearanceAccent = {
@@ -15,13 +15,13 @@ var labelAppearanceAccent = {
15
15
  labelTextColor: 'accentTextPrimary',
16
16
  labelTextColorHover: 'accentTextPrimary',
17
17
  },
18
- accentMuted: {
19
- fill: 'accentMuted',
20
- labelTextColor: 'accentMutedTextPrimary',
21
- labelTextColorHover: 'accentMutedTextPrimary',
22
- borderColor: 'accentMutedBorderSecondary',
23
- iconAfterFillIcon: 'accentMutedItemPrimary',
24
- iconBeforeFillIcon: 'accentMutedItemPrimary',
18
+ accentMutedPrimary: {
19
+ fill: 'accentTertiary',
20
+ labelTextColor: 'accentTextQuaternary',
21
+ labelTextColorHover: 'accentTextQuaternary',
22
+ borderColor: 'accentBorderSecondary',
23
+ iconAfterFillIcon: 'accentItemQuaternary',
24
+ iconBeforeFillIcon: 'accentItemQuaternary',
25
25
  },
26
26
  accentPrimary: {
27
27
  fill: 'accentPrimary',
@@ -48,13 +48,13 @@ var labelAppearanceDanger = {
48
48
  iconAfterFillIcon: 'dangerItemPrimary',
49
49
  iconBeforeFillIcon: 'dangerItemPrimary',
50
50
  },
51
- dangerMuted: {
52
- fill: 'dangerMuted',
53
- labelTextColor: 'dangerMutedTextPrimary',
54
- labelTextColorHover: 'dangerMutedTextPrimary',
55
- borderColor: 'dangerMutedBorderSecondary',
56
- iconAfterFillIcon: 'dangerMutedItemPrimary',
57
- iconBeforeFillIcon: 'dangerMutedItemPrimary',
51
+ dangerMutedPrimary: {
52
+ fill: 'dangerTertiary',
53
+ labelTextColor: 'dangerTextQuaternary',
54
+ labelTextColorHover: 'dangerTextQuaternary',
55
+ borderColor: 'dangerBorderQuaternary',
56
+ iconAfterFillIcon: 'dangerItemQuaternary',
57
+ iconBeforeFillIcon: 'dangerItemQuaternary',
58
58
  },
59
59
  dangerPrimary: {
60
60
  fill: 'dangerPrimary',
@@ -87,28 +87,28 @@ var labelAppearanceDisable = {
87
87
  };
88
88
 
89
89
  var labelAppearanceError = {
90
- errorPrimary: {
90
+ error: {
91
91
  fill: 'errorPrimary',
92
92
  fillHover: 'errorPrimaryHover',
93
93
  labelTextColor: 'errorTextPrimary',
94
94
  labelTextColorHover: 'errorTextPrimary',
95
+ },
96
+ errorMutedPrimary: {
97
+ fill: 'errorDisabled',
98
+ labelTextColor: 'errorTextQuaternary',
99
+ labelTextColorHover: 'errorTextQuaternary',
95
100
  borderColor: 'errorBorderSecondary',
96
- iconAfterFillIcon: 'errorItemPrimary',
97
- iconBeforeFillIcon: 'errorItemPrimary',
101
+ iconAfterFillIcon: 'errorItemQuaternary',
102
+ iconBeforeFillIcon: 'errorItemQuaternary',
98
103
  },
99
- error: {
104
+ errorPrimary: {
100
105
  fill: 'errorPrimary',
101
106
  fillHover: 'errorPrimaryHover',
102
107
  labelTextColor: 'errorTextPrimary',
103
108
  labelTextColorHover: 'errorTextPrimary',
104
- },
105
- errorMuted: {
106
- fill: 'errorMuted',
107
- labelTextColor: 'errorMutedTextPrimary',
108
- labelTextColorHover: 'errorMutedTextPrimary',
109
- borderColor: 'errorMutedBorderSecondary',
110
- iconAfterFillIcon: 'errorMutedItemPrimary',
111
- iconBeforeFillIcon: 'errorMutedItemPrimary',
109
+ borderColor: 'errorBorderSecondary',
110
+ iconAfterFillIcon: 'errorItemPrimary',
111
+ iconBeforeFillIcon: 'errorItemPrimary',
112
112
  },
113
113
  };
114
114
 
@@ -150,13 +150,13 @@ var labelAppearancePrimary = {
150
150
  iconAfterFillIcon: 'dangerItemPrimary',
151
151
  iconBeforeFillIcon: 'dangerItemPrimary',
152
152
  },
153
- primaryMuted: {
154
- fill: 'primaryMuted',
155
- labelTextColor: 'primaryMutedTextPrimary',
156
- labelTextColorHover: 'primaryMutedTextPrimary',
157
- borderColor: 'primaryMutedBorderSecondary',
158
- iconAfterFillIcon: 'primaryMutedItemPrimary',
159
- iconBeforeFillIcon: 'primaryMutedItemPrimary',
153
+ primaryMutedPrimary: {
154
+ fill: 'primaryDisabled',
155
+ labelTextColor: 'primaryTextSecondary',
156
+ labelTextColorHover: 'primaryTextSecondary',
157
+ borderColor: 'primaryBorderTertiary',
158
+ iconAfterFillIcon: 'primaryItemSecondary',
159
+ iconBeforeFillIcon: 'primaryItemSecondary',
160
160
  },
161
161
  primaryPrimary: {
162
162
  fill: 'primaryPrimary',
@@ -177,13 +177,13 @@ var labelAppearanceSecondary = {
177
177
  iconAfterFillIcon: 'secondaryItemPrimary',
178
178
  iconBeforeFillIcon: 'secondaryItemPrimary',
179
179
  },
180
- secondaryMuted: {
181
- fill: 'secondaryMuted',
182
- labelTextColor: 'secondaryMutedTextPrimary',
183
- labelTextColorHover: 'secondaryMutedTextPrimary',
184
- borderColor: 'secondaryMutedBorderSecondary',
185
- iconAfterFillIcon: 'secondaryMutedItemPrimary',
186
- iconBeforeFillIcon: 'secondaryMutedItemPrimary',
180
+ secondaryMutedPrimary: {
181
+ fill: 'secondaryDisabled',
182
+ labelTextColor: 'secondaryTextQuaternary',
183
+ labelTextColorHover: 'secondaryTextQuaternary',
184
+ borderColor: 'secondaryBorderDisabled',
185
+ iconAfterFillIcon: 'secondaryItemQuaternary',
186
+ iconBeforeFillIcon: 'secondaryItemQuaternary',
187
187
  },
188
188
  secondaryPrimary: {
189
189
  fill: 'secondaryPrimary',
@@ -269,13 +269,13 @@ var labelAppearanceSuccess = {
269
269
  labelTextColor: 'successTextSecondary',
270
270
  labelTextColorHover: 'successTextSecondary',
271
271
  },
272
- successMuted: {
273
- fill: 'successMuted',
274
- labelTextColor: 'successMutedTextPrimary',
275
- labelTextColorHover: 'successMutedTextPrimary',
276
- borderColor: 'successMutedBorderSecondary',
277
- iconAfterFillIcon: 'successMutedItemPrimary',
278
- iconBeforeFillIcon: 'successMutedItemPrimary',
272
+ successMutedPrimary: {
273
+ fill: 'successTertiary',
274
+ labelTextColor: 'successTextQuaternary',
275
+ labelTextColorHover: 'successTextQuaternary',
276
+ borderColor: 'successBorderQuaternary',
277
+ iconAfterFillIcon: 'successItemQuaternary',
278
+ iconBeforeFillIcon: 'successItemQuaternary',
279
279
  },
280
280
  successPrimary: {
281
281
  fill: 'successPrimary',
@@ -289,6 +289,14 @@ var labelAppearanceSuccess = {
289
289
  };
290
290
 
291
291
  var labelAppearanceSurface = {
292
+ surfaceMutedPrimary: {
293
+ fill: 'surfaceSecondary',
294
+ labelTextColor: 'surfaceTextQuaternary',
295
+ labelTextColorHover: 'surfaceTextQuaternary',
296
+ borderColor: 'surfaceBorderQuaternary',
297
+ iconAfterFillIcon: 'surfaceItemQuaternary',
298
+ iconBeforeFillIcon: 'surfaceItemQuaternary',
299
+ },
292
300
  surfacePrimary: {
293
301
  fill: 'surfacePrimary',
294
302
  fillHover: 'surfacePrimaryHover',
@@ -313,14 +321,6 @@ var labelAppearanceSurface = {
313
321
  labelTextColor: 'surfaceTextInverse',
314
322
  labelTextColorHover: 'surfaceTextInverse',
315
323
  },
316
- surfaceMuted: {
317
- fill: 'surfaceMuted',
318
- labelTextColor: 'surfaceMutedTextPrimary',
319
- labelTextColorHover: 'surfaceMutedTextPrimary',
320
- borderColor: 'surfaceMutedBorderSecondary',
321
- iconAfterFillIcon: 'surfaceMutedItemPrimary',
322
- iconBeforeFillIcon: 'surfaceMutedItemPrimary',
323
- },
324
324
  };
325
325
 
326
326
  var labelAppearanceWarning = {
@@ -330,13 +330,13 @@ var labelAppearanceWarning = {
330
330
  labelTextColor: 'warningTextSecondary',
331
331
  labelTextColorHover: 'warningTextSecondary',
332
332
  },
333
- warningMuted: {
334
- fill: 'warningMuted',
335
- labelTextColor: 'warningMutedTextPrimary',
336
- labelTextColorHover: 'warningMutedTextPrimary',
337
- borderColor: 'warningMutedBorderSecondary',
338
- iconAfterFillIcon: 'warningMutedItemPrimary',
339
- iconBeforeFillIcon: 'warningMutedItemPrimary',
333
+ warningMutedPrimary: {
334
+ fill: 'warningTertiary',
335
+ labelTextColor: 'warningTextSecondary',
336
+ labelTextColorHover: 'warningTextSecondary',
337
+ borderColor: 'warningBorderSecondary',
338
+ iconAfterFillIcon: 'warningItemSecondary',
339
+ iconBeforeFillIcon: 'warningItemSecondary',
340
340
  },
341
341
  warningPrimary: {
342
342
  fill: 'warningPrimary',
@@ -4,7 +4,7 @@ import { useRef, useCallback } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
6
  import { useStyles } from './hooks/useStyles/useStyles.js';
7
- import { I as Icon, T as Tooltip } from './Tooltip_es_frBCZDrO.js';
7
+ import { I as Icon, T as Tooltip } from './Tooltip_es_BPMRrd2L.js';
8
8
  import { T as Text } from './Text_es_BfLRfj-5.js';
9
9
 
10
10
  var labelAppearanceAccent = {
@@ -13,13 +13,13 @@ var labelAppearanceAccent = {
13
13
  labelTextColor: 'accentTextPrimary',
14
14
  labelTextColorHover: 'accentTextPrimary',
15
15
  },
16
- accentMuted: {
17
- fill: 'accentMuted',
18
- labelTextColor: 'accentMutedTextPrimary',
19
- labelTextColorHover: 'accentMutedTextPrimary',
20
- borderColor: 'accentMutedBorderSecondary',
21
- iconAfterFillIcon: 'accentMutedItemPrimary',
22
- iconBeforeFillIcon: 'accentMutedItemPrimary',
16
+ accentMutedPrimary: {
17
+ fill: 'accentTertiary',
18
+ labelTextColor: 'accentTextQuaternary',
19
+ labelTextColorHover: 'accentTextQuaternary',
20
+ borderColor: 'accentBorderSecondary',
21
+ iconAfterFillIcon: 'accentItemQuaternary',
22
+ iconBeforeFillIcon: 'accentItemQuaternary',
23
23
  },
24
24
  accentPrimary: {
25
25
  fill: 'accentPrimary',
@@ -46,13 +46,13 @@ var labelAppearanceDanger = {
46
46
  iconAfterFillIcon: 'dangerItemPrimary',
47
47
  iconBeforeFillIcon: 'dangerItemPrimary',
48
48
  },
49
- dangerMuted: {
50
- fill: 'dangerMuted',
51
- labelTextColor: 'dangerMutedTextPrimary',
52
- labelTextColorHover: 'dangerMutedTextPrimary',
53
- borderColor: 'dangerMutedBorderSecondary',
54
- iconAfterFillIcon: 'dangerMutedItemPrimary',
55
- iconBeforeFillIcon: 'dangerMutedItemPrimary',
49
+ dangerMutedPrimary: {
50
+ fill: 'dangerTertiary',
51
+ labelTextColor: 'dangerTextQuaternary',
52
+ labelTextColorHover: 'dangerTextQuaternary',
53
+ borderColor: 'dangerBorderQuaternary',
54
+ iconAfterFillIcon: 'dangerItemQuaternary',
55
+ iconBeforeFillIcon: 'dangerItemQuaternary',
56
56
  },
57
57
  dangerPrimary: {
58
58
  fill: 'dangerPrimary',
@@ -85,28 +85,28 @@ var labelAppearanceDisable = {
85
85
  };
86
86
 
87
87
  var labelAppearanceError = {
88
- errorPrimary: {
88
+ error: {
89
89
  fill: 'errorPrimary',
90
90
  fillHover: 'errorPrimaryHover',
91
91
  labelTextColor: 'errorTextPrimary',
92
92
  labelTextColorHover: 'errorTextPrimary',
93
+ },
94
+ errorMutedPrimary: {
95
+ fill: 'errorDisabled',
96
+ labelTextColor: 'errorTextQuaternary',
97
+ labelTextColorHover: 'errorTextQuaternary',
93
98
  borderColor: 'errorBorderSecondary',
94
- iconAfterFillIcon: 'errorItemPrimary',
95
- iconBeforeFillIcon: 'errorItemPrimary',
99
+ iconAfterFillIcon: 'errorItemQuaternary',
100
+ iconBeforeFillIcon: 'errorItemQuaternary',
96
101
  },
97
- error: {
102
+ errorPrimary: {
98
103
  fill: 'errorPrimary',
99
104
  fillHover: 'errorPrimaryHover',
100
105
  labelTextColor: 'errorTextPrimary',
101
106
  labelTextColorHover: 'errorTextPrimary',
102
- },
103
- errorMuted: {
104
- fill: 'errorMuted',
105
- labelTextColor: 'errorMutedTextPrimary',
106
- labelTextColorHover: 'errorMutedTextPrimary',
107
- borderColor: 'errorMutedBorderSecondary',
108
- iconAfterFillIcon: 'errorMutedItemPrimary',
109
- iconBeforeFillIcon: 'errorMutedItemPrimary',
107
+ borderColor: 'errorBorderSecondary',
108
+ iconAfterFillIcon: 'errorItemPrimary',
109
+ iconBeforeFillIcon: 'errorItemPrimary',
110
110
  },
111
111
  };
112
112
 
@@ -148,13 +148,13 @@ var labelAppearancePrimary = {
148
148
  iconAfterFillIcon: 'dangerItemPrimary',
149
149
  iconBeforeFillIcon: 'dangerItemPrimary',
150
150
  },
151
- primaryMuted: {
152
- fill: 'primaryMuted',
153
- labelTextColor: 'primaryMutedTextPrimary',
154
- labelTextColorHover: 'primaryMutedTextPrimary',
155
- borderColor: 'primaryMutedBorderSecondary',
156
- iconAfterFillIcon: 'primaryMutedItemPrimary',
157
- iconBeforeFillIcon: 'primaryMutedItemPrimary',
151
+ primaryMutedPrimary: {
152
+ fill: 'primaryDisabled',
153
+ labelTextColor: 'primaryTextSecondary',
154
+ labelTextColorHover: 'primaryTextSecondary',
155
+ borderColor: 'primaryBorderTertiary',
156
+ iconAfterFillIcon: 'primaryItemSecondary',
157
+ iconBeforeFillIcon: 'primaryItemSecondary',
158
158
  },
159
159
  primaryPrimary: {
160
160
  fill: 'primaryPrimary',
@@ -175,13 +175,13 @@ var labelAppearanceSecondary = {
175
175
  iconAfterFillIcon: 'secondaryItemPrimary',
176
176
  iconBeforeFillIcon: 'secondaryItemPrimary',
177
177
  },
178
- secondaryMuted: {
179
- fill: 'secondaryMuted',
180
- labelTextColor: 'secondaryMutedTextPrimary',
181
- labelTextColorHover: 'secondaryMutedTextPrimary',
182
- borderColor: 'secondaryMutedBorderSecondary',
183
- iconAfterFillIcon: 'secondaryMutedItemPrimary',
184
- iconBeforeFillIcon: 'secondaryMutedItemPrimary',
178
+ secondaryMutedPrimary: {
179
+ fill: 'secondaryDisabled',
180
+ labelTextColor: 'secondaryTextQuaternary',
181
+ labelTextColorHover: 'secondaryTextQuaternary',
182
+ borderColor: 'secondaryBorderDisabled',
183
+ iconAfterFillIcon: 'secondaryItemQuaternary',
184
+ iconBeforeFillIcon: 'secondaryItemQuaternary',
185
185
  },
186
186
  secondaryPrimary: {
187
187
  fill: 'secondaryPrimary',
@@ -267,13 +267,13 @@ var labelAppearanceSuccess = {
267
267
  labelTextColor: 'successTextSecondary',
268
268
  labelTextColorHover: 'successTextSecondary',
269
269
  },
270
- successMuted: {
271
- fill: 'successMuted',
272
- labelTextColor: 'successMutedTextPrimary',
273
- labelTextColorHover: 'successMutedTextPrimary',
274
- borderColor: 'successMutedBorderSecondary',
275
- iconAfterFillIcon: 'successMutedItemPrimary',
276
- iconBeforeFillIcon: 'successMutedItemPrimary',
270
+ successMutedPrimary: {
271
+ fill: 'successTertiary',
272
+ labelTextColor: 'successTextQuaternary',
273
+ labelTextColorHover: 'successTextQuaternary',
274
+ borderColor: 'successBorderQuaternary',
275
+ iconAfterFillIcon: 'successItemQuaternary',
276
+ iconBeforeFillIcon: 'successItemQuaternary',
277
277
  },
278
278
  successPrimary: {
279
279
  fill: 'successPrimary',
@@ -287,6 +287,14 @@ var labelAppearanceSuccess = {
287
287
  };
288
288
 
289
289
  var labelAppearanceSurface = {
290
+ surfaceMutedPrimary: {
291
+ fill: 'surfaceSecondary',
292
+ labelTextColor: 'surfaceTextQuaternary',
293
+ labelTextColorHover: 'surfaceTextQuaternary',
294
+ borderColor: 'surfaceBorderQuaternary',
295
+ iconAfterFillIcon: 'surfaceItemQuaternary',
296
+ iconBeforeFillIcon: 'surfaceItemQuaternary',
297
+ },
290
298
  surfacePrimary: {
291
299
  fill: 'surfacePrimary',
292
300
  fillHover: 'surfacePrimaryHover',
@@ -311,14 +319,6 @@ var labelAppearanceSurface = {
311
319
  labelTextColor: 'surfaceTextInverse',
312
320
  labelTextColorHover: 'surfaceTextInverse',
313
321
  },
314
- surfaceMuted: {
315
- fill: 'surfaceMuted',
316
- labelTextColor: 'surfaceMutedTextPrimary',
317
- labelTextColorHover: 'surfaceMutedTextPrimary',
318
- borderColor: 'surfaceMutedBorderSecondary',
319
- iconAfterFillIcon: 'surfaceMutedItemPrimary',
320
- iconBeforeFillIcon: 'surfaceMutedItemPrimary',
321
- },
322
322
  };
323
323
 
324
324
  var labelAppearanceWarning = {
@@ -328,13 +328,13 @@ var labelAppearanceWarning = {
328
328
  labelTextColor: 'warningTextSecondary',
329
329
  labelTextColorHover: 'warningTextSecondary',
330
330
  },
331
- warningMuted: {
332
- fill: 'warningMuted',
333
- labelTextColor: 'warningMutedTextPrimary',
334
- labelTextColorHover: 'warningMutedTextPrimary',
335
- borderColor: 'warningMutedBorderSecondary',
336
- iconAfterFillIcon: 'warningMutedItemPrimary',
337
- iconBeforeFillIcon: 'warningMutedItemPrimary',
331
+ warningMutedPrimary: {
332
+ fill: 'warningTertiary',
333
+ labelTextColor: 'warningTextSecondary',
334
+ labelTextColorHover: 'warningTextSecondary',
335
+ borderColor: 'warningBorderSecondary',
336
+ iconAfterFillIcon: 'warningItemSecondary',
337
+ iconBeforeFillIcon: 'warningItemSecondary',
338
338
  },
339
339
  warningPrimary: {
340
340
  fill: 'warningPrimary',
@@ -317,6 +317,12 @@ var iconAppearanceDanger = {
317
317
  labelTextColor: 'dangerTextSecondary',
318
318
  labelTextColorHover: 'dangerTextSecondary',
319
319
  },
320
+ dangerPrimary: {
321
+ fill: 'dangerPrimary',
322
+ fillHover: 'dangerHover',
323
+ labelTextColor: 'dangerTextSecondary',
324
+ labelTextColorHover: 'dangerTextSecondary',
325
+ },
320
326
  };
321
327
 
322
328
  var iconAppearanceError = {
@@ -326,6 +332,12 @@ var iconAppearanceError = {
326
332
  labelTextColor: 'errorTextPrimary',
327
333
  labelTextColorHover: 'errorTextPrimary',
328
334
  },
335
+ errorPrimary: {
336
+ fill: 'errorPrimary',
337
+ fillHover: 'errorHover',
338
+ labelTextColor: 'errorTextPrimary',
339
+ labelTextColorHover: 'errorTextPrimary',
340
+ },
329
341
  };
330
342
 
331
343
  var iconAppearanceInfo = {
@@ -351,6 +363,11 @@ var iconAppearancePrimary = {
351
363
  fillHover: 'primaryPrimaryHover',
352
364
  labelTextColor: 'primaryTextPrimary',
353
365
  },
366
+ primaryPrimary: {
367
+ fill: 'primaryPrimary',
368
+ fillHover: 'primaryPrimaryHover',
369
+ labelTextColor: 'primaryTextPrimary',
370
+ },
354
371
  };
355
372
 
356
373
  var iconAppearanceSecondary = {
@@ -359,6 +376,11 @@ var iconAppearanceSecondary = {
359
376
  fillHover: 'secondaryPrimaryHover',
360
377
  labelTextColor: 'secondaryTextPrimary',
361
378
  },
379
+ secondaryPrimary: {
380
+ fill: 'secondaryPrimary',
381
+ fillHover: 'secondaryPrimaryHover',
382
+ labelTextColor: 'secondaryTextPrimary',
383
+ },
362
384
  };
363
385
 
364
386
  var iconAppearanceSize = {
@@ -505,16 +527,17 @@ var iconAppearanceSize = {
505
527
  };
506
528
 
507
529
  var iconAppearanceStyle = {
508
- solid: {
530
+ full: {
509
531
  borderColor: '0',
510
532
  },
511
- outlined: {
533
+ ghost: {
512
534
  fill: 'none',
535
+ borderColor: '0',
513
536
  },
514
- full: {},
515
- ghost: {
537
+ outlined: {
516
538
  fill: 'none',
517
- fillHover: 'none',
539
+ },
540
+ solid: {
518
541
  borderColor: '0',
519
542
  },
520
543
  };
@@ -573,6 +596,12 @@ var iconAppearanceWarning = {
573
596
  labelTextColor: 'warningTextSecondary',
574
597
  labelTextColorHover: 'warningTextSecondary',
575
598
  },
599
+ warningPrimary: {
600
+ fill: 'warningPrimary',
601
+ fillHover: 'warningHover',
602
+ labelTextColor: 'warningTextSecondary',
603
+ labelTextColorHover: 'warningTextSecondary',
604
+ },
576
605
  };
577
606
 
578
607
  var iconAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);