@salutejs/plasma-new-hope 0.194.0-canary.1552.11858023676.0 → 0.194.0-canary.1556.11879682469.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +17 -17
- package/cjs/components/Autocomplete/Autocomplete.js +7 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +17 -19
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -39
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -19
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -19
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -17
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +17 -17
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
- package/cjs/components/Range/Range.css +17 -17
- package/cjs/components/Select/Select.css +17 -17
- package/cjs/components/Select/ui/Inner/Inner.css +17 -17
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
- package/cjs/components/Select/ui/Target/Target.css +17 -17
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Slider/Slider.css +17 -17
- package/cjs/components/Slider/components/Double/Double.css +17 -17
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
- package/cjs/components/TextField/TextField.js +9 -5
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +20 -11
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_ppcxpx.css} +1 -1
- package/cjs/components/TextField/TextField.tokens.js +1 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_y1lvvc.css +1 -0
- package/cjs/index.css +17 -19
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -40
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -4
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
- package/emotion/cjs/components/TextField/TextField.js +10 -6
- package/emotion/cjs/components/TextField/TextField.styles.js +29 -26
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -0
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
- package/emotion/cjs/utils/index.js +1 -10
- package/emotion/es/components/Autocomplete/Autocomplete.js +7 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +13 -41
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +9 -4
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
- package/emotion/es/components/TextField/TextField.js +10 -6
- package/emotion/es/components/TextField/TextField.styles.js +29 -26
- package/emotion/es/components/TextField/TextField.tokens.js +1 -0
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
- package/emotion/es/utils/index.js +0 -1
- package/es/components/Autocomplete/Autocomplete.css +17 -17
- package/es/components/Autocomplete/Autocomplete.js +7 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +17 -19
- package/es/components/Combobox/ComboboxNew/Combobox.js +14 -41
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -19
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +17 -19
- package/es/components/DatePicker/RangeDate/RangeDate.css +17 -17
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +17 -17
- package/es/components/DatePicker/SingleDate/SingleDate.css +17 -17
- package/es/components/DatePicker/SingleDate/SingleDate.js +9 -4
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Pagination/Pagination.css +17 -17
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
- package/es/components/Range/Range.css +17 -17
- package/es/components/Select/Select.css +17 -17
- package/es/components/Select/ui/Inner/Inner.css +17 -17
- package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
- package/es/components/Select/ui/Target/Target.css +17 -17
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +17 -17
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Slider/Slider.css +17 -17
- package/es/components/Slider/components/Double/Double.css +17 -17
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +17 -17
- package/es/components/TextField/TextField.js +9 -5
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +20 -11
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_ppcxpx.css} +1 -1
- package/es/components/TextField/TextField.tokens.js +1 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +20 -20
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_y1lvvc.css +1 -0
- package/es/index.css +17 -19
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +7 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -40
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -4
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
- package/styled-components/cjs/components/TextField/TextField.js +9 -5
- package/styled-components/cjs/components/TextField/TextField.styles.js +9 -6
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
- package/styled-components/cjs/utils/index.js +1 -10
- package/styled-components/es/components/Autocomplete/Autocomplete.js +7 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +13 -41
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +9 -4
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +10 -3
- package/styled-components/es/components/TextField/TextField.js +9 -5
- package/styled-components/es/components/TextField/TextField.styles.js +9 -6
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -0
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +7 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +9 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +717 -61
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +31 -33
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +717 -61
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +717 -61
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +28 -9
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +176 -4
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +717 -61
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +30 -10
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +717 -61
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +717 -61
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +3 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +43 -20
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts +3 -5
- package/types/examples/plasma_b2c/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +452 -500
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +47 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +1246 -62
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +176 -4
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +717 -61
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts +3 -5
- package/types/examples/plasma_web/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +452 -500
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +47 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +1246 -62
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +176 -4
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +717 -61
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.css +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -39
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -15
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js.map +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles_18yw2bf.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
- package/cjs/utils/createEvent.js +0 -54
- package/cjs/utils/createEvent.js.map +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -40
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -13
- package/emotion/cjs/utils/createEvent.js +0 -53
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -31
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -6
- package/emotion/es/utils/createEvent.js +0 -47
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.css +0 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -35
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map +0 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -11
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js.map +0 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles_18yw2bf.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
- package/es/utils/createEvent.js +0 -50
- package/es/utils/createEvent.js.map +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -40
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -12
- package/styled-components/cjs/utils/createEvent.js +0 -53
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js +0 -31
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js +0 -5
- package/styled-components/es/utils/createEvent.js +0 -47
- package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts +0 -6
- package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.d.ts.map +0 -1
- package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.d.ts +0 -3
- package/types/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.d.ts.map +0 -1
- package/types/utils/createEvent.d.ts +0 -3
- package/types/utils/createEvent.d.ts.map +0 -1
package/es/index.css
CHANGED
@@ -169,33 +169,33 @@
|
|
169
169
|
|
170
170
|
.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
|
171
171
|
|
172
|
-
.
|
172
|
+
.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementOuter__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i19ry60d__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_smqgwd8__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_s7hnwwb__96eb1405{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405:focus ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_hasValue__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405,.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_i13qvwoy__96eb1405.base_y1lvvc_forcePlaceholder__96eb1405 ~ .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__placeholder-color);-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_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{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);}.base_y1lvvc_b15d3bnf__96eb1405.base_y1lvvc_labelPlacementInner__96eb1405.base_y1lvvc_textfieldClear__96eb1405 .base_y1lvvc_l1gjsnfi__96eb1405{color:var(--plasma-textfield__clear-placeholder-color);}
|
173
173
|
|
174
174
|
.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
175
175
|
|
176
176
|
.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
177
177
|
|
178
178
|
|
179
|
-
.
|
180
|
-
.
|
181
|
-
.
|
182
|
-
.
|
183
|
-
.
|
184
|
-
.
|
185
|
-
.
|
186
|
-
.
|
187
|
-
.
|
188
|
-
.
|
189
|
-
.
|
190
|
-
.
|
179
|
+
.TextField_styles_ppcxpx_i1j28rg8__b8b554b5{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;}
|
180
|
+
.TextField_styles_ppcxpx_i13zudoe__b8b554b5{-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_ppcxpx_i13zudoe__b8b554b5::-webkit-scrollbar{display:none;}.TextField_styles_ppcxpx_i13zudoe__b8b554b5.TextField_styles_ppcxpx_hasChips__b8b554b5{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
181
|
+
.TextField_styles_ppcxpx_so4bpie__b8b554b5{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;}
|
182
|
+
.TextField_styles_ppcxpx_i13qvwoy__b8b554b5{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_ppcxpx_i13qvwoy__b8b554b5::-webkit-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::-moz-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5:-ms-input-placeholder{opacity:0;}.TextField_styles_ppcxpx_i13qvwoy__b8b554b5::placeholder{opacity:0;}
|
183
|
+
.TextField_styles_ppcxpx_i19ry60d__b8b554b5{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
184
|
+
.TextField_styles_ppcxpx_ibt1ohz__b8b554b5{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);padding:var(--ibt1ohz-0);}
|
185
|
+
.TextField_styles_ppcxpx_olv9av6__b8b554b5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--olv9av6-0);}
|
186
|
+
.TextField_styles_ppcxpx_t600610__b8b554b5{display:inline-block;margin-left:auto;}
|
187
|
+
.TextField_styles_ppcxpx_suk2zst__b8b554b5{position:relative;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;}
|
188
|
+
.TextField_styles_ppcxpx_l1gjsnfi__b8b554b5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
189
|
+
.TextField_styles_ppcxpx_ssv2kwg__b8b554b5{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
190
|
+
.TextField_styles_ppcxpx_s190z894__b8b554b5{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_ppcxpx_s190z894__b8b554b5:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_ppcxpx_s190z894__b8b554b5:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
191
191
|
|
192
192
|
|
193
193
|
|
194
|
-
.
|
195
|
-
.
|
196
|
-
.
|
194
|
+
.TextField_styles_ppcxpx_s14qvple__b8b554b5{color:var(--plasma-textfield__optional-color);}
|
195
|
+
.TextField_styles_ppcxpx_s16itze4__b8b554b5{display:inline-block;line-height:0;}.TextField_styles_ppcxpx_s16itze4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
196
|
+
.TextField_styles_ppcxpx_h1skqnhr__b8b554b5{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
197
197
|
|
198
|
-
.
|
198
|
+
.TextField_styles_ppcxpx_s8yezh4__b8b554b5{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementOuter__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5.TextField_styles_ppcxpx_textfieldHasHint__b8b554b5{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_ppcxpx_s8yezh4__b8b554b5.TextField_styles_ppcxpx_labelPlacementInner__b8b554b5.TextField_styles_ppcxpx_requiredAlignRight__b8b554b5{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
199
199
|
|
200
200
|
.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);}
|
201
201
|
|
@@ -584,8 +584,6 @@
|
|
584
584
|
|
585
585
|
.Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
586
586
|
|
587
|
-
.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
588
|
-
|
589
587
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
590
588
|
|
591
589
|
.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
|
package/es/index.js
CHANGED
@@ -28,7 +28,6 @@ export { IS_REACT_18, safeUseId } from './utils/react.js';
|
|
28
28
|
export { isNumber } from './utils/isNumber.js';
|
29
29
|
export { mergeRefs, setRefList } from './utils/setRefList.js';
|
30
30
|
export { isEmpty } from './utils/isEmpty.js';
|
31
|
-
export { createEvent } from './utils/createEvent.js';
|
32
31
|
export { noop } from './utils/noop.js';
|
33
32
|
export { fixedForwardRef } from './utils/fixedForwardRef.js';
|
34
33
|
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
package/es/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/es/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 { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport
|
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';\nexport { noop } from './noop';\n\nexport const cx = (...classes: (string | boolean | 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\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAaaA,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,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,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;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.194.0-canary.
|
3
|
+
"version": "0.194.0-canary.1556.11879682469.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -128,5 +128,5 @@
|
|
128
128
|
"sideEffects": [
|
129
129
|
"*.css"
|
130
130
|
],
|
131
|
-
"gitHead": "
|
131
|
+
"gitHead": "51da2410c5a3995cd5109dc790f74ff6643d1641"
|
132
132
|
}
|
@@ -13,7 +13,7 @@ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
|
|
13
13
|
var _ui = /*#__PURE__*/require("./ui");
|
14
14
|
var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
|
15
15
|
var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
|
16
|
-
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
|
16
|
+
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "hasPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
|
17
17
|
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); }
|
18
18
|
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; }
|
19
19
|
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); }
|
@@ -36,6 +36,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
36
36
|
view = _ref.view,
|
37
37
|
size = _ref.size,
|
38
38
|
labelPlacement = _ref.labelPlacement,
|
39
|
+
hasPlaceholder = _ref.hasPlaceholder,
|
39
40
|
disabled = _ref.disabled,
|
40
41
|
readOnly = _ref.readOnly,
|
41
42
|
label = _ref.label,
|
@@ -155,6 +156,11 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
155
156
|
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
156
157
|
"aria-describedby": helperTextId,
|
157
158
|
hintText: String(hintText || '')
|
159
|
+
}, labelPlacement === 'inner' ? {
|
160
|
+
labelPlacement: labelPlacement,
|
161
|
+
hasPlaceholder: hasPlaceholder
|
162
|
+
} : {
|
163
|
+
labelPlacement: labelPlacement
|
158
164
|
}, rest)),
|
159
165
|
preventOverflow: false,
|
160
166
|
ref: targetRef,
|
@@ -1,5 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
@@ -19,12 +20,10 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
|
|
19
20
|
var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
|
20
21
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
21
22
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
22
|
-
var
|
23
|
-
var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
|
23
|
+
var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "hasPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
|
24
24
|
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); }
|
25
25
|
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; }
|
26
26
|
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); }
|
27
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
28
27
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
29
28
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
30
29
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
@@ -38,15 +37,12 @@ var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
|
|
38
37
|
/**
|
39
38
|
* Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
|
40
39
|
*/
|
41
|
-
|
42
40
|
var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
43
41
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
44
42
|
var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
|
45
|
-
var
|
46
|
-
multiple = props.multiple,
|
43
|
+
var multiple = props.multiple,
|
47
44
|
outerValue = props.value,
|
48
45
|
outerOnChange = props.onChange,
|
49
|
-
defaultValue = props.defaultValue,
|
50
46
|
isTargetAmount = props.isTargetAmount,
|
51
47
|
targetAmount = props.targetAmount,
|
52
48
|
items = props.items,
|
@@ -68,6 +64,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
68
64
|
view = props.view,
|
69
65
|
size = props.size,
|
70
66
|
labelPlacement = props.labelPlacement,
|
67
|
+
hasPlaceholder = props.hasPlaceholder,
|
71
68
|
_props$readOnly = props.readOnly,
|
72
69
|
readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
|
73
70
|
_props$disabled = props.disabled,
|
@@ -78,7 +75,6 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
78
75
|
outerCloseAfterSelect = props.closeAfterSelect,
|
79
76
|
renderValue = props.renderValue,
|
80
77
|
rest = _objectWithoutProperties(props, _excluded);
|
81
|
-
console.log('render');
|
82
78
|
var transformedItems = (0, _react.useMemo)(function () {
|
83
79
|
return (0, _utils3.initialItemsTransform)(items || []);
|
84
80
|
}, [items]);
|
@@ -154,27 +150,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
154
150
|
}
|
155
151
|
}
|
156
152
|
}, floatingPopoverRef);
|
157
|
-
|
158
|
-
// Эта функция срабатывает при изменении Combobox и
|
159
|
-
// при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
|
160
153
|
var onChange = function onChange(newValue) {
|
161
|
-
// Условие для отправки изменений наружу
|
162
154
|
if (outerOnChange) {
|
163
|
-
|
164
|
-
if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {
|
165
|
-
outerOnChange(newValue);
|
166
|
-
}
|
167
|
-
|
168
|
-
// Условие для отправки если комбобокс используется с формой.
|
169
|
-
if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
|
170
|
-
outerOnChange(newValue);
|
171
|
-
}
|
172
|
-
}
|
173
|
-
|
174
|
-
// Условие для изменения внутреннего значения (только если newValue строка или массив строк).
|
175
|
-
if (typeof newValue === 'string' || Array.isArray(newValue)) {
|
176
|
-
setInternalValue(newValue);
|
155
|
+
outerOnChange(newValue);
|
177
156
|
}
|
157
|
+
setInternalValue(newValue);
|
178
158
|
};
|
179
159
|
var handleClickArrow = function handleClickArrow() {
|
180
160
|
if (disabled || readOnly) {
|
@@ -362,24 +342,13 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
362
342
|
// Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
|
363
343
|
// А переменную, содержащую сложные типы данных, нельзя помещать в deps.
|
364
344
|
}, [outerValue, internalValue, items]);
|
365
|
-
(0, _react.useEffect)(function () {
|
366
|
-
if (defaultValue) {
|
367
|
-
setInternalValue(defaultValue);
|
368
|
-
}
|
369
|
-
}, [defaultValue]);
|
370
345
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
371
346
|
size: size,
|
372
347
|
view: view,
|
373
348
|
labelPlacement: labelPlacement,
|
374
349
|
disabled: disabled,
|
375
350
|
readOnly: readOnly
|
376
|
-
},
|
377
|
-
name: name,
|
378
|
-
value: internalValue,
|
379
|
-
multiple: multiple,
|
380
|
-
onChange: onChange,
|
381
|
-
ref: ref
|
382
|
-
}), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
|
351
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
|
383
352
|
value: {
|
384
353
|
focusedPath: focusedPath,
|
385
354
|
checked: checked,
|
@@ -403,13 +372,12 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
403
372
|
listWidth: listWidth,
|
404
373
|
target: function target(referenceRef) {
|
405
374
|
return /*#__PURE__*/_react["default"].createElement(_ui.StyledTextField, _extends({
|
406
|
-
ref:
|
375
|
+
ref: inputForkRef,
|
407
376
|
inputWrapperRef: referenceRef,
|
408
377
|
value: textValue,
|
409
378
|
onChange: handleTextValueChange,
|
410
379
|
size: size,
|
411
380
|
view: view,
|
412
|
-
labelPlacement: labelPlacement,
|
413
381
|
disabled: disabled,
|
414
382
|
readOnly: readOnly,
|
415
383
|
label: label,
|
@@ -432,6 +400,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
432
400
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
433
401
|
"aria-expanded": isCurrentListOpen,
|
434
402
|
"aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : ''
|
403
|
+
}, labelPlacement === 'inner' ? {
|
404
|
+
labelPlacement: labelPlacement,
|
405
|
+
hasPlaceholder: hasPlaceholder
|
406
|
+
} : {
|
407
|
+
labelPlacement: labelPlacement
|
435
408
|
}, multiple ? {
|
436
409
|
enumerationType: 'chip',
|
437
410
|
chips: getChips(),
|
@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
|
17
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
19
19
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
20
|
-
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
|
20
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "hasPlaceholder", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
|
21
21
|
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
22
|
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
23
|
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); }
|
@@ -37,6 +37,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
37
37
|
label = _ref.label,
|
38
38
|
_ref$labelPlacement = _ref.labelPlacement,
|
39
39
|
labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
|
40
|
+
hasPlaceholder = _ref.hasPlaceholder,
|
40
41
|
placeholder = _ref.placeholder,
|
41
42
|
leftHelper = _ref.leftHelper,
|
42
43
|
contentLeft = _ref.contentLeft,
|
@@ -173,10 +174,14 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
173
174
|
},
|
174
175
|
onFocus: onFocus,
|
175
176
|
onBlur: onBlur,
|
176
|
-
onKeyDown: onKeyDown
|
177
|
-
}, innerLabelPlacement && {
|
178
|
-
label: label,
|
177
|
+
onKeyDown: onKeyDown,
|
179
178
|
labelPlacement: labelPlacement
|
179
|
+
}, labelPlacement === 'inner' ? {
|
180
|
+
label: label,
|
181
|
+
labelPlacement: labelPlacement,
|
182
|
+
hasPlaceholder: hasPlaceholder
|
183
|
+
} : {
|
184
|
+
labelPlacement: undefined
|
180
185
|
}));
|
181
186
|
(0, _react.useEffect)(function () {
|
182
187
|
setIsInnerOpen(function (prevOpen) {
|
@@ -19,9 +19,10 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
19
19
|
multiselect = _ref.multiselect,
|
20
20
|
value = _ref.value,
|
21
21
|
label = _ref.label,
|
22
|
+
labelPlacement = _ref.labelPlacement,
|
23
|
+
hasPlaceholder = _ref.hasPlaceholder,
|
22
24
|
placeholder = _ref.placeholder,
|
23
25
|
onKeyDown = _ref.onKeyDown,
|
24
|
-
labelPlacement = _ref.labelPlacement,
|
25
26
|
size = _ref.size,
|
26
27
|
view = _ref.view,
|
27
28
|
handleClickArrow = _ref.handleClickArrow,
|
@@ -67,10 +68,16 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
67
68
|
value: multiselect ? undefined : ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '',
|
68
69
|
size: size,
|
69
70
|
view: view,
|
70
|
-
chipView: chipView
|
71
|
+
chipView: chipView
|
72
|
+
}, labelPlacement === 'inner' ? {
|
73
|
+
label: label,
|
71
74
|
labelPlacement: labelPlacement,
|
72
|
-
|
75
|
+
hasPlaceholder: hasPlaceholder
|
76
|
+
} : {
|
73
77
|
label: label,
|
78
|
+
labelPlacement: labelPlacement
|
79
|
+
}, {
|
80
|
+
disabled: disabled,
|
74
81
|
placeholder: value instanceof Array && value.length ? '' : placeholder,
|
75
82
|
contentLeft: contentLeft,
|
76
83
|
contentRight: /*#__PURE__*/_react["default"].createElement(_Textfield.IconArrowWrapper, {
|
@@ -23,7 +23,7 @@ var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
|
|
23
23
|
var _ui = /*#__PURE__*/require("./ui");
|
24
24
|
var _hooks2 = /*#__PURE__*/require("./hooks");
|
25
25
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
26
|
-
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
26
|
+
var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "hasPlaceholder", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
|
27
27
|
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); }
|
28
28
|
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; }
|
29
29
|
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); }
|
@@ -48,6 +48,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
48
48
|
contentRight = _ref.contentRight,
|
49
49
|
label = _ref.label,
|
50
50
|
labelPlacement = _ref.labelPlacement,
|
51
|
+
hasPlaceholder = _ref.hasPlaceholder,
|
51
52
|
textBefore = _ref.textBefore,
|
52
53
|
textAfter = _ref.textAfter,
|
53
54
|
placeholder = _ref.placeholder,
|
@@ -123,10 +124,10 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
123
124
|
var hasLabelValue = Boolean(label);
|
124
125
|
var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
|
125
126
|
var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
|
126
|
-
var
|
127
|
+
var innerHasPlaceholder = Boolean(placeholder) && (hasPlaceholder || !hasInnerLabel);
|
127
128
|
var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
|
128
129
|
var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
|
129
|
-
var innerPlaceholderValue =
|
130
|
+
var innerPlaceholderValue = innerHasPlaceholder ? placeholder : undefined;
|
130
131
|
var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
|
131
132
|
var clearClass = clear ? _TextField2.classes.clear : undefined;
|
132
133
|
var hasDividerClass = hasDivider ? _TextField2.classes.hasDivider : undefined;
|
@@ -134,6 +135,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
134
135
|
var requiredPlacementClass = requiredPlacement === 'right' ? _TextField2.classes.requiredAlignRight : undefined;
|
135
136
|
var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
|
136
137
|
var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
|
138
|
+
var hasPlaceholderClass = innerHasPlaceholder && placeholderShown && _TextField2.classes.forcePlaceholder;
|
137
139
|
var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? _TextField2.classes.hasEmptyContentLeft : undefined;
|
138
140
|
var wrapperWithoutRightContent = !contentRight && isChipsVisible ? _TextField2.classes.hasEmptyContentRight : undefined;
|
139
141
|
var hintRef = (0, _hooks.useOutsideClick)(function () {
|
@@ -342,7 +344,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
342
344
|
"aria-labelledby": labelId,
|
343
345
|
"aria-describedby": helperTextId,
|
344
346
|
placeholder: innerPlaceholderValue,
|
345
|
-
className: (0, _utils.cx)(hasValueClass),
|
347
|
+
className: (0, _utils.cx)(hasValueClass, hasPlaceholderClass),
|
346
348
|
disabled: disabled,
|
347
349
|
readOnly: !disabled && readOnly,
|
348
350
|
onInput: handleInput,
|
@@ -351,7 +353,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
351
353
|
}, rest)), hasInnerLabel && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
|
352
354
|
id: labelId,
|
353
355
|
htmlFor: innerId
|
354
|
-
}, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder,
|
356
|
+
}, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, {
|
357
|
+
hasPadding: hasPlaceholder && size !== 'xs'
|
358
|
+
}, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
|
355
359
|
id: helperTextId
|
356
360
|
}, leftHelper));
|
357
361
|
});
|
@@ -31,11 +31,14 @@ var InputContainer = exports.InputContainer = /*#__PURE__*/_styledComponents["de
|
|
31
31
|
})(["position:relative;flex:1;min-width:60%;"]);
|
32
32
|
var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
33
33
|
componentId: "plasma-new-hope__sc-g4vxbb-6"
|
34
|
-
})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");"], _TextField.tokens.placeholderColor)
|
34
|
+
})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");padding:", ";"], _TextField.tokens.placeholderColor, function (_ref) {
|
35
|
+
var hasPadding = _ref.hasPadding;
|
36
|
+
return hasPadding ? "var(".concat(_TextField.tokens.contentLabelInnerPadding, ")") : '0';
|
37
|
+
});
|
35
38
|
var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
36
39
|
componentId: "plasma-new-hope__sc-g4vxbb-7"
|
37
|
-
})(["display:flex;align-items:center;margin-bottom:", ";"], function (
|
38
|
-
var isInnerLabel =
|
40
|
+
})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref2) {
|
41
|
+
var isInnerLabel = _ref2.isInnerLabel;
|
39
42
|
return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
|
40
43
|
});
|
41
44
|
var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
@@ -49,9 +52,9 @@ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.with
|
|
49
52
|
})(["display:inline-flex;"]);
|
50
53
|
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
51
54
|
componentId: "plasma-new-hope__sc-g4vxbb-11"
|
52
|
-
})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (
|
53
|
-
var isDefaultView =
|
54
|
-
isClear =
|
55
|
+
})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref3) {
|
56
|
+
var isDefaultView = _ref3.isDefaultView,
|
57
|
+
isClear = _ref3.isClear;
|
55
58
|
return !isDefaultView && isClear ? "var(".concat(_TextField.tokens.clearColor, ")") : "var(".concat(_TextField.tokens.contentSlotColor, ")");
|
56
59
|
});
|
57
60
|
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
@@ -7,6 +7,7 @@ exports.tokens = exports.classes = void 0;
|
|
7
7
|
var classes = exports.classes = {
|
8
8
|
hasChips: 'has-chips',
|
9
9
|
hasValue: 'has-value',
|
10
|
+
forcePlaceholder: 'force-placeholder',
|
10
11
|
hasEmptyContentLeft: 'has-empty-content-left',
|
11
12
|
hasEmptyContentRight: 'has-empty-content-right',
|
12
13
|
innerLabelPlacement: 'label-placement-inner',
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _TextField = /*#__PURE__*/require("../../TextField.tokens");
|
9
9
|
var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.forcePlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
|
@@ -353,11 +353,11 @@ const items = [
|
|
353
353
|
|
354
354
|
const SingleStory = (args: StorySelectProps) => {
|
355
355
|
const [value, setValue] = useState('');
|
356
|
+
|
356
357
|
return (
|
357
358
|
<div style={{ width: '400px' }}>
|
358
359
|
<Combobox
|
359
360
|
{...args}
|
360
|
-
name="mau"
|
361
361
|
items={items}
|
362
362
|
value={value}
|
363
363
|
onChange={setValue}
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
|
|
87
87
|
type: 'inline-radio',
|
88
88
|
},
|
89
89
|
},
|
90
|
+
hasPlaceholder: {
|
91
|
+
control: {
|
92
|
+
type: 'boolean',
|
93
|
+
},
|
94
|
+
if: { arg: 'labelPlacement', eq: 'inner' },
|
95
|
+
},
|
90
96
|
size: {
|
91
97
|
options: sizes,
|
92
98
|
control: {
|
@@ -210,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
210
216
|
view: 'default',
|
211
217
|
label: 'Лейбл',
|
212
218
|
labelPlacement: 'outer',
|
219
|
+
hasPlaceholder: false,
|
213
220
|
titleCaption: 'Подпись к полю',
|
214
221
|
textBefore: '',
|
215
222
|
textAfter: '',
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
|
|
87
87
|
type: 'inline-radio',
|
88
88
|
},
|
89
89
|
},
|
90
|
+
hasPlaceholder: {
|
91
|
+
control: {
|
92
|
+
type: 'boolean',
|
93
|
+
},
|
94
|
+
if: { arg: 'labelPlacement', eq: 'inner' },
|
95
|
+
},
|
90
96
|
size: {
|
91
97
|
options: sizes,
|
92
98
|
control: {
|
@@ -210,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
210
216
|
view: 'default',
|
211
217
|
label: 'Лейбл',
|
212
218
|
labelPlacement: 'outer',
|
219
|
+
hasPlaceholder: false,
|
213
220
|
titleCaption: 'Подпись к полю',
|
214
221
|
textBefore: '',
|
215
222
|
textAfter: '',
|
@@ -219,11 +226,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
219
226
|
readOnly: false,
|
220
227
|
enableContentLeft: true,
|
221
228
|
enableContentRight: true,
|
222
|
-
clear: false,
|
223
|
-
hasDivider: false,
|
224
229
|
optional: false,
|
225
230
|
required: false,
|
226
231
|
requiredPlacement: 'right',
|
232
|
+
clear: false,
|
233
|
+
hasDivider: false,
|
227
234
|
hasHint: true,
|
228
235
|
hintText: 'Текст подсказки',
|
229
236
|
hintTrigger: 'hover',
|
@@ -16,7 +16,6 @@ var _exportNames = {
|
|
16
16
|
mergeRefs: true,
|
17
17
|
setRefList: true,
|
18
18
|
isEmpty: true,
|
19
|
-
createEvent: true,
|
20
19
|
constants: true,
|
21
20
|
noop: true,
|
22
21
|
fixedForwardRef: true
|
@@ -33,14 +32,7 @@ Object.defineProperty(exports, "canUseDOM", {
|
|
33
32
|
return _canUseDOM.canUseDOM;
|
34
33
|
}
|
35
34
|
});
|
36
|
-
exports.constants = exports.composableStyle = void 0;
|
37
|
-
Object.defineProperty(exports, "createEvent", {
|
38
|
-
enumerable: true,
|
39
|
-
get: function get() {
|
40
|
-
return _createEvent.createEvent;
|
41
|
-
}
|
42
|
-
});
|
43
|
-
exports.cx = void 0;
|
35
|
+
exports.cx = exports.constants = exports.composableStyle = void 0;
|
44
36
|
Object.defineProperty(exports, "extractTextFrom", {
|
45
37
|
enumerable: true,
|
46
38
|
get: function get() {
|
@@ -102,7 +94,6 @@ var _react = /*#__PURE__*/require("./react");
|
|
102
94
|
var _isNumber = /*#__PURE__*/require("./isNumber");
|
103
95
|
var _setRefList = /*#__PURE__*/require("./setRefList");
|
104
96
|
var _isEmpty = /*#__PURE__*/require("./isEmpty");
|
105
|
-
var _createEvent = /*#__PURE__*/require("./createEvent");
|
106
97
|
var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
|
107
98
|
exports.constants = _constants;
|
108
99
|
var _getPopoverPlacement = /*#__PURE__*/require("./getPopoverPlacement");
|