@salutejs/plasma-new-hope 0.330.0-canary.1655.16067292539.0 → 0.330.0-canary.1655.16168034594.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.
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_80gotw.css → Item.styles_1q0u1o1.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +12 -12
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/Drawer/Drawer.css +5 -5
- package/cjs/components/Modal/Modal.css +5 -5
- package/cjs/components/Modal/Modal.js +3 -8
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +1 -10
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +5 -5
- package/cjs/components/NumberFormat/NumberFormat.js +44 -4
- package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +10 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/cjs/components/Popup/Popup.js +17 -5
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +17 -17
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/{es/components/Popup/Popup.styles_sejy82.css → cjs/components/Popup/Popup.styles_1dvwxdu.css} +1 -1
- package/cjs/components/Popup/Popup.tokens.js +4 -1
- package/cjs/components/Popup/Popup.tokens.js.map +1 -1
- package/cjs/components/Popup/PopupContext.css +5 -5
- package/cjs/components/Select/Select.css +10 -10
- package/cjs/components/Select/Select.tokens.js +1 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +10 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css → cjs/components/Select/ui/Inner/ui/Item/Item.styles_1dlmiti.css} +2 -2
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +10 -10
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +10 -10
- package/cjs/components/Table/ui/Cell/Cell.css +10 -10
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/cjs/components/TextField/TextField.js +32 -11
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +25 -25
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +26 -26
- package/emotion/cjs/components/Modal/Modal.js +4 -9
- package/emotion/cjs/components/Modal/Modal.styles.js +7 -10
- package/emotion/cjs/components/NumberFormat/NumberFormat.js +88 -5
- package/emotion/cjs/components/Popup/Popup.js +19 -5
- package/emotion/cjs/components/Popup/Popup.styles.js +11 -11
- package/emotion/cjs/components/Popup/Popup.tokens.js +4 -1
- package/emotion/cjs/components/Select/Select.tokens.js +1 -0
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -22
- package/emotion/cjs/components/TextField/TextField.js +36 -14
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +26 -26
- package/emotion/es/components/Modal/Modal.js +4 -9
- package/emotion/es/components/Modal/Modal.styles.js +7 -10
- package/emotion/es/components/NumberFormat/NumberFormat.js +90 -7
- package/emotion/es/components/Popup/Popup.js +14 -6
- package/emotion/es/components/Popup/Popup.styles.js +11 -11
- package/emotion/es/components/Popup/Popup.tokens.js +4 -1
- package/emotion/es/components/Select/Select.tokens.js +1 -0
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -22
- package/emotion/es/components/TextField/TextField.js +36 -14
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_80gotw.css → Item.styles_1q0u1o1.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +12 -12
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/Drawer/Drawer.css +5 -5
- package/es/components/Modal/Modal.css +5 -5
- package/es/components/Modal/Modal.js +3 -8
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/Modal.styles.js +1 -10
- package/es/components/Modal/Modal.styles.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +5 -5
- package/es/components/NumberFormat/NumberFormat.js +47 -7
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/Pagination/Pagination.css +10 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/es/components/Popup/Popup.js +16 -5
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +17 -17
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/{cjs/components/Popup/Popup.styles_sejy82.css → es/components/Popup/Popup.styles_1dvwxdu.css} +1 -1
- package/es/components/Popup/Popup.tokens.js +4 -1
- package/es/components/Popup/Popup.tokens.js.map +1 -1
- package/es/components/Popup/PopupContext.css +5 -5
- package/es/components/Select/Select.css +10 -10
- package/es/components/Select/Select.tokens.js +1 -0
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +10 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css → es/components/Select/ui/Inner/ui/Item/Item.styles_1dlmiti.css} +2 -2
- package/es/components/Select/ui/SelectAll/SelectAll.css +10 -10
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +10 -10
- package/es/components/Table/ui/Cell/Cell.css +10 -10
- package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/es/components/TextField/TextField.js +32 -11
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +25 -25
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -15
- package/styled-components/cjs/components/Modal/Modal.js +4 -9
- package/styled-components/cjs/components/Modal/Modal.styles.js +3 -3
- package/styled-components/cjs/components/NumberFormat/NumberFormat.js +88 -5
- package/styled-components/cjs/components/Popup/Popup.js +19 -5
- package/styled-components/cjs/components/Popup/Popup.styles.js +9 -7
- package/styled-components/cjs/components/Popup/Popup.tokens.js +4 -1
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -0
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +13 -13
- package/styled-components/cjs/components/TextField/TextField.js +35 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +74 -40
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +74 -40
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -15
- package/styled-components/es/components/Modal/Modal.js +4 -9
- package/styled-components/es/components/Modal/Modal.styles.js +3 -3
- package/styled-components/es/components/NumberFormat/NumberFormat.js +90 -7
- package/styled-components/es/components/Popup/Popup.js +14 -6
- package/styled-components/es/components/Popup/Popup.styles.js +9 -7
- package/styled-components/es/components/Popup/Popup.tokens.js +4 -1
- package/styled-components/es/components/Select/Select.tokens.js +1 -0
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +13 -13
- package/styled-components/es/components/TextField/TextField.js +35 -13
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +74 -40
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +32 -28
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +74 -40
- package/types/components/Carousel/CarouselOld/Carousel.d.ts +2 -2
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts +2 -2
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.styles.d.ts +1 -3
- package/types/components/Modal/Modal.styles.d.ts.map +1 -1
- package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.tokens.d.ts +3 -0
- package/types/components/Popup/Popup.tokens.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +2 -8
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +1 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
|
@@ -134,7 +134,7 @@ export var textFieldRoot = function(Root) {
|
|
|
134
134
|
hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
|
|
135
135
|
view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
|
|
136
136
|
outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
|
|
137
|
-
onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, // Пропсы для внутреннего использования, не отдается наружу.
|
|
137
|
+
onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
|
|
138
138
|
// @ts-ignore
|
|
139
139
|
_onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
|
|
140
140
|
_forceChipManipulationWithReadonly = _param._forceChipManipulationWithReadonly, rest = _object_without_properties(_param, [
|
|
@@ -184,6 +184,7 @@ export var textFieldRoot = function(Root) {
|
|
|
184
184
|
"onKeyDown",
|
|
185
185
|
"onFocus",
|
|
186
186
|
"onBlur",
|
|
187
|
+
"onPaste",
|
|
187
188
|
"_onEnterDisabled",
|
|
188
189
|
"_forceChipManipulationWithReadonly"
|
|
189
190
|
]);
|
|
@@ -248,17 +249,6 @@ export var textFieldRoot = function(Root) {
|
|
|
248
249
|
var value = event.target.value;
|
|
249
250
|
setHasValue(Boolean(value));
|
|
250
251
|
};
|
|
251
|
-
useEffect(function() {
|
|
252
|
-
if (hasTextAfter && inputRef.current) {
|
|
253
|
-
var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
|
|
254
|
-
inputRef.current.style.width = "".concat(textWidth, "px");
|
|
255
|
-
} else {
|
|
256
|
-
var _inputRef_current;
|
|
257
|
-
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.style.removeProperty('width');
|
|
258
|
-
}
|
|
259
|
-
}, [
|
|
260
|
-
hasTextAfter
|
|
261
|
-
]);
|
|
262
252
|
var handleFocus = function(event) {
|
|
263
253
|
setHasFocus(true);
|
|
264
254
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
@@ -293,12 +283,31 @@ export var textFieldRoot = function(Root) {
|
|
|
293
283
|
if (maxLength !== -1 && value.length > maxLength) {
|
|
294
284
|
return;
|
|
295
285
|
}
|
|
296
|
-
|
|
286
|
+
if (onChange) {
|
|
287
|
+
onChange(event);
|
|
288
|
+
}
|
|
297
289
|
if (hasTextAfter) {
|
|
298
290
|
var textWidth = getInputWidth(event.currentTarget, inputContainerRef.current);
|
|
299
291
|
event.currentTarget.style.width = "".concat(textWidth, "px");
|
|
300
292
|
}
|
|
301
293
|
};
|
|
294
|
+
var handlePaste = function(event) {
|
|
295
|
+
if (disabled || readOnly) {
|
|
296
|
+
return;
|
|
297
|
+
}
|
|
298
|
+
if (onPaste) {
|
|
299
|
+
onPaste(event);
|
|
300
|
+
}
|
|
301
|
+
if (hasTextAfter) {
|
|
302
|
+
setTimeout(function() {
|
|
303
|
+
if (!inputRef.current) {
|
|
304
|
+
return;
|
|
305
|
+
}
|
|
306
|
+
var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
|
|
307
|
+
inputRef.current.style.width = "".concat(textWidth, "px");
|
|
308
|
+
});
|
|
309
|
+
}
|
|
310
|
+
};
|
|
302
311
|
var updateChips = function(newChips, newValues) {
|
|
303
312
|
setChips(newChips);
|
|
304
313
|
onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
|
|
@@ -339,6 +348,18 @@ export var textFieldRoot = function(Root) {
|
|
|
339
348
|
onKeyDown(event);
|
|
340
349
|
}
|
|
341
350
|
};
|
|
351
|
+
useEffect(function() {
|
|
352
|
+
if (hasTextAfter && inputRef.current) {
|
|
353
|
+
var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
|
|
354
|
+
inputRef.current.style.width = "".concat(textWidth, "px");
|
|
355
|
+
} else {
|
|
356
|
+
var _inputRef_current;
|
|
357
|
+
(_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.style.removeProperty('width');
|
|
358
|
+
}
|
|
359
|
+
}, [
|
|
360
|
+
hasTextAfter,
|
|
361
|
+
outerValue
|
|
362
|
+
]);
|
|
342
363
|
useEffect(function() {
|
|
343
364
|
if (!isChipEnumeration && !(values === null || values === void 0 ? void 0 : values.length)) {
|
|
344
365
|
return;
|
|
@@ -492,6 +513,7 @@ export var textFieldRoot = function(Root) {
|
|
|
492
513
|
onKeyDown: handleOnKeyDown,
|
|
493
514
|
onFocus: handleFocus,
|
|
494
515
|
onBlur: handleBlur,
|
|
516
|
+
onPaste: handlePaste,
|
|
495
517
|
"data-tour": true
|
|
496
518
|
}, rest)), hasInnerLabel && /*#__PURE__*/ React.createElement(Label, {
|
|
497
519
|
"data-root": true,
|
|
@@ -45,8 +45,13 @@ export var config = {
|
|
|
45
45
|
":var(--text-secondary-hover);",
|
|
46
46
|
":var(--surface-transparent-secondary);",
|
|
47
47
|
":var(--text-secondary);",
|
|
48
|
-
":var(--surface-transparent-tertiary);"
|
|
49
|
-
|
|
48
|
+
":var(--surface-transparent-tertiary);",
|
|
49
|
+
":var(--text-accent);",
|
|
50
|
+
":var(--text-accent);",
|
|
51
|
+
":var(--on-dark-text-primary);",
|
|
52
|
+
":transparent;",
|
|
53
|
+
":var(--text-secondary);"
|
|
54
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
50
55
|
positive: css([
|
|
51
56
|
"",
|
|
52
57
|
":var(--text-primary);",
|
|
@@ -84,8 +89,13 @@ export var config = {
|
|
|
84
89
|
":var(--text-secondary-hover);",
|
|
85
90
|
":var(--surface-transparent-secondary);",
|
|
86
91
|
":var(--text-secondary);",
|
|
87
|
-
":var(--surface-transparent-tertiary);"
|
|
88
|
-
|
|
92
|
+
":var(--surface-transparent-tertiary);",
|
|
93
|
+
":var(--text-accent);",
|
|
94
|
+
":var(--text-accent);",
|
|
95
|
+
":var(--on-dark-text-primary);",
|
|
96
|
+
":transparent;",
|
|
97
|
+
":var(--text-secondary);"
|
|
98
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
89
99
|
warning: css([
|
|
90
100
|
"",
|
|
91
101
|
":var(--text-primary);",
|
|
@@ -123,8 +133,13 @@ export var config = {
|
|
|
123
133
|
":var(--text-secondary-hover);",
|
|
124
134
|
":var(--surface-transparent-secondary);",
|
|
125
135
|
":var(--text-secondary);",
|
|
126
|
-
":var(--surface-transparent-tertiary);"
|
|
127
|
-
|
|
136
|
+
":var(--surface-transparent-tertiary);",
|
|
137
|
+
":var(--text-accent);",
|
|
138
|
+
":var(--text-accent);",
|
|
139
|
+
":var(--on-dark-text-primary);",
|
|
140
|
+
":transparent;",
|
|
141
|
+
":var(--text-secondary);"
|
|
142
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
128
143
|
negative: css([
|
|
129
144
|
"",
|
|
130
145
|
":var(--text-primary);",
|
|
@@ -162,8 +177,13 @@ export var config = {
|
|
|
162
177
|
":var(--text-secondary-hover);",
|
|
163
178
|
":var(--surface-transparent-secondary);",
|
|
164
179
|
":var(--text-secondary);",
|
|
165
|
-
":var(--surface-transparent-tertiary);"
|
|
166
|
-
|
|
180
|
+
":var(--surface-transparent-tertiary);",
|
|
181
|
+
":var(--text-accent);",
|
|
182
|
+
":var(--text-accent);",
|
|
183
|
+
":var(--on-dark-text-primary);",
|
|
184
|
+
":transparent;",
|
|
185
|
+
":var(--text-secondary);"
|
|
186
|
+
], tokens.textFieldColor, tokens.textFieldClearColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldClearPlaceholderColor, tokens.textFieldClearPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.textFieldChipCloseIconColor, tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipColorHover, tokens.textFieldChipBackgroundHover, tokens.textFieldChipColorActive, tokens.textFieldChipBackgroundActive, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
167
187
|
},
|
|
168
188
|
size: {
|
|
169
189
|
l: css([
|
|
@@ -260,11 +280,7 @@ export var config = {
|
|
|
260
280
|
":1.25rem;",
|
|
261
281
|
":0.375rem;",
|
|
262
282
|
":0.375rem;",
|
|
263
|
-
":var(--text-accent);",
|
|
264
|
-
":var(--on-dark-text-primary);",
|
|
265
|
-
":transparent;",
|
|
266
283
|
":0.125rem;",
|
|
267
|
-
":var(--text-secondary);",
|
|
268
284
|
":0.375rem;",
|
|
269
285
|
":0.5rem;",
|
|
270
286
|
":1rem;",
|
|
@@ -272,7 +288,7 @@ export var config = {
|
|
|
272
288
|
":1rem;",
|
|
273
289
|
":0.375rem;",
|
|
274
290
|
":0.375rem;"
|
|
275
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
291
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
276
292
|
m: css([
|
|
277
293
|
"",
|
|
278
294
|
":3rem;",
|
|
@@ -367,11 +383,7 @@ export var config = {
|
|
|
367
383
|
":1.25rem;",
|
|
368
384
|
":0.375rem;",
|
|
369
385
|
":0.375rem;",
|
|
370
|
-
":var(--text-accent);",
|
|
371
|
-
":var(--on-dark-text-primary);",
|
|
372
|
-
":transparent;",
|
|
373
386
|
":0.125rem;",
|
|
374
|
-
":var(--text-secondary);",
|
|
375
387
|
":0.375rem;",
|
|
376
388
|
":0.375rem;",
|
|
377
389
|
":0.875rem;",
|
|
@@ -379,7 +391,7 @@ export var config = {
|
|
|
379
391
|
":0.875rem;",
|
|
380
392
|
":0.375rem;",
|
|
381
393
|
":0.375rem;"
|
|
382
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
394
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
383
395
|
s: css([
|
|
384
396
|
"",
|
|
385
397
|
":2.5rem;",
|
|
@@ -474,11 +486,7 @@ export var config = {
|
|
|
474
486
|
":0.875rem;",
|
|
475
487
|
":0.375rem;",
|
|
476
488
|
":0.25rem;",
|
|
477
|
-
":var(--text-accent);",
|
|
478
|
-
":var(--on-dark-text-primary);",
|
|
479
|
-
":transparent;",
|
|
480
489
|
":0.125rem;",
|
|
481
|
-
":var(--text-secondary);",
|
|
482
490
|
":0.375rem;",
|
|
483
491
|
":0.375rem;",
|
|
484
492
|
":0.75rem;",
|
|
@@ -486,7 +494,7 @@ export var config = {
|
|
|
486
494
|
":0.75rem;",
|
|
487
495
|
":0.25rem;",
|
|
488
496
|
":0.25rem;"
|
|
489
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
497
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
490
498
|
xs: css([
|
|
491
499
|
"",
|
|
492
500
|
":2rem;",
|
|
@@ -581,11 +589,7 @@ export var config = {
|
|
|
581
589
|
":0.875rem;",
|
|
582
590
|
":0.25rem;",
|
|
583
591
|
":0.25rem;",
|
|
584
|
-
":var(--text-accent);",
|
|
585
|
-
":var(--on-dark-text-primary);",
|
|
586
|
-
":transparent;",
|
|
587
592
|
":0.125rem;",
|
|
588
|
-
":var(--text-secondary);",
|
|
589
593
|
":0.375rem;",
|
|
590
594
|
":0.25rem;",
|
|
591
595
|
":0.5rem;",
|
|
@@ -593,7 +597,7 @@ export var config = {
|
|
|
593
597
|
":0.5rem;",
|
|
594
598
|
":0.125rem;",
|
|
595
599
|
":0.125rem;"
|
|
596
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
600
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.emptyStatePadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
597
601
|
},
|
|
598
602
|
labelPlacement: {
|
|
599
603
|
inner: css([
|
|
@@ -41,8 +41,13 @@ export var config = {
|
|
|
41
41
|
":0.4;",
|
|
42
42
|
":var(--text-primary);",
|
|
43
43
|
":var(--text-secondary);",
|
|
44
|
-
":var(--surface-transparent-tertiary);"
|
|
45
|
-
|
|
44
|
+
":var(--surface-transparent-tertiary);",
|
|
45
|
+
":var(--text-accent);",
|
|
46
|
+
":var(--text-accent);",
|
|
47
|
+
":var(--on-dark-text-primary);",
|
|
48
|
+
":transparent;",
|
|
49
|
+
":var(--text-secondary);"
|
|
50
|
+
], tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
46
51
|
positive: css([
|
|
47
52
|
"",
|
|
48
53
|
":var(--text-primary);",
|
|
@@ -75,8 +80,13 @@ export var config = {
|
|
|
75
80
|
":0.4;",
|
|
76
81
|
":var(--text-primary);",
|
|
77
82
|
":var(--text-secondary);",
|
|
78
|
-
":var(--surface-transparent-tertiary);"
|
|
79
|
-
|
|
83
|
+
":var(--surface-transparent-tertiary);",
|
|
84
|
+
":var(--text-accent);",
|
|
85
|
+
":var(--text-accent);",
|
|
86
|
+
":var(--on-dark-text-primary);",
|
|
87
|
+
":transparent;",
|
|
88
|
+
":var(--text-secondary);"
|
|
89
|
+
], tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
80
90
|
warning: css([
|
|
81
91
|
"",
|
|
82
92
|
":var(--text-primary);",
|
|
@@ -109,8 +119,13 @@ export var config = {
|
|
|
109
119
|
":0.4;",
|
|
110
120
|
":var(--text-primary);",
|
|
111
121
|
":var(--text-secondary);",
|
|
112
|
-
":var(--surface-transparent-tertiary);"
|
|
113
|
-
|
|
122
|
+
":var(--surface-transparent-tertiary);",
|
|
123
|
+
":var(--text-accent);",
|
|
124
|
+
":var(--text-accent);",
|
|
125
|
+
":var(--on-dark-text-primary);",
|
|
126
|
+
":transparent;",
|
|
127
|
+
":var(--text-secondary);"
|
|
128
|
+
], tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
114
129
|
negative: css([
|
|
115
130
|
"",
|
|
116
131
|
":var(--text-primary);",
|
|
@@ -143,8 +158,13 @@ export var config = {
|
|
|
143
158
|
":0.4;",
|
|
144
159
|
":var(--text-primary);",
|
|
145
160
|
":var(--text-secondary);",
|
|
146
|
-
":var(--surface-transparent-tertiary);"
|
|
147
|
-
|
|
161
|
+
":var(--surface-transparent-tertiary);",
|
|
162
|
+
":var(--text-accent);",
|
|
163
|
+
":var(--text-accent);",
|
|
164
|
+
":var(--on-dark-text-primary);",
|
|
165
|
+
":transparent;",
|
|
166
|
+
":var(--text-secondary);"
|
|
167
|
+
], tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.textFieldHintIconColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
148
168
|
accent: css([
|
|
149
169
|
"",
|
|
150
170
|
":var(--on-dark-text-primary);",
|
|
@@ -161,8 +181,13 @@ export var config = {
|
|
|
161
181
|
":var(--surface-transparent-secondary);",
|
|
162
182
|
":0.4;",
|
|
163
183
|
":var(--text-primary);",
|
|
164
|
-
":var(--surface-transparent-tertiary);"
|
|
165
|
-
|
|
184
|
+
":var(--surface-transparent-tertiary);",
|
|
185
|
+
":var(--text-accent);",
|
|
186
|
+
":var(--text-accent);",
|
|
187
|
+
":var(--on-dark-text-primary);",
|
|
188
|
+
":transparent;",
|
|
189
|
+
":var(--text-secondary);"
|
|
190
|
+
], tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
166
191
|
secondary: css([
|
|
167
192
|
"",
|
|
168
193
|
":var(--text-primary);",
|
|
@@ -179,8 +204,13 @@ export var config = {
|
|
|
179
204
|
":var(--surface-transparent-secondary);",
|
|
180
205
|
":0.4;",
|
|
181
206
|
":var(--text-primary);",
|
|
182
|
-
":var(--surface-transparent-tertiary);"
|
|
183
|
-
|
|
207
|
+
":var(--surface-transparent-tertiary);",
|
|
208
|
+
":var(--text-accent);",
|
|
209
|
+
":var(--text-accent);",
|
|
210
|
+
":var(--on-dark-text-primary);",
|
|
211
|
+
":transparent;",
|
|
212
|
+
":var(--text-secondary);"
|
|
213
|
+
], tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
184
214
|
clear: css([
|
|
185
215
|
"",
|
|
186
216
|
":var(--text-primary);",
|
|
@@ -197,8 +227,13 @@ export var config = {
|
|
|
197
227
|
":var(--surface-transparent-secondary);",
|
|
198
228
|
":0.4;",
|
|
199
229
|
":var(--text-primary);",
|
|
200
|
-
":var(--surface-transparent-tertiary);"
|
|
201
|
-
|
|
230
|
+
":var(--surface-transparent-tertiary);",
|
|
231
|
+
":var(--text-accent);",
|
|
232
|
+
":var(--text-accent);",
|
|
233
|
+
":var(--on-dark-text-primary);",
|
|
234
|
+
":transparent;",
|
|
235
|
+
":var(--text-secondary);"
|
|
236
|
+
], tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
202
237
|
dark: css([
|
|
203
238
|
"",
|
|
204
239
|
":var(--on-dark-text-primary);",
|
|
@@ -215,8 +250,13 @@ export var config = {
|
|
|
215
250
|
":var(--surface-transparent-secondary);",
|
|
216
251
|
":0.4;",
|
|
217
252
|
":var(--text-primary);",
|
|
218
|
-
":var(--surface-transparent-tertiary);"
|
|
219
|
-
|
|
253
|
+
":var(--surface-transparent-tertiary);",
|
|
254
|
+
":var(--text-accent);",
|
|
255
|
+
":var(--text-accent);",
|
|
256
|
+
":var(--on-dark-text-primary);",
|
|
257
|
+
":transparent;",
|
|
258
|
+
":var(--text-secondary);"
|
|
259
|
+
], tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
220
260
|
black: css([
|
|
221
261
|
"",
|
|
222
262
|
":var(--on-dark-text-primary);",
|
|
@@ -233,8 +273,13 @@ export var config = {
|
|
|
233
273
|
":var(--surface-transparent-secondary);",
|
|
234
274
|
":0.4;",
|
|
235
275
|
":var(--text-primary);",
|
|
236
|
-
":var(--surface-transparent-tertiary);"
|
|
237
|
-
|
|
276
|
+
":var(--surface-transparent-tertiary);",
|
|
277
|
+
":var(--text-accent);",
|
|
278
|
+
":var(--text-accent);",
|
|
279
|
+
":var(--on-dark-text-primary);",
|
|
280
|
+
":transparent;",
|
|
281
|
+
":var(--text-secondary);"
|
|
282
|
+
], tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor),
|
|
238
283
|
white: css([
|
|
239
284
|
"",
|
|
240
285
|
":var(--on-light-text-primary);",
|
|
@@ -251,8 +296,13 @@ export var config = {
|
|
|
251
296
|
":var(--text-secondary-hover);",
|
|
252
297
|
":0.4;",
|
|
253
298
|
":var(--text-primary);",
|
|
254
|
-
":var(--surface-transparent-tertiary);"
|
|
255
|
-
|
|
299
|
+
":var(--surface-transparent-tertiary);",
|
|
300
|
+
":var(--text-accent);",
|
|
301
|
+
":var(--text-accent);",
|
|
302
|
+
":var(--on-dark-text-primary);",
|
|
303
|
+
":transparent;",
|
|
304
|
+
":var(--text-secondary);"
|
|
305
|
+
], tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.itemBackgroundHover, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemDisabledOpacity, tokens.itemDisabledColor, tokens.dividerColor, tokens.itemIconColor, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerBorderColor)
|
|
256
306
|
},
|
|
257
307
|
size: {
|
|
258
308
|
l: css([
|
|
@@ -351,11 +401,7 @@ export var config = {
|
|
|
351
401
|
":1.25rem;",
|
|
352
402
|
":0.375rem;",
|
|
353
403
|
":0.375rem;",
|
|
354
|
-
":var(--text-accent);",
|
|
355
|
-
":var(--on-dark-text-primary);",
|
|
356
|
-
":transparent;",
|
|
357
404
|
":0.125rem;",
|
|
358
|
-
":var(--text-secondary);",
|
|
359
405
|
":0.375rem;",
|
|
360
406
|
":0.5rem;",
|
|
361
407
|
":1rem;",
|
|
@@ -363,7 +409,7 @@ export var config = {
|
|
|
363
409
|
":1rem;",
|
|
364
410
|
":0.375rem;",
|
|
365
411
|
":0.375rem;"
|
|
366
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
412
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
367
413
|
m: css([
|
|
368
414
|
"",
|
|
369
415
|
":3rem;",
|
|
@@ -460,11 +506,7 @@ export var config = {
|
|
|
460
506
|
":1.25rem;",
|
|
461
507
|
":0.375rem;",
|
|
462
508
|
":0.375rem;",
|
|
463
|
-
":var(--text-accent);",
|
|
464
|
-
":var(--on-dark-text-primary);",
|
|
465
|
-
":transparent;",
|
|
466
509
|
":0.125rem;",
|
|
467
|
-
":var(--text-secondary);",
|
|
468
510
|
":0.375rem;",
|
|
469
511
|
":0.375rem;",
|
|
470
512
|
":0.875rem;",
|
|
@@ -472,7 +514,7 @@ export var config = {
|
|
|
472
514
|
":0.875rem;",
|
|
473
515
|
":0.375rem;",
|
|
474
516
|
":0.375rem;"
|
|
475
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
517
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
476
518
|
s: css([
|
|
477
519
|
"",
|
|
478
520
|
":2.5rem;",
|
|
@@ -569,11 +611,7 @@ export var config = {
|
|
|
569
611
|
":0.875rem;",
|
|
570
612
|
":0.375rem;",
|
|
571
613
|
":0.25rem;",
|
|
572
|
-
":var(--text-accent);",
|
|
573
|
-
":var(--on-dark-text-primary);",
|
|
574
|
-
":transparent;",
|
|
575
614
|
":0.125rem;",
|
|
576
|
-
":var(--text-secondary);",
|
|
577
615
|
":0.375rem;",
|
|
578
616
|
":0.375rem;",
|
|
579
617
|
":0.75rem;",
|
|
@@ -581,7 +619,7 @@ export var config = {
|
|
|
581
619
|
":0.75rem;",
|
|
582
620
|
":0.25rem;",
|
|
583
621
|
":0.25rem;"
|
|
584
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
622
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight),
|
|
585
623
|
xs: css([
|
|
586
624
|
"",
|
|
587
625
|
":2rem;",
|
|
@@ -678,11 +716,7 @@ export var config = {
|
|
|
678
716
|
":0.875rem;",
|
|
679
717
|
":0.25rem;",
|
|
680
718
|
":0.25rem;",
|
|
681
|
-
":var(--text-accent);",
|
|
682
|
-
":var(--on-dark-text-primary);",
|
|
683
|
-
":transparent;",
|
|
684
719
|
":0.125rem;",
|
|
685
|
-
":var(--text-secondary);",
|
|
686
720
|
":0.375rem;",
|
|
687
721
|
":0.25rem;",
|
|
688
722
|
":0.5rem;",
|
|
@@ -690,7 +724,7 @@ export var config = {
|
|
|
690
724
|
":0.5rem;",
|
|
691
725
|
":0.125rem;",
|
|
692
726
|
":0.125rem;"
|
|
693
|
-
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.
|
|
727
|
+
], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldRightContentWithHintMargin, tokens.textFieldContentRightWrapperGap, tokens.textFieldContentRightWrapperMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldHintMargin, tokens.textFieldHintTargetSize, tokens.textFieldHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPadding, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxTriggerBorderWidth, tokens.indicatorSize, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight)
|
|
694
728
|
},
|
|
695
729
|
labelPlacement: {
|
|
696
730
|
inner: css([
|