@salutejs/plasma-new-hope 0.337.0-canary.2184.17942080334.0 → 0.337.0-canary.2184.17969522274.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/Autocomplete/Autocomplete.css +2 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/InformationWrapper/InformationWrapper.css +2 -2
- package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -2
- package/cjs/components/Note/Note.css +1 -1
- package/cjs/components/Note/Note.js +1 -1
- package/cjs/components/Note/Note.js.map +1 -1
- package/cjs/components/Note/variations/_size/base.js +1 -1
- package/cjs/components/Note/variations/_size/base.js.map +1 -1
- package/cjs/components/Note/variations/_size/{base_111wwzs.css → base_12cn7f7.css} +1 -1
- package/cjs/components/Pagination/Pagination.css +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/cjs/components/Range/Range.css +2 -2
- package/cjs/components/Select/Select.css +2 -2
- package/cjs/components/Select/ui/Target/Target.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/cjs/components/Slider/Slider.css +2 -2
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
- package/cjs/components/Table/Table.css +2 -2
- package/cjs/components/Table/ui/Cell/Cell.css +2 -2
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
- package/cjs/components/TextArea/ui/Hint/Hint.css +2 -2
- package/cjs/components/TextField/ui/Hint/Hint.css +2 -2
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -2
- package/cjs/components/TimePicker/TimePicker.css +11 -7
- package/cjs/components/TimePicker/TimePicker.js +254 -6
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +29 -5
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/{es/components/TimePicker/TimePicker.styles_thn2wn.css → cjs/components/TimePicker/TimePicker.styles_dk6774.css} +8 -4
- package/cjs/components/TimePicker/TimePicker.tokens.js +5 -1
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js +5 -5
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles_uldg0s.css +2 -0
- package/cjs/index.css +12 -8
- package/emotion/cjs/components/Note/Note.js +1 -1
- package/emotion/cjs/components/Note/variations/_size/base.js +1 -1
- package/emotion/cjs/components/TimePicker/TimePicker.js +259 -6
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +39 -11
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +5 -1
- package/emotion/cjs/components/Tooltip/Tooltip.styles.js +5 -5
- package/emotion/es/components/Note/Note.js +1 -1
- package/emotion/es/components/Note/variations/_size/base.js +1 -1
- package/emotion/es/components/TimePicker/TimePicker.js +261 -8
- package/emotion/es/components/TimePicker/TimePicker.styles.js +27 -11
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +5 -1
- package/emotion/es/components/Tooltip/Tooltip.styles.js +5 -5
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/es/components/Autocomplete/Autocomplete.css +2 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/InformationWrapper/InformationWrapper.css +2 -2
- package/es/components/InformationWrapper/ui/Label/Label.css +2 -2
- package/es/components/Note/Note.css +1 -1
- package/es/components/Note/Note.js +1 -1
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Note/variations/_size/base.js +1 -1
- package/es/components/Note/variations/_size/base.js.map +1 -1
- package/es/components/Note/variations/_size/{base_111wwzs.css → base_12cn7f7.css} +1 -1
- package/es/components/Pagination/Pagination.css +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
- package/es/components/Range/Range.css +2 -2
- package/es/components/Select/Select.css +2 -2
- package/es/components/Select/ui/Target/Target.css +2 -2
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
- package/es/components/Slider/Slider.css +2 -2
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
- package/es/components/Table/Table.css +2 -2
- package/es/components/Table/ui/Cell/Cell.css +2 -2
- package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
- package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
- package/es/components/TextArea/ui/Hint/Hint.css +2 -2
- package/es/components/TextField/ui/Hint/Hint.css +2 -2
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -2
- package/es/components/TimePicker/TimePicker.css +11 -7
- package/es/components/TimePicker/TimePicker.js +257 -9
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +26 -6
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/{cjs/components/TimePicker/TimePicker.styles_thn2wn.css → es/components/TimePicker/TimePicker.styles_dk6774.css} +8 -4
- package/es/components/TimePicker/TimePicker.tokens.js +5 -1
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/components/Tooltip/Tooltip.styles.js +5 -5
- package/es/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/es/components/Tooltip/Tooltip.styles_uldg0s.css +2 -0
- package/es/index.css +12 -8
- package/package.json +2 -2
- package/styled-components/cjs/components/Note/Note.js +1 -1
- package/styled-components/cjs/components/Note/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TimePicker/TimePicker.js +259 -6
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +60 -21
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +5 -1
- package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +9 -9
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/Note/Note.js +1 -1
- package/styled-components/es/components/Note/variations/_size/base.js +1 -1
- package/styled-components/es/components/TimePicker/TimePicker.js +261 -8
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +48 -21
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +5 -1
- package/styled-components/es/components/Tooltip/Tooltip.styles.js +9 -9
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Note/Note.d.ts +4 -4
- package/types/components/Note/Note.d.ts.map +1 -1
- package/types/components/Note/Note.types.d.ts +2 -2
- package/types/components/Note/Note.types.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +5 -4
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +4 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/types/examples/components/Note/Note.d.ts +2 -2
- package/cjs/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
- package/es/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./TimePicker.
|
|
1
|
+
require('./TimePicker.styles_dk6774.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -32,7 +32,7 @@ var StyledInput = /*#__PURE__*/react.styled(_exp2())({
|
|
|
32
32
|
propsAsIs: true
|
|
33
33
|
});
|
|
34
34
|
var base = "b19h9m1x";
|
|
35
|
-
var
|
|
35
|
+
var _exp157 = function _exp157() {
|
|
36
36
|
return function (_ref) {
|
|
37
37
|
var width = _ref.width;
|
|
38
38
|
return (width === 'fullWidth' ? "var(".concat(TimePicker_tokens.tokens.width, ")") : width) || "var(".concat(TimePicker_tokens.tokens.timePickerWidth, ")");
|
|
@@ -43,7 +43,7 @@ var StyledTimePicker = /*#__PURE__*/react.styled('div')({
|
|
|
43
43
|
"class": "slnaiay",
|
|
44
44
|
propsAsIs: false,
|
|
45
45
|
vars: {
|
|
46
|
-
"slnaiay-0": [/*#__PURE__*/
|
|
46
|
+
"slnaiay-0": [/*#__PURE__*/_exp157()]
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
var StyledTimeItem = /*#__PURE__*/react.styled('div')({
|
|
@@ -51,7 +51,7 @@ var StyledTimeItem = /*#__PURE__*/react.styled('div')({
|
|
|
51
51
|
"class": "sh0cawu",
|
|
52
52
|
propsAsIs: false
|
|
53
53
|
});
|
|
54
|
-
var
|
|
54
|
+
var _exp172 = function _exp172() {
|
|
55
55
|
return function (_ref2) {
|
|
56
56
|
var height = _ref2.height;
|
|
57
57
|
return height || "var(".concat(TimePicker_tokens.tokens.columnHeight, ")");
|
|
@@ -62,10 +62,34 @@ var StyledTimeColumn = /*#__PURE__*/react.styled('div')({
|
|
|
62
62
|
"class": "s15lrh1g",
|
|
63
63
|
propsAsIs: false,
|
|
64
64
|
vars: {
|
|
65
|
-
"s15lrh1g-0": [/*#__PURE__*/
|
|
65
|
+
"s15lrh1g-0": [/*#__PURE__*/_exp172()]
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
|
+
var CustomScrollbar = /*#__PURE__*/react.styled('div')({
|
|
69
|
+
name: "CustomScrollbar",
|
|
70
|
+
"class": "c18qymw0",
|
|
71
|
+
propsAsIs: false
|
|
72
|
+
});
|
|
73
|
+
var ScrollbarTrack = /*#__PURE__*/react.styled('div')({
|
|
74
|
+
name: "ScrollbarTrack",
|
|
75
|
+
"class": "s1wgh6jw",
|
|
76
|
+
propsAsIs: false
|
|
77
|
+
});
|
|
78
|
+
var ScrollbarThumb = /*#__PURE__*/react.styled('div')({
|
|
79
|
+
name: "ScrollbarThumb",
|
|
80
|
+
"class": "s1qrdw7l",
|
|
81
|
+
propsAsIs: false
|
|
82
|
+
});
|
|
83
|
+
var StyledEmpty = /*#__PURE__*/react.styled('div')({
|
|
84
|
+
name: "StyledEmpty",
|
|
85
|
+
"class": "sa62th",
|
|
86
|
+
propsAsIs: false
|
|
87
|
+
});
|
|
68
88
|
|
|
89
|
+
exports.CustomScrollbar = CustomScrollbar;
|
|
90
|
+
exports.ScrollbarThumb = ScrollbarThumb;
|
|
91
|
+
exports.ScrollbarTrack = ScrollbarTrack;
|
|
92
|
+
exports.StyledEmpty = StyledEmpty;
|
|
69
93
|
exports.StyledInput = StyledInput;
|
|
70
94
|
exports.StyledPopover = StyledPopover;
|
|
71
95
|
exports.StyledTimeColumn = StyledTimeColumn;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ align?: 'left' | 'right'; width?: string | number }>``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n width: var(${tokens.width});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemHoverBackground});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemActiveBackground});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n margin: calc(var(${tokens.scrollbarWidth}) / 2);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemHoverBackground});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n &::-webkit-scrollbar {\n width: var(${tokens.scrollbarWidth});\n height: var(${tokens.scrollbarWidth});\n }\n\n &::-webkit-scrollbar-track {\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n margin-top: var(${tokens.scrollbarMargin});\n margin-bottom: var(${tokens.scrollbarMargin});\n }\n\n &::-webkit-scrollbar-thumb {\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n }\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","_exp156","_ref","width","concat","tokens","timePickerWidth","StyledTimePicker","vars","StyledTimeItem","_exp170","_ref2","height","columnHeight","StyledTimeColumn"],"mappings":";;;;;;;;;;AASA,IAAMA,qBAAqB,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,kBAAW,CAACK,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,gBAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAZ7BA,SAY6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAkE,EAAA;;AAErG;AAAA,IAAAC,KAAA,GAhBkBA,SAgBlBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8FhC,EAAA;AAEM,IAAMG,IAAI,GAmBhB,WAAA;AAAC,IAAAC,OAAA,GApIgBA,SAoIhBA,OAAAA,GAAA;AAAA,EAAA,OAKW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IAAAA,OACR,CAACA,KAAK,KAAK,WAAW,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,wBAAM,CAACF,KAAK,EAAA,GAAA,CAAA,GAAMA,KAAK,KAAAC,MAAAA,CAAAA,MAAA,CAAYC,wBAAM,CAACC,eAAe,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ7F,IAAMC,gBAAgB,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGzBP,OACuF,EAAA,CAAA;AAAA,GAAA;AAAA,CAMnG,EAAA;AAEM,IAAMQ,cAAc,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyBnC,EAAA;AAAC,IAAAa,OAAA,GA3KgBA,SA2KhBA,OAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAR,MAAAA,CAAAA,MAAA,CAAWC,wBAAM,CAACQ,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGpB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBE,OAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAgCxE;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n width: var(${tokens.width});\n margin-top: var(${tokens.dropdownMarginTop});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n gap: var(${tokens.scrollbarWidth});\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n flex-shrink: 0;\n overflow: auto;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemHoverBackground});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemActiveBackground});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.scrollbarWidth});\n width: 100%;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemHoverBackground});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n width: 0;\n }\n`;\n\nexport const CustomScrollbar = styled.div`\n position: absolute;\n top: var(${tokens.scrollbarMargin});\n right: 0;\n bottom: var(${tokens.scrollbarMargin});\n width: var(${tokens.scrollbarWidth});\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n z-index: 10;\n overflow: hidden;\n\n &.${classes.scrollbarVisible} {\n opacity: 1;\n pointer-events: auto;\n }\n`;\n\nexport const ScrollbarTrack = styled.div`\n position: relative;\n width: 100%;\n height: 100%;\n background: var(${tokens.scrollbarTrackColor});\n border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: var(${tokens.scrollbarColor});\n border-radius: var(${tokens.scrollbarWidth});\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: var(${tokens.scrollbarColor});\n }\n\n &:active {\n background: var(${tokens.scrollbarTrackColor});\n }\n`;\n\nexport const StyledEmpty = styled.div`\n width: 100%;\n height: 0%.125rem;\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","_exp157","_ref","width","concat","tokens","timePickerWidth","StyledTimePicker","vars","StyledTimeItem","_exp172","_ref2","height","columnHeight","StyledTimeColumn","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
.s1ghbm1p{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s1ghbm1p.plasma-time-picker-error{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.s1ghbm1p.plasma-time-picker-success{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
3
|
-
.b19h9m1x{display:inline-block;width:var(--plasma-time-picker-width);}.b19h9m1x .popover-wrapper,.b19h9m1x .popover-target{width:inherit;}.b19h9m1x.plasma-time-picker-stretched{width:100%;}.b19h9m1x.plasma-time-picker-stretched .popover-root{width:100%;}.b19h9m1x.plasma-time-picker-full-width{width:100%;}
|
|
4
|
-
.slnaiay{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;box-sizing:border-box;position:relative;}
|
|
5
|
-
.sh0cawu{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.sh0cawu:hover{background:var(--plasma-time-picker-item-hover-background);}.sh0cawu.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
|
6
|
-
.s15lrh1g{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;
|
|
3
|
+
.b19h9m1x{display:inline-block;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.b19h9m1x .popover-wrapper,.b19h9m1x .popover-target{width:inherit;}.b19h9m1x.plasma-time-picker-stretched{width:100%;}.b19h9m1x.plasma-time-picker-stretched .popover-root{width:100%;}.b19h9m1x.plasma-time-picker-full-width{width:100%;}
|
|
4
|
+
.slnaiay{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
5
|
+
.sh0cawu{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.sh0cawu:hover{background:var(--plasma-time-picker-item-hover-background);}.sh0cawu.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
|
6
|
+
.s15lrh1g{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s15lrh1g.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s15lrh1g::-webkit-scrollbar{display:none;width:0;}
|
|
7
|
+
.c18qymw0{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c18qymw0.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
|
|
8
|
+
.s1wgh6jw{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
9
|
+
.s1qrdw7l{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.s1qrdw7l:hover{background:var(--plasma-time-picker-scrollbar-color);}.s1qrdw7l:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
10
|
+
.sa62th{width:100%;height:0%.125rem;}
|
|
@@ -11,7 +11,10 @@ var classes = {
|
|
|
11
11
|
timeItemActive: 'plasma-time-picker-item-active',
|
|
12
12
|
timePickerFullWidth: 'plasma-time-picker-full-width',
|
|
13
13
|
timePickerActive: 'plasma-time-picker-active',
|
|
14
|
-
timeColumnActive: 'plasma-time-picker-column-active'
|
|
14
|
+
timeColumnActive: 'plasma-time-picker-column-active',
|
|
15
|
+
timeColumn: 'plasma-time-picker-column',
|
|
16
|
+
timeColumnScrolling: 'plasma-time-picker-column-scrolling',
|
|
17
|
+
scrollbarVisible: 'plasma-time-picker-scrollbar-visible'
|
|
15
18
|
};
|
|
16
19
|
var tokens = {
|
|
17
20
|
width: '--plasma-time-picker-width',
|
|
@@ -100,6 +103,7 @@ var tokens = {
|
|
|
100
103
|
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
|
101
104
|
/** Прозрачность для всего компонента в состоянии disabled */
|
|
102
105
|
disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
|
106
|
+
dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
|
|
103
107
|
timePickerBackground: '--plasma-time-picker-ui-background',
|
|
104
108
|
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
|
105
109
|
timePickerWidth: '--plasma-time-picker-ui-width',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemHoverBackground: '--plasma-time-picker-item-hover-background',\n itemActiveBackground: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n\n scrollbarWidth: '--plasma-time-picker-scrollbar-width',\n scrollbarColor: '--plasma-time-picker-scrollbar-color',\n scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',\n scrollbarMargin: '--plasma-time-picker-scrollbar-margin',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerActive","timeColumnActive","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemHoverBackground","itemActiveBackground","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n timeColumn: 'plasma-time-picker-column',\n timeColumnScrolling: 'plasma-time-picker-column-scrolling',\n scrollbarVisible: 'plasma-time-picker-scrollbar-visible',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemHoverBackground: '--plasma-time-picker-item-hover-background',\n itemActiveBackground: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n\n scrollbarWidth: '--plasma-time-picker-scrollbar-width',\n scrollbarColor: '--plasma-time-picker-scrollbar-color',\n scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',\n scrollbarMargin: '--plasma-time-picker-scrollbar-margin',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerActive","timeColumnActive","timeColumn","timeColumnScrolling","scrollbarVisible","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","dropdownMarginTop","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemHoverBackground","itemActiveBackground","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":"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"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
require('./Tooltip.
|
|
1
|
+
require('./Tooltip.styles_uldg0s.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
var react = require('@linaria/react');
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _exp6 = function _exp6() {
|
|
9
9
|
return function (_ref) {
|
|
10
10
|
var maxWidth = _ref.maxWidth;
|
|
11
11
|
return maxWidth || 'unset';
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
var
|
|
14
|
+
var _exp7 = function _exp7() {
|
|
15
15
|
return function (_ref2) {
|
|
16
16
|
var minWidth = _ref2.minWidth;
|
|
17
17
|
return minWidth || 'unset';
|
|
@@ -22,8 +22,8 @@ var TooltipRoot = /*#__PURE__*/react.styled('div')({
|
|
|
22
22
|
"class": "teczcv4",
|
|
23
23
|
propsAsIs: false,
|
|
24
24
|
vars: {
|
|
25
|
-
"teczcv4-0": [/*#__PURE__*/
|
|
26
|
-
"teczcv4-1": [/*#__PURE__*/
|
|
25
|
+
"teczcv4-0": [/*#__PURE__*/_exp6()],
|
|
26
|
+
"teczcv4-1": [/*#__PURE__*/_exp7()]
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
var StyledContentLeft = /*#__PURE__*/react.styled('div')({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styles.js","sources":["../../../src/components/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Tooltip.tokens';\nimport { TooltipProps } from './Tooltip.types';\n\nexport const TooltipRoot = styled.div<Pick<TooltipProps, 'minWidth' | 'maxWidth'>>`\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n min-height: var(${tokens.minHeight});\n
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.js","sources":["../../../src/components/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Tooltip.tokens';\nimport { TooltipProps } from './Tooltip.types';\n\nexport const TooltipRoot = styled.div<Pick<TooltipProps, 'minWidth' | 'maxWidth'>>`\n display: flex;\n align-items: center;\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n\n min-height: var(${tokens.minHeight});\n max-width: ${({ maxWidth }) => maxWidth || 'unset'};\n min-width: ${({ minWidth }) => minWidth || 'unset'};\n width: max-content;\n\n background-color: var(${tokens.backgroundColor});\n border-radius: var(${tokens.borderRadius});\n box-shadow: var(${tokens.boxShadow});\n color: var(${tokens.color});\n\n font-family: var(${tokens.textFontFamily});\n font-size: var(${tokens.textFontSize});\n font-style: var(${tokens.textFontStyle});\n font-weight: var(${tokens.textFontWeight});\n letter-spacing: var(${tokens.textFontLetterSpacing});\n line-height: var(${tokens.textFontLineHeight});\n\n box-sizing: border-box;\n word-break: break-word;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n align-items: center;\n margin-right: var(${tokens.contentLeftMargin});\n height: var(${tokens.textFontLineHeight});\n`;\n"],"names":["_exp6","_ref","maxWidth","_exp7","_ref2","minWidth","TooltipRoot","styled","name","class","propsAsIs","vars","StyledContentLeft"],"mappings":";;;;;;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAavB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAeA,QAAQ,IAAI,OAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZpCA,SAYoCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAeA,QAAQ,IAAI,OAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT/C,IAAMC,WAAW,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAQhBX,KAAqC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrCG,KAAqC,EAAA,CAAA;AAAA,GAAA;AAAA,CAoBrD,EAAA;AAEM,IAAMS,iBAAiB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC;;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.teczcv4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
|
2
|
+
.s1j361h1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
package/cjs/index.css
CHANGED
|
@@ -461,8 +461,8 @@
|
|
|
461
461
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
|
462
462
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
|
463
463
|
|
|
464
|
-
.
|
|
465
|
-
.
|
|
464
|
+
.Tooltip_styles_uldg0s_teczcv4__f329846b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
|
465
|
+
.Tooltip_styles_uldg0s_s1j361h1__f329846b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
|
466
466
|
|
|
467
467
|
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
468
468
|
|
|
@@ -949,7 +949,7 @@
|
|
|
949
949
|
|
|
950
950
|
.base_pq323y_b1ygm22t__ed5da473{background:var(--plasma-note-background);color:var(--plasma-note-color);}.base_pq323y_b1ygm22t__ed5da473 .base_pq323y_c1i6bkpn__ed5da473{color:var(--plasma-note-content-before-color);fill:var(--plasma-note-content-before-color);}
|
|
951
951
|
|
|
952
|
-
.
|
|
952
|
+
.base_12cn7f7_bnp62xb__4561ac8c{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteStretch__4561ac8c{width:100%;height:100%;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_12cn7f7_bnp62xb__4561ac8c.base_12cn7f7_noteContentAlignCenter__4561ac8c .base_12cn7f7_c1i6bkpn__4561ac8c{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_cendmch__4561ac8c{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1wkjxug__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_te86upw__4561ac8c{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);}.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_t1kp0wa7__4561ac8c,.base_12cn7f7_bnp62xb__4561ac8c .base_12cn7f7_tf1lafs__4561ac8c{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);overflow-wrap:break-word;}
|
|
953
953
|
|
|
954
954
|
.Note_styles_thpfhk_b1eqam57__3331b1ad{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
955
955
|
.Note_styles_thpfhk_c1i6bkpn__3331b1ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
@@ -1149,11 +1149,15 @@
|
|
|
1149
1149
|
.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1150
1150
|
|
|
1151
1151
|
|
|
1152
|
-
.
|
|
1153
|
-
.
|
|
1154
|
-
.
|
|
1155
|
-
.
|
|
1156
|
-
.
|
|
1152
|
+
.TimePicker_styles_dk6774_s1ghbm1p__358635e4{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_dk6774_s1ghbm1p__358635e4.TimePicker_styles_dk6774_plasmaTimePickerError__358635e4{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_dk6774_s1ghbm1p__358635e4.TimePicker_styles_dk6774_plasmaTimePickerSuccess__358635e4{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
1153
|
+
.TimePicker_styles_dk6774_b19h9m1x__358635e4{display:inline-block;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_dk6774_b19h9m1x__358635e4 .TimePicker_styles_dk6774_popoverWrapper__358635e4,.TimePicker_styles_dk6774_b19h9m1x__358635e4 .TimePicker_styles_dk6774_popoverTarget__358635e4{width:inherit;}.TimePicker_styles_dk6774_b19h9m1x__358635e4.TimePicker_styles_dk6774_plasmaTimePickerStretched__358635e4{width:100%;}.TimePicker_styles_dk6774_b19h9m1x__358635e4.TimePicker_styles_dk6774_plasmaTimePickerStretched__358635e4 .TimePicker_styles_dk6774_popoverRoot__358635e4{width:100%;}.TimePicker_styles_dk6774_b19h9m1x__358635e4.TimePicker_styles_dk6774_plasmaTimePickerFullWidth__358635e4{width:100%;}
|
|
1154
|
+
.TimePicker_styles_dk6774_slnaiay__358635e4{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
1155
|
+
.TimePicker_styles_dk6774_sh0cawu__358635e4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimePicker_styles_dk6774_sh0cawu__358635e4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimePicker_styles_dk6774_sh0cawu__358635e4.TimePicker_styles_dk6774_plasmaTimePickerItemActive__358635e4{background:var(--plasma-time-picker-item-active-background);}
|
|
1156
|
+
.TimePicker_styles_dk6774_s15lrh1g__358635e4{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimePicker_styles_dk6774_s15lrh1g__358635e4.TimePicker_styles_dk6774_plasmaTimePickerColumnActive__358635e4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimePicker_styles_dk6774_s15lrh1g__358635e4::-webkit-scrollbar{display:none;width:0;}
|
|
1157
|
+
.TimePicker_styles_dk6774_c18qymw0__358635e4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimePicker_styles_dk6774_c18qymw0__358635e4.TimePicker_styles_dk6774_plasmaTimePickerScrollbarVisible__358635e4{opacity:1;pointer-events:auto;}
|
|
1158
|
+
.TimePicker_styles_dk6774_s1wgh6jw__358635e4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
1159
|
+
.TimePicker_styles_dk6774_s1qrdw7l__358635e4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimePicker_styles_dk6774_s1qrdw7l__358635e4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimePicker_styles_dk6774_s1qrdw7l__358635e4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
1160
|
+
.TimePicker_styles_dk6774_sa62th__358635e4{width:100%;height:0%.125rem;}
|
|
1157
1161
|
|
|
1158
1162
|
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1159
1163
|
|
|
@@ -219,7 +219,7 @@ var noteRoot = function(Root) {
|
|
|
219
219
|
var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
|
|
220
220
|
var setTruncatedText = function() {
|
|
221
221
|
var _titleHelperRef_current;
|
|
222
|
-
if (!_utils.canUseDOM || !text || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
|
|
222
|
+
if (!_utils.canUseDOM || !text || typeof text !== 'string' || !(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current) || !(textRenderHelperRef === null || textRenderHelperRef === void 0 ? void 0 : textRenderHelperRef.current) || !width && !height) {
|
|
223
223
|
return;
|
|
224
224
|
}
|
|
225
225
|
var contentHeight = contentWrapperRef.current.offsetHeight;
|
|
@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
|
|
|
11
11
|
var _react = require("@emotion/react");
|
|
12
12
|
var _Notetokens = require("../../Note.tokens");
|
|
13
13
|
var _Notestyles = require("../../Note.styles");
|
|
14
|
-
var base = (0, /*#__PURE__*/ _react.css)("padding:var(", _Notetokens.tokens.padding, ");border-radius:var(", _Notetokens.tokens.borderRadius, ");height:var(", _Notetokens.privateTokens.height, ");width:var(", _Notetokens.privateTokens.width, ");gap:var(", _Notetokens.tokens.gap, ");&.", _Notetokens.classes.stretch, "{width:100%;height:100%;}", _Notestyles.ContentBefore, "{width:var(", _Notetokens.tokens.fixedContentBeforeWidth, ");height:var(", _Notetokens.tokens.fixedContentBeforeHeight, ");padding:var(", _Notetokens.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Notetokens.classes.contentAlignCenter, "{align-items:center;padding:var(", _Notetokens.tokens.paddingScalable, ");gap:var(", _Notetokens.tokens.gapScalable, ");", _Notestyles.ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", _Notestyles.ContentWrapper, "{width:var(", _Notetokens.privateTokens.contentWidthWithOffset, ");gap:var(", _Notetokens.tokens.contentGap, ");}", _Notestyles.Title, ",", _Notestyles.TitleHelper, "{width:100%;min-height:var(", _Notetokens.tokens.titleLineHeight, ");font-family:var(", _Notetokens.tokens.titleFontFamily, ");font-size:var(", _Notetokens.tokens.titleFontSize, ");font-style:var(", _Notetokens.tokens.titleFontStyle, ");font-weight:var(", _Notetokens.tokens.titleFontWeight, ");letter-spacing:var(", _Notetokens.tokens.titleLetterSpacing, ");line-height:var(", _Notetokens.tokens.titleLineHeight, ");}", _Notestyles.Text, ",", _Notestyles.TextHelper, "{font-family:var(", _Notetokens.tokens.textFontFamily, ");font-size:var(", _Notetokens.tokens.textFontSize, ");font-style:var(", _Notetokens.tokens.textFontStyle, ");font-weight:var(", _Notetokens.tokens.textFontWeight, ");letter-spacing:var(", _Notetokens.tokens.textLetterSpacing, ");line-height:var(", _Notetokens.tokens.textLineHeight, ");
|
|
14
|
+
var base = (0, /*#__PURE__*/ _react.css)("padding:var(", _Notetokens.tokens.padding, ");border-radius:var(", _Notetokens.tokens.borderRadius, ");height:var(", _Notetokens.privateTokens.height, ");width:var(", _Notetokens.privateTokens.width, ");gap:var(", _Notetokens.tokens.gap, ");&.", _Notetokens.classes.stretch, "{width:100%;height:100%;}", _Notestyles.ContentBefore, "{width:var(", _Notetokens.tokens.fixedContentBeforeWidth, ");height:var(", _Notetokens.tokens.fixedContentBeforeHeight, ");padding:var(", _Notetokens.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Notetokens.classes.contentAlignCenter, "{align-items:center;padding:var(", _Notetokens.tokens.paddingScalable, ");gap:var(", _Notetokens.tokens.gapScalable, ");", _Notestyles.ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", _Notestyles.ContentWrapper, "{width:var(", _Notetokens.privateTokens.contentWidthWithOffset, ");gap:var(", _Notetokens.tokens.contentGap, ");}", _Notestyles.Title, ",", _Notestyles.TitleHelper, "{width:100%;min-height:var(", _Notetokens.tokens.titleLineHeight, ");font-family:var(", _Notetokens.tokens.titleFontFamily, ");font-size:var(", _Notetokens.tokens.titleFontSize, ");font-style:var(", _Notetokens.tokens.titleFontStyle, ");font-weight:var(", _Notetokens.tokens.titleFontWeight, ");letter-spacing:var(", _Notetokens.tokens.titleLetterSpacing, ");line-height:var(", _Notetokens.tokens.titleLineHeight, ");}", _Notestyles.Text, ",", _Notestyles.TextHelper, "{font-family:var(", _Notetokens.tokens.textFontFamily, ");font-size:var(", _Notetokens.tokens.textFontSize, ");font-style:var(", _Notetokens.tokens.textFontStyle, ");font-weight:var(", _Notetokens.tokens.textFontWeight, ");letter-spacing:var(", _Notetokens.tokens.textLetterSpacing, ");line-height:var(", _Notetokens.tokens.textLineHeight, ");overflow-wrap:break-word;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogdmFyKCR7cHJpdmF0ZVRva2Vucy5oZWlnaHR9KTtcbiAgICB3aWR0aDogdmFyKCR7cHJpdmF0ZVRva2Vucy53aWR0aH0pO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcH0pO1xuXG4gICAgJi4ke2NsYXNzZXMuc3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgICR7Q29udGVudEJlZm9yZX0ge1xuICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZVdpZHRofSk7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmZpeGVkQ29udGVudEJlZm9yZUhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlUGFkZGluZ30pO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbnRlbnRBbGlnbkNlbnRlcn0ge1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ1NjYWxhYmxlfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmdhcFNjYWxhYmxlfSk7XG5cbiAgICAgICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0NvbnRlbnRXcmFwcGVyfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLmNvbnRlbnRXaWR0aFdpdGhPZmZzZXR9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuY29udGVudEdhcH0pO1xuICAgIH1cblxuICAgICR7VGl0bGV9LCAke1RpdGxlSGVscGVyfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50aXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1RleHR9LCAke1RleHRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0Rm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRleHRGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dExpbmVIZWlnaHR9KTtcblxuICAgICAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
|