@salutejs/plasma-new-hope 0.127.0-canary.1372.10460662678.0 → 0.127.0-canary.1375.10470157806.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/Pagination/Pagination.css +13 -13
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +13 -13
- package/cjs/components/Select/Select.js +15 -7
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +25 -16
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1e7cbbz.css → Select.styles_hzoeqc.css} +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +13 -13
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
- package/cjs/components/Select/ui/Target/Target.js +4 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getView.js +27 -0
- package/cjs/components/Select/utils/getView.js.map +1 -0
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -1
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -1
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/Double/Double.css +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/{es/components/TextField/variations/_label-placement/base_olr92m.css → cjs/components/TextField/variations/_label-placement/base_170eaex.css} +1 -1
- package/cjs/index.css +14 -14
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/cjs/components/Select/Select.js +15 -7
- package/emotion/cjs/components/Select/Select.styles.js +16 -13
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
- package/emotion/cjs/components/Select/ui/Target/Target.js +4 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/cjs/components/Select/utils/getView.js +26 -0
- package/emotion/cjs/components/Select/utils/index.js +8 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Select/Select.js +16 -8
- package/emotion/es/components/Select/Select.styles.js +16 -13
- package/emotion/es/components/Select/hooks/usePathMaps.js +2 -2
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -11
- package/emotion/es/components/Select/ui/Target/Target.js +4 -2
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/emotion/es/components/Select/utils/getButtonLabel.js +5 -5
- package/emotion/es/components/Select/utils/getView.js +20 -0
- package/emotion/es/components/Select/utils/index.js +2 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/Pagination/Pagination.css +13 -13
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +13 -13
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +13 -13
- package/es/components/Select/Select.js +15 -7
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +25 -16
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1e7cbbz.css → Select.styles_hzoeqc.css} +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +2 -2
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +13 -13
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +13 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +15 -6
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/{Item.styles_y3jg1m.css → Item.styles_baxa65.css} +1 -1
- package/es/components/Select/ui/Target/Target.js +4 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +5 -5
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getView.js +23 -0
- package/es/components/Select/utils/getView.js.map +1 -0
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
- package/es/components/Select/utils/updateAncestors.js.map +1 -1
- package/es/components/Select/utils/updateDescendants.js.map +1 -1
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/Double/Double.css +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/{cjs/components/TextField/variations/_label-placement/base_olr92m.css → es/components/TextField/variations/_label-placement/base_170eaex.css} +1 -1
- package/es/index.css +14 -14
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +15 -7
- package/styled-components/cjs/components/Select/Select.styles.js +12 -9
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
- package/styled-components/cjs/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +8 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Select/Select.js +16 -8
- package/styled-components/es/components/Select/Select.styles.js +12 -9
- package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +14 -5
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +6 -3
- package/styled-components/es/components/Select/ui/Target/Target.js +4 -2
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +3 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +7 -5
- package/styled-components/es/components/Select/utils/getButtonLabel.js +5 -5
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +2 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +123 -27
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +3 -3
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +3 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +140 -11
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -6
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +6 -6
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +4 -4
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +18 -3
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +4 -3
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/utils/getView.d.ts +3 -0
- package/types/components/Select/utils/getView.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +1 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +2 -2
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
- package/types/components/Select/utils/updateAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -1
- package/types/components/Select/utils/updateDescendants.d.ts +2 -2
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -1
- package/types/components/Select/utils/updateSingleAncestors.d.ts +2 -2
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +123 -27
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"updateSingleAncestors.js","sources":["../../../../src/components/Select/utils/updateSingleAncestors.ts"],"sourcesContent":["import type {
|
1
|
+
{"version":3,"file":"updateSingleAncestors.js","sources":["../../../../src/components/Select/utils/updateSingleAncestors.ts"],"sourcesContent":["import type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\nimport type { ValueToCheckedMapType } from '../hooks/usePathMaps';\n\nexport const updateSingleAncestors = (\n node: MergedDropdownNodeTransformed,\n checkedMap: ValueToCheckedMapType,\n type: boolean | 'done' | 'dot' | 'indeterminate',\n) => {\n if (!node.parent) {\n return;\n }\n\n const { parent } = node;\n\n checkedMap.set(parent.value, type);\n\n updateSingleAncestors(parent, checkedMap, type);\n};\n"],"names":["updateSingleAncestors","node","checkedMap","type","parent","set","value"],"mappings":"AAGO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAC9BC,IAAmC,EACnCC,UAAiC,EACjCC,IAAgD,EAC/C;AACD,EAAA,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;AACd,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,IAAQA,MAAM,GAAKH,IAAI,CAAfG,MAAM,CAAA;EAEdF,UAAU,CAACG,GAAG,CAACD,MAAM,CAACE,KAAK,EAAEH,IAAI,CAAC,CAAA;AAElCH,EAAAA,qBAAqB,CAACI,MAAM,EAAEF,UAAU,EAAEC,IAAI,CAAC,CAAA;AACnD;;;;"}
|
@@ -23,7 +23,7 @@
|
|
23
23
|
|
24
24
|
.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{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_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
|
25
25
|
|
26
|
-
.
|
26
|
+
.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementOuter__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_suk2zst__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_s600610__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:focus ~ .base_170eaex_l13qvwoy__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:not(:placeholder-shown) ~ .base_170eaex_l13qvwoy__bb168e4c{-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_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus):-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus:-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{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);}
|
27
27
|
|
28
28
|
.TextField_styles_9fkr1l_iq39zt5__db7f1e30{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;}
|
29
29
|
.TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-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_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{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_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
|
18
18
|
|
19
|
-
.
|
19
|
+
.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementOuter__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_suk2zst__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_s600610__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:focus ~ .base_170eaex_l13qvwoy__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:not(:placeholder-shown) ~ .base_170eaex_l13qvwoy__bb168e4c{-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_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus):-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus:-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{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);}
|
20
20
|
|
21
21
|
.TextField_styles_9fkr1l_iq39zt5__db7f1e30{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;}
|
22
22
|
.TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-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_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n &:not(.${classes.hideLabel}) {\n ${Input} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${StyledTextAfter}, ${StyledTextBefore} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n align-items: flex-start;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n &:not(.${classes.hideLabel}) {\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) /
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n &:not(.${classes.hideLabel}) {\n ${Input} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${StyledTextAfter}, ${StyledTextBefore} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n align-items: flex-start;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n &:not(.${classes.hideLabel}) {\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n height: var(${tokens.height});\n\n padding-top: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n padding-bottom: calc(calc(var(${tokens.height}) - var(${tokens.labelLineHeight})) / 2);\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA4DhB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.b15d3bnf.label-placement-outer .l13qvwoy{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner:not(.hide-label) .suk2zst,.b15d3bnf.label-placement-inner:not(.hide-label) .s600610{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .l13qvwoy,.b15d3bnf.label-placement-inner .io4bpie:not(:placeholder-shown) ~ .l13qvwoy{-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);}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus)::-webkit-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus)::-moz-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus):-ms-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus)::placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus::-webkit-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus::-moz-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus:-ms-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus::placeholder{color:transparent;}.b15d3bnf.label-placement-inner .l13qvwoy{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(var(--plasma-textfield-height) /
|
1
|
+
.b15d3bnf.label-placement-outer .l13qvwoy{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner:not(.hide-label) .suk2zst,.b15d3bnf.label-placement-inner:not(.hide-label) .s600610{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .l13qvwoy,.b15d3bnf.label-placement-inner .io4bpie:not(:placeholder-shown) ~ .l13qvwoy{-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);}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus)::-webkit-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus)::-moz-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus):-ms-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:not(:focus)::placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus::-webkit-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus::-moz-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus:-ms-input-placeholder{color:transparent;}.b15d3bnf.label-placement-inner:not(.hide-label) .io4bpie:focus::placeholder{color:transparent;}.b15d3bnf.label-placement-inner .l13qvwoy{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);}
|
package/es/index.css
CHANGED
@@ -128,7 +128,7 @@
|
|
128
128
|
|
129
129
|
.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{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_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
|
130
130
|
|
131
|
-
.
|
131
|
+
.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementOuter__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_suk2zst__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_s600610__bb168e4c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:focus ~ .base_170eaex_l13qvwoy__bb168e4c,.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_io4bpie__bb168e4c:not(:placeholder-shown) ~ .base_170eaex_l13qvwoy__bb168e4c{-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_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus):-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:not(:focus)::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-webkit-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::-moz-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus:-ms-input-placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c:not(.base_170eaex_hideLabel__bb168e4c) .base_170eaex_io4bpie__bb168e4c:focus::placeholder{color:transparent;}.base_170eaex_b15d3bnf__bb168e4c.base_170eaex_labelPlacementInner__bb168e4c .base_170eaex_l13qvwoy__bb168e4c{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);}
|
132
132
|
|
133
133
|
.TextField_styles_9fkr1l_iq39zt5__db7f1e30{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;}
|
134
134
|
.TextField_styles_9fkr1l_i1j28rg8__db7f1e30{-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_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
@@ -484,14 +484,14 @@
|
|
484
484
|
.InfiniteLoader_styles_1ezg778_s11j0scm__684907a2{--plasma-spinner-color:var(--text-primary);--plasma-spinner-size:var(--plasma-select-spinner-size);}
|
485
485
|
.InfiniteLoader_styles_1ezg778_w109lweq__684907a2{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:0.25rem;height:var(--plasma-select-item-height);padding:var(--w109lweq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.InfiniteLoader_styles_1ezg778_w109lweq__684907a2 .InfiniteLoader_styles_1ezg778_selectSpinner__684907a2{--plasma-spinner-size:var(--w109lweq-1);}
|
486
486
|
|
487
|
-
.
|
488
|
-
.
|
489
|
-
.
|
490
|
-
.
|
491
|
-
.
|
492
|
-
.
|
493
|
-
.
|
494
|
-
.
|
487
|
+
.Item_styles_baxa65_s1vls8ri__1ba2f282{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
|
488
|
+
.Item_styles_baxa65_s1to2lz5__1ba2f282{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
489
|
+
.Item_styles_baxa65_s17z4dei__1ba2f282{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
490
|
+
.Item_styles_baxa65_s1nd9idj__1ba2f282{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
491
|
+
.Item_styles_baxa65_dnb2nsj__1ba2f282{line-height:0;color:var(--text-secondary);}.Item_styles_baxa65_dnb2nsj__1ba2f282:hover{color:var(--text-secondary-hover);}
|
492
|
+
.Item_styles_baxa65_i581hb1__1ba2f282{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_baxa65_i581hb1__1ba2f282 .Item_styles_baxa65_selectItemCheckbox__1ba2f282{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
|
493
|
+
.Item_styles_baxa65_scgpql7__1ba2f282{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
|
494
|
+
.Item_styles_baxa65_wzzpzvq__1ba2f282{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_baxa65_wzzpzvq__1ba2f282:hover:not(.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsActive__1ba2f282{background:var(--surface-transparent-secondary);}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsDisabled__1ba2f282{opacity:0.4;cursor:not-allowed;}.Item_styles_baxa65_wzzpzvq__1ba2f282:focus{outline:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_baxa65_wzzpzvq__1ba2f282.Item_styles_baxa65_dropdownItemIsFocused__1ba2f282:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
495
495
|
|
496
496
|
|
497
497
|
.Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
|
@@ -515,11 +515,11 @@
|
|
515
515
|
.Textfield_styles_5mg7p7_c1ox0htq__edd76511{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;}
|
516
516
|
.Textfield_styles_5mg7p7_v1kam5d__edd76511{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
517
517
|
|
518
|
-
.
|
519
|
-
.
|
520
|
-
.
|
521
|
-
.
|
522
|
-
.
|
518
|
+
.Select_styles_hzoeqc_spxbau6__886d9f84 .Select_styles_hzoeqc_popoverRoot__886d9f84{width:var(--spxbau6-0);}.Select_styles_hzoeqc_spxbau6__886d9f84 .Select_styles_hzoeqc_popoverTarget__886d9f84{width:100%;}
|
519
|
+
.Select_styles_hzoeqc_u1yey2x3__886d9f84{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
|
520
|
+
.Select_styles_hzoeqc_bvro45w__886d9f84 .Select_styles_hzoeqc_popoverWrapper__886d9f84,.Select_styles_hzoeqc_bvro45w__886d9f84 .Select_styles_hzoeqc_popoverTarget__886d9f84{display:block;}
|
521
|
+
.Select_styles_hzoeqc_ogpldc9__886d9f84{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
522
|
+
.Select_styles_hzoeqc_h2ef052__886d9f84{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
|
523
523
|
|
524
524
|
.base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
|
525
525
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.127.0-canary.
|
3
|
+
"version": "0.127.0-canary.1375.10470157806.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -80,7 +80,7 @@
|
|
80
80
|
"@rollup/plugin-babel": "^6.0.4",
|
81
81
|
"@rollup/plugin-commonjs": "^25.0.4",
|
82
82
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
83
|
-
"@salutejs/plasma-sb-utils": "0.170.0-canary.
|
83
|
+
"@salutejs/plasma-sb-utils": "0.170.0-canary.1375.10470157806.0",
|
84
84
|
"@storybook/addon-docs": "^7.6.17",
|
85
85
|
"@storybook/addon-essentials": "^7.6.17",
|
86
86
|
"@storybook/addons": "^7.6.17",
|
@@ -110,7 +110,7 @@
|
|
110
110
|
"@linaria/core": "5.0.2",
|
111
111
|
"@linaria/react": "5.0.3",
|
112
112
|
"@popperjs/core": "2.11.8",
|
113
|
-
"@salutejs/plasma-core": "1.172.0-canary.
|
113
|
+
"@salutejs/plasma-core": "1.172.0-canary.1375.10470157806.0",
|
114
114
|
"dayjs": "1.11.11",
|
115
115
|
"focus-visible": "5.2.0",
|
116
116
|
"lodash.throttle": "4.1.1",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "b980c9316717d53198ba5c315117886b0587b794"
|
122
122
|
}
|
@@ -69,7 +69,7 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
69
69
|
isOpen = _useState4[0],
|
70
70
|
setIsOpen = _useState4[1];
|
71
71
|
var listId = (0, _plasmaCore.safeUseId)();
|
72
|
-
var value = outerValue
|
72
|
+
var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
|
73
73
|
var helperTextId = (0, _plasmaCore.safeUseId)();
|
74
74
|
var targetRef = (0, _hooks.useOutsideClick)(function () {
|
75
75
|
setIsOpen(false);
|
@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
|
|
16
16
|
var _Select = /*#__PURE__*/require("./Select.styles");
|
17
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
18
18
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
19
|
-
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
|
19
|
+
var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
|
20
20
|
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); }
|
21
21
|
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; }
|
22
22
|
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); }
|
@@ -62,6 +62,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
62
62
|
portal = props.portal,
|
63
63
|
renderValue = props.renderValue,
|
64
64
|
renderItem = props.renderItem,
|
65
|
+
status = props.status,
|
66
|
+
onItemSelect = props.onItemSelect,
|
67
|
+
separator = props.separator,
|
65
68
|
rest = _objectWithoutProperties(props, _excluded);
|
66
69
|
var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
|
67
70
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -75,7 +78,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
75
78
|
setInternalValue(e);
|
76
79
|
};
|
77
80
|
var transformedItems = (0, _react.useMemo)(function () {
|
78
|
-
return (0, _utils2.initialItemsTransform)(items);
|
81
|
+
return (0, _utils2.initialItemsTransform)(items || []);
|
79
82
|
}, [items]);
|
80
83
|
var _usePathMaps = (0, _usePathMaps3.usePathMaps)(transformedItems),
|
81
84
|
_usePathMaps2 = _slicedToArray(_usePathMaps, 4),
|
@@ -167,6 +170,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
167
170
|
if (onChange) {
|
168
171
|
onChange(isCurrentChecked ? '' : item.value);
|
169
172
|
}
|
173
|
+
if (onItemSelect) {
|
174
|
+
onItemSelect(item, e);
|
175
|
+
}
|
170
176
|
}
|
171
177
|
};
|
172
178
|
var handleChipClick = function handleChipClick(currentValue) {
|
@@ -211,7 +217,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
211
217
|
checkedCopy.forEach(function (_, key) {
|
212
218
|
checkedCopy.set(key, false);
|
213
219
|
});
|
214
|
-
if (!(0, _utils.isEmpty)(value)) {
|
220
|
+
if (!(0, _utils.isEmpty)(value) || typeof value === 'number') {
|
215
221
|
if (Array.isArray(value)) {
|
216
222
|
value.forEach(function (val) {
|
217
223
|
checkedCopy.set(val, true);
|
@@ -228,7 +234,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
228
234
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
229
235
|
ref: ref,
|
230
236
|
size: size,
|
231
|
-
view: view,
|
237
|
+
view: status ? (0, _utils2.getView)(status) : view,
|
232
238
|
chipView: chipView
|
233
239
|
}, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/_react["default"].createElement(_Select.OuterLabel, null, label), /*#__PURE__*/_react["default"].createElement(Context.Provider, {
|
234
240
|
value: {
|
@@ -239,7 +245,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
239
245
|
handleCheckboxChange: handleCheckboxChange,
|
240
246
|
handleItemClick: handleItemClick,
|
241
247
|
variant: variant,
|
242
|
-
renderItem: renderItem
|
248
|
+
renderItem: renderItem,
|
249
|
+
valueToItemMap: valueToItemMap
|
243
250
|
}
|
244
251
|
}, /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
|
245
252
|
ref: targetRef,
|
@@ -268,8 +275,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
|
|
268
275
|
renderValue: renderValue
|
269
276
|
}),
|
270
277
|
preventOverflow: false,
|
271
|
-
closeOnOverlayClick: true
|
272
|
-
|
278
|
+
closeOnOverlayClick: true,
|
279
|
+
listWidth: listWidth
|
280
|
+
}, items && /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
273
281
|
size: size
|
274
282
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
|
275
283
|
role: "tree",
|
@@ -15,20 +15,23 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
15
15
|
var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
|
16
16
|
var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-le54jv-0"
|
18
|
-
})([".", "
|
18
|
+
})([".", "{width:", ";}.", "{width:100%;}"], /*#__PURE__*/String(_Popover.popoverClasses.root), function (_ref) {
|
19
|
+
var listWidth = _ref.listWidth;
|
20
|
+
return listWidth || '100%';
|
21
|
+
}, /*#__PURE__*/String(_Popover.popoverClasses.target));
|
19
22
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
20
23
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
21
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (
|
22
|
-
var listWidth =
|
24
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
|
25
|
+
var listWidth = _ref2.listWidth;
|
23
26
|
return listWidth || '100%';
|
24
|
-
}, function (_ref2) {
|
25
|
-
var listHeight = _ref2.listHeight;
|
26
|
-
return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
|
27
27
|
}, function (_ref3) {
|
28
|
-
var
|
29
|
-
return
|
28
|
+
var listHeight = _ref3.listHeight;
|
29
|
+
return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
|
30
30
|
}, function (_ref4) {
|
31
|
-
var
|
31
|
+
var listOverflow = _ref4.listOverflow;
|
32
|
+
return listOverflow || 'initial';
|
33
|
+
}, function (_ref5) {
|
34
|
+
var isInnerUl = _ref5.isInnerUl;
|
32
35
|
return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 var(").concat(_Select.tokens.padding, ")") : 0;
|
33
36
|
}, _Select.tokens.padding);
|
34
37
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", ",.", "{display:block;}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target);
|
@@ -11,10 +11,10 @@ var usePathMaps = exports.usePathMaps = function usePathMaps(items) {
|
|
11
11
|
var focusedToValueMap = new Map();
|
12
12
|
var valueToCheckedMap = new Map();
|
13
13
|
var valueToItemMap = new Map();
|
14
|
-
pathMap.set('root', items.length);
|
14
|
+
pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
|
15
15
|
var rec = function rec(items) {
|
16
16
|
var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
17
|
-
items.forEach(function (item, index) {
|
17
|
+
items === null || items === void 0 || items.forEach(function (item, index) {
|
18
18
|
var value = item.value,
|
19
19
|
innerItems = item.items;
|
20
20
|
var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
|
@@ -27,6 +27,8 @@ var Item = exports.Item = function Item(_ref) {
|
|
27
27
|
var value = item.value,
|
28
28
|
label = item.label,
|
29
29
|
disabled = item.disabled,
|
30
|
+
isDisabled = item.isDisabled,
|
31
|
+
color = item.color,
|
30
32
|
contentLeft = item.contentLeft,
|
31
33
|
contentRight = item.contentRight;
|
32
34
|
var ref = (0, _react.useRef)(null);
|
@@ -38,8 +40,10 @@ var Item = exports.Item = function Item(_ref) {
|
|
38
40
|
handleCheckboxChange = _useContext.handleCheckboxChange,
|
39
41
|
handleItemClick = _useContext.handleItemClick,
|
40
42
|
variant = _useContext.variant,
|
41
|
-
renderItem = _useContext.renderItem
|
42
|
-
|
43
|
+
renderItem = _useContext.renderItem,
|
44
|
+
valueToItemMap = _useContext.valueToItemMap;
|
45
|
+
var itemDisabled = Boolean(disabled || isDisabled);
|
46
|
+
var isDisabledClassName = itemDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
|
43
47
|
var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
|
44
48
|
var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Select.classes.dropdownItemIsActive : undefined;
|
45
49
|
(0, _react.useEffect)(function () {
|
@@ -52,12 +56,15 @@ var Item = exports.Item = function Item(_ref) {
|
|
52
56
|
}
|
53
57
|
}, [focusedClass]);
|
54
58
|
var handleChange = function handleChange(e) {
|
55
|
-
if (
|
59
|
+
if (itemDisabled) return;
|
56
60
|
e.stopPropagation();
|
57
61
|
handleCheckboxChange(item);
|
58
62
|
};
|
59
63
|
var handleClick = function handleClick(e) {
|
60
|
-
if (
|
64
|
+
if (itemDisabled) {
|
65
|
+
e.stopPropagation();
|
66
|
+
return;
|
67
|
+
}
|
61
68
|
handleItemClick(item, e);
|
62
69
|
};
|
63
70
|
return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
|
@@ -88,7 +95,9 @@ var Item = exports.Item = function Item(_ref) {
|
|
88
95
|
}))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
|
89
96
|
size: (0, _utils.sizeToIconSize)(size, variant),
|
90
97
|
color: "inherit"
|
91
|
-
})), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText,
|
98
|
+
})), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, {
|
99
|
+
color: color
|
100
|
+
}, renderItem && renderItem(valueToItemMap.get(value)) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
|
92
101
|
size: (0, _utils.sizeToIconSize)(size, variant),
|
93
102
|
color: "inherit"
|
94
103
|
})));
|
@@ -47,11 +47,14 @@ var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"
|
|
47
47
|
});
|
48
48
|
var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
49
49
|
componentId: "plasma-new-hope__sc-fr2h0y-6"
|
50
|
-
})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)())
|
50
|
+
})(["", ";flex:1;color:", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), function (_ref5) {
|
51
|
+
var color = _ref5.color;
|
52
|
+
return color || 'inherit';
|
53
|
+
});
|
51
54
|
var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
52
55
|
componentId: "plasma-new-hope__sc-fr2h0y-7"
|
53
|
-
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (
|
54
|
-
var variant =
|
56
|
+
})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref6) {
|
57
|
+
var variant = _ref6.variant;
|
55
58
|
return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
|
56
59
|
}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.itemBorderRadius, _Select.classes.dropdownItemIsDisabled, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
|
57
60
|
outlineSize: '0.0625rem',
|
@@ -23,7 +23,8 @@ var Target = exports.Target = function Target(_ref) {
|
|
23
23
|
renderValue = _ref.renderValue,
|
24
24
|
focusedPath = _ref.focusedPath,
|
25
25
|
focusedToValueMap = _ref.focusedToValueMap,
|
26
|
-
selectProps = _ref.selectProps
|
26
|
+
selectProps = _ref.selectProps,
|
27
|
+
separator = _ref.separator;
|
27
28
|
return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
|
28
29
|
opened: opened,
|
29
30
|
value: value,
|
@@ -35,7 +36,8 @@ var Target = exports.Target = function Target(_ref) {
|
|
35
36
|
renderValue: renderValue,
|
36
37
|
focusedPath: focusedPath,
|
37
38
|
focusedToValueMap: focusedToValueMap,
|
38
|
-
selectProps: selectProps
|
39
|
+
selectProps: selectProps,
|
40
|
+
separator: separator
|
39
41
|
}) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
|
40
42
|
opened: opened,
|
41
43
|
value: value,
|
@@ -46,7 +46,9 @@ var Button = exports.Button = function Button(_ref) {
|
|
46
46
|
"aria-activedescendant": getActiveDescendant(),
|
47
47
|
"aria-label": label,
|
48
48
|
renderTarget: Boolean(selectProps.renderTarget)
|
49
|
-
}, selectProps.renderTarget ? selectProps.renderTarget(value)
|
49
|
+
}, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
|
50
|
+
return valueToItemMap.get(value);
|
51
|
+
}) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
|
50
52
|
value: value,
|
51
53
|
valueToItemMap: valueToItemMap,
|
52
54
|
label: label,
|
@@ -22,7 +22,7 @@ var getLabel = function getLabel(_ref) {
|
|
22
22
|
labelPlacement = _ref.labelPlacement,
|
23
23
|
size = _ref.size,
|
24
24
|
renderValue = _ref.renderValue;
|
25
|
-
if ((0, _utils.isEmpty)(value)) {
|
25
|
+
if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
|
26
26
|
if (!label || labelPlacement === 'outer') {
|
27
27
|
return /*#__PURE__*/_react["default"].createElement(_Textfield.Placeholder, null, placeholder);
|
28
28
|
}
|
@@ -38,7 +38,7 @@ var getLabel = function getLabel(_ref) {
|
|
38
38
|
return value.map(function (currentValue, index) {
|
39
39
|
var itemLabel = valueToItemMap.get(currentValue).label;
|
40
40
|
return /*#__PURE__*/_react["default"].createElement(_ui.Chip, {
|
41
|
-
text: renderValue ? renderValue(currentValue
|
41
|
+
text: renderValue ? renderValue(valueToItemMap.get(currentValue)) : itemLabel,
|
42
42
|
onClick: function onClick(e) {
|
43
43
|
e.stopPropagation();
|
44
44
|
onChipClick(currentValue);
|
@@ -49,9 +49,9 @@ var getLabel = function getLabel(_ref) {
|
|
49
49
|
}
|
50
50
|
var itemLabel = valueToItemMap.get(value).label;
|
51
51
|
if (!label || labelPlacement === 'outer') {
|
52
|
-
return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel);
|
53
53
|
}
|
54
|
-
return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(value
|
54
|
+
return /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/_react["default"].createElement(_Textfield.InnerLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Textfield.Value, null, renderValue ? renderValue(valueToItemMap.get(value)) : itemLabel));
|
55
55
|
};
|
56
56
|
var Textfield = exports.Textfield = function Textfield(_ref2) {
|
57
57
|
var opened = _ref2.opened,
|
@@ -92,7 +92,9 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
|
|
92
92
|
"aria-activedescendant": getActiveDescendant(),
|
93
93
|
"aria-label": label,
|
94
94
|
renderTarget: Boolean(selectProps.renderTarget)
|
95
|
-
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(value)
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_Textfield.Wrapper, null, selectProps !== null && selectProps !== void 0 && selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
|
96
|
+
return valueToItemMap.get(value);
|
97
|
+
}) : valueToItemMap.get(value)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && (!selectProps.multiselect || (0, _utils.isEmpty)(value)) && /*#__PURE__*/_react["default"].createElement(_Textfield.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Textfield.ChipWrapper, null, getLabel({
|
96
98
|
value: value,
|
97
99
|
valueToItemMap: valueToItemMap,
|
98
100
|
onChipClick: onChipClick,
|
@@ -9,9 +9,9 @@ var getLabel = function getLabel(_ref) {
|
|
9
9
|
var value = _ref.value,
|
10
10
|
valueToItemMap = _ref.valueToItemMap,
|
11
11
|
renderValue = _ref.renderValue;
|
12
|
-
var _ref2 = valueToItemMap.get(value
|
12
|
+
var _ref2 = valueToItemMap.get(value),
|
13
13
|
label = _ref2.label;
|
14
|
-
return renderValue ? renderValue(value
|
14
|
+
return renderValue ? renderValue(valueToItemMap.get(value)) : label;
|
15
15
|
};
|
16
16
|
var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
17
17
|
var value = _ref3.value,
|
@@ -19,7 +19,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
19
19
|
label = _ref3.label,
|
20
20
|
renderValue = _ref3.renderValue,
|
21
21
|
selectProps = _ref3.selectProps;
|
22
|
-
if ((0, _utils.isEmpty)(value)) {
|
22
|
+
if ((0, _utils.isEmpty)(value) && typeof value !== 'number') {
|
23
23
|
return label || '';
|
24
24
|
}
|
25
25
|
if (selectProps.multiselect && selectProps.isTargetAmount) {
|
@@ -35,8 +35,8 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
35
35
|
}).join(', ');
|
36
36
|
}
|
37
37
|
return getLabel({
|
38
|
-
renderValue: renderValue,
|
39
38
|
value: value,
|
40
|
-
valueToItemMap: valueToItemMap
|
39
|
+
valueToItemMap: valueToItemMap,
|
40
|
+
renderValue: renderValue
|
41
41
|
});
|
42
42
|
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.getView = void 0;
|
7
|
+
var getView = exports.getView = function getView(status) {
|
8
|
+
switch (status) {
|
9
|
+
case 'success':
|
10
|
+
{
|
11
|
+
return 'positive';
|
12
|
+
}
|
13
|
+
case 'error':
|
14
|
+
{
|
15
|
+
return 'negative';
|
16
|
+
}
|
17
|
+
case 'warning':
|
18
|
+
{
|
19
|
+
return 'warning';
|
20
|
+
}
|
21
|
+
default:
|
22
|
+
{
|
23
|
+
return 'default';
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|