@salutejs/sdds-insol-next 0.366.0-dev.0 → 0.367.0-dev.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 (142) hide show
  1. package/README.md +5 -5
  2. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +47 -0
  3. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -0
  4. package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config_1lob3jd.css +16 -0
  5. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  6. package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
  7. package/dist/css/cjs/components/Autocomplete/Autocomplete.config_1hsdofs.css +16 -0
  8. package/dist/css/cjs/components/Autocomplete/Autocomplete.css +32 -15
  9. package/dist/css/cjs/components/Autocomplete/Autocomplete.js +10 -1
  10. package/dist/css/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  11. package/dist/css/cjs/components/Combobox/Combobox.css +32 -15
  12. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  13. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  14. package/dist/css/{es/components/DatePicker/DatePicker.config_a7346s.css → cjs/components/DatePicker/DatePicker.config_1bxflp9.css} +5 -5
  15. package/dist/css/cjs/components/DatePicker/DatePicker.css +13 -13
  16. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  17. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  18. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config_1j0dy2p.css +13 -0
  19. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +13 -13
  20. package/dist/css/cjs/components/InformationWrapper/InformationWrapper.config.js +1 -1
  21. package/dist/css/cjs/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
  22. package/dist/css/{es/components/InformationWrapper/InformationWrapper.config_1b7c841.css → cjs/components/InformationWrapper/InformationWrapper.config_cynysc.css} +4 -4
  23. package/dist/css/cjs/components/InformationWrapper/InformationWrapper.css +12 -12
  24. package/dist/css/cjs/components/Mask/Mask.css +21 -21
  25. package/dist/css/cjs/components/Range/Range.config.js +1 -1
  26. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  27. package/dist/css/{es/components/Range/Range.config_jt7qw.css → cjs/components/Range/Range.config_195jydw.css} +5 -5
  28. package/dist/css/cjs/components/Range/Range.css +11 -11
  29. package/dist/css/cjs/components/Select/Select.clear.config.js +62 -0
  30. package/dist/css/cjs/components/Select/Select.clear.config.js.map +1 -0
  31. package/dist/css/cjs/components/Select/Select.clear.config_1imkwer.css +25 -0
  32. package/dist/css/cjs/components/Select/Select.config.js +1 -1
  33. package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
  34. package/dist/css/cjs/components/Select/Select.config_1p0f1l7.css +25 -0
  35. package/dist/css/cjs/components/Select/Select.css +82 -39
  36. package/dist/css/cjs/components/Select/Select.js +8 -1
  37. package/dist/css/cjs/components/Select/Select.js.map +1 -1
  38. package/dist/css/cjs/components/TextArea/TextArea.config.js +1 -1
  39. package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  40. package/dist/css/{es/components/TextArea/TextArea.config_1depb95.css → cjs/components/TextArea/TextArea.config_98w4ef.css} +5 -5
  41. package/dist/css/cjs/components/TextArea/TextArea.css +13 -13
  42. package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
  43. package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
  44. package/dist/css/{es/components/TextField/TextField.config_7wygvn.css → cjs/components/TextField/TextField.config_1jic2ze.css} +5 -5
  45. package/dist/css/cjs/components/TimePicker/TimePicker.config.js +1 -1
  46. package/dist/css/cjs/components/TimePicker/TimePicker.config.js.map +1 -1
  47. package/dist/css/cjs/components/TimePicker/TimePicker.config_1w8va3b.css +11 -0
  48. package/dist/css/cjs/components/TimePicker/TimePicker.css +11 -11
  49. package/dist/css/cjs/index.css +183 -140
  50. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js +43 -0
  51. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js.map +1 -0
  52. package/dist/css/es/components/Autocomplete/Autocomplete.clear.config_1lob3jd.css +16 -0
  53. package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
  54. package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  55. package/dist/css/es/components/Autocomplete/Autocomplete.config_1hsdofs.css +16 -0
  56. package/dist/css/es/components/Autocomplete/Autocomplete.css +32 -15
  57. package/dist/css/es/components/Autocomplete/Autocomplete.js +12 -5
  58. package/dist/css/es/components/Autocomplete/Autocomplete.js.map +1 -1
  59. package/dist/css/es/components/Combobox/Combobox.css +32 -15
  60. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  61. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  62. package/dist/css/{cjs/components/DatePicker/DatePicker.config_a7346s.css → es/components/DatePicker/DatePicker.config_1bxflp9.css} +5 -5
  63. package/dist/css/es/components/DatePicker/DatePicker.css +13 -13
  64. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  65. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  66. package/dist/css/es/components/DateTimePicker/DateTimePicker.config_1j0dy2p.css +13 -0
  67. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +13 -13
  68. package/dist/css/es/components/InformationWrapper/InformationWrapper.config.js +1 -1
  69. package/dist/css/es/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
  70. package/dist/css/{cjs/components/InformationWrapper/InformationWrapper.config_1b7c841.css → es/components/InformationWrapper/InformationWrapper.config_cynysc.css} +4 -4
  71. package/dist/css/es/components/InformationWrapper/InformationWrapper.css +12 -12
  72. package/dist/css/es/components/Mask/Mask.css +21 -21
  73. package/dist/css/es/components/Range/Range.config.js +1 -1
  74. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  75. package/dist/css/{cjs/components/Range/Range.config_jt7qw.css → es/components/Range/Range.config_195jydw.css} +5 -5
  76. package/dist/css/es/components/Range/Range.css +11 -11
  77. package/dist/css/es/components/Select/Select.clear.config.js +58 -0
  78. package/dist/css/es/components/Select/Select.clear.config.js.map +1 -0
  79. package/dist/css/es/components/Select/Select.clear.config_1imkwer.css +25 -0
  80. package/dist/css/es/components/Select/Select.config.js +1 -1
  81. package/dist/css/es/components/Select/Select.config.js.map +1 -1
  82. package/dist/css/es/components/Select/Select.config_1p0f1l7.css +25 -0
  83. package/dist/css/es/components/Select/Select.css +82 -39
  84. package/dist/css/es/components/Select/Select.js +11 -4
  85. package/dist/css/es/components/Select/Select.js.map +1 -1
  86. package/dist/css/es/components/TextArea/TextArea.config.js +1 -1
  87. package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
  88. package/dist/css/{cjs/components/TextArea/TextArea.config_1depb95.css → es/components/TextArea/TextArea.config_98w4ef.css} +5 -5
  89. package/dist/css/es/components/TextArea/TextArea.css +13 -13
  90. package/dist/css/es/components/TextField/TextField.config.js +1 -1
  91. package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
  92. package/dist/css/{cjs/components/TextField/TextField.config_7wygvn.css → es/components/TextField/TextField.config_1jic2ze.css} +5 -5
  93. package/dist/css/es/components/TimePicker/TimePicker.config.js +1 -1
  94. package/dist/css/es/components/TimePicker/TimePicker.config.js.map +1 -1
  95. package/dist/css/es/components/TimePicker/TimePicker.config_1w8va3b.css +11 -0
  96. package/dist/css/es/components/TimePicker/TimePicker.css +11 -11
  97. package/dist/css/es/index.css +183 -140
  98. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +677 -0
  99. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +41 -0
  100. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +14 -1
  101. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
  102. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
  103. package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +4 -0
  104. package/dist/styled-components/cjs/components/Range/Range.config.js +5 -0
  105. package/dist/styled-components/cjs/components/Select/Select.clear.config.js +1446 -0
  106. package/dist/styled-components/cjs/components/Select/Select.config.js +45 -0
  107. package/dist/styled-components/cjs/components/Select/Select.js +8 -1
  108. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +5 -0
  109. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +5 -0
  110. package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -0
  111. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +38 -0
  112. package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +667 -0
  113. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +41 -0
  114. package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +9 -2
  115. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
  116. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
  117. package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +4 -0
  118. package/dist/styled-components/es/components/Range/Range.config.js +5 -0
  119. package/dist/styled-components/es/components/Select/Select.clear.config.js +1436 -0
  120. package/dist/styled-components/es/components/Select/Select.config.js +45 -0
  121. package/dist/styled-components/es/components/Select/Select.js +9 -2
  122. package/dist/styled-components/es/components/TextArea/TextArea.config.js +5 -0
  123. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +5 -0
  124. package/dist/styled-components/es/components/TextField/TextField.config.js +5 -0
  125. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +38 -0
  126. package/package.json +10 -10
  127. package/types/components/Autocomplete/Autocomplete.clear.config.d.ts +39 -0
  128. package/types/components/Autocomplete/Autocomplete.d.ts +2017 -10
  129. package/types/components/Calendar/Calendar.d.ts +3 -1
  130. package/types/components/DatePicker/DatePicker.d.ts +18 -18
  131. package/types/components/DateTimePicker/DateTimePicker.d.ts +2 -2
  132. package/types/components/Select/Select.clear.config.d.ts +54 -0
  133. package/types/components/Select/Select.d.ts +36 -10
  134. package/types/components/TimePicker/TimePicker.d.ts +2 -0
  135. package/dist/css/cjs/components/Autocomplete/Autocomplete.config_1u059qo.css +0 -16
  136. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config_1nmd04a.css +0 -13
  137. package/dist/css/cjs/components/Select/Select.config_s0i2sc.css +0 -25
  138. package/dist/css/cjs/components/TimePicker/TimePicker.config_3tnh00.css +0 -11
  139. package/dist/css/es/components/Autocomplete/Autocomplete.config_1u059qo.css +0 -16
  140. package/dist/css/es/components/DateTimePicker/DateTimePicker.config_1nmd04a.css +0 -13
  141. package/dist/css/es/components/Select/Select.config_s0i2sc.css +0 -25
  142. package/dist/css/es/components/TimePicker/TimePicker.config_3tnh00.css +0 -11
@@ -0,0 +1,1446 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const _sdds_insol_next = require("@salutejs/sdds-themes/tokens/sdds_insol_next");
13
+ const config = {
14
+ defaults: {
15
+ view: 'default',
16
+ size: 'm',
17
+ labelPlacement: 'outer',
18
+ chipView: 'default',
19
+ _checkboxAppearance: 'default',
20
+ hintView: 'default',
21
+ hintSize: 'm'
22
+ },
23
+ variations: {
24
+ view: {
25
+ default: (0, _styledcomponents.css)`
26
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
27
+
28
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
29
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
30
+
31
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
32
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
33
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
34
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
35
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
36
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
37
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
38
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
39
+
40
+ ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
41
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
42
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
43
+
44
+ ${_styledcomponents.selectTokens.textFieldIndicatorColor}: ${_sdds_insol_next.surfaceNegative};
45
+ ${_styledcomponents.selectTokens.textFieldOptionalColor}: ${_sdds_insol_next.textTertiary};
46
+
47
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
48
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
49
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
50
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
51
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
52
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
53
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
54
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
55
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
56
+
57
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
58
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
59
+
60
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.inverseTextPrimary};
61
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.inverseTextPrimary};
62
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.inverseTextPrimary};
63
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.inverseTextAccent};
64
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.inverseTextAccentHover};
65
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.inverseTextAccentHover};
66
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}: ${_sdds_insol_next.surfaceSolidDefault};
67
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}: ${_sdds_insol_next.surfaceSolidDefaultHover};
68
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}: ${_sdds_insol_next.surfaceSolidDefaultHover};
69
+
70
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textAccent};
71
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textAccentHover};
72
+
73
+ ${_styledcomponents.selectTokens.disclosureNestedIconColor}: ${_sdds_insol_next.textSecondary};
74
+ ${_styledcomponents.selectTokens.disclosureNestedIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
75
+
76
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
77
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
78
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
79
+
80
+ ${_styledcomponents.selectTokens.textFieldHintIconColor}: ${_sdds_insol_next.textSecondary};
81
+
82
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
83
+
84
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
85
+
86
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
87
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
88
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
89
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
90
+ `,
91
+ positive: (0, _styledcomponents.css)`
92
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
93
+
94
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
95
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
96
+
97
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
98
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
99
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
100
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
101
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
102
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textPositive};
103
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
104
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
105
+
106
+ ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
107
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
108
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
109
+
110
+ ${_styledcomponents.selectTokens.textFieldIndicatorColor}: ${_sdds_insol_next.surfaceNegative};
111
+ ${_styledcomponents.selectTokens.textFieldOptionalColor}: ${_sdds_insol_next.textTertiary};
112
+
113
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlinePositive};
114
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlinePositiveActive};
115
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
116
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfacePositive};
117
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.surfacePositive};
118
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
119
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
120
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
121
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlinePositiveHover};
122
+
123
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
124
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
125
+
126
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onDarkTextPrimary};
127
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
128
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onDarkTextPrimary};
129
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onDarkTextSecondary};
130
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onDarkTextSecondaryHover};
131
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onDarkTextSecondaryHover};
132
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}:${_sdds_insol_next.surfacePositive};
133
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}:${_sdds_insol_next.surfacePositiveHover};
134
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}:${_sdds_insol_next.surfacePositiveActive};
135
+
136
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
137
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
138
+
139
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
140
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
141
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
142
+
143
+ ${_styledcomponents.selectTokens.textFieldHintIconColor}: ${_sdds_insol_next.textSecondary};
144
+
145
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
146
+
147
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
148
+
149
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
150
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
151
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
152
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
153
+ `,
154
+ warning: (0, _styledcomponents.css)`
155
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
156
+
157
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
158
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
159
+
160
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
161
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
162
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
163
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
164
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
165
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textWarning};
166
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
167
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
168
+
169
+ ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
170
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
171
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
172
+
173
+ ${_styledcomponents.selectTokens.textFieldIndicatorColor}: ${_sdds_insol_next.surfaceNegative};
174
+ ${_styledcomponents.selectTokens.textFieldOptionalColor}: ${_sdds_insol_next.textTertiary};
175
+
176
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineWarning};
177
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineWarningActive};
178
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
179
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceWarning};
180
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.surfaceWarning};
181
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
182
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
183
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
184
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineWarningHover};
185
+
186
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
187
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
188
+
189
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onDarkTextPrimary};
190
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
191
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onDarkTextPrimary};
192
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onDarkTextSecondary};
193
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onDarkTextSecondaryHover};
194
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onDarkTextSecondaryHover};
195
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}:${_sdds_insol_next.surfaceWarning};
196
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}:${_sdds_insol_next.surfaceWarningHover};
197
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}:${_sdds_insol_next.surfaceWarningActive};
198
+
199
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
200
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
201
+
202
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
203
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
204
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
205
+
206
+ ${_styledcomponents.selectTokens.textFieldHintIconColor}: ${_sdds_insol_next.textSecondary};
207
+
208
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
209
+
210
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
211
+
212
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
213
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
214
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
215
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
216
+ `,
217
+ negative: (0, _styledcomponents.css)`
218
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
219
+
220
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
221
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
222
+
223
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
224
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
225
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
226
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
227
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
228
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textNegative};
229
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
230
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
231
+
232
+ ${_styledcomponents.selectTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
233
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
234
+ ${_styledcomponents.selectTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
235
+
236
+ ${_styledcomponents.selectTokens.textFieldIndicatorColor}: ${_sdds_insol_next.surfaceNegative};
237
+ ${_styledcomponents.selectTokens.textFieldOptionalColor}: ${_sdds_insol_next.textTertiary};
238
+
239
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineNegative};
240
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineNegativeActive};
241
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
242
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceNegative};
243
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.surfaceNegative};
244
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
245
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
246
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
247
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineNegativeHover};
248
+
249
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
250
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
251
+
252
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onDarkTextPrimary};
253
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
254
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onDarkTextPrimary};
255
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onDarkTextSecondary};
256
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onDarkTextSecondaryHover};
257
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onDarkTextSecondaryHover};
258
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}:${_sdds_insol_next.surfaceNegative};
259
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}: ${_sdds_insol_next.surfaceNegativeHover};
260
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}:${_sdds_insol_next.surfaceNegativeActive};
261
+
262
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
263
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
264
+
265
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
266
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
267
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
268
+
269
+ ${_styledcomponents.selectTokens.textFieldHintIconColor}: ${_sdds_insol_next.textSecondary};
270
+
271
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
272
+
273
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
274
+
275
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
276
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
277
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
278
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
279
+ `,
280
+ accent: (0, _styledcomponents.css)`
281
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textAccent};
282
+
283
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
284
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textSecondary};
285
+
286
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
287
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
288
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
289
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
290
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
291
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textAccent};
292
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
293
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
294
+
295
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineAccentMinor};
296
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineAccentMinorActive};
297
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
298
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
299
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
300
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
301
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
302
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
303
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineAccentMinorHover};
304
+
305
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
306
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
307
+
308
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onDarkTextPrimary};
309
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
310
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onDarkTextPrimary};
311
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onDarkTextSecondary};
312
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onDarkTextSecondaryHover};
313
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onDarkTextSecondaryHover};
314
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}: ${_sdds_insol_next.surfaceAccent};
315
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}: ${_sdds_insol_next.surfaceAccentHover};
316
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}: ${_sdds_insol_next.surfaceAccentActive};
317
+
318
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
319
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
320
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
321
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
322
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
323
+
324
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
325
+
326
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
327
+
328
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
329
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
330
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
331
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
332
+ `,
333
+ secondary: (0, _styledcomponents.css)`
334
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textSecondary};
335
+
336
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
337
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textSecondary};
338
+
339
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
340
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
341
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
342
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
343
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
344
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: color-mix(in oklab, ${_sdds_insol_next.textSecondary} 70%, transparent);
345
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
346
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textSecondary};
347
+
348
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
349
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
350
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
351
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
352
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
353
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
354
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
355
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
356
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
357
+
358
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
359
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
360
+
361
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.textPrimary};
362
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.textPrimary};
363
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.textPrimary};
364
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.textAccent};
365
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.textAccentHover};
366
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.textAccentHover};
367
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}: ${_sdds_insol_next.surfaceTransparentSecondary};
368
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}: ${_sdds_insol_next.surfaceTransparentSecondaryHover};
369
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}: ${_sdds_insol_next.surfaceTransparentSecondaryActive};
370
+
371
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
372
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
373
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
374
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
375
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
376
+
377
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
378
+
379
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
380
+
381
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
382
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
383
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
384
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
385
+ `,
386
+ clear: (0, _styledcomponents.css)`
387
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
388
+
389
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
390
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textSecondary};
391
+
392
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
393
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
394
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
395
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
396
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
397
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
398
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
399
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
400
+
401
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
402
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
403
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
404
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
405
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
406
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
407
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
408
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
409
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
410
+
411
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
412
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
413
+
414
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.textPrimary};
415
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.textPrimary};
416
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.textPrimary};
417
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.textAccent};
418
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.textAccentHover};
419
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.textAccentActive};
420
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}: ${_sdds_insol_next.surfaceClear};
421
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}: ${_sdds_insol_next.surfaceClear};
422
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}: ${_sdds_insol_next.surfaceClear};
423
+
424
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
425
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
426
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
427
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
428
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
429
+
430
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
431
+
432
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
433
+
434
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
435
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
436
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
437
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
438
+ `,
439
+ dark: (0, _styledcomponents.css)`
440
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
441
+
442
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
443
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textSecondary};
444
+
445
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
446
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
447
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
448
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
449
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
450
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
451
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
452
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
453
+
454
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
455
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
456
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
457
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
458
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
459
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
460
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
461
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
462
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
463
+
464
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
465
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
466
+
467
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onDarkTextPrimary};
468
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
469
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onDarkTextPrimary};
470
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onDarkTextAccent};
471
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onDarkTextAccentHover};
472
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onDarkTextAccentActive};
473
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}:${_sdds_insol_next.onLightSurfaceTransparentDeep};
474
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}:${_sdds_insol_next.onLightSurfaceTransparentDeepHover};
475
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}:${_sdds_insol_next.onLightSurfaceTransparentDeepActive};
476
+
477
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
478
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
479
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
480
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
481
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
482
+
483
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
484
+
485
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
486
+
487
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
488
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
489
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
490
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
491
+ `,
492
+ black: (0, _styledcomponents.css)`
493
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
494
+
495
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
496
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textSecondary};
497
+
498
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
499
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
500
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
501
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
502
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
503
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
504
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
505
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
506
+
507
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
508
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
509
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
510
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
511
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
512
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
513
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
514
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
515
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
516
+
517
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
518
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
519
+
520
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onDarkTextPrimary};
521
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
522
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onDarkTextPrimary};
523
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onDarkTextAccent};
524
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onDarkTextAccentHover};
525
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onDarkTextAccentActive};
526
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}:${_sdds_insol_next.onLightSurfaceSolidDefault};
527
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}:${_sdds_insol_next.onLightSurfaceSolidDefaultHover};
528
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}: ${_sdds_insol_next.onLightSurfaceSolidDefaultActive};
529
+
530
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
531
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
532
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
533
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
534
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
535
+
536
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
537
+
538
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
539
+
540
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
541
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
542
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
543
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
544
+ `,
545
+ white: (0, _styledcomponents.css)`
546
+ ${_styledcomponents.selectTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
547
+
548
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
549
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textSecondary};
550
+
551
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
552
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
553
+ ${_styledcomponents.selectTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
554
+ ${_styledcomponents.selectTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
555
+ ${_styledcomponents.selectTokens.textFieldLabelColor}: ${_sdds_insol_next.textPrimary};
556
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColor}: ${_sdds_insol_next.textSecondary};
557
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColor}: ${_sdds_insol_next.textSecondary};
558
+ ${_styledcomponents.selectTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
559
+
560
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
561
+ ${_styledcomponents.selectTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
562
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
563
+ ${_styledcomponents.selectTokens.textFieldDividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
564
+ ${_styledcomponents.selectTokens.textFieldDividerColorHover}: ${_sdds_insol_next.textSecondary};
565
+ ${_styledcomponents.selectTokens.textFieldDividerColorFocus}: ${_sdds_insol_next.surfaceAccent};
566
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_insol_next.textSecondary};
567
+ ${_styledcomponents.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
568
+ ${_styledcomponents.selectTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
569
+
570
+ ${_styledcomponents.selectTokens.textFieldBoxShadow}: inset 0 0 0 0 transparent;
571
+ ${_styledcomponents.selectTokens.textFieldBoxShadowSecondary}: 0 0 0 0.25rem #E8EEF2;
572
+
573
+ ${_styledcomponents.selectTokens.buttonColor}: ${_sdds_insol_next.onLightTextPrimary};
574
+ ${_styledcomponents.selectTokens.buttonColorHover}: ${_sdds_insol_next.onLightTextPrimary};
575
+ ${_styledcomponents.selectTokens.buttonColorActive}: ${_sdds_insol_next.onLightTextPrimary};
576
+ ${_styledcomponents.selectTokens.buttonArrowColor}: ${_sdds_insol_next.onLightTextAccent};
577
+ ${_styledcomponents.selectTokens.buttonArrowColorHover}: ${_sdds_insol_next.onLightTextAccentHover};
578
+ ${_styledcomponents.selectTokens.buttonArrowColorActive}: ${_sdds_insol_next.onLightTextAccentActive};
579
+ ${_styledcomponents.selectTokens.buttonBackgroundColor}:${_sdds_insol_next.onDarkSurfaceSolidDefault};
580
+ ${_styledcomponents.selectTokens.buttonBackgroundColorHover}:${_sdds_insol_next.onDarkSurfaceSolidDefaultHover};
581
+ ${_styledcomponents.selectTokens.buttonBackgroundColorActive}:${_sdds_insol_next.onDarkSurfaceSolidDefaultActive};
582
+
583
+ ${_styledcomponents.selectTokens.itemBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
584
+ ${_styledcomponents.selectTokens.disclosureIconColor}: ${_sdds_insol_next.textSecondary};
585
+ ${_styledcomponents.selectTokens.disclosureIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
586
+ ${_styledcomponents.selectTokens.itemDisabledOpacity}: 0.4;
587
+ ${_styledcomponents.selectTokens.itemDisabledColor}: ${_sdds_insol_next.textPrimary};
588
+
589
+ ${_styledcomponents.selectTokens.dividerColor}: ${_sdds_insol_next.surfaceTransparentTertiary};
590
+
591
+ ${_styledcomponents.selectTokens.itemIconColor}: ${_sdds_insol_next.textAccent};
592
+
593
+ ${_styledcomponents.selectTokens.checkboxFillColor}: ${_sdds_insol_next.surfaceAccent};
594
+ ${_styledcomponents.selectTokens.checkboxIconColor}: ${_sdds_insol_next.onDarkTextPrimary};
595
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderCheckedColor}: ${_sdds_insol_next.surfaceClear};
596
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderColor}: ${_sdds_insol_next.outlineTransparentSecondary};
597
+ `
598
+ },
599
+ size: {
600
+ xl: (0, _styledcomponents.css)`
601
+ ${_styledcomponents.selectTokens.textFieldHeight}: 4rem;
602
+ ${_styledcomponents.selectTokens.textFieldPadding}: 1.375rem 0;
603
+ ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
604
+ ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0;
605
+ ${_styledcomponents.selectTokens.textFieldBorderWidth}: 0;
606
+
607
+ ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.125rem 0.625rem -0.125rem 0rem;
608
+ ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.125rem 0rem -0.125rem 0.75rem;
609
+
610
+ ${_styledcomponents.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
611
+ ${_styledcomponents.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
612
+
613
+ ${_styledcomponents.selectTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
614
+ ${_styledcomponents.selectTokens.textFieldFontSize}: ${_sdds_insol_next.bodyL.fontSize};
615
+ ${_styledcomponents.selectTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
616
+ ${_styledcomponents.selectTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
617
+ ${_styledcomponents.selectTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
618
+ ${_styledcomponents.selectTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
619
+
620
+ ${_styledcomponents.selectTokens.textFieldLabelOffset}: 0.75rem;
621
+ ${_styledcomponents.selectTokens.textFieldLabelFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
622
+ ${_styledcomponents.selectTokens.textFieldLabelFontSize}: ${_sdds_insol_next.bodyL.fontSize};
623
+ ${_styledcomponents.selectTokens.textFieldLabelFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
624
+ ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
625
+ ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
626
+ ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
627
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
628
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
629
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
630
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
631
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
632
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
633
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
634
+
635
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
636
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
637
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
638
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
639
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
640
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
641
+
642
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
643
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
644
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
645
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
646
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
647
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
648
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
649
+
650
+ ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.8125rem 0 0.125rem 0;
651
+ ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.8125rem 0 0.8125rem 0;
652
+
653
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeInner}: 0.5rem;
654
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
655
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
656
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;
657
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
658
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
659
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;
660
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;
661
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;
662
+
663
+ ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
664
+ ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
665
+ ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
666
+ ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;
667
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;
668
+
669
+ ${_styledcomponents.selectTokens.textFieldChipGap}: 0.125rem;
670
+ ${_styledcomponents.selectTokens.textFieldChipBorderRadius}: 0.625rem;
671
+ ${_styledcomponents.selectTokens.textFieldChipWidth}: auto;
672
+ ${_styledcomponents.selectTokens.textFieldChipHeight}: 3.25rem;
673
+ ${_styledcomponents.selectTokens.textFieldChipPadding}: 0 0.75rem 0 1rem;
674
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginLeft}: 0.625rem;
675
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
676
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconSize}: 1.5rem;
677
+ ${_styledcomponents.selectTokens.textFieldChipFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
678
+ ${_styledcomponents.selectTokens.textFieldChipFontSize}: ${_sdds_insol_next.bodyL.fontSize};
679
+ ${_styledcomponents.selectTokens.textFieldChipFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
680
+ ${_styledcomponents.selectTokens.textFieldChipFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
681
+ ${_styledcomponents.selectTokens.textFieldChipLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
682
+ ${_styledcomponents.selectTokens.textFieldChipLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
683
+
684
+ ${_styledcomponents.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;
685
+ ${_styledcomponents.selectTokens.targetHeight}: 4rem;
686
+ ${_styledcomponents.selectTokens.buttonPadding}: 1.625rem 0 1.75rem;
687
+
688
+ ${_styledcomponents.selectTokens.emptyStatePadding}: 1.375rem 1.125rem;
689
+ ${_styledcomponents.selectTokens.padding}: 0.125rem;
690
+ ${_styledcomponents.selectTokens.margin}: 0.375rem;
691
+ ${_styledcomponents.selectTokens.borderRadius}: 1rem;
692
+
693
+ ${_styledcomponents.selectTokens.itemHeight}: 1.5rem;
694
+ ${_styledcomponents.selectTokens.itemPadding}: 1.25rem 1.125rem;
695
+ ${_styledcomponents.selectTokens.itemPaddingTight}: 1rem 1.125rem;
696
+ ${_styledcomponents.selectTokens.itemBorderRadius}: 0.875rem;
697
+ ${_styledcomponents.selectTokens.itemIconMargin}: 0 0.625rem 0 0;
698
+ ${_styledcomponents.selectTokens.itemIconSize}: 1.5rem;
699
+ ${_styledcomponents.selectTokens.itemIconSizeTight}: 1.5rem;
700
+ ${_styledcomponents.selectTokens.itemGap}: 0.5rem;
701
+ ${_styledcomponents.selectTokens.itemTreeOffsetWidth}: 2rem;
702
+
703
+ ${_styledcomponents.selectTokens.cellPadding}: 0rem;
704
+ ${_styledcomponents.selectTokens.cellPaddingLeftContent}: 0rem;
705
+ ${_styledcomponents.selectTokens.cellPaddingContent}: 0rem;
706
+ ${_styledcomponents.selectTokens.cellPaddingRightContent}: 0rem;
707
+ ${_styledcomponents.selectTokens.cellTextboxGap}: 0.125rem;
708
+ ${_styledcomponents.selectTokens.cellGap}: 0.375rem;
709
+ ${_styledcomponents.selectTokens.cellTitleFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
710
+ ${_styledcomponents.selectTokens.cellTitleFontSize}: ${_sdds_insol_next.bodyL.fontSize};
711
+ ${_styledcomponents.selectTokens.cellTitleFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
712
+ ${_styledcomponents.selectTokens.cellTitleFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
713
+ ${_styledcomponents.selectTokens.cellTitleLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
714
+ ${_styledcomponents.selectTokens.cellTitleLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
715
+
716
+ ${_styledcomponents.selectTokens.fontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
717
+ ${_styledcomponents.selectTokens.fontSize}: ${_sdds_insol_next.bodyL.fontSize};
718
+ ${_styledcomponents.selectTokens.fontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
719
+ ${_styledcomponents.selectTokens.fontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
720
+ ${_styledcomponents.selectTokens.fontLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
721
+ ${_styledcomponents.selectTokens.fontLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
722
+
723
+ ${_styledcomponents.selectTokens.checkboxTriggerSize}: 1.25rem;
724
+ ${_styledcomponents.selectTokens.checkboxTriggerSizeTight}: 1.25rem;
725
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadius}: 0.375rem;
726
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight}: 0.3125rem;
727
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderWidth}: 0.063rem;
728
+
729
+ ${_styledcomponents.selectTokens.indicatorSize}: 0.375rem;
730
+
731
+ ${_styledcomponents.selectTokens.disclosureIconSize}: 1.5rem;
732
+ ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.625rem;
733
+
734
+ ${_styledcomponents.selectTokens.dividerMarginTop}: 0.5rem;
735
+ ${_styledcomponents.selectTokens.dividerMarginRight}: 1rem;
736
+ ${_styledcomponents.selectTokens.dividerMarginBottom}: 0.5rem;
737
+ ${_styledcomponents.selectTokens.dividerMarginLeft}: 1rem;
738
+ ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.375rem;
739
+ ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.375rem;
740
+ `,
741
+ l: (0, _styledcomponents.css)`
742
+ ${_styledcomponents.selectTokens.textFieldHeight}: 3.5rem;
743
+ ${_styledcomponents.selectTokens.textFieldPadding}: 1rem 0;
744
+ ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
745
+ ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0;
746
+ ${_styledcomponents.selectTokens.textFieldBorderWidth}: 0;
747
+
748
+ ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.0625rem 0.625rem -0.0625rem 0rem;
749
+ ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;
750
+
751
+ ${_styledcomponents.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
752
+ ${_styledcomponents.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
753
+
754
+ ${_styledcomponents.selectTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
755
+ ${_styledcomponents.selectTokens.textFieldFontSize}: ${_sdds_insol_next.bodyL.fontSize};
756
+ ${_styledcomponents.selectTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
757
+ ${_styledcomponents.selectTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
758
+ ${_styledcomponents.selectTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
759
+ ${_styledcomponents.selectTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
760
+
761
+ ${_styledcomponents.selectTokens.textFieldLabelOffset}: 0.75rem;
762
+ ${_styledcomponents.selectTokens.textFieldLabelFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
763
+ ${_styledcomponents.selectTokens.textFieldLabelFontSize}: ${_sdds_insol_next.bodyL.fontSize};
764
+ ${_styledcomponents.selectTokens.textFieldLabelFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
765
+ ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
766
+ ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
767
+ ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
768
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.375rem;
769
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
770
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
771
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
772
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
773
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
774
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
775
+
776
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
777
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
778
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
779
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
780
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
781
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
782
+
783
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
784
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
785
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
786
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
787
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
788
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
789
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
790
+
791
+ ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
792
+ ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
793
+
794
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeInner}: 0.5rem;
795
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
796
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
797
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
798
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
799
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
800
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;
801
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;
802
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.25rem auto auto;
803
+
804
+ ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
805
+ ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
806
+ ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
807
+ ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
808
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;
809
+
810
+ ${_styledcomponents.selectTokens.textFieldChipGap}: 0.125rem;
811
+ ${_styledcomponents.selectTokens.textFieldChipBorderRadius}: 0.5rem;
812
+ ${_styledcomponents.selectTokens.textFieldChipWidth}: auto;
813
+ ${_styledcomponents.selectTokens.textFieldChipHeight}: 2.75rem;
814
+ ${_styledcomponents.selectTokens.textFieldChipPadding}: 0 0.75rem 0 1rem;
815
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginLeft}: 0.625rem;
816
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
817
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconSize}: 1.25rem;
818
+ ${_styledcomponents.selectTokens.textFieldChipFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
819
+ ${_styledcomponents.selectTokens.textFieldChipFontSize}: ${_sdds_insol_next.bodyL.fontSize};
820
+ ${_styledcomponents.selectTokens.textFieldChipFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
821
+ ${_styledcomponents.selectTokens.textFieldChipFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
822
+ ${_styledcomponents.selectTokens.textFieldChipLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
823
+ ${_styledcomponents.selectTokens.textFieldChipLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
824
+
825
+ ${_styledcomponents.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;
826
+ ${_styledcomponents.selectTokens.targetHeight}: 3.5rem;
827
+ ${_styledcomponents.selectTokens.buttonPadding}: 1.375rem 0 1.375rem;
828
+
829
+ ${_styledcomponents.selectTokens.emptyStatePadding}: 1rem;
830
+ ${_styledcomponents.selectTokens.padding}: 0.125rem;
831
+ ${_styledcomponents.selectTokens.margin}: 0.375rem;
832
+ ${_styledcomponents.selectTokens.borderRadius}: 0.875rem;
833
+
834
+ ${_styledcomponents.selectTokens.itemHeight}: 1.5rem;
835
+ ${_styledcomponents.selectTokens.itemPadding}: 1rem;
836
+ ${_styledcomponents.selectTokens.itemPaddingTight}: 0.75rem 1rem;
837
+ ${_styledcomponents.selectTokens.itemBorderRadius}: 0.75rem;
838
+ ${_styledcomponents.selectTokens.itemIconMargin}: 0 0.625rem 0 0;
839
+ ${_styledcomponents.selectTokens.itemIconSize}: 1.5rem;
840
+ ${_styledcomponents.selectTokens.itemIconSizeTight}: 1.5rem;
841
+ ${_styledcomponents.selectTokens.itemGap}: 0.5rem;
842
+ ${_styledcomponents.selectTokens.itemTreeOffsetWidth}: 2rem;
843
+
844
+ ${_styledcomponents.selectTokens.cellPadding}: 0rem;
845
+ ${_styledcomponents.selectTokens.cellPaddingLeftContent}: 0rem;
846
+ ${_styledcomponents.selectTokens.cellPaddingContent}: 0rem;
847
+ ${_styledcomponents.selectTokens.cellPaddingRightContent}: 0rem;
848
+ ${_styledcomponents.selectTokens.cellTextboxGap}: 0.125rem;
849
+ ${_styledcomponents.selectTokens.cellGap}: 0.375rem;
850
+ ${_styledcomponents.selectTokens.cellTitleFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
851
+ ${_styledcomponents.selectTokens.cellTitleFontSize}: ${_sdds_insol_next.bodyL.fontSize};
852
+ ${_styledcomponents.selectTokens.cellTitleFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
853
+ ${_styledcomponents.selectTokens.cellTitleFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
854
+ ${_styledcomponents.selectTokens.cellTitleLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
855
+ ${_styledcomponents.selectTokens.cellTitleLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
856
+
857
+ ${_styledcomponents.selectTokens.fontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
858
+ ${_styledcomponents.selectTokens.fontSize}: ${_sdds_insol_next.bodyL.fontSize};
859
+ ${_styledcomponents.selectTokens.fontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
860
+ ${_styledcomponents.selectTokens.fontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
861
+ ${_styledcomponents.selectTokens.fontLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
862
+ ${_styledcomponents.selectTokens.fontLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
863
+
864
+ ${_styledcomponents.selectTokens.checkboxTriggerSize}: 1.25rem;
865
+ ${_styledcomponents.selectTokens.checkboxTriggerSizeTight}: 1.25rem;
866
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadius}: 0.375rem;
867
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;
868
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderWidth}: 0.063rem;
869
+
870
+ ${_styledcomponents.selectTokens.indicatorSize}: 0.375rem;
871
+
872
+ ${_styledcomponents.selectTokens.disclosureIconSize}: 1.5rem;
873
+ ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.625rem;
874
+
875
+ ${_styledcomponents.selectTokens.dividerMarginTop}: 0.5rem;
876
+ ${_styledcomponents.selectTokens.dividerMarginRight}: 1rem;
877
+ ${_styledcomponents.selectTokens.dividerMarginBottom}: 0.5rem;
878
+ ${_styledcomponents.selectTokens.dividerMarginLeft}: 1rem;
879
+ ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.375rem;
880
+ ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.375rem;
881
+ `,
882
+ m: (0, _styledcomponents.css)`
883
+ ${_styledcomponents.selectTokens.textFieldHeight}: 3rem;
884
+ ${_styledcomponents.selectTokens.textFieldPadding}: 0.875rem 0;
885
+ ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
886
+ ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0;
887
+ ${_styledcomponents.selectTokens.textFieldBorderWidth}: 0;
888
+
889
+ ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.125rem 0.625rem -0.125rem 0rem;
890
+ ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.125rem 0rem -0.125rem 0.75rem;
891
+
892
+ ${_styledcomponents.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
893
+ ${_styledcomponents.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
894
+
895
+ ${_styledcomponents.selectTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
896
+ ${_styledcomponents.selectTokens.textFieldFontSize}: ${_sdds_insol_next.bodyM.fontSize};
897
+ ${_styledcomponents.selectTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
898
+ ${_styledcomponents.selectTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
899
+ ${_styledcomponents.selectTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
900
+ ${_styledcomponents.selectTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
901
+
902
+ ${_styledcomponents.selectTokens.textFieldLabelOffset}: 0.625rem;
903
+ ${_styledcomponents.selectTokens.textFieldLabelFontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
904
+ ${_styledcomponents.selectTokens.textFieldLabelFontSize}: ${_sdds_insol_next.bodyM.fontSize};
905
+ ${_styledcomponents.selectTokens.textFieldLabelFontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
906
+ ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
907
+ ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
908
+ ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
909
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.3125rem;
910
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
911
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
912
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
913
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
914
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
915
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
916
+
917
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
918
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
919
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
920
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
921
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
922
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
923
+
924
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
925
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
926
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
927
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
928
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
929
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
930
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
931
+
932
+ ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
933
+ ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
934
+
935
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeInner}: 0.5rem;
936
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
937
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
938
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
939
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
940
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
941
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;
942
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;
943
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.25rem auto auto;
944
+
945
+ ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
946
+ ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
947
+ ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
948
+ ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
949
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;
950
+
951
+ ${_styledcomponents.selectTokens.textFieldChipGap}: 0.125rem;
952
+ ${_styledcomponents.selectTokens.textFieldChipBorderRadius}: 0.375rem;
953
+ ${_styledcomponents.selectTokens.textFieldChipWidth}: auto;
954
+ ${_styledcomponents.selectTokens.textFieldChipHeight}: 2.25rem;
955
+ ${_styledcomponents.selectTokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;
956
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginLeft}: 0.5rem;
957
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
958
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconSize}: 1rem;
959
+ ${_styledcomponents.selectTokens.textFieldChipFontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
960
+ ${_styledcomponents.selectTokens.textFieldChipFontSize}: ${_sdds_insol_next.bodyM.fontSize};
961
+ ${_styledcomponents.selectTokens.textFieldChipFontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
962
+ ${_styledcomponents.selectTokens.textFieldChipFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
963
+ ${_styledcomponents.selectTokens.textFieldChipLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
964
+ ${_styledcomponents.selectTokens.textFieldChipLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
965
+
966
+ ${_styledcomponents.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;
967
+ ${_styledcomponents.selectTokens.targetHeight}: 3rem;
968
+ ${_styledcomponents.selectTokens.buttonPadding}: 1.25rem 0 1.25rem;
969
+
970
+ ${_styledcomponents.selectTokens.emptyStatePadding}: 0.875rem 1rem 0.875rem 1rem;
971
+ ${_styledcomponents.selectTokens.padding}: 0.125rem;
972
+ ${_styledcomponents.selectTokens.margin}: 0.25rem;
973
+ ${_styledcomponents.selectTokens.borderRadius}: 0.75rem;
974
+
975
+ ${_styledcomponents.selectTokens.itemHeight}: 1.5rem;
976
+ ${_styledcomponents.selectTokens.itemPadding}: 0.875rem;
977
+ ${_styledcomponents.selectTokens.itemPaddingTight}: 0.625rem 0.875rem;
978
+ ${_styledcomponents.selectTokens.itemBorderRadius}: 0.625rem;
979
+ ${_styledcomponents.selectTokens.itemIconMargin}: 0 0.625rem 0 0;
980
+ ${_styledcomponents.selectTokens.itemIconSize}: 1.25rem;
981
+ ${_styledcomponents.selectTokens.itemIconSizeTight}: 1.25rem;
982
+ ${_styledcomponents.selectTokens.itemGap}: 0.375rem;
983
+ ${_styledcomponents.selectTokens.itemTreeOffsetWidth}: 2rem;
984
+
985
+ ${_styledcomponents.selectTokens.cellPadding}: 0rem;
986
+ ${_styledcomponents.selectTokens.cellPaddingLeftContent}: 0rem;
987
+ ${_styledcomponents.selectTokens.cellPaddingContent}: 0rem;
988
+ ${_styledcomponents.selectTokens.cellPaddingRightContent}: 0rem;
989
+ ${_styledcomponents.selectTokens.cellTextboxGap}: 0.125rem;
990
+ ${_styledcomponents.selectTokens.cellGap}: 0.375rem;
991
+ ${_styledcomponents.selectTokens.cellTitleFontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
992
+ ${_styledcomponents.selectTokens.cellTitleFontSize}: ${_sdds_insol_next.bodyM.fontSize};
993
+ ${_styledcomponents.selectTokens.cellTitleFontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
994
+ ${_styledcomponents.selectTokens.cellTitleFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
995
+ ${_styledcomponents.selectTokens.cellTitleLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
996
+ ${_styledcomponents.selectTokens.cellTitleLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
997
+
998
+ ${_styledcomponents.selectTokens.fontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
999
+ ${_styledcomponents.selectTokens.fontSize}: ${_sdds_insol_next.bodyM.fontSize};
1000
+ ${_styledcomponents.selectTokens.fontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
1001
+ ${_styledcomponents.selectTokens.fontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
1002
+ ${_styledcomponents.selectTokens.fontLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
1003
+ ${_styledcomponents.selectTokens.fontLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
1004
+
1005
+ ${_styledcomponents.selectTokens.checkboxTriggerSize}: 1.25rem;
1006
+ ${_styledcomponents.selectTokens.checkboxTriggerSizeTight}: 1.25rem;
1007
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadius}: 0.375rem;
1008
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;
1009
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderWidth}: 0.063rem;
1010
+
1011
+ ${_styledcomponents.selectTokens.indicatorSize}: 0.375rem;
1012
+
1013
+ ${_styledcomponents.selectTokens.disclosureIconSize}: 1.5rem;
1014
+ ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.625rem;
1015
+
1016
+ ${_styledcomponents.selectTokens.dividerMarginTop}: 0.375rem;
1017
+ ${_styledcomponents.selectTokens.dividerMarginRight}: 0.875rem;
1018
+ ${_styledcomponents.selectTokens.dividerMarginBottom}: 0.375rem;
1019
+ ${_styledcomponents.selectTokens.dividerMarginLeft}: 0.875rem;
1020
+ ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.375rem;
1021
+ ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.375rem;
1022
+ `,
1023
+ s: (0, _styledcomponents.css)`
1024
+ ${_styledcomponents.selectTokens.textFieldHeight}: 2.5rem;
1025
+ ${_styledcomponents.selectTokens.textFieldPadding}: 0.75rem 0;
1026
+ ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
1027
+ ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0;
1028
+ ${_styledcomponents.selectTokens.textFieldBorderWidth}: 0;
1029
+
1030
+ ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.1875rem 0.5rem -0.1875rem 0rem;
1031
+ ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.1875rem 0rem -0.1875rem 0.75rem;
1032
+
1033
+ ${_styledcomponents.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
1034
+ ${_styledcomponents.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
1035
+
1036
+ ${_styledcomponents.selectTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
1037
+ ${_styledcomponents.selectTokens.textFieldFontSize}: ${_sdds_insol_next.bodyS.fontSize};
1038
+ ${_styledcomponents.selectTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
1039
+ ${_styledcomponents.selectTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
1040
+ ${_styledcomponents.selectTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
1041
+ ${_styledcomponents.selectTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
1042
+
1043
+ ${_styledcomponents.selectTokens.textFieldLabelOffset}: 0.5rem;
1044
+ ${_styledcomponents.selectTokens.textFieldLabelFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
1045
+ ${_styledcomponents.selectTokens.textFieldLabelFontSize}: ${_sdds_insol_next.bodyS.fontSize};
1046
+ ${_styledcomponents.selectTokens.textFieldLabelFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
1047
+ ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
1048
+ ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
1049
+ ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
1050
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
1051
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1052
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1053
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1054
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1055
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1056
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1057
+
1058
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1059
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1060
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1061
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1062
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1063
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1064
+
1065
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
1066
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1067
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1068
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1069
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1070
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1071
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1072
+
1073
+ ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.25rem 0 0 0;
1074
+ ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.125rem 0 0.25rem 0;
1075
+
1076
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeInner}: 0.375rem;
1077
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
1078
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
1079
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;
1080
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
1081
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
1082
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;
1083
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;
1084
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.125rem auto auto;
1085
+
1086
+ ${_styledcomponents.selectTokens.textFieldHintCustomIconTargetSize}:1rem;
1087
+ ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
1088
+ ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
1089
+ ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
1090
+ ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.1875rem auto auto;
1091
+ ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -1.938rem auto auto;
1092
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -1.988rem auto auto;
1093
+
1094
+ ${_styledcomponents.selectTokens.textFieldChipGap}: 0.125rem;
1095
+ ${_styledcomponents.selectTokens.textFieldChipBorderRadius}: 0.25rem;
1096
+ ${_styledcomponents.selectTokens.textFieldChipWidth}: auto;
1097
+ ${_styledcomponents.selectTokens.textFieldChipHeight}: 1.75rem;
1098
+ ${_styledcomponents.selectTokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
1099
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginLeft}: 0.375rem;
1100
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
1101
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconSize}: 1rem;
1102
+ ${_styledcomponents.selectTokens.textFieldChipFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
1103
+ ${_styledcomponents.selectTokens.textFieldChipFontSize}: ${_sdds_insol_next.bodyS.fontSize};
1104
+ ${_styledcomponents.selectTokens.textFieldChipFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
1105
+ ${_styledcomponents.selectTokens.textFieldChipFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
1106
+ ${_styledcomponents.selectTokens.textFieldChipLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
1107
+ ${_styledcomponents.selectTokens.textFieldChipLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
1108
+
1109
+ ${_styledcomponents.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;
1110
+ ${_styledcomponents.selectTokens.targetHeight}: 2.5rem;
1111
+ ${_styledcomponents.selectTokens.buttonPadding}: 1rem 0 1rem;
1112
+
1113
+ ${_styledcomponents.selectTokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;
1114
+ ${_styledcomponents.selectTokens.padding}: 0.125rem;
1115
+ ${_styledcomponents.selectTokens.margin}: 0.25rem;
1116
+ ${_styledcomponents.selectTokens.borderRadius}: 0.625rem;
1117
+
1118
+ ${_styledcomponents.selectTokens.itemHeight}: 1rem;
1119
+ ${_styledcomponents.selectTokens.itemPadding}: 0.75rem 0.625rem;
1120
+ ${_styledcomponents.selectTokens.itemPaddingTight}: 0.5rem 0.625rem;
1121
+ ${_styledcomponents.selectTokens.itemBorderRadius}: 0.5rem;
1122
+ ${_styledcomponents.selectTokens.itemIconSize}: 1rem;
1123
+ ${_styledcomponents.selectTokens.itemIconSizeTight}: 1rem;
1124
+ ${_styledcomponents.selectTokens.itemIconMargin}: 0 0.5rem 0 0;
1125
+ ${_styledcomponents.selectTokens.itemGap}: 0.375rem;
1126
+ ${_styledcomponents.selectTokens.itemTreeOffsetWidth}: 1.875rem;
1127
+
1128
+ ${_styledcomponents.selectTokens.cellPadding}: 0rem;
1129
+ ${_styledcomponents.selectTokens.cellPaddingLeftContent}: 0rem;
1130
+ ${_styledcomponents.selectTokens.cellPaddingContent}: 0rem;
1131
+ ${_styledcomponents.selectTokens.cellPaddingRightContent}: 0rem;
1132
+ ${_styledcomponents.selectTokens.cellTextboxGap}: 0.125rem;
1133
+ ${_styledcomponents.selectTokens.cellGap}: 0.375rem;
1134
+ ${_styledcomponents.selectTokens.cellTitleFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
1135
+ ${_styledcomponents.selectTokens.cellTitleFontSize}: ${_sdds_insol_next.bodyS.fontSize};
1136
+ ${_styledcomponents.selectTokens.cellTitleFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
1137
+ ${_styledcomponents.selectTokens.cellTitleFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
1138
+ ${_styledcomponents.selectTokens.cellTitleLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
1139
+ ${_styledcomponents.selectTokens.cellTitleLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
1140
+
1141
+ ${_styledcomponents.selectTokens.fontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
1142
+ ${_styledcomponents.selectTokens.fontSize}: ${_sdds_insol_next.bodyS.fontSize};
1143
+ ${_styledcomponents.selectTokens.fontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
1144
+ ${_styledcomponents.selectTokens.fontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
1145
+ ${_styledcomponents.selectTokens.fontLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
1146
+ ${_styledcomponents.selectTokens.fontLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
1147
+
1148
+ ${_styledcomponents.selectTokens.checkboxTriggerSize}: 1.25rem;
1149
+ ${_styledcomponents.selectTokens.checkboxTriggerSizeTight}: 0.875rem;
1150
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadius}: 0.375rem;
1151
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;
1152
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderWidth}: 0.063rem;
1153
+
1154
+ ${_styledcomponents.selectTokens.indicatorSize}: 0.375rem;
1155
+
1156
+ ${_styledcomponents.selectTokens.disclosureIconSize}: 1.5rem;
1157
+ ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.625rem;
1158
+ ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.5rem;
1159
+
1160
+ ${_styledcomponents.selectTokens.dividerMarginTop}: 0.375rem;
1161
+ ${_styledcomponents.selectTokens.dividerMarginRight}: 0.75rem;
1162
+ ${_styledcomponents.selectTokens.dividerMarginBottom}: 0.375rem;
1163
+ ${_styledcomponents.selectTokens.dividerMarginLeft}: 0.75rem;
1164
+ ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.25rem;
1165
+ ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.25rem;
1166
+ `,
1167
+ xs: (0, _styledcomponents.css)`
1168
+ ${_styledcomponents.selectTokens.textFieldHeight}: 2rem;
1169
+ ${_styledcomponents.selectTokens.textFieldPadding}: 0.5rem 0;
1170
+ ${_styledcomponents.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
1171
+ ${_styledcomponents.selectTokens.textFieldBorderRadius}: 0;
1172
+ ${_styledcomponents.selectTokens.textFieldBorderWidth}: 0;
1173
+
1174
+ ${_styledcomponents.selectTokens.textFieldLeftContentMargin}: -0.0625rem 0.375rem -0.0625rem 0rem;
1175
+ ${_styledcomponents.selectTokens.textFieldRightContentMargin}: -0.0625rem 0rem -0.0625rem 0.625rem;
1176
+
1177
+ ${_styledcomponents.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
1178
+ ${_styledcomponents.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
1179
+
1180
+ ${_styledcomponents.selectTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1181
+ ${_styledcomponents.selectTokens.textFieldFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1182
+ ${_styledcomponents.selectTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1183
+ ${_styledcomponents.selectTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1184
+ ${_styledcomponents.selectTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1185
+ ${_styledcomponents.selectTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1186
+
1187
+ ${_styledcomponents.selectTokens.textFieldLabelOffset}: 0.375rem;
1188
+ ${_styledcomponents.selectTokens.textFieldLabelFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1189
+ ${_styledcomponents.selectTokens.textFieldLabelFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1190
+ ${_styledcomponents.selectTokens.textFieldLabelFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1191
+ ${_styledcomponents.selectTokens.textFieldLabelFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1192
+ ${_styledcomponents.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1193
+ ${_styledcomponents.selectTokens.textFieldLabelLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1194
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionMargin}: 0;
1195
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1196
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1197
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1198
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1199
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1200
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1201
+
1202
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1203
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1204
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1205
+ ${_styledcomponents.selectTokens.textFieldLabelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1206
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1207
+ ${_styledcomponents.selectTokens.textFieldLabelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1208
+
1209
+ ${_styledcomponents.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
1210
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1211
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1212
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1213
+ ${_styledcomponents.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1214
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1215
+ ${_styledcomponents.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1216
+
1217
+ ${_styledcomponents.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
1218
+ ${_styledcomponents.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
1219
+
1220
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeInner}: 0.375rem;
1221
+ ${_styledcomponents.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
1222
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
1223
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;
1224
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
1225
+ ${_styledcomponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;
1226
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;
1227
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;
1228
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.875rem auto auto;
1229
+
1230
+ ${_styledcomponents.selectTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
1231
+ ${_styledcomponents.selectTokens.textFieldHintTargetSize}: 2.375rem;
1232
+ ${_styledcomponents.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
1233
+ ${_styledcomponents.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
1234
+ ${_styledcomponents.selectTokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;
1235
+
1236
+ ${_styledcomponents.selectTokens.textFieldChipGap}: 0.125rem;
1237
+ ${_styledcomponents.selectTokens.textFieldChipBorderRadius}: 0.125rem;
1238
+ ${_styledcomponents.selectTokens.textFieldChipWidth}: auto;
1239
+ ${_styledcomponents.selectTokens.textFieldChipHeight}: 1.25rem;
1240
+ ${_styledcomponents.selectTokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;
1241
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginLeft}: 0.25rem;
1242
+ ${_styledcomponents.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
1243
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconSize}: 0.75rem;
1244
+ ${_styledcomponents.selectTokens.textFieldChipFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1245
+ ${_styledcomponents.selectTokens.textFieldChipFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1246
+ ${_styledcomponents.selectTokens.textFieldChipFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1247
+ ${_styledcomponents.selectTokens.textFieldChipFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1248
+ ${_styledcomponents.selectTokens.textFieldChipLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1249
+ ${_styledcomponents.selectTokens.textFieldChipLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1250
+
1251
+ ${_styledcomponents.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;
1252
+ ${_styledcomponents.selectTokens.targetHeight}: 2rem;
1253
+ ${_styledcomponents.selectTokens.buttonPadding}: 0.75rem 0 0.75rem;
1254
+
1255
+ ${_styledcomponents.selectTokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;
1256
+ ${_styledcomponents.selectTokens.padding}: 0.125rem;
1257
+ ${_styledcomponents.selectTokens.margin}: 0.125rem;
1258
+ ${_styledcomponents.selectTokens.borderRadius}: 0.5rem;
1259
+
1260
+ ${_styledcomponents.selectTokens.itemHeight}: 1rem;
1261
+ ${_styledcomponents.selectTokens.itemPadding}: 0.5rem;
1262
+ ${_styledcomponents.selectTokens.itemPaddingTight}: 0.25rem 0.5rem;
1263
+ ${_styledcomponents.selectTokens.itemBorderRadius}: 0.375rem;
1264
+ ${_styledcomponents.selectTokens.itemIconSize}: 1rem;
1265
+ ${_styledcomponents.selectTokens.itemIconSizeTight}: 1rem;
1266
+ ${_styledcomponents.selectTokens.itemIconMargin}: 0 0.375rem 0 0;
1267
+ ${_styledcomponents.selectTokens.itemGap}: 0.25rem;
1268
+ ${_styledcomponents.selectTokens.itemTreeOffsetWidth}: 1.25rem;
1269
+
1270
+ ${_styledcomponents.selectTokens.cellPadding}: 0rem;
1271
+ ${_styledcomponents.selectTokens.cellPaddingLeftContent}: 0rem;
1272
+ ${_styledcomponents.selectTokens.cellPaddingContent}: 0rem;
1273
+ ${_styledcomponents.selectTokens.cellPaddingRightContent}: 0rem;
1274
+ ${_styledcomponents.selectTokens.cellTextboxGap}: 0.125rem;
1275
+ ${_styledcomponents.selectTokens.cellGap}: 0.25rem;
1276
+ ${_styledcomponents.selectTokens.cellTitleFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1277
+ ${_styledcomponents.selectTokens.cellTitleFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1278
+ ${_styledcomponents.selectTokens.cellTitleFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1279
+ ${_styledcomponents.selectTokens.cellTitleFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1280
+ ${_styledcomponents.selectTokens.cellTitleLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1281
+ ${_styledcomponents.selectTokens.cellTitleLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1282
+
1283
+ ${_styledcomponents.selectTokens.fontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1284
+ ${_styledcomponents.selectTokens.fontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1285
+ ${_styledcomponents.selectTokens.fontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1286
+ ${_styledcomponents.selectTokens.fontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1287
+ ${_styledcomponents.selectTokens.fontLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1288
+ ${_styledcomponents.selectTokens.fontLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1289
+
1290
+ ${_styledcomponents.selectTokens.checkboxTriggerSize}: 0.875rem;
1291
+ ${_styledcomponents.selectTokens.checkboxTriggerSizeTight}: 0.875rem;
1292
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadius}: 0.25rem;
1293
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;
1294
+ ${_styledcomponents.selectTokens.checkboxTriggerBorderWidth}: 0.063rem;
1295
+
1296
+ ${_styledcomponents.selectTokens.indicatorSize}: 0.375rem;
1297
+
1298
+ ${_styledcomponents.selectTokens.disclosureIconSize}: 1rem;
1299
+ ${_styledcomponents.selectTokens.disclosureIconMargin}: 0 0 0 0.375rem;
1300
+
1301
+ ${_styledcomponents.selectTokens.dividerMarginTop}: 0.25rem;
1302
+ ${_styledcomponents.selectTokens.dividerMarginRight}: 0.5rem;
1303
+ ${_styledcomponents.selectTokens.dividerMarginBottom}: 0.225rem;
1304
+ ${_styledcomponents.selectTokens.dividerMarginLeft}: 0.5rem;
1305
+ ${_styledcomponents.selectTokens.dividerMarginTopTight}: 0.125rem;
1306
+ ${_styledcomponents.selectTokens.dividerMarginBottomTight}: 0.125rem;
1307
+ `
1308
+ },
1309
+ labelPlacement: {
1310
+ inner: (0, _styledcomponents.css)`
1311
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
1312
+ `,
1313
+ outer: (0, _styledcomponents.css)``
1314
+ },
1315
+ chipView: {
1316
+ default: (0, _styledcomponents.css)`
1317
+ ${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_insol_next.inverseTextPrimary};
1318
+ ${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_insol_next.inverseTextPrimary};
1319
+ ${_styledcomponents.selectTokens.textFieldChipBackground}: ${_sdds_insol_next.surfaceSolidDefault};
1320
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundHover}: ${_sdds_insol_next.surfaceSolidDefaultHover};
1321
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColor}: ${_sdds_insol_next.onDarkTextSecondary};
1322
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_insol_next.onDarkTextSecondary};
1323
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
1324
+
1325
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_insol_next.surfaceSolidDefault};
1326
+ ${_styledcomponents.selectTokens.textFieldChipColorReadOnly}: ${_sdds_insol_next.inverseTextPrimary};
1327
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnlyHover}: ${_sdds_insol_next.surfaceSolidDefault};
1328
+ ${_styledcomponents.selectTokens.textFieldChipColorReadOnlyHover}: ${_sdds_insol_next.inverseTextPrimary};
1329
+ ${_styledcomponents.selectTokens.textFieldChipOpacityReadonly}: 1;
1330
+ `,
1331
+ secondary: (0, _styledcomponents.css)`
1332
+ ${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_insol_next.textPrimary};
1333
+ ${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_insol_next.textPrimary};
1334
+ ${_styledcomponents.selectTokens.textFieldChipBackground}: ${_sdds_insol_next.surfaceTransparentSecondary};
1335
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundHover}: ${_sdds_insol_next.surfaceTransparentSecondaryHover};
1336
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColor}: ${_sdds_insol_next.textSecondary};
1337
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_insol_next.textSecondaryHover};
1338
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_insol_next.textSecondary};
1339
+
1340
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_insol_next.surfaceTransparentSecondary};
1341
+ ${_styledcomponents.selectTokens.textFieldChipColorReadOnly}: ${_sdds_insol_next.textPrimary};
1342
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnlyHover}: ${_sdds_insol_next.surfaceTransparentSecondary};
1343
+ ${_styledcomponents.selectTokens.textFieldChipColorReadOnlyHover}: ${_sdds_insol_next.textPrimary};
1344
+ ${_styledcomponents.selectTokens.textFieldChipOpacityReadonly}: 1;
1345
+ `,
1346
+ accent: (0, _styledcomponents.css)`
1347
+ ${_styledcomponents.selectTokens.textFieldChipColor}: ${_sdds_insol_next.onDarkTextPrimary};
1348
+ ${_styledcomponents.selectTokens.textFieldChipColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
1349
+ ${_styledcomponents.selectTokens.textFieldChipBackground}: ${_sdds_insol_next.surfaceAccent};
1350
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundHover}: ${_sdds_insol_next.surfaceAccentHover};
1351
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColor}: ${_sdds_insol_next.onDarkTextSecondary};
1352
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_insol_next.onDarkTextSecondary};
1353
+ ${_styledcomponents.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_insol_next.onDarkTextPrimary};
1354
+
1355
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_insol_next.surfaceAccent};
1356
+ ${_styledcomponents.selectTokens.textFieldChipColorReadOnly}: ${_sdds_insol_next.onDarkTextPrimary};
1357
+ ${_styledcomponents.selectTokens.textFieldChipBackgroundReadOnlyHover}: ${_sdds_insol_next.surfaceAccent};
1358
+ ${_styledcomponents.selectTokens.textFieldChipColorReadOnlyHover}: ${_sdds_insol_next.onDarkTextPrimary};
1359
+ ${_styledcomponents.selectTokens.textFieldChipOpacityReadonly}: 1;
1360
+ `
1361
+ },
1362
+ hintView: {
1363
+ default: (0, _styledcomponents.css)`
1364
+ ${_styledcomponents.selectTokens.textFieldTooltipBackgroundColor}: ${_sdds_insol_next.surfaceSolidCardBrightness};
1365
+ ${_styledcomponents.selectTokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));
1366
+ ${_styledcomponents.selectTokens.textFieldTooltipColor}: ${_sdds_insol_next.textPrimary};
1367
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowBackground}: ${_sdds_insol_next.surfaceSolidCard};
1368
+ `
1369
+ },
1370
+ hintSize: {
1371
+ m: (0, _styledcomponents.css)`
1372
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingTop}: 0.6875rem;
1373
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingRight}: 0.875rem;
1374
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingBottom}: 0.6875rem;
1375
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingLeft}: 0.875rem;
1376
+
1377
+ ${_styledcomponents.selectTokens.textFieldTooltipMinHeight}: 2.5rem;
1378
+ ${_styledcomponents.selectTokens.textFieldTooltipBorderRadius}: 0.625rem;
1379
+
1380
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
1381
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontSize}: ${_sdds_insol_next.bodyS.fontSize};
1382
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
1383
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
1384
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
1385
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
1386
+
1387
+ ${_styledcomponents.selectTokens.textFieldTooltipContentLeftMargin}: 0.375rem;
1388
+
1389
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowMaskWidth}: 1.25rem;
1390
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowMaskHeight}: 1.25rem;
1391
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
1392
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowHeight}: 0.5rem;
1393
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;
1394
+ `,
1395
+ s: (0, _styledcomponents.css)`
1396
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingTop}: 0.5rem;
1397
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingRight}: 0.75rem;
1398
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingBottom}: 0.5rem;
1399
+ ${_styledcomponents.selectTokens.textFieldTooltipPaddingLeft}: 0.75rem;
1400
+
1401
+ ${_styledcomponents.selectTokens.textFieldTooltipMinHeight}: 2rem;
1402
+ ${_styledcomponents.selectTokens.textFieldTooltipBorderRadius}: 0.5rem;
1403
+
1404
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
1405
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
1406
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
1407
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
1408
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
1409
+ ${_styledcomponents.selectTokens.textFieldTooltipTextFontLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
1410
+
1411
+ ${_styledcomponents.selectTokens.textFieldTooltipContentLeftMargin}: 0.25rem;
1412
+
1413
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowMaskWidth}: 1rem;
1414
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowMaskHeight}: 1rem;
1415
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
1416
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowHeight}: 0.375rem;
1417
+ ${_styledcomponents.selectTokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;
1418
+ `
1419
+ },
1420
+ disabled: {
1421
+ true: (0, _styledcomponents.css)`
1422
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: transparent;
1423
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorFocus}: transparent;
1424
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorHover}: transparent;
1425
+ ${_styledcomponents.selectTokens.textFieldDisabledOpacity}: 0.4;
1426
+ ${_styledcomponents.selectTokens.textFieldDisabledBackgroundOpacity}: 1;
1427
+ ${_styledcomponents.selectTokens.textFieldDisabledInnerContentOpacity}: 0.4;
1428
+ `
1429
+ },
1430
+ readOnly: {
1431
+ true: (0, _styledcomponents.css)`
1432
+ ${_styledcomponents.selectTokens.textFieldDividerColorReadOnly}: ${_sdds_insol_next.surfaceTransparentPrimary};
1433
+ ${_styledcomponents.selectTokens.disclosureIconOpacityReadOnly}: 0.4;
1434
+ ${_styledcomponents.selectTokens.textFieldColorReadOnly}: ${_sdds_insol_next.textPrimary};
1435
+ ${_styledcomponents.selectTokens.textFieldBackgroundColorReadOnly}: transparent;
1436
+ ${_styledcomponents.selectTokens.textFieldBackgroundColor}: ${_sdds_insol_next.surfaceSolidSecondary};
1437
+ ${_styledcomponents.selectTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_insol_next.textSecondary};
1438
+ ${_styledcomponents.selectTokens.textFieldLeftHelperColorReadOnly}: ${_sdds_insol_next.textSecondary};
1439
+ ${_styledcomponents.selectTokens.textFieldTitleCaptionColorReadOnly}: ${_sdds_insol_next.textSecondary};
1440
+ ${_styledcomponents.selectTokens.textFieldLabelColorReadOnly}: ${_sdds_insol_next.textPrimary};
1441
+ ${_styledcomponents.selectTokens.textFieldBorderColor}: transparent;
1442
+ ${_styledcomponents.selectTokens.textFieldBorderWidth}: 0;
1443
+ `
1444
+ }
1445
+ }
1446
+ };