@salutejs/plasma-new-hope 0.329.1-canary.2079.16199559995.0 → 0.329.1-canary.2080.16212818786.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 (94) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +6 -6
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_mr478d.css} +1 -1
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
  6. package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -2
  7. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
  8. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
  9. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
  10. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
  11. package/cjs/components/Dropdown/Dropdown.css +2 -2
  12. package/cjs/components/Dropdown/Dropdown.styles.js +7 -7
  13. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  14. package/cjs/components/Dropdown/Dropdown.styles_1qw40h3.css +3 -0
  15. package/cjs/components/Dropdown/Dropdown.tokens.js +1 -0
  16. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  17. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
  18. package/cjs/components/Pagination/Pagination.css +2 -2
  19. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  20. package/cjs/components/Select/Select.css +2 -2
  21. package/cjs/components/Select/Select.styles.js +7 -7
  22. package/cjs/components/Select/Select.styles.js.map +1 -1
  23. package/cjs/components/Select/Select.styles_2sgy43.css +3 -0
  24. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  25. package/cjs/components/Table/Table.css +2 -2
  26. package/cjs/components/Table/ui/Cell/Cell.css +2 -2
  27. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
  28. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
  29. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  30. package/cjs/index.css +10 -10
  31. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +14 -14
  32. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +6 -6
  33. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +1 -0
  34. package/emotion/cjs/components/Select/Select.styles.js +6 -6
  35. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.config.js +26 -21
  36. package/emotion/cjs/examples/plasma_web/components/Button/Button.config.js +26 -21
  37. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -14
  38. package/emotion/es/components/Dropdown/Dropdown.styles.js +6 -6
  39. package/emotion/es/components/Dropdown/Dropdown.tokens.js +1 -0
  40. package/emotion/es/components/Select/Select.styles.js +6 -6
  41. package/emotion/es/examples/plasma_b2c/components/Button/Button.config.js +26 -21
  42. package/emotion/es/examples/plasma_web/components/Button/Button.config.js +26 -21
  43. package/es/components/Combobox/ComboboxNew/Combobox.css +6 -6
  44. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
  45. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  46. package/es/components/Combobox/ComboboxNew/{Combobox.styles_isfa46.css → Combobox.styles_mr478d.css} +1 -1
  47. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +6 -6
  48. package/es/components/Combobox/ComboboxOld/Combobox.css +2 -2
  49. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -2
  50. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -2
  51. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -2
  52. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -2
  53. package/es/components/Dropdown/Dropdown.css +2 -2
  54. package/es/components/Dropdown/Dropdown.styles.js +7 -7
  55. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  56. package/es/components/Dropdown/Dropdown.styles_1qw40h3.css +3 -0
  57. package/es/components/Dropdown/Dropdown.tokens.js +1 -0
  58. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  59. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +2 -2
  60. package/es/components/Pagination/Pagination.css +2 -2
  61. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  62. package/es/components/Select/Select.css +2 -2
  63. package/es/components/Select/Select.styles.js +7 -7
  64. package/es/components/Select/Select.styles.js.map +1 -1
  65. package/es/components/Select/Select.styles_2sgy43.css +3 -0
  66. package/es/components/Select/ui/Inner/Inner.css +2 -2
  67. package/es/components/Table/Table.css +2 -2
  68. package/es/components/Table/ui/Cell/Cell.css +2 -2
  69. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
  70. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
  71. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  72. package/es/index.css +10 -10
  73. package/package.json +2 -2
  74. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +14 -13
  75. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +10 -9
  76. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +1 -0
  77. package/styled-components/cjs/components/Select/Select.styles.js +10 -9
  78. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +80 -0
  79. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +80 -0
  80. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -13
  81. package/styled-components/es/components/Dropdown/Dropdown.styles.js +10 -9
  82. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +1 -0
  83. package/styled-components/es/components/Select/Select.styles.js +10 -9
  84. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +80 -0
  85. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +80 -0
  86. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  87. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  88. package/types/components/Dropdown/Dropdown.tokens.d.ts +1 -0
  89. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  90. package/types/components/Select/Select.styles.d.ts.map +1 -1
  91. package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +0 -3
  92. package/cjs/components/Select/Select.styles_bjoo18.css +0 -3
  93. package/es/components/Dropdown/Dropdown.styles_zheit5.css +0 -3
  94. package/es/components/Select/Select.styles_bjoo18.css +0 -3
@@ -4,24 +4,25 @@ import { getCorrectHeight } from "./utils";
4
4
  import { tokens, constants } from "./Dropdown.tokens";
5
5
  export var ListWrapper = styled.div.withConfig({
6
6
  displayName: "Dropdown.styles__ListWrapper",
7
- componentId: "sc-eabc61b1-0"
7
+ componentId: "sc-48665d9f-0"
8
8
  })([
9
- "width:",
10
- ";padding:calc(var(",
9
+ "margin:var(",
10
+ ") 0 0 0;padding:calc(var(",
11
11
  ") + var(",
12
- ",0rem));border-radius:var(",
13
- ");box-sizing:border-box;background:var(",
12
+ ",0rem));width:",
13
+ ";border-radius:var(",
14
+ ");background:var(",
14
15
  ");box-shadow:",
15
16
  ",inset 0 0 0 var(",
16
17
  ",0) var(",
17
- ",transparent);"
18
- ], function(param) {
18
+ ",transparent);box-sizing:border-box;"
19
+ ], tokens.margin, tokens.padding, tokens.borderWidth, function(param) {
19
20
  var listWidth = param.listWidth;
20
21
  return listWidth || "var(".concat(tokens.width, ")");
21
- }, tokens.padding, tokens.borderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.borderWidth, tokens.borderColor);
22
+ }, tokens.borderRadius, constants.background, constants.boxShadow, tokens.borderWidth, tokens.borderColor);
22
23
  export var Ul = styled.ul.withConfig({
23
24
  displayName: "Dropdown.styles__Ul",
24
- componentId: "sc-eabc61b1-1"
25
+ componentId: "sc-48665d9f-1"
25
26
  })([
26
27
  "max-height:",
27
28
  ";overflow-y:",
@@ -10,6 +10,7 @@ export var tokens = {
10
10
  boxShadow: '--plasma-dropdown-box-shadow',
11
11
  width: '--plasma-dropdown-width',
12
12
  borderRadius: '--plasma-dropdown-border-radius',
13
+ margin: '--plasma-dropdown-margin',
13
14
  padding: '--plasma-dropdown-padding',
14
15
  disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
15
16
  disabledOpacity: '--plasma-dropdown-disabled-opacity',
@@ -4,24 +4,25 @@ import { getCorrectHeight } from "./utils";
4
4
  import { tokens, constants } from "./Select.tokens";
5
5
  export var ListWrapper = styled.div.withConfig({
6
6
  displayName: "Select.styles__ListWrapper",
7
- componentId: "sc-30266665-0"
7
+ componentId: "sc-b2a78193-0"
8
8
  })([
9
- "width:",
10
- ";padding:calc(var(",
9
+ "margin:var(",
10
+ ") 0 0 0;padding:calc(var(",
11
11
  ") + var(",
12
- ",0rem));border-radius:var(",
13
- ");box-sizing:border-box;background:var(",
12
+ ",0rem));width:",
13
+ ";border-radius:var(",
14
+ ");background:var(",
14
15
  ");box-shadow:",
15
16
  ",inset 0 0 0 var(",
16
17
  ",0rem) var(",
17
- ",transparent);"
18
- ], function(param) {
18
+ ",transparent);box-sizing:border-box;"
19
+ ], tokens.margin, tokens.padding, tokens.dropdownBorderWidth, function(param) {
19
20
  var listWidth = param.listWidth;
20
21
  return listWidth || '100%';
21
- }, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
22
+ }, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
22
23
  export var Ul = styled.ul.withConfig({
23
24
  displayName: "Select.styles__Ul",
24
- componentId: "sc-30266665-1"
25
+ componentId: "sc-b2a78193-1"
25
26
  })([
26
27
  "max-height:",
27
28
  ";overflow-y:",
@@ -128,6 +128,22 @@ export var config = {
128
128
  ":0 -0.125rem 0 0.625rem;",
129
129
  ":0 0 0 0.25rem;"
130
130
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
131
+ xlr: css([
132
+ "",
133
+ ":4rem;",
134
+ ":12.5rem;",
135
+ ":var(--plasma-typo-body-l-font-family);",
136
+ ":var(--plasma-typo-body-l-font-size);",
137
+ ":var(--plasma-typo-body-l-font-style);",
138
+ ":var(--plasma-typo-body-l-bold-font-weight);",
139
+ ":var(--plasma-typo-body-l-letter-spacing);",
140
+ ":var(--plasma-typo-body-l-line-height);",
141
+ ":1.5rem;",
142
+ ":inherit;",
143
+ ":0 0.625rem 0 0;",
144
+ ":0 0 0 0.625rem;",
145
+ ":0 0 0 0.25rem;"
146
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
131
147
  l: css([
132
148
  "",
133
149
  ":3.5rem;",
@@ -146,6 +162,22 @@ export var config = {
146
162
  ":0 -0.125rem 0 0.5rem;",
147
163
  ":0 0 0 0.25rem;"
148
164
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
165
+ lr: css([
166
+ "",
167
+ ":3.5rem;",
168
+ ":12.5rem;",
169
+ ":var(--plasma-typo-body-l-font-family);",
170
+ ":var(--plasma-typo-body-l-font-size);",
171
+ ":var(--plasma-typo-body-l-font-style);",
172
+ ":var(--plasma-typo-body-l-bold-font-weight);",
173
+ ":var(--plasma-typo-body-l-letter-spacing);",
174
+ ":var(--plasma-typo-body-l-line-height);",
175
+ ":1.375rem;",
176
+ ":inherit;",
177
+ ":0 0.5rem 0 0;",
178
+ ":0 0 0 0.5rem;",
179
+ ":0 0 0 0.25rem;"
180
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
149
181
  m: css([
150
182
  "",
151
183
  ":3rem;",
@@ -164,6 +196,22 @@ export var config = {
164
196
  ":0 -0.125rem 0 0.375rem;",
165
197
  ":0 0 0 0.25rem;"
166
198
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
199
+ mr: css([
200
+ "",
201
+ ":3rem;",
202
+ ":11.25rem;",
203
+ ":var(--plasma-typo-body-m-font-family);",
204
+ ":var(--plasma-typo-body-m-font-size);",
205
+ ":var(--plasma-typo-body-m-font-style);",
206
+ ":var(--plasma-typo-body-m-bold-font-weight);",
207
+ ":var(--plasma-typo-body-m-letter-spacing);",
208
+ ":var(--plasma-typo-body-m-line-height);",
209
+ ":1.375rem;",
210
+ ":inherit;",
211
+ ":0 0.375rem 0 0;",
212
+ ":0 0 0 0.375rem;",
213
+ ":0 0 0 0.25rem;"
214
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
167
215
  s: css([
168
216
  "",
169
217
  ":2.5rem;",
@@ -182,6 +230,22 @@ export var config = {
182
230
  ":0 -0.125rem 0 0.25rem;",
183
231
  ":0 0 0 0.25rem;"
184
232
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
233
+ sr: css([
234
+ "",
235
+ ":2.5rem;",
236
+ ":11.25rem;",
237
+ ":var(--plasma-typo-body-s-font-family);",
238
+ ":var(--plasma-typo-body-s-font-size);",
239
+ ":var(--plasma-typo-body-s-font-style);",
240
+ ":var(--plasma-typo-body-s-bold-font-weight);",
241
+ ":var(--plasma-typo-body-s-letter-spacing);",
242
+ ":var(--plasma-typo-body-s-line-height);",
243
+ ":1.375rem;",
244
+ ":inherit;",
245
+ ":0 0.25rem 0 0;",
246
+ ":0 0 0 0.25rem;",
247
+ ":0 0 0 0.25rem;"
248
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
185
249
  xs: css([
186
250
  "",
187
251
  ":2rem;",
@@ -200,6 +264,22 @@ export var config = {
200
264
  ":0 -0.125rem 0 0.25rem;",
201
265
  ":0 0 0 0.25rem;"
202
266
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
267
+ xsr: css([
268
+ "",
269
+ ":2rem;",
270
+ ":10rem;",
271
+ ":var(--plasma-typo-body-xs-font-family);",
272
+ ":var(--plasma-typo-body-xs-font-size);",
273
+ ":var(--plasma-typo-body-xs-font-style);",
274
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
275
+ ":var(--plasma-typo-body-xs-letter-spacing);",
276
+ ":var(--plasma-typo-body-xs-line-height);",
277
+ ":1rem;",
278
+ ":inherit;",
279
+ ":0 0.25rem 0 0;",
280
+ ":0 0 0 0.25rem;",
281
+ ":0 0 0 0.25rem;"
282
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
203
283
  xxs: css([
204
284
  "",
205
285
  ":1.5rem;",
@@ -128,6 +128,22 @@ export var config = {
128
128
  ":0 -0.125rem 0 0.625rem;",
129
129
  ":0 0 0 0.25rem;"
130
130
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
131
+ xlr: css([
132
+ "",
133
+ ":4rem;",
134
+ ":12.5rem;",
135
+ ":var(--plasma-typo-body-l-font-family);",
136
+ ":var(--plasma-typo-body-l-font-size);",
137
+ ":var(--plasma-typo-body-l-font-style);",
138
+ ":var(--plasma-typo-body-l-bold-font-weight);",
139
+ ":var(--plasma-typo-body-l-letter-spacing);",
140
+ ":var(--plasma-typo-body-l-line-height);",
141
+ ":1.5rem;",
142
+ ":inherit;",
143
+ ":0 0.625rem 0 0;",
144
+ ":0 0 0 0.625rem;",
145
+ ":0 0 0 0.25rem;"
146
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
131
147
  l: css([
132
148
  "",
133
149
  ":3.5rem;",
@@ -146,6 +162,22 @@ export var config = {
146
162
  ":0 -0.125rem 0 0.5rem;",
147
163
  ":0 0 0 0.25rem;"
148
164
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
165
+ lr: css([
166
+ "",
167
+ ":3.5rem;",
168
+ ":12.5rem;",
169
+ ":var(--plasma-typo-body-l-font-family);",
170
+ ":var(--plasma-typo-body-l-font-size);",
171
+ ":var(--plasma-typo-body-l-font-style);",
172
+ ":var(--plasma-typo-body-l-bold-font-weight);",
173
+ ":var(--plasma-typo-body-l-letter-spacing);",
174
+ ":var(--plasma-typo-body-l-line-height);",
175
+ ":1.375rem;",
176
+ ":inherit;",
177
+ ":0 0.5rem 0 0;",
178
+ ":0 0 0 0.5rem;",
179
+ ":0 0 0 0.25rem;"
180
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
149
181
  m: css([
150
182
  "",
151
183
  ":3rem;",
@@ -164,6 +196,22 @@ export var config = {
164
196
  ":0 -0.125rem 0 0.375rem;",
165
197
  ":0 0 0 0.25rem;"
166
198
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
199
+ mr: css([
200
+ "",
201
+ ":3rem;",
202
+ ":11.25rem;",
203
+ ":var(--plasma-typo-body-m-font-family);",
204
+ ":var(--plasma-typo-body-m-font-size);",
205
+ ":var(--plasma-typo-body-m-font-style);",
206
+ ":var(--plasma-typo-body-m-bold-font-weight);",
207
+ ":var(--plasma-typo-body-m-letter-spacing);",
208
+ ":var(--plasma-typo-body-m-line-height);",
209
+ ":1.375rem;",
210
+ ":inherit;",
211
+ ":0 0.375rem 0 0;",
212
+ ":0 0 0 0.375rem;",
213
+ ":0 0 0 0.25rem;"
214
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
167
215
  s: css([
168
216
  "",
169
217
  ":2.5rem;",
@@ -182,6 +230,22 @@ export var config = {
182
230
  ":0 -0.125rem 0 0.25rem;",
183
231
  ":0 0 0 0.25rem;"
184
232
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
233
+ sr: css([
234
+ "",
235
+ ":2.5rem;",
236
+ ":11.25rem;",
237
+ ":var(--plasma-typo-body-s-font-family);",
238
+ ":var(--plasma-typo-body-s-font-size);",
239
+ ":var(--plasma-typo-body-s-font-style);",
240
+ ":var(--plasma-typo-body-s-bold-font-weight);",
241
+ ":var(--plasma-typo-body-s-letter-spacing);",
242
+ ":var(--plasma-typo-body-s-line-height);",
243
+ ":1.375rem;",
244
+ ":inherit;",
245
+ ":0 0.25rem 0 0;",
246
+ ":0 0 0 0.25rem;",
247
+ ":0 0 0 0.25rem;"
248
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
185
249
  xs: css([
186
250
  "",
187
251
  ":2rem;",
@@ -200,6 +264,22 @@ export var config = {
200
264
  ":0 -0.125rem 0 0.25rem;",
201
265
  ":0 0 0 0.25rem;"
202
266
  ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
267
+ xsr: css([
268
+ "",
269
+ ":2rem;",
270
+ ":10rem;",
271
+ ":var(--plasma-typo-body-xs-font-family);",
272
+ ":var(--plasma-typo-body-xs-font-size);",
273
+ ":var(--plasma-typo-body-xs-font-style);",
274
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
275
+ ":var(--plasma-typo-body-xs-letter-spacing);",
276
+ ":var(--plasma-typo-body-xs-line-height);",
277
+ ":1rem;",
278
+ ":inherit;",
279
+ ":0 0.25rem 0 0;",
280
+ ":0 0 0 0.25rem;",
281
+ ":0 0 0 0.25rem;"
282
+ ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
203
283
  xxs: css([
204
284
  "",
205
285
  ":1.5rem;",
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EASzC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,aAAa,CAAC,SAAS,CAAC;mBAClB,aAAa,CAAC,cAAc,CAAC;oBAC5B,aAAa,CAAC,eAAe,CAAC;EAWjD,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG1C,CAAC;AAEF,eAAO,MAAM,WAAW,qJAGvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAG5B,CAAC"}
1
+ {"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EAazC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,aAAa,CAAC,SAAS,CAAC;mBAClB,aAAa,CAAC,cAAc,CAAC;oBAC5B,aAAa,CAAC,eAAe,CAAC;EAWjD,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG1C,CAAC;AAEF,eAAO,MAAM,WAAW,qJAGvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAG5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EASzC,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,YAAY,CAAC;kBAC5B,aAAa,CAAC,cAAc,CAAC;EAO9C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
1
+ {"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,WAAW;gBACR,aAAa,CAAC,WAAW,CAAC;EAazC,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,YAAY,CAAC;kBAC5B,aAAa,CAAC,cAAc,CAAC;EAO9C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -10,6 +10,7 @@ export declare const tokens: {
10
10
  boxShadow: string;
11
11
  width: string;
12
12
  borderRadius: string;
13
+ margin: string;
13
14
  padding: string;
14
15
  disclosureIconColor: string;
15
16
  disabledOpacity: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}
1
+ {"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,WAAW;gBACR,WAAW,CAAC,WAAW,CAAC;EASvC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,WAAW,CAAC,SAAS,CAAC;mBAChB,WAAW,CAAC,cAAc,CAAC;oBAC1B,WAAW,CAAC,eAAe,CAAC;EAS/C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
1
+ {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,WAAW;gBACR,WAAW,CAAC,WAAW,CAAC;EAavC,CAAC;AAEF,eAAO,MAAM,EAAE;aACF,WAAW,CAAC,SAAS,CAAC;mBAChB,WAAW,CAAC,cAAc,CAAC;oBAC1B,WAAW,CAAC,eAAe,CAAC;EAS/C,CAAC;AAEF,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,3 +0,0 @@
1
- .ln7uamp{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
2
- .ujr7fmv{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
3
-
@@ -1,3 +0,0 @@
1
- .lpxbau6{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
2
- .u1yey2x3{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
3
-
@@ -1,3 +0,0 @@
1
- .ln7uamp{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
2
- .ujr7fmv{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
3
-
@@ -1,3 +0,0 @@
1
- .lpxbau6{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
2
- .u1yey2x3{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
3
-