@salutejs/plasma-new-hope 0.343.0-canary.2358.19759407374.0 → 0.343.0-canary.2362.19765218937.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 (190) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +28 -26
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +28 -26
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +28 -26
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +28 -26
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +28 -26
  6. package/cjs/components/DateTimePicker/DateTimePicker.css +28 -26
  7. package/cjs/components/DateTimePicker/ui/Input/Input.css +28 -26
  8. package/cjs/components/Pagination/Pagination.css +28 -26
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +28 -26
  10. package/cjs/components/Range/Range.css +28 -26
  11. package/cjs/components/Select/Select.css +28 -26
  12. package/cjs/components/Select/ui/Target/Target.css +28 -26
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +28 -26
  14. package/cjs/components/Slider/Slider.css +28 -26
  15. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +28 -26
  16. package/cjs/components/Table/Table.css +28 -26
  17. package/cjs/components/Table/ui/Cell/Cell.css +28 -26
  18. package/cjs/components/Table/ui/EditableCell/EditableCell.css +28 -26
  19. package/cjs/components/Table/ui/HeadCell/HeadCell.css +28 -26
  20. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +28 -26
  21. package/cjs/components/TextField/TextField.js +23 -16
  22. package/cjs/components/TextField/TextField.js.map +1 -1
  23. package/cjs/components/TextField/TextField.styles.js +18 -8
  24. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  25. package/cjs/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_146520i.css} +1 -1
  26. package/cjs/components/TextField/ui/Hint/Hint.css +21 -21
  27. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
  28. package/cjs/components/TextField/variations/_clear/base.js +9 -0
  29. package/cjs/components/TextField/variations/_clear/base.js.map +1 -0
  30. package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
  31. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  32. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  33. package/{es/components/TextField/variations/_label-placement/base_o4xjq1.css → cjs/components/TextField/variations/_label-placement/base_1s0mlhj.css} +1 -1
  34. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  35. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  36. package/cjs/components/TextField/variations/_read-only/base_13ohoed.css +1 -0
  37. package/cjs/components/TextField/variations/_view/base.js +1 -1
  38. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  39. package/{es/components/TextField/variations/_view/base_1twy16p.css → cjs/components/TextField/variations/_view/base_1diyp23.css} +1 -1
  40. package/cjs/components/TimePicker/TimePicker.css +28 -26
  41. package/cjs/index.css +28 -26
  42. package/cjs/utils/createConditionalComponent.js +4 -8
  43. package/cjs/utils/createConditionalComponent.js.map +1 -1
  44. package/emotion/cjs/components/TextField/TextField.js +24 -17
  45. package/emotion/cjs/components/TextField/TextField.styles.js +49 -46
  46. package/emotion/cjs/components/TextField/variations/_clear/base.js +14 -0
  47. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  48. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  49. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  50. package/emotion/cjs/examples/components/Calendar/CalendarBase.config.js +8 -7
  51. package/emotion/cjs/examples/components/Calendar/CalendarDouble.config.js +8 -7
  52. package/emotion/cjs/examples/components/TextField/TextField.config.js +25 -22
  53. package/emotion/cjs/examples/components/TextField/TextField.js +5 -29
  54. package/emotion/cjs/utils/createConditionalComponent.js +8 -76
  55. package/emotion/es/components/TextField/TextField.js +12 -5
  56. package/emotion/es/components/TextField/TextField.styles.js +49 -46
  57. package/emotion/es/components/TextField/variations/_clear/base.js +4 -0
  58. package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
  59. package/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
  60. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  61. package/emotion/es/examples/components/Calendar/CalendarBase.config.js +8 -7
  62. package/emotion/es/examples/components/Calendar/CalendarDouble.config.js +8 -7
  63. package/emotion/es/examples/components/TextField/TextField.config.js +25 -22
  64. package/emotion/es/examples/components/TextField/TextField.js +2 -15
  65. package/emotion/es/utils/createConditionalComponent.js +5 -37
  66. package/es/components/Autocomplete/Autocomplete.css +28 -26
  67. package/es/components/Combobox/ComboboxNew/Combobox.css +28 -26
  68. package/es/components/DatePicker/RangeDate/RangeDate.css +28 -26
  69. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +28 -26
  70. package/es/components/DatePicker/SingleDate/SingleDate.css +28 -26
  71. package/es/components/DateTimePicker/DateTimePicker.css +28 -26
  72. package/es/components/DateTimePicker/ui/Input/Input.css +28 -26
  73. package/es/components/Pagination/Pagination.css +28 -26
  74. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +28 -26
  75. package/es/components/Range/Range.css +28 -26
  76. package/es/components/Select/Select.css +28 -26
  77. package/es/components/Select/ui/Target/Target.css +28 -26
  78. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +28 -26
  79. package/es/components/Slider/Slider.css +28 -26
  80. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +28 -26
  81. package/es/components/Table/Table.css +28 -26
  82. package/es/components/Table/ui/Cell/Cell.css +28 -26
  83. package/es/components/Table/ui/EditableCell/EditableCell.css +28 -26
  84. package/es/components/Table/ui/HeadCell/HeadCell.css +28 -26
  85. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +28 -26
  86. package/es/components/TextField/TextField.js +23 -16
  87. package/es/components/TextField/TextField.js.map +1 -1
  88. package/es/components/TextField/TextField.styles.js +18 -8
  89. package/es/components/TextField/TextField.styles.js.map +1 -1
  90. package/es/components/TextField/{TextField.styles_1pu4eym.css → TextField.styles_146520i.css} +1 -1
  91. package/es/components/TextField/ui/Hint/Hint.css +21 -21
  92. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
  93. package/es/components/TextField/variations/_clear/base.js +5 -0
  94. package/es/components/TextField/variations/_clear/base.js.map +1 -0
  95. package/es/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
  96. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  97. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  98. package/{cjs/components/TextField/variations/_label-placement/base_o4xjq1.css → es/components/TextField/variations/_label-placement/base_1s0mlhj.css} +1 -1
  99. package/es/components/TextField/variations/_read-only/base.js +1 -1
  100. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  101. package/es/components/TextField/variations/_read-only/base_13ohoed.css +1 -0
  102. package/es/components/TextField/variations/_view/base.js +1 -1
  103. package/es/components/TextField/variations/_view/base.js.map +1 -1
  104. package/{cjs/components/TextField/variations/_view/base_1twy16p.css → es/components/TextField/variations/_view/base_1diyp23.css} +1 -1
  105. package/es/components/TimePicker/TimePicker.css +28 -26
  106. package/es/index.css +28 -26
  107. package/es/utils/createConditionalComponent.js +6 -10
  108. package/es/utils/createConditionalComponent.js.map +1 -1
  109. package/package.json +3 -3
  110. package/styled-components/cjs/components/TextField/TextField.js +23 -16
  111. package/styled-components/cjs/components/TextField/TextField.styles.js +32 -31
  112. package/styled-components/cjs/components/TextField/variations/_clear/base.js +52 -0
  113. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +4 -6
  114. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +4 -3
  115. package/styled-components/cjs/components/TextField/variations/_view/base.js +2 -13
  116. package/styled-components/cjs/examples/components/Calendar/CalendarBase.config.js +87 -30
  117. package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js +92 -36
  118. package/styled-components/cjs/examples/components/TextField/TextField.config.js +48 -10
  119. package/styled-components/cjs/examples/components/TextField/TextField.js +5 -29
  120. package/styled-components/cjs/utils/createConditionalComponent.js +8 -76
  121. package/styled-components/es/components/TextField/TextField.js +11 -4
  122. package/styled-components/es/components/TextField/TextField.styles.js +32 -31
  123. package/styled-components/es/components/TextField/variations/_clear/base.js +42 -0
  124. package/styled-components/es/components/TextField/variations/_label-placement/base.js +5 -7
  125. package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -3
  126. package/styled-components/es/components/TextField/variations/_view/base.js +3 -14
  127. package/styled-components/es/examples/components/Calendar/CalendarBase.config.js +87 -30
  128. package/styled-components/es/examples/components/Calendar/CalendarDouble.config.js +92 -36
  129. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  130. package/styled-components/es/examples/components/TextField/TextField.config.js +48 -10
  131. package/styled-components/es/examples/components/TextField/TextField.js +2 -15
  132. package/styled-components/es/utils/createConditionalComponent.js +5 -37
  133. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -8
  134. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  135. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -8
  136. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  137. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -8
  138. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  139. package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +0 -8
  140. package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
  141. package/types/components/Range/Range.styles.d.ts +0 -8
  142. package/types/components/Range/Range.styles.d.ts.map +1 -1
  143. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +0 -8
  144. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  145. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -8
  146. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  147. package/types/components/TextField/TextField.d.ts +4 -0
  148. package/types/components/TextField/TextField.d.ts.map +1 -1
  149. package/types/components/TextField/TextField.styles.d.ts +4 -1
  150. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  151. package/types/components/TextField/TextField.types.d.ts +0 -8
  152. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  153. package/types/components/TextField/variations/_clear/base.d.ts +2 -0
  154. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -0
  155. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  156. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  157. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  158. package/types/components/TimePicker/TimePicker.styles.d.ts +0 -8
  159. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  160. package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  161. package/types/examples/components/Calendar/Calendar.d.ts +2 -0
  162. package/types/examples/components/Calendar/Calendar.d.ts.map +1 -1
  163. package/types/examples/components/Calendar/CalendarBase.config.d.ts +1 -0
  164. package/types/examples/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  165. package/types/examples/components/Calendar/CalendarDouble.config.d.ts +1 -0
  166. package/types/examples/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  167. package/types/examples/components/Checkbox/Checkbox.d.ts +2 -2
  168. package/types/examples/components/Checkbox/Checkbox.d.ts.map +1 -1
  169. package/types/examples/components/Chip/Chip.d.ts +2 -2
  170. package/types/examples/components/Chip/Chip.d.ts.map +1 -1
  171. package/types/examples/components/Mask/Mask.d.ts +33 -17
  172. package/types/examples/components/Mask/Mask.d.ts.map +1 -1
  173. package/types/examples/components/NumberFormat/NumberFormat.d.ts +40 -24
  174. package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  175. package/types/examples/components/Radiobox/Radiobox.d.ts +8 -49
  176. package/types/examples/components/Radiobox/Radiobox.d.ts.map +1 -1
  177. package/types/examples/components/TextField/TextField.config.d.ts +3 -0
  178. package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
  179. package/types/examples/components/TextField/TextField.d.ts +4 -970
  180. package/types/examples/components/TextField/TextField.d.ts.map +1 -1
  181. package/types/utils/createConditionalComponent.d.ts +1 -1
  182. package/types/utils/createConditionalComponent.d.ts.map +1 -1
  183. package/cjs/components/TextField/variations/_read-only/base_2lss3j.css +0 -1
  184. package/emotion/cjs/examples/components/TextField/TextField.clear.config.js +0 -59
  185. package/emotion/es/examples/components/TextField/TextField.clear.config.js +0 -49
  186. package/es/components/TextField/variations/_read-only/base_2lss3j.css +0 -1
  187. package/styled-components/cjs/examples/components/TextField/TextField.clear.config.js +0 -670
  188. package/styled-components/es/examples/components/TextField/TextField.clear.config.js +0 -660
  189. package/types/examples/components/TextField/TextField.clear.config.d.ts +0 -48
  190. package/types/examples/components/TextField/TextField.clear.config.d.ts.map +0 -1
@@ -1,660 +0,0 @@
1
- import { css } from "styled-components";
2
- import { textFieldTokens as tokens } from "../../../components/TextField";
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'l',
7
- labelPlacement: 'outer'
8
- },
9
- variations: {
10
- view: {
11
- default: css([
12
- "",
13
- ":var(--text-primary);",
14
- ":var(--text-secondary);",
15
- ":var(--text-tertiary);",
16
- ":transparent;",
17
- ":transparent;",
18
- ":transparent;",
19
- ":var(--text-accent);",
20
- ":var(--text-tertiary);",
21
- ":var(--text-tertiary);",
22
- ":var(--text-primary);",
23
- ":var(--text-secondary);",
24
- ":var(--text-secondary);",
25
- ":var(--text-secondary);",
26
- ":var(--text-secondary);",
27
- ":var(--text-secondary-hover);",
28
- ":var(--text-secondary-active);",
29
- ":var(--surface-transparent-tertiary);",
30
- ":var(--text-secondary);",
31
- ":var(--surface-accent);",
32
- ":var(--text-accent);",
33
- ":var(--surface-negative);",
34
- ":var(--text-tertiary);"
35
- ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
36
- positive: css([
37
- "",
38
- ":var(--text-positive);",
39
- ":var(--text-positive);",
40
- ":var(--text-positive);",
41
- ":transparent;",
42
- ":transparent;",
43
- ":transparent;",
44
- ":var(--text-accent);",
45
- ":var(--text-tertiary);",
46
- ":var(--text-tertiary);",
47
- ":var(--text-primary);",
48
- ":var(--text-positive);",
49
- ":var(--text-secondary);",
50
- ":var(--text-secondary);",
51
- ":var(--text-positive);",
52
- ":var(--text-positive-hover);",
53
- ":var(--text-positive-active);",
54
- ":var(--text-secondary);",
55
- ":var(--text-secondary-hover);",
56
- ":var(--text-secondary-active);",
57
- ":var(--surface-positive);",
58
- ":var(--surface-positive);",
59
- ":var(--surface-accent);",
60
- ":var(--text-accent);",
61
- ":var(--surface-negative);",
62
- ":var(--text-tertiary);"
63
- ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
64
- warning: css([
65
- "",
66
- ":var(--text-warning);",
67
- ":var(--text-warning);",
68
- ":var(--text-warning);",
69
- ":transparent;",
70
- ":transparent;",
71
- ":transparent;",
72
- ":var(--text-accent);",
73
- ":var(--text-tertiary);",
74
- ":var(--text-tertiary);",
75
- ":var(--text-primary);",
76
- ":var(--text-warning);",
77
- ":var(--text-secondary);",
78
- ":var(--text-secondary);",
79
- ":var(--text-warning);",
80
- ":var(--text-warning-hover);",
81
- ":var(--text-warning-active);",
82
- ":var(--text-secondary);",
83
- ":var(--text-secondary-hover);",
84
- ":var(--text-secondary-active);",
85
- ":var(--surface-warning);",
86
- ":var(--surface-warning);",
87
- ":var(--surface-accent);",
88
- ":var(--text-accent);",
89
- ":var(--surface-negative);",
90
- ":var(--text-tertiary);"
91
- ], tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
92
- negative: css([
93
- "",
94
- ":var(--text-negative);",
95
- ":var(--text-negative);",
96
- ":var(--text-negative);",
97
- ":transparent;",
98
- ":transparent;",
99
- ":transparent;",
100
- ":var(--text-accent);",
101
- ":var(--text-tertiary);",
102
- ":var(--text-tertiary);",
103
- ":var(--text-primary);",
104
- ":var(--text-negative);",
105
- ":var(--text-secondary);",
106
- ":var(--text-secondary);",
107
- ":var(--text-negative);",
108
- ":var(--text-negative-hover);",
109
- ":var(--text-negative-active);",
110
- ":var(--text-secondary);",
111
- ":var(--text-secondary-hover);",
112
- ":var(--text-secondary-active);",
113
- ":var(--surface-negative);",
114
- ":var(--surface-negative);",
115
- ":var(--surface-accent);",
116
- ":var(--text-accent);",
117
- ":var(--surface-negative);",
118
- ":var(--text-tertiary);"
119
- ], tokens.color, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.contentSlotRightColor, tokens.contentSlotRightColorHover, tokens.contentSlotRightColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
120
- },
121
- size: {
122
- xl: css([
123
- "",
124
- ":4rem;",
125
- ":1.3125rem 0;",
126
- ":0.375rem 0;",
127
- ":0;",
128
- ":-0.0625rem 0.5rem -0.0625rem 0rem;",
129
- ":-0.0625rem 0rem -0.0625rem 0.75rem;",
130
- ":-0.0625rem -0.438rem -0.0625rem 0.75rem;",
131
- ":0.25rem;",
132
- ":-0.438rem -0.438rem -0.438rem 0;",
133
- ":var(--plasma-typo-body-l-font-family);",
134
- ":var(--plasma-typo-body-l-font-size);",
135
- ":var(--plasma-typo-body-l-font-style);",
136
- ":var(--plasma-typo-body-l-font-weight);",
137
- ":var(--plasma-typo-body-l-letter-spacing);",
138
- ":var(--plasma-typo-body-l-line-height);",
139
- ":0.25rem;",
140
- ":var(--plasma-typo-body-l-font-family);",
141
- ":var(--plasma-typo-body-l-font-size);",
142
- ":var(--plasma-typo-body-l-font-style);",
143
- ":var(--plasma-typo-body-l-font-weight);",
144
- ":var(--plasma-typo-body-l-letter-spacing);",
145
- ":var(--plasma-typo-body-l-line-height);",
146
- ":-0.688rem -0.5rem;",
147
- ":2.375rem;",
148
- ":0.82rem -2.063rem auto auto;",
149
- ":0.25rem;",
150
- ":var(--plasma-typo-body-xs-font-family);",
151
- ":var(--plasma-typo-body-xs-font-size);",
152
- ":var(--plasma-typo-body-xs-font-style);",
153
- ":var(--plasma-typo-body-xs-font-weight);",
154
- ":var(--plasma-typo-body-xs-letter-spacing);",
155
- ":var(--plasma-typo-body-xs-line-height);",
156
- ":0.25rem;",
157
- ":var(--plasma-typo-body-xs-font-family);",
158
- ":var(--plasma-typo-body-xs-font-size);",
159
- ":var(--plasma-typo-body-xs-font-style);",
160
- ":var(--plasma-typo-body-xs-font-weight);",
161
- ":var(--plasma-typo-body-xs-letter-spacing);",
162
- ":var(--plasma-typo-body-xs-line-height);",
163
- ":0.8125rem 0 0.125rem 0;",
164
- ":1.813rem 0 0.813rem 0;",
165
- ":0 0.25rem 0 0;",
166
- ":0 0 0 0.25rem;",
167
- ":0.125rem;",
168
- ":1rem;",
169
- ":0.625rem;",
170
- ":auto;",
171
- ":3.25rem;",
172
- ":0 0.75rem 0 1rem;",
173
- ":0.625rem;",
174
- ":0rem;",
175
- ":1.5rem;",
176
- ":var(--plasma-typo-body-l-font-family);",
177
- ":var(--plasma-typo-body-l-font-size);",
178
- ":var(--plasma-typo-body-l-font-style);",
179
- ":var(--plasma-typo-body-l-font-weight);",
180
- ":var(--plasma-typo-body-l-letter-spacing);",
181
- ":var(--plasma-typo-body-l-line-height);",
182
- ":var(--plasma-typo-body-xs-font-family);",
183
- ":var(--plasma-typo-body-xs-font-size);",
184
- ":var(--plasma-typo-body-xs-font-style);",
185
- ":var(--plasma-typo-body-xs-font-weight);",
186
- ":var(--plasma-typo-body-xs-letter-spacing);",
187
- ":var(--plasma-typo-body-xs-line-height);",
188
- ":0.5rem;",
189
- ":0.375rem;",
190
- ":1.75rem auto auto -0.875rem;",
191
- ":0.5rem auto auto -0.75rem;",
192
- ":1.75rem -0.875rem auto auto;",
193
- ":0.25rem -0.625rem auto auto;",
194
- ":1.75rem -2.488rem auto auto;"
195
- ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipMarginRight, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
196
- l: css([
197
- "",
198
- ":3.5rem;",
199
- ":1.0625rem 0;",
200
- ":0.375rem 0;",
201
- ":0;",
202
- ":-0.0625rem 0.5rem -0.0625rem 0;",
203
- ":-0.0625rem 0 -0.0625rem 0.75rem;",
204
- ":-0.0625rem -0.438rem -0.0625rem 0.75rem;",
205
- ":0.25rem;",
206
- ":-0.438rem -0.438rem -0.438rem 0;",
207
- ":var(--plasma-typo-body-l-font-family);",
208
- ":var(--plasma-typo-body-l-font-size);",
209
- ":var(--plasma-typo-body-l-font-style);",
210
- ":var(--plasma-typo-body-l-font-weight);",
211
- ":var(--plasma-typo-body-l-letter-spacing);",
212
- ":var(--plasma-typo-body-l-line-height);",
213
- ":0.25rem;",
214
- ":var(--plasma-typo-body-l-font-family);",
215
- ":var(--plasma-typo-body-l-font-size);",
216
- ":var(--plasma-typo-body-l-font-style);",
217
- ":var(--plasma-typo-body-l-font-weight);",
218
- ":var(--plasma-typo-body-l-letter-spacing);",
219
- ":var(--plasma-typo-body-l-line-height);",
220
- ":-0.688rem -0.5rem;",
221
- ":2.375rem;",
222
- ":0.563rem -2.188rem auto auto;",
223
- ":0.25rem;",
224
- ":var(--plasma-typo-body-xs-font-family);",
225
- ":var(--plasma-typo-body-xs-font-size);",
226
- ":var(--plasma-typo-body-xs-font-style);",
227
- ":var(--plasma-typo-body-xs-font-weight);",
228
- ":var(--plasma-typo-body-xs-letter-spacing);",
229
- ":var(--plasma-typo-body-xs-line-height);",
230
- ":0.25rem;",
231
- ":var(--plasma-typo-body-xs-font-family);",
232
- ":var(--plasma-typo-body-xs-font-size);",
233
- ":var(--plasma-typo-body-xs-font-style);",
234
- ":var(--plasma-typo-body-xs-font-weight);",
235
- ":var(--plasma-typo-body-xs-letter-spacing);",
236
- ":var(--plasma-typo-body-xs-line-height);",
237
- ":0.5625rem 0 0.125rem 0;",
238
- ":1.5625rem 0 0.5625rem 0;",
239
- ":0 0.25rem 0 0;",
240
- ":0 0 0 0.25rem;",
241
- ":0.25rem;",
242
- ":0.5rem;",
243
- ":auto;",
244
- ":2.75rem;",
245
- ":0 0.75rem 0 1rem;",
246
- ":0.625rem;",
247
- ":0rem;",
248
- ":1.5rem;",
249
- ":var(--plasma-typo-body-l-font-family);",
250
- ":var(--plasma-typo-body-l-font-size);",
251
- ":var(--plasma-typo-body-l-font-style);",
252
- ":var(--plasma-typo-body-l-font-weight);",
253
- ":var(--plasma-typo-body-l-letter-spacing);",
254
- ":var(--plasma-typo-body-l-line-height);",
255
- ":0.5rem;",
256
- ":0.375rem;",
257
- ":1.5rem auto auto -0.875rem;",
258
- ":0.5rem auto auto -0.75rem;",
259
- ":1.5rem -0.875rem auto auto;",
260
- ":0.25rem -0.625rem auto auto;",
261
- ":1.5rem -2.488rem auto auto;"
262
- ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
263
- m: css([
264
- "",
265
- ":3rem;",
266
- ":0.875rem 0;",
267
- ":0.375rem 0;",
268
- ":0;",
269
- ":-0.125rem 0.375rem -0.125rem 0;",
270
- ":-0.125rem 0 -0.125rem 0.75rem;",
271
- ":-0.125rem -0.438rem -0.125rem 0.75rem;",
272
- ":0.25rem;",
273
- ":-0.438rem -0.438rem -0.438rem 0;",
274
- ":var(--plasma-typo-body-m-font-family);",
275
- ":var(--plasma-typo-body-m-font-size);",
276
- ":var(--plasma-typo-body-m-font-style);",
277
- ":var(--plasma-typo-body-m-font-weight);",
278
- ":var(--plasma-typo-body-m-letter-spacing);",
279
- ":var(--plasma-typo-body-m-line-height);",
280
- ":0.25rem;",
281
- ":var(--plasma-typo-body-m-font-family);",
282
- ":var(--plasma-typo-body-m-font-size);",
283
- ":var(--plasma-typo-body-m-font-style);",
284
- ":var(--plasma-typo-body-m-font-weight);",
285
- ":var(--plasma-typo-body-m-letter-spacing);",
286
- ":var(--plasma-typo-body-m-line-height);",
287
- ":-0.688rem -0.5rem;",
288
- ":2.375rem;",
289
- ":0.312rem -2.188rem auto auto;",
290
- ":0.25rem;",
291
- ":var(--plasma-typo-body-xs-font-family);",
292
- ":var(--plasma-typo-body-xs-font-size);",
293
- ":var(--plasma-typo-body-xs-font-style);",
294
- ":var(--plasma-typo-body-xs-font-weight);",
295
- ":var(--plasma-typo-body-xs-letter-spacing);",
296
- ":var(--plasma-typo-body-xs-line-height);",
297
- ":0.25rem;",
298
- ":var(--plasma-typo-body-xs-font-family);",
299
- ":var(--plasma-typo-body-xs-font-size);",
300
- ":var(--plasma-typo-body-xs-font-style);",
301
- ":var(--plasma-typo-body-xs-font-weight);",
302
- ":var(--plasma-typo-body-xs-letter-spacing);",
303
- ":var(--plasma-typo-body-xs-line-height);",
304
- ":0.375rem 0 0.125rem 0;",
305
- ":1.375rem 0 0.375rem 0;",
306
- ":0 0.25rem 0 0;",
307
- ":0 0 0 0.25rem;",
308
- ":0.25rem;",
309
- ":0.375rem;",
310
- ":auto;",
311
- ":2.25rem;",
312
- ":0 0.625rem 0 0.875rem;",
313
- ":0.5rem;",
314
- ":0rem;",
315
- ":1.25rem;",
316
- ":var(--plasma-typo-body-m-font-family);",
317
- ":var(--plasma-typo-body-m-font-size);",
318
- ":var(--plasma-typo-body-m-font-style);",
319
- ":var(--plasma-typo-body-m-font-weight);",
320
- ":var(--plasma-typo-body-m-letter-spacing);",
321
- ":var(--plasma-typo-body-m-line-height);",
322
- ":0.5rem;",
323
- ":0.375rem;",
324
- ":1.25rem auto auto -0.875rem;",
325
- ":0.375rem auto auto -0.75rem;",
326
- ":1.25rem -0.875rem auto auto;",
327
- ":0.25rem -0.6875rem auto auto;",
328
- ":1.25rem -2.488rem auto auto;"
329
- ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
330
- s: css([
331
- "",
332
- ":2.5rem;",
333
- ":0.6875rem 0;",
334
- ":0.375rem 0;",
335
- ":0;",
336
- ":-0.1875rem 0.25rem -0.1875rem 0;",
337
- ":-0.1875rem 0 -0.1875rem 0.75rem;",
338
- ":-0.1875rem -0.438rem -0.1875rem 0.75rem;",
339
- ":0.25rem;",
340
- ":-0.438rem -0.438rem -0.438rem 0;",
341
- ":var(--plasma-typo-body-s-font-family);",
342
- ":var(--plasma-typo-body-s-font-size);",
343
- ":var(--plasma-typo-body-s-font-style);",
344
- ":var(--plasma-typo-body-s-font-weight);",
345
- ":var(--plasma-typo-body-s-letter-spacing);",
346
- ":var(--plasma-typo-body-s-line-height);",
347
- ":0.25rem;",
348
- ":var(--plasma-typo-body-s-font-family);",
349
- ":var(--plasma-typo-body-s-font-size);",
350
- ":var(--plasma-typo-body-s-font-style);",
351
- ":var(--plasma-typo-body-s-font-weight);",
352
- ":var(--plasma-typo-body-s-letter-spacing);",
353
- ":var(--plasma-typo-body-s-line-height);",
354
- ":-0.688rem -0.5rem;",
355
- ":2.375rem;",
356
- ":0.062rem -2.188rem auto auto;",
357
- ":0.25rem;",
358
- ":var(--plasma-typo-body-xs-font-family);",
359
- ":var(--plasma-typo-body-xs-font-size);",
360
- ":var(--plasma-typo-body-xs-font-style);",
361
- ":var(--plasma-typo-body-xs-font-weight);",
362
- ":var(--plasma-typo-body-xs-letter-spacing);",
363
- ":var(--plasma-typo-body-xs-line-height);",
364
- ":0.25rem;",
365
- ":var(--plasma-typo-body-xs-font-family);",
366
- ":var(--plasma-typo-body-xs-font-size);",
367
- ":var(--plasma-typo-body-xs-font-style);",
368
- ":var(--plasma-typo-body-xs-font-weight);",
369
- ":var(--plasma-typo-body-xs-letter-spacing);",
370
- ":var(--plasma-typo-body-xs-line-height);",
371
- ":0.3125rem 0 0 0;",
372
- ":1.0625rem 0 0.3125rem 0;",
373
- ":0 0.25rem 0 0;",
374
- ":0 0 0 0.25rem;",
375
- ":0.25rem;",
376
- ":0.25rem;",
377
- ":auto;",
378
- ":1.75rem;",
379
- ":0 0.5rem 0 0.75rem;",
380
- ":0.375rem;",
381
- ":0rem;",
382
- ":1rem;",
383
- ":var(--plasma-typo-body-s-font-family);",
384
- ":var(--plasma-typo-body-s-font-size);",
385
- ":var(--plasma-typo-body-s-font-style);",
386
- ":var(--plasma-typo-body-s-font-weight);",
387
- ":var(--plasma-typo-body-s-letter-spacing);",
388
- ":var(--plasma-typo-body-s-line-height);",
389
- ":0.375rem;",
390
- ":0.375rem;",
391
- ":1.063rem auto auto -0.75rem;",
392
- ":0.3125rem auto auto -0.6875rem;",
393
- ":1.063rem -0.75rem auto auto;",
394
- ":0.25rem -0.625rem auto auto;",
395
- ":1.063rem -2.238rem auto auto;"
396
- ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight),
397
- xs: css([
398
- "",
399
- ":2rem;",
400
- ":0.5625rem 0;",
401
- ":0.375rem 0;",
402
- ":0;",
403
- ":-0.0625rem 0.25rem -0.0625rem 0;",
404
- ":-0.0625rem 0 -0.0625rem 0.75rem;",
405
- ":-0.0625rem -0.688rem -0.0625rem 0.75rem;",
406
- ":0.25rem;",
407
- ":-0.688rem -0.688rem -0.688rem 0;",
408
- ":var(--plasma-typo-body-xs-font-family);",
409
- ":var(--plasma-typo-body-xs-font-size);",
410
- ":var(--plasma-typo-body-xs-font-style);",
411
- ":var(--plasma-typo-body-xs-font-weight);",
412
- ":var(--plasma-typo-body-xs-letter-spacing);",
413
- ":var(--plasma-typo-body-xs-line-height);",
414
- ":0.25rem;",
415
- ":var(--plasma-typo-body-xs-font-family);",
416
- ":var(--plasma-typo-body-xs-font-size);",
417
- ":var(--plasma-typo-body-xs-font-style);",
418
- ":var(--plasma-typo-body-xs-font-weight);",
419
- ":var(--plasma-typo-body-xs-letter-spacing);",
420
- ":var(--plasma-typo-body-xs-line-height);",
421
- ":-0.75rem -0.625rem -0.75rem -0.5rem;",
422
- ":2.375rem;",
423
- ":-0.188rem -1.938rem auto auto;",
424
- ":0.25rem;",
425
- ":var(--plasma-typo-body-xs-font-family);",
426
- ":var(--plasma-typo-body-xs-font-size);",
427
- ":var(--plasma-typo-body-xs-font-style);",
428
- ":var(--plasma-typo-body-xs-font-weight);",
429
- ":var(--plasma-typo-body-xs-letter-spacing);",
430
- ":var(--plasma-typo-body-xs-line-height);",
431
- ":0.25rem;",
432
- ":var(--plasma-typo-body-xs-font-family);",
433
- ":var(--plasma-typo-body-xs-font-size);",
434
- ":var(--plasma-typo-body-xs-font-style);",
435
- ":var(--plasma-typo-body-xs-font-weight);",
436
- ":var(--plasma-typo-body-xs-letter-spacing);",
437
- ":var(--plasma-typo-body-xs-line-height);",
438
- ":0.3125rem 0 0 0;",
439
- ":1.0625rem 0 0.3125rem 0;",
440
- ":0 0.25rem 0 0;",
441
- ":0 0 0 0.25rem;",
442
- ":0.25rem;",
443
- ":0.125rem;",
444
- ":auto;",
445
- ":1.25rem;",
446
- ":0 0.375rem 0 0.625rem;",
447
- ":0.25rem;",
448
- ":0rem;",
449
- ":0.75rem;",
450
- ":var(--plasma-typo-body-xs-font-family);",
451
- ":var(--plasma-typo-body-xs-font-size);",
452
- ":var(--plasma-typo-body-xs-font-style);",
453
- ":var(--plasma-typo-body-xs-font-weight);",
454
- ":var(--plasma-typo-body-xs-letter-spacing);",
455
- ":var(--plasma-typo-body-xs-line-height);",
456
- ":0.375rem;",
457
- ":0.375rem;",
458
- ":0 0 0 0;",
459
- ":0.25rem auto auto -0.625rem;",
460
- ":0 0 auto auto;",
461
- ":0.125rem -0.6875rem auto auto;",
462
- ":0.813rem auto auto -0.625rem;",
463
- ":0.813rem -0.625rem auto auto;",
464
- ":0.813rem -1.988rem auto auto;"
465
- ], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.rightContentWithHintMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight)
466
- },
467
- labelPlacement: {
468
- inner: css([
469
- "",
470
- ":var(--text-secondary);",
471
- ":var(--plasma-typo-body-xs-font-family);",
472
- ":var(--plasma-typo-body-xs-font-size);",
473
- ":var(--plasma-typo-body-xs-font-style);",
474
- ":var(--plasma-typo-body-xs-font-weight);",
475
- ":var(--plasma-typo-body-xs-letter-spacing);",
476
- ":var(--plasma-typo-body-xs-line-height);"
477
- ], tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
478
- outer: css([
479
- ""
480
- ])
481
- },
482
- chipView: {
483
- default: css([
484
- "",
485
- ":var(--inverse-text-primary);",
486
- ":var(--surface-solid-default);",
487
- ":var(--inverse-text-primary);",
488
- ":var(--surface-solid-default-hover);",
489
- ":var(--inverse-text-primary);",
490
- ":var(--surface-solid-default-active);",
491
- ":var(--surface-solid-default);",
492
- ":var(--inverse-text-primary);",
493
- ":var(--surface-solid-default);",
494
- ":var(--inverse-text-primary);",
495
- ":var(--inverse-text-secondary);",
496
- ":var(--inverse-text-secondary);",
497
- ":var(--inverse-text-secondary-hover);",
498
- ":1;"
499
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
500
- secondary: css([
501
- "",
502
- ":var(--text-primary);",
503
- ":var(--surface-transparent-secondary);",
504
- ":var(--text-primary);",
505
- ":var(--surface-transparent-secondary-hover);",
506
- ":var(--text-primary);",
507
- ":var(--surface-transparent-secondary-active);",
508
- ":var(--surface-transparent-secondary);",
509
- ":var(--text-primary);",
510
- ":var(--surface-transparent-secondary);",
511
- ":var(--text-primary);",
512
- ":var(--text-secondary);",
513
- ":var(--text-secondary);",
514
- ":var(--text-secondary-hover);",
515
- ":1;"
516
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
517
- accent: css([
518
- "",
519
- ":var(--on-dark-text-primary);",
520
- ":var(--surface-accent);",
521
- ":var(--on-dark-text-primary);",
522
- ":var(--surface-accent-hover);",
523
- ":var(--on-dark-text-primary);",
524
- ":var(--surface-accent-active);",
525
- ":var(--surface-accent);",
526
- ":var(--on-dark-text-primary);",
527
- ":var(--surface-accent);",
528
- ":var(--on-dark-text-primary);",
529
- ":var(--on-dark-text-secondary);",
530
- ":var(--on-dark-text-secondary);",
531
- ":var(--on-dark-text-secondary-hover);",
532
- ":1;"
533
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
534
- positive: css([
535
- "",
536
- ":var(--on-dark-text-primary);",
537
- ":var(--surface-positive);",
538
- ":var(--on-dark-text-primary);",
539
- ":var(--surface-positive-hover);",
540
- ":var(--on-dark-text-primary);",
541
- ":var(--surface-positive-active);",
542
- ":var(--surface-positive);",
543
- ":var(--on-dark-text-primary);",
544
- ":var(--surface-positive);",
545
- ":var(--on-dark-text-primary);",
546
- ":var(--on-dark-text-secondary);",
547
- ":var(--on-dark-text-secondary);",
548
- ":var(--on-dark-text-secondary-hover);",
549
- ":1;"
550
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
551
- warning: css([
552
- "",
553
- ":var(--on-dark-text-primary);",
554
- ":var(--surface-warning);",
555
- ":var(--on-dark-text-primary);",
556
- ":var(--surface-warning-hover);",
557
- ":var(--on-dark-text-primary);",
558
- ":var(--surface-warning-active);",
559
- ":var(--surface-warning);",
560
- ":var(--on-dark-text-primary);",
561
- ":var(--surface-warning);",
562
- ":var(--on-dark-text-primary);",
563
- ":var(--on-dark-text-secondary);",
564
- ":var(--on-dark-text-secondary);",
565
- ":var(--on-dark-text-secondary-hover);",
566
- ":1;"
567
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
568
- negative: css([
569
- "",
570
- ":var(--on-dark-text-primary);",
571
- ":var(--surface-negative);",
572
- ":var(--on-dark-text-primary);",
573
- ":var(--surface-negative-hover);",
574
- ":var(--on-dark-text-primary);",
575
- ":var(--surface-negative-active);",
576
- ":var(--surface-negative);",
577
- ":var(--on-dark-text-primary);",
578
- ":var(--surface-negative);",
579
- ":var(--on-dark-text-primary);",
580
- ":var(--on-dark-text-secondary);",
581
- ":var(--on-dark-text-secondary);",
582
- ":var(--on-dark-text-secondary-hover);",
583
- ":1;"
584
- ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
585
- },
586
- hintView: {
587
- default: css([
588
- "",
589
- ":var(--surface-solid-card-brightness);",
590
- ":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));",
591
- ":var(--text-primary);",
592
- ":var(--surface-solid-card-brightness);"
593
- ], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
594
- },
595
- hintSize: {
596
- m: css([
597
- "",
598
- ":0.6875rem;",
599
- ":0.875rem;",
600
- ":0.6875rem;",
601
- ":0.875rem;",
602
- ":2.5rem;",
603
- ":0.625rem;",
604
- ":var(--plasma-typo-body-s-font-family);",
605
- ":var(--plasma-typo-body-s-font-size);",
606
- ":var(--plasma-typo-body-s-font-style);",
607
- ":var(--plasma-typo-body-s-font-weight);",
608
- ":var(--plasma-typo-body-s-letter-spacing);",
609
- ":var(--plasma-typo-body-s-line-height);",
610
- ":0.375rem;",
611
- ":1.25rem;",
612
- ":1.25rem;",
613
- ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");',
614
- ":0.5rem;",
615
- ":0.625rem;"
616
- ], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
617
- s: css([
618
- "",
619
- ":0.5rem;",
620
- ":0.75rem;",
621
- ":0.5rem;",
622
- ":0.75rem;",
623
- ":2rem;",
624
- ":0.5rem;",
625
- ":var(--plasma-typo-body-xs-font-family);",
626
- ":var(--plasma-typo-body-xs-font-size);",
627
- ":var(--plasma-typo-body-xs-font-style);",
628
- ":var(--plasma-typo-body-xs-font-weight);",
629
- ":var(--plasma-typo-body-xs-letter-spacing);",
630
- ":var(--plasma-typo-body-xs-line-height);",
631
- ":0.25rem;",
632
- ":1rem;",
633
- ":1rem;",
634
- ':url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");',
635
- ":0.375rem;",
636
- ":0.5625rem;"
637
- ], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
638
- },
639
- disabled: {
640
- true: css([
641
- "",
642
- ":0.4;"
643
- ], tokens.disabledOpacity)
644
- },
645
- readOnly: {
646
- true: css([
647
- "",
648
- ":0.1;",
649
- ":var(--text-primary);",
650
- ":transparent;",
651
- ":var(--text-secondary);",
652
- ":var(--text-secondary);",
653
- ":var(--text-secondary);",
654
- ":var(--text-primary);",
655
- ":var(--surface-transparent-primary);",
656
- ":0.4;"
657
- ], tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
658
- }
659
- }
660
- };