@salutejs/plasma-new-hope 0.157.0-canary.1451.11107851932.0 → 0.157.0-canary.1464.11114417397.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -16
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +49 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -16
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/Range/Range.css +16 -15
- package/cjs/components/Slider/Slider.css +17 -16
- package/cjs/components/Slider/Slider.js +19 -6
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +17 -16
- package/cjs/components/Slider/components/Double/Double.js +23 -3
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +100 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.css +17 -0
- package/cjs/components/Slider/components/Single/Single.js +30 -8
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +18 -23
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +2 -16
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +1 -0
- package/cjs/components/TextField/TextField.styles.js +7 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
- package/cjs/index.css +14 -15
- package/cjs/index.js +3 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/setRefList.js +29 -0
- package/cjs/utils/setRefList.js.map +1 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +49 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -3
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/emotion/cjs/components/Slider/Slider.js +15 -6
- package/emotion/cjs/components/Slider/components/Double/Double.js +31 -11
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/emotion/cjs/components/Slider/components/Single/Single.js +30 -8
- package/emotion/cjs/components/Slider/components/index.js +11 -0
- package/emotion/cjs/components/TextArea/TextArea.js +18 -24
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +2 -16
- package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/components/TextField/TextField.styles.js +43 -31
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
- package/emotion/cjs/types/FormType.js +5 -0
- package/emotion/cjs/utils/index.js +15 -0
- package/emotion/cjs/utils/setRefList.js +28 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +49 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +16 -3
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/emotion/es/components/Slider/Slider.js +16 -6
- package/emotion/es/components/Slider/components/Double/Double.js +23 -3
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/emotion/es/components/Slider/components/Single/Single.js +30 -8
- package/emotion/es/components/Slider/components/index.js +1 -0
- package/emotion/es/components/TextArea/TextArea.js +17 -23
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/emotion/es/components/TextArea/TextArea.tokens.js +2 -16
- package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/components/TextField/TextField.styles.js +42 -30
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
- package/emotion/es/types/FormType.js +1 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/setRefList.js +21 -0
- package/es/components/Autocomplete/Autocomplete.css +16 -15
- package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
- package/es/components/DatePicker/RangeDate/RangeDate.css +17 -16
- package/es/components/DatePicker/RangeDate/RangeDate.js +49 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
- package/es/components/DatePicker/SingleDate/SingleDate.css +17 -16
- package/es/components/DatePicker/SingleDate/SingleDate.js +16 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/Range/Range.css +16 -15
- package/es/components/Slider/Slider.css +17 -16
- package/es/components/Slider/Slider.js +20 -7
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +17 -16
- package/es/components/Slider/components/Double/Double.js +23 -3
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +96 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/es/components/Slider/components/Single/Single.css +17 -0
- package/es/components/Slider/components/Single/Single.js +30 -8
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/TextArea/TextArea.js +18 -23
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +2 -16
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +1 -0
- package/es/components/TextField/TextField.styles.js +7 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
- package/es/index.css +14 -15
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/setRefList.js +24 -0
- package/es/utils/setRefList.js.map +1 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +49 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +16 -3
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/styled-components/cjs/components/Slider/Slider.js +15 -6
- package/styled-components/cjs/components/Slider/components/Double/Double.js +31 -11
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +30 -8
- package/styled-components/cjs/components/Slider/components/index.js +11 -0
- package/styled-components/cjs/components/TextArea/TextArea.js +17 -23
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +2 -16
- package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.styles.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
- package/styled-components/cjs/types/FormType.js +5 -0
- package/styled-components/cjs/utils/index.js +15 -0
- package/styled-components/cjs/utils/setRefList.js +28 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +49 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +16 -3
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/styled-components/es/components/Slider/Slider.js +16 -6
- package/styled-components/es/components/Slider/components/Double/Double.js +23 -3
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +30 -8
- package/styled-components/es/components/Slider/components/index.js +1 -0
- package/styled-components/es/components/TextArea/TextArea.js +16 -22
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +0 -29
- package/styled-components/es/components/TextArea/TextArea.tokens.js +2 -16
- package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.styles.js +4 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
- package/styled-components/es/types/FormType.js +1 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/setRefList.js +21 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts +7 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +14 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +10 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +10 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +40 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +35 -5
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +2 -0
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +0 -4
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -14
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +3 -15
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +7 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +47 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -81
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +7 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +47 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +0 -3
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -81
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/types/FormType.d.ts +13 -0
- package/types/types/FormType.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/setRefList.d.ts +6 -0
- package/types/utils/setRefList.d.ts.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base.js +0 -9
- package/cjs/components/TextArea/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextArea/variations/_clear/base_pdqqh8.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_d83rii.css +0 -1
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +0 -10
- package/emotion/es/components/TextArea/variations/_clear/base.js +0 -4
- package/es/components/TextArea/variations/_clear/base.js +0 -5
- package/es/components/TextArea/variations/_clear/base.js.map +0 -1
- package/es/components/TextArea/variations/_clear/base_pdqqh8.css +0 -1
- package/es/components/TextArea/variations/_view/base_d83rii.css +0 -1
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +0 -10
- package/styled-components/es/components/TextArea/variations/_clear/base.js +0 -4
- package/types/components/TextArea/variations/_clear/base.d.ts +0 -2
- package/types/components/TextArea/variations/_clear/base.d.ts.map +0 -1
@@ -20,10 +20,7 @@ var classes = {
|
|
20
20
|
/** Класс для компонента `StyledHelpers` */
|
21
21
|
styledHelpers: 'textarea-helpers',
|
22
22
|
innerLabelPlacement: 'label-placement-inner',
|
23
|
-
outerLabelPlacement: 'label-placement-outer'
|
24
|
-
/** Класс для view `clear` */
|
25
|
-
clear: 'textfield-clear',
|
26
|
-
hasDivider: 'textarea-has-divider'
|
23
|
+
outerLabelPlacement: 'label-placement-outer'
|
27
24
|
};
|
28
25
|
var tokens = {
|
29
26
|
/** Цвет фона для элемента textarea */
|
@@ -52,17 +49,14 @@ var tokens = {
|
|
52
49
|
helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
|
53
50
|
/** Цвет текста для элемента textarea */
|
54
51
|
inputColor: '--plasma-textarea-input-color',
|
55
|
-
clearInputColor: '--plasma-textarea-input-clear-color',
|
56
52
|
/** Цвет текста для элемента textarea в состоянии focus */
|
57
53
|
inputColorFocus: '--plasma-textarea-input-color-focus',
|
58
54
|
/** Цвет каретки для элемента textarea */
|
59
55
|
inputCaretColor: '--plasma-textarea-input-caret-color',
|
60
56
|
/** Цвет элемента placeholder */
|
61
57
|
placeholderColor: '--plasma-textarea-placeholder-color',
|
62
|
-
clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',
|
63
58
|
/** Цвет элемента placeholder в состоянии focus */
|
64
59
|
placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
|
65
|
-
clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
|
66
60
|
/** Цвет элемента optional */
|
67
61
|
optionalColor: '--plasma-textarea__optional-color',
|
68
62
|
/** Цвет текста для левой подписи снизу */
|
@@ -101,7 +95,6 @@ var tokens = {
|
|
101
95
|
inputPaddingLeft: '--plasma-textarea-input-padding-left',
|
102
96
|
/** Отступ сверху для блока подписей */
|
103
97
|
helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
|
104
|
-
clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
|
105
98
|
/** Отступ справа для блока подписей */
|
106
99
|
helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
|
107
100
|
/** Отступ снизу для блока подписей */
|
@@ -132,7 +125,6 @@ var tokens = {
|
|
132
125
|
labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
|
133
126
|
/** Отступ сверху для элемента label, когда он внутри и уменьшен */
|
134
127
|
labelMarginBottom: '--plasma-textarea-label-margin-bottom',
|
135
|
-
clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',
|
136
128
|
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
137
129
|
labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
|
138
130
|
/** Размер шрифта для элемента label, когда он внутри и уменьшен */
|
@@ -184,13 +176,7 @@ var tokens = {
|
|
184
176
|
indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
|
185
177
|
indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
|
186
178
|
indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
|
187
|
-
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
188
|
-
clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',
|
189
|
-
clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',
|
190
|
-
dividerColor: '--plasma-textfield-divider-color',
|
191
|
-
dividerColorHover: '--plasma-textfield-divider-color-hover',
|
192
|
-
dividerColorFocus: '--plasma-textfield-divider-color-focus',
|
193
|
-
dividerColorReadOnly: '--plasma-textfield-divider-color-readonly'
|
179
|
+
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
194
180
|
};
|
195
181
|
|
196
182
|
exports.classes = classes;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n innerPlaceholderUp: 'inner-placeholder-up',\n /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n /** Класс отвечающий за скрытие плейсхолдера */\n hidePlaceHolder: 'hide-placeholder',\n /** Класс для компонента `StyledContainer` */\n styledContainer: 'textarea-container',\n /** Класс для компонента `StyledTextArea` */\n styledTextArea: 'textarea',\n /** Класс для компонента `StyledTextAreaWrapper` */\n styledTextAreaWrapper: 'textarea-wrapper',\n /** Класс для компонента `StyledPlaceholder` */\n styledPlaceholder: 'textarea-placeholder',\n /** Класс для компонента `StyledHelpers` */\n styledHelpers: 'textarea-helpers',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n /** Класс для view `clear` */\n clear: 'textfield-clear',\n hasDivider: 'textarea-has-divider',\n};\n\nexport const tokens = {\n /** Цвет фона для элемента textarea */\n inputBackgroundColor: '--plasma-textarea-input-background-color',\n /** Цвет фона для элемента textarea в состоянии hover */\n inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n /** Цвет фона для элемента textarea в состоянии active */\n inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n /** Цвет фона для элемента textarea в состоянии focus */\n inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n /** Цвета границы для элемента textarea */\n inputBorderColor: '--plasma-textarea-input-border-color',\n /** Цвета границы для элемента textarea в состоянии hover */\n inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n /** Цвета границы для элемента textarea в состоянии active */\n inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n /** Цвета границы для элемента textarea в состоянии focus */\n inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n /** Цвет фона для блока подписей снизу */\n helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n /** Цвет фона для блока подписей снизу в состоянии hover */\n helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n /** Цвет фона для блока подписей снизу в состоянии active */\n helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n /** Цвет фона для блока подписей снизу в состоянии focus */\n helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n /** Цвет текста для элемента textarea */\n inputColor: '--plasma-textarea-input-color',\n clearInputColor: '--plasma-textarea-input-clear-color',\n /** Цвет текста для элемента textarea в состоянии focus */\n inputColorFocus: '--plasma-textarea-input-color-focus',\n /** Цвет каретки для элемента textarea */\n inputCaretColor: '--plasma-textarea-input-caret-color',\n /** Цвет элемента placeholder */\n placeholderColor: '--plasma-textarea-placeholder-color',\n clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',\n /** Цвет элемента placeholder в состоянии focus */\n placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',\n /** Цвет элемента optional */\n optionalColor: '--plasma-textarea__optional-color',\n /** Цвет текста для левой подписи снизу */\n leftHelperColor: '--plasma-textarea-left-helper-color',\n /** Цвет текста для правой подписи снизу */\n rightHelperColor: '--plasma-textarea-right-helper-color',\n /** Цвета границы для всего компонента */\n borderColor: '--plasma-textarea-border-color',\n /** Цвета границы для всего компонента в состоянии hover */\n borderColorHover: '--plasma-textarea-border-color-hover',\n /** Цвета границы для всего компонента в состоянии focus */\n borderColorFocus: '--plasma-textarea-border-color-focus',\n\n /** Ширина элемента textarea */\n inputWidth: '--plasma-textarea-input-width',\n /** Высота элемента textarea */\n inputHeight: '--plasma-textarea-input-height',\n /** Минимальная высота элемента textarea */\n inputMinHeight: '--plasma-textarea-input-min-height',\n /** Толщина рамки всего компонента */\n borderSize: '--plasma-textarea-border-size',\n /** Размер скругления рамки всего компонента */\n borderRadius: '--plasma-textarea-border-radius',\n /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n /** Отступ сверху для элемента textarea */\n inputPaddingTop: '--plasma-textarea-input-padding-top',\n /** Отступ справа для элемента textarea */\n inputPaddingRight: '--plasma-textarea-input-padding-right',\n /** Отступ справа для элемента textarea, когда есть контент справа */\n inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n /** Отступ снизу для элемента textarea */\n inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n /** Отступ снизу для элемента textarea, когда есть блок подписей */\n inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n /** Отступ слева для элемента textarea */\n inputPaddingLeft: '--plasma-textarea-input-padding-left',\n /** Отступ сверху для блока подписей */\n helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',\n /** Отступ справа для блока подписей */\n helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n /** Отступ снизу для блока подписей */\n helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n /** Отступ слева для блока подписей */\n helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n helpersOffset: '--plasma-textarea-helpers-offset',\n /** Отступ сверху для контента справа */\n rightContentTop: '--plasma-textarea-right-content-top',\n /** Отступ справа для контента справа */\n rightContentRight: '--plasma-textarea-right-content-right',\n /** Высота контента справа */\n rightContentHeight: '--plasma-textarea-right-content-height',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelOuterColor: '--plasma-textarea-label-outer-color',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontSize: '--plasma-textarea-label-outer-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',\n /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n /** Отступ сверху для элемента textarea при фокусе */\n labelInnerTop: '--plasma-textarea-label-inner-top',\n /** Отступ между Label и TextArea */\n labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n /** Шрифт для элемента textarea */\n inputFontFamily: '--plasma-textarea-input-font-family',\n /** Размер шрифта для элемента textarea */\n inputFontSize: '--plasma-textarea-input-font-size',\n /** Стиль шрифта для элемента textarea */\n inputFontStyle: '--plasma-textarea-input-font-style',\n /** Начертание шрифта для элемента textarea */\n inputFontWeight: '--plasma-textarea-input-font-weight',\n /** Межсимвольное расстояние шрифта для элемента textarea */\n inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n /** Высота строки шрифта для элемента textarea */\n inputLineHeight: '--plasma-textarea-input-line-height',\n /** Шрифт для элемента блока подписей снизу */\n helpersFontFamily: '--plasma-textarea-helpers-font-family',\n /** Размер шрифта для элемента блока подписей снизу */\n helpersFontSize: '--plasma-textarea-helpers-font-size',\n /** Стиль шрифта для элемента блока подписей снизу */\n helpersFontStyle: '--plasma-textarea-helpers-font-style',\n /** Начертание шрифта для элемента блока подписей снизу */\n helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n /** Межсимвольное расстояние для элемента блока подписей снизу */\n helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n /** Высота строки для элемента блока подписей снизу */\n helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n rightContentColor: '--plasma-textarea-right-content-color',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textarea-disabled-opacity',\n /** Цвет текста для элемента textarea в состоянии disabled */\n inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n indicatorColor: '--plasma-textarea-indicator-color',\n indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',\n clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',\n\n dividerColor: '--plasma-textfield-divider-color',\n dividerColorHover: '--plasma-textfield-divider-color-hover',\n dividerColorFocus: '--plasma-textfield-divider-color-focus',\n dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","clear","hasDivider","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","clearInputColor","inputColorFocus","inputCaretColor","placeholderColor","clearPlaceholderColor","placeholderColorFocus","clearPlaceholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","clearHelpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","clearLabelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","dividerColor","dividerColorHover","dividerColorFocus","dividerColorReadOnly"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n innerPlaceholderUp: 'inner-placeholder-up',\n /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n /** Класс отвечающий за скрытие плейсхолдера */\n hidePlaceHolder: 'hide-placeholder',\n /** Класс для компонента `StyledContainer` */\n styledContainer: 'textarea-container',\n /** Класс для компонента `StyledTextArea` */\n styledTextArea: 'textarea',\n /** Класс для компонента `StyledTextAreaWrapper` */\n styledTextAreaWrapper: 'textarea-wrapper',\n /** Класс для компонента `StyledPlaceholder` */\n styledPlaceholder: 'textarea-placeholder',\n /** Класс для компонента `StyledHelpers` */\n styledHelpers: 'textarea-helpers',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n};\n\nexport const tokens = {\n /** Цвет фона для элемента textarea */\n inputBackgroundColor: '--plasma-textarea-input-background-color',\n /** Цвет фона для элемента textarea в состоянии hover */\n inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n /** Цвет фона для элемента textarea в состоянии active */\n inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n /** Цвет фона для элемента textarea в состоянии focus */\n inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n /** Цвета границы для элемента textarea */\n inputBorderColor: '--plasma-textarea-input-border-color',\n /** Цвета границы для элемента textarea в состоянии hover */\n inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n /** Цвета границы для элемента textarea в состоянии active */\n inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n /** Цвета границы для элемента textarea в состоянии focus */\n inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n /** Цвет фона для блока подписей снизу */\n helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n /** Цвет фона для блока подписей снизу в состоянии hover */\n helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n /** Цвет фона для блока подписей снизу в состоянии active */\n helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n /** Цвет фона для блока подписей снизу в состоянии focus */\n helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n /** Цвет текста для элемента textarea */\n inputColor: '--plasma-textarea-input-color',\n /** Цвет текста для элемента textarea в состоянии focus */\n inputColorFocus: '--plasma-textarea-input-color-focus',\n /** Цвет каретки для элемента textarea */\n inputCaretColor: '--plasma-textarea-input-caret-color',\n /** Цвет элемента placeholder */\n placeholderColor: '--plasma-textarea-placeholder-color',\n /** Цвет элемента placeholder в состоянии focus */\n placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n /** Цвет элемента optional */\n optionalColor: '--plasma-textarea__optional-color',\n /** Цвет текста для левой подписи снизу */\n leftHelperColor: '--plasma-textarea-left-helper-color',\n /** Цвет текста для правой подписи снизу */\n rightHelperColor: '--plasma-textarea-right-helper-color',\n /** Цвета границы для всего компонента */\n borderColor: '--plasma-textarea-border-color',\n /** Цвета границы для всего компонента в состоянии hover */\n borderColorHover: '--plasma-textarea-border-color-hover',\n /** Цвета границы для всего компонента в состоянии focus */\n borderColorFocus: '--plasma-textarea-border-color-focus',\n\n /** Ширина элемента textarea */\n inputWidth: '--plasma-textarea-input-width',\n /** Высота элемента textarea */\n inputHeight: '--plasma-textarea-input-height',\n /** Минимальная высота элемента textarea */\n inputMinHeight: '--plasma-textarea-input-min-height',\n /** Толщина рамки всего компонента */\n borderSize: '--plasma-textarea-border-size',\n /** Размер скругления рамки всего компонента */\n borderRadius: '--plasma-textarea-border-radius',\n /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n /** Отступ сверху для элемента textarea */\n inputPaddingTop: '--plasma-textarea-input-padding-top',\n /** Отступ справа для элемента textarea */\n inputPaddingRight: '--plasma-textarea-input-padding-right',\n /** Отступ справа для элемента textarea, когда есть контент справа */\n inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n /** Отступ снизу для элемента textarea */\n inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n /** Отступ снизу для элемента textarea, когда есть блок подписей */\n inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n /** Отступ слева для элемента textarea */\n inputPaddingLeft: '--plasma-textarea-input-padding-left',\n /** Отступ сверху для блока подписей */\n helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n /** Отступ справа для блока подписей */\n helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n /** Отступ снизу для блока подписей */\n helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n /** Отступ слева для блока подписей */\n helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n helpersOffset: '--plasma-textarea-helpers-offset',\n /** Отступ сверху для контента справа */\n rightContentTop: '--plasma-textarea-right-content-top',\n /** Отступ справа для контента справа */\n rightContentRight: '--plasma-textarea-right-content-right',\n /** Высота контента справа */\n rightContentHeight: '--plasma-textarea-right-content-height',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelOuterColor: '--plasma-textarea-label-outer-color',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontSize: '--plasma-textarea-label-outer-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',\n /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n /** Шрифт для элемента label, когда он внутри и уменьшен */\n labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n /** Высота строки для элемента label, когда он внутри и уменьшен */\n labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n /** Отступ сверху для элемента textarea при фокусе */\n labelInnerTop: '--plasma-textarea-label-inner-top',\n /** Отступ между Label и TextArea */\n labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n /** Шрифт для элемента textarea */\n inputFontFamily: '--plasma-textarea-input-font-family',\n /** Размер шрифта для элемента textarea */\n inputFontSize: '--plasma-textarea-input-font-size',\n /** Стиль шрифта для элемента textarea */\n inputFontStyle: '--plasma-textarea-input-font-style',\n /** Начертание шрифта для элемента textarea */\n inputFontWeight: '--plasma-textarea-input-font-weight',\n /** Межсимвольное расстояние шрифта для элемента textarea */\n inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n /** Высота строки шрифта для элемента textarea */\n inputLineHeight: '--plasma-textarea-input-line-height',\n /** Шрифт для элемента блока подписей снизу */\n helpersFontFamily: '--plasma-textarea-helpers-font-family',\n /** Размер шрифта для элемента блока подписей снизу */\n helpersFontSize: '--plasma-textarea-helpers-font-size',\n /** Стиль шрифта для элемента блока подписей снизу */\n helpersFontStyle: '--plasma-textarea-helpers-font-style',\n /** Начертание шрифта для элемента блока подписей снизу */\n helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n /** Межсимвольное расстояние для элемента блока подписей снизу */\n helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n /** Высота строки для элемента блока подписей снизу */\n helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n rightContentColor: '--plasma-textarea-right-content-color',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textarea-disabled-opacity',\n /** Цвет текста для элемента textarea в состоянии disabled */\n inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n indicatorColor: '--plasma-textarea-indicator-color',\n indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors =
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';\n\nexport const base = css`\n .${String(styledContainer)} {\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n border: var(${tokens.borderSize}) solid var(${tokens.borderColor});\n }\n\n .${String(styledTextAreaWrapper)} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n }\n\n &:focus-within:not([readonly]) .${String(styledTextAreaWrapper)} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${String(styledContainer)} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${String(styledContainer)} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorHover});\n }\n\n &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAQO,IAAMA,IAAI,GA8ChB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './TextField.
|
1
|
+
import './TextField.styles_b1zmrz.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -86,9 +86,15 @@ var StyledIndicator = /*#__PURE__*/react.styled('div')({
|
|
86
86
|
"class": "s7hnwwb",
|
87
87
|
propsAsIs: false
|
88
88
|
});
|
89
|
+
var InputHidden = /*#__PURE__*/react.styled('input')({
|
90
|
+
name: "InputHidden",
|
91
|
+
"class": "imqgwd8",
|
92
|
+
propsAsIs: false
|
93
|
+
});
|
89
94
|
|
90
95
|
exports.Input = Input;
|
91
96
|
exports.InputContainer = InputContainer;
|
97
|
+
exports.InputHidden = InputHidden;
|
92
98
|
exports.InputLabelWrapper = InputLabelWrapper;
|
93
99
|
exports.InputPlaceholder = InputPlaceholder;
|
94
100
|
exports.InputWrapper = InputWrapper;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div`\n position: relative;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n position: relative;\n display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div`\n color: var(${tokens.contentSlotColor});\n line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled(StyledContentSlot)`\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","StyledContentSlot","_exp8","StyledContentLeft","_exp10","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator"],"mappings":"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
|
1
|
+
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipGap});\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div`\n position: relative;\n flex: 1;\n min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n position: relative;\n display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div`\n color: var(${tokens.contentSlotColor});\n line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled(StyledContentSlot)`\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n\nexport const InputHidden = styled.input`\n visibility: hidden;\n width: 0;\n height: 0;\n opacity: 0;\n margin: 0;\n padding: 0;\n border: none;\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","StyledContentSlot","_exp8","StyledContentLeft","_exp10","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator","InputHidden"],"mappings":"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"}
|
package/cjs/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css}
RENAMED
@@ -13,3 +13,4 @@
|
|
13
13
|
|
14
14
|
.sb3k3v1{color:var(--plasma-textfield__optional-color);}
|
15
15
|
.s7hnwwb{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.s7hnwwb.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.s7hnwwb.label-placement-outer.align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.s7hnwwb.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.s7hnwwb.label-placement-inner.align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
16
|
+
.imqgwd8{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
package/cjs/index.css
CHANGED
@@ -124,9 +124,7 @@
|
|
124
124
|
.TextArea_styles_1kzzs11_s3wsw3p__4dbaacb0{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
125
125
|
.TextArea_styles_1kzzs11_stc5t23__4dbaacb0{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementOuter__4dbaacb0{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementOuter__4dbaacb0.TextArea_styles_1kzzs11_alignRight__4dbaacb0{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementInner__4dbaacb0{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1kzzs11_stc5t23__4dbaacb0.TextArea_styles_1kzzs11_labelPlacementInner__4dbaacb0.TextArea_styles_1kzzs11_alignRight__4dbaacb0{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
126
126
|
|
127
|
-
.
|
128
|
-
|
129
|
-
.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f{border:unset;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_surmvwq__9878721f{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s1luq7vd__9878721f{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s18bd513__9878721f{right:0;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_si9oz50__9878721f,.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s18tpn65__9878721f{padding-right:0;padding-left:0;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s18tpn65__9878721f{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_si9oz50__9878721f{color:var(--plasma-textarea-input-clear-color);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s7alcr2__9878721f:not(.base_pdqqh8_innerPlaceholderUp__9878721f) .base_pdqqh8_s3wsw3p__9878721f{color:var(--plasma-textarea-clear-placeholder-color);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s7alcr2__9878721f:not(.base_pdqqh8_innerPlaceholderUp__9878721f).base_pdqqh8_focusedOuterPlaceholderColor__9878721f .base_pdqqh8_s3wsw3p__9878721f{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_s3wsw3p__9878721f{padding-left:0;color:var(--plasma-textarea-clear-placeholder-color);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_stc5t23__9878721f.base_pdqqh8_labelPlacementInner__9878721f{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_stc5t23__9878721f.base_pdqqh8_labelPlacementInner__9878721f.base_pdqqh8_alignRight__9878721f{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f .base_pdqqh8_textareaContainer__9878721f{border:unset;border-radius:0;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f:focus-within:not([readonly]) .base_pdqqh8_textareaWrapper__9878721f{background-color:unset;box-shadow:unset;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f:focus-within:not([readonly]) .base_pdqqh8_textareaContainer__9878721f{border:unset;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f:focus-within:not([readonly]) .base_pdqqh8_textareaHelpers__9878721f{background-color:unset;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f.base_pdqqh8_textareaHasDivider__9878721f .base_pdqqh8_surmvwq__9878721f{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textfield-divider-color);}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f.base_pdqqh8_textareaHasDivider__9878721f .base_pdqqh8_surmvwq__9878721f:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f.base_pdqqh8_textareaHasDivider__9878721f:not([readonly]) .base_pdqqh8_surmvwq__9878721f:hover{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_pdqqh8_b1x0cx6o__9878721f.base_pdqqh8_textfieldClear__9878721f.base_pdqqh8_textareaHasDivider__9878721f:not([readonly]) .base_pdqqh8_surmvwq__9878721f:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
|
127
|
+
.base_8npjyq_bofyi4a__21b50698 .base_8npjyq_textareaContainer__21b50698{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.base_8npjyq_bofyi4a__21b50698 .base_8npjyq_textareaWrapper__21b50698{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.base_8npjyq_bofyi4a__21b50698:focus-within:not([readonly]) .base_8npjyq_textareaWrapper__21b50698{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_8npjyq_bofyi4a__21b50698:focus-within:not([readonly]) .base_8npjyq_textareaContainer__21b50698{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.base_8npjyq_bofyi4a__21b50698:focus-within:not([readonly]) .base_8npjyq_textareaHelpers__21b50698{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_8npjyq_bofyi4a__21b50698:hover:not([disabled]):not([readonly]):not(:focus-within) .base_8npjyq_textareaContainer__21b50698{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.base_8npjyq_bofyi4a__21b50698:hover:not([disabled]):not([readonly]):not(:focus-within) .base_8npjyq_textareaWrapper__21b50698{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_8npjyq_bofyi4a__21b50698:hover:not([disabled]):not([readonly]):not(:focus-within) .base_8npjyq_textareaWrapper__21b50698 + .base_8npjyq_textareaHelpers__21b50698{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_8npjyq_bofyi4a__21b50698:active:not([disabled]):not([readonly]):not(:focus-within) .base_8npjyq_textareaWrapper__21b50698{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_8npjyq_bofyi4a__21b50698:active:not([disabled]):not([readonly]):not(:focus-within) .base_8npjyq_textareaWrapper__21b50698 + .base_8npjyq_textareaHelpers__21b50698{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
130
128
|
|
131
129
|
.base_4q50ag_b1w9g1pa__4e22704f[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_4q50ag_b1w9g1pa__4e22704f[disabled]:hover,.base_4q50ag_b1w9g1pa__4e22704f[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_4q50ag_b1w9g1pa__4e22704f .base_4q50ag_textarea__4e22704f:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
132
130
|
|
@@ -142,21 +140,22 @@
|
|
142
140
|
|
143
141
|
.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;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;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
|
144
142
|
|
145
|
-
.
|
146
|
-
.
|
147
|
-
.
|
148
|
-
.
|
149
|
-
.
|
150
|
-
.
|
151
|
-
.
|
152
|
-
.
|
153
|
-
.
|
154
|
-
.
|
143
|
+
.TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;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;box-sizing:border-box;}
|
144
|
+
.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
145
|
+
.TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
146
|
+
.TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
|
147
|
+
.TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
148
|
+
.TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
|
149
|
+
.TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
150
|
+
.TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
|
151
|
+
.TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
|
152
|
+
.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
155
153
|
|
156
154
|
|
157
155
|
|
158
|
-
.
|
159
|
-
.
|
156
|
+
.TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
|
157
|
+
.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
158
|
+
.TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
160
159
|
|
161
160
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
162
161
|
|
package/cjs/index.js
CHANGED
@@ -198,6 +198,7 @@ var extractTextFrom = require('./utils/extractTextFrom.js');
|
|
198
198
|
var getSizeValueFromProp = require('./utils/getSizeValueFromProp.js');
|
199
199
|
var react = require('./utils/react.js');
|
200
200
|
var isNumber = require('./utils/isNumber.js');
|
201
|
+
var setRefList = require('./utils/setRefList.js');
|
201
202
|
var isEmpty = require('./utils/isEmpty.js');
|
202
203
|
var getPopoverPlacement = require('./utils/getPopoverPlacement.js');
|
203
204
|
var constants = require('./utils/constants.js');
|
@@ -577,6 +578,8 @@ exports.getSizeValueFromProp = getSizeValueFromProp.getSizeValueFromProp;
|
|
577
578
|
exports.IS_REACT_18 = react.IS_REACT_18;
|
578
579
|
exports.safeUseId = react.safeUseId;
|
579
580
|
exports.isNumber = isNumber.isNumber;
|
581
|
+
exports.mergeRefs = setRefList.mergeRefs;
|
582
|
+
exports.setRefList = setRefList.setRefList;
|
580
583
|
exports.isEmpty = isEmpty.isEmpty;
|
581
584
|
exports.getPlacement = getPopoverPlacement.getPlacement;
|
582
585
|
exports.getPlacements = getPopoverPlacement.getPlacements;
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;;;;;AAYaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;;;;"}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
function mergeRefs() {
|
6
|
+
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
7
|
+
refs[_key] = arguments[_key];
|
8
|
+
}
|
9
|
+
return function (val) {
|
10
|
+
setRefList.apply(void 0, [val].concat(refs));
|
11
|
+
};
|
12
|
+
}
|
13
|
+
function setRefList(val) {
|
14
|
+
for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
15
|
+
refs[_key2 - 1] = arguments[_key2];
|
16
|
+
}
|
17
|
+
refs.forEach(function (ref) {
|
18
|
+
if (typeof ref === 'function') {
|
19
|
+
ref(val);
|
20
|
+
}
|
21
|
+
if (ref != null && typeof ref !== 'function') {
|
22
|
+
ref.current = val;
|
23
|
+
}
|
24
|
+
});
|
25
|
+
}
|
26
|
+
|
27
|
+
exports.mergeRefs = mergeRefs;
|
28
|
+
exports.setRefList = setRefList;
|
29
|
+
//# sourceMappingURL=setRefList.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n }\n\n if (ref != null && typeof ref !== 'function') {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":";;;;AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAA;IAEA,IAAIO,GAAG,IAAI,IAAI,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC1CA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;;"}
|
@@ -11,13 +11,14 @@ var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
|
|
11
11
|
var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
|
12
12
|
var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
|
13
13
|
var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
|
14
|
+
var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
|
14
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
15
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
16
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
18
19
|
var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
|
19
20
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
20
|
-
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
21
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
21
22
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
24
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -47,6 +48,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
47
48
|
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
48
49
|
_ref$disabled = _ref.disabled,
|
49
50
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
51
|
+
name = _ref.name,
|
50
52
|
_ref$dividerVariant = _ref.dividerVariant,
|
51
53
|
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
52
54
|
dividerIcon = _ref.dividerIcon,
|
@@ -95,6 +97,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
95
97
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
96
98
|
offset = _ref.offset,
|
97
99
|
onToggle = _ref.onToggle,
|
100
|
+
onChange = _ref.onChange,
|
98
101
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
99
102
|
onChangeSecondValue = _ref.onChangeSecondValue,
|
100
103
|
onCommitFirstDate = _ref.onCommitFirstDate,
|
@@ -106,6 +109,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
106
109
|
rest = _objectWithoutProperties(_ref, _excluded);
|
107
110
|
var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
|
108
111
|
var rootRef = (0, _react.useRef)(null);
|
112
|
+
var innerRefFirst = (0, _react.useRef)(null);
|
113
|
+
var innerRefSecond = (0, _react.useRef)(null);
|
109
114
|
var _useState = (0, _react.useState)(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
|
110
115
|
_useState2 = _slicedToArray(_useState, 2),
|
111
116
|
firstInputRef = _useState2[0],
|
@@ -142,12 +147,34 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
142
147
|
_useState14 = _slicedToArray(_useState13, 2),
|
143
148
|
inputSecondValue = _useState14[0],
|
144
149
|
setInputSecondValue = _useState14[1];
|
150
|
+
var setFirstInputValue = function setFirstInputValue(value) {
|
151
|
+
setInputFirstValue(value);
|
152
|
+
if (onChange) {
|
153
|
+
onChange({
|
154
|
+
target: {
|
155
|
+
value: "".concat(value, " - ").concat(inputSecondValue),
|
156
|
+
name: name
|
157
|
+
}
|
158
|
+
});
|
159
|
+
}
|
160
|
+
};
|
161
|
+
var setSecondInputValue = function setSecondInputValue(value) {
|
162
|
+
setInputSecondValue(value);
|
163
|
+
if (onChange) {
|
164
|
+
onChange({
|
165
|
+
target: {
|
166
|
+
value: "".concat(inputFirstValue, " - ").concat(value),
|
167
|
+
name: name
|
168
|
+
}
|
169
|
+
});
|
170
|
+
}
|
171
|
+
};
|
145
172
|
var dateFormatDelimiter = (0, _react.useCallback)(function () {
|
146
173
|
return (0, _dateHelper.getDateFormatDelimiter)(format);
|
147
174
|
}, [format]);
|
148
175
|
var _useDatePicker = (0, _useDatePicker3.useDatePicker)({
|
149
176
|
currentValue: inputFirstValue,
|
150
|
-
setInputValue:
|
177
|
+
setInputValue: setFirstInputValue,
|
151
178
|
setCalendarValue: setCalendarFirstValue,
|
152
179
|
setIsInnerOpen: setIsInnerOpen,
|
153
180
|
dateFormatDelimiter: dateFormatDelimiter,
|
@@ -159,6 +186,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
159
186
|
valueError: firstValueError,
|
160
187
|
valueSuccess: firstValueSuccess,
|
161
188
|
inputRef: firstInputRef,
|
189
|
+
name: name,
|
162
190
|
onChangeValue: onChangeFirstValue,
|
163
191
|
onCommitDate: onCommitFirstDate
|
164
192
|
}),
|
@@ -166,7 +194,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
166
194
|
handleCommitFirstDate = _useDatePicker.handleCommitDate;
|
167
195
|
var _useDatePicker2 = (0, _useDatePicker3.useDatePicker)({
|
168
196
|
currentValue: inputSecondValue,
|
169
|
-
setInputValue:
|
197
|
+
setInputValue: setSecondInputValue,
|
170
198
|
setCalendarValue: setCalendarSecondValue,
|
171
199
|
setIsInnerOpen: setIsInnerOpen,
|
172
200
|
dateFormatDelimiter: dateFormatDelimiter,
|
@@ -225,6 +253,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
225
253
|
secondValueSuccess: secondValueSuccess,
|
226
254
|
onChangeFirstValue: handleChangeFirstValue,
|
227
255
|
onChangeSecondValue: handleChangeSecondValue,
|
256
|
+
name: name,
|
228
257
|
onSearchFirstValue: function onSearchFirstValue(_, date) {
|
229
258
|
handleCommitFirstDate(String(date), true, false);
|
230
259
|
if (!calendarSecondValue || secondValueError) {
|
@@ -329,7 +358,23 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
329
358
|
setIsInnerOpen(false);
|
330
359
|
}
|
331
360
|
}
|
332
|
-
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper)
|
361
|
+
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
362
|
+
name: name,
|
363
|
+
type: "hidden",
|
364
|
+
datatype: "datepicker-double",
|
365
|
+
"data-datepicker": "from",
|
366
|
+
value: inputFirstValue,
|
367
|
+
ref: innerRefFirst,
|
368
|
+
onChange: function onChange() {}
|
369
|
+
}), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
|
370
|
+
name: name,
|
371
|
+
type: "hidden",
|
372
|
+
datatype: "datepicker-double",
|
373
|
+
"data-datepicker": "to",
|
374
|
+
value: inputSecondValue,
|
375
|
+
ref: innerRefSecond,
|
376
|
+
onChange: function onChange() {}
|
377
|
+
}));
|
333
378
|
});
|
334
379
|
};
|
335
380
|
var datePickerRangeConfig = exports.datePickerRangeConfig = {
|