@salutejs/plasma-new-hope 0.121.1-canary.1359.10386530867.0 → 0.121.2-canary.1362.10405734898.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/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/Range/Range.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/Double/Double.css +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +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/cjs/components/TextField/variations/_label-placement/base_qtoism.css +1 -0
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/es/components/Autocomplete/Autocomplete.css +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/Range/Range.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/Double/Double.css +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +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/es/components/TextField/variations/_label-placement/base_qtoism.css +1 -0
- package/es/index.css +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +2 -2
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +2 -2
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +26 -15
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +3 -2
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +2 -26
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +2 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +26 -14
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +28 -14
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +26 -14
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +28 -14
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +1 -13
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +1 -13
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/types/AsProps.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_olr92m.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_olr92m.css +0 -1
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
.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);}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
10
10
|
|
|
11
11
|
.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;}
|
|
12
12
|
.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);}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
.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);}
|
|
24
24
|
|
|
25
|
-
.
|
|
25
|
+
.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
26
26
|
|
|
27
27
|
.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;}
|
|
28
28
|
.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);}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
.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);}
|
|
16
16
|
|
|
17
|
-
.
|
|
17
|
+
.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
18
18
|
|
|
19
19
|
.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;}
|
|
20
20
|
.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);}
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
|
|
85
85
|
.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);}
|
|
86
86
|
|
|
87
|
-
.
|
|
87
|
+
.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
88
88
|
|
|
89
89
|
.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;}
|
|
90
90
|
.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);}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
.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);}
|
|
16
16
|
|
|
17
|
-
.
|
|
17
|
+
.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
18
18
|
|
|
19
19
|
.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;}
|
|
20
20
|
.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);}
|
|
@@ -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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
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":"TabItem.js","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { ComponentConfig, RootProps } from '../../../../engines';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabsContext } from '../../TabsContext';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { TabItemProps } from './TabItem.types';\nimport { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';\n\nexport const tabItemRoot = (Root: RootProps<HTMLDivElement, TabItemProps>) =>\n forwardRef<HTMLDivElement, TabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n contentLeft,\n contentRight,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n useEffect(() => {\n if (!refs) {\n return;\n }\n\n refs.register(innerRef);\n\n return () => refs.unregister(innerRef);\n }, [refs]);\n\n const onItemFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (!hasKeyNavigation && innerRef?.current) {\n innerRef.current.scrollTo({\n top: 0,\n left: innerRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n return;\n }\n\n if (disabled || !refs) {\n return;\n }\n\n const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n if (focusIndex === refs.current) {\n return;\n }\n\n onIndexChange?.(focusIndex);\n refs.setCurrent(focusIndex);\n },\n [refs, innerRef, onIndexChange, disabled],\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.currentTarget.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n if (!onClick) {\n return;\n }\n\n onClick(event);\n };\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, className)}\n onClick={handleClick}\n {...rest}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {contentRight && <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>}\n </>\n </Root>\n );\n });\n\nexport const tabItemConfig: ComponentConfig = {\n name: 'TabItem',\n tag: 'button',\n layout: tabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["tabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","left","offsetLeft","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","currentTarget","scrollIntoView","block","inline","React","createElement","_extends","onFocus","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","RightContent","tabRightContent","tabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TabItem.js","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../engines';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabsContext } from '../../TabsContext';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { TabItemProps } from './TabItem.types';\nimport { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';\n\nexport const tabItemRoot = (Root: RootProps<HTMLDivElement, TabItemProps>) =>\n forwardRef<HTMLDivElement, TabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n contentLeft,\n contentRight,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n useEffect(() => {\n if (!refs) {\n return;\n }\n\n refs.register(innerRef);\n\n return () => refs.unregister(innerRef);\n }, [refs]);\n\n const onItemFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (!hasKeyNavigation && innerRef?.current) {\n innerRef.current.scrollTo({\n top: 0,\n left: innerRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n return;\n }\n\n if (disabled || !refs) {\n return;\n }\n\n const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n if (focusIndex === refs.current) {\n return;\n }\n\n onIndexChange?.(focusIndex);\n refs.setCurrent(focusIndex);\n },\n [refs, innerRef, onIndexChange, disabled],\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.currentTarget.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n if (!onClick) {\n return;\n }\n\n onClick(event);\n };\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, className)}\n onClick={handleClick}\n {...rest}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {contentRight && <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>}\n </>\n </Root>\n );\n });\n\nexport const tabItemConfig = {\n name: 'TabItem',\n tag: 'button',\n layout: tabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["tabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","left","offsetLeft","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","currentTarget","scrollIntoView","block","inline","React","createElement","_extends","onFocus","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","RightContent","tabRightContent","tabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;IAeaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAA+B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAC1D,IAAA,IACIC,IAAI,GAgBJF,KAAK,CAhBLE,IAAI;MACJC,IAAI,GAeJH,KAAK,CAfLG,IAAI;MACJC,QAAQ,GAcRJ,KAAK,CAdLI,QAAQ;MACRC,QAAQ,GAaRL,KAAK,CAbLK,QAAQ;MAAAC,eAAA,GAaRN,KAAK,CAZLO,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,aAAA,GAYhBR,KAAK,CAXLS,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MACdE,QAAQ,GAURV,KAAK,CAVLU,QAAQ;MACRC,WAAW,GASXX,KAAK,CATLW,WAAW;MACXC,YAAY,GAQZZ,KAAK,CARLY,YAAY;MAAAC,eAAA,GAQZb,KAAK,CAPLc,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACfE,aAAa,GAMbf,KAAK,CANLe,aAAa;MACbC,SAAS,GAKThB,KAAK,CALLgB,SAAS;MACTC,QAAQ,GAIRjB,KAAK,CAJLiB,QAAQ;MACRC,SAAS,GAGTlB,KAAK,CAHLkB,SAAS;MACTC,OAAO,GAEPnB,KAAK,CAFLmB,OAAO;AACJC,MAAAA,IAAI,GAAAC,iDAAA,CACPrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,GAAG,GAAGC,qBAAU,CAACzB,QAAQ,EAAEsB,QAAQ,CAAC,CAAA;AAC1C,IAAA,IAAMI,IAAI,GAAGC,gBAAU,CAACC,uBAAW,CAAC,CAAA;IAEpC,IAAMC,IAAI,GAAG,KAAK,CAAA;AAElB,IAAA,IAAMC,UAAU,GAAG5B,IAAI,KAAK,OAAO,IAAIM,MAAM,CAAA;IAC7C,IAAMuB,aAAa,GAAGlB,QAAQ,GAAGmB,cAAO,CAACC,eAAe,GAAGC,SAAS,CAAA;IACpE,IAAMC,WAAW,GAAGL,UAAU,GAAGE,cAAO,CAACI,UAAU,GAAGF,SAAS,CAAA;IAC/D,IAAMG,aAAa,GAAGlC,QAAQ,IAAIC,QAAQ,GAAG4B,cAAO,CAACM,gBAAgB,GAAGJ,SAAS,CAAA;IACjF,IAAMK,gBAAgB,GAAGxB,SAAS,KAAKmB,SAAS,IAAIpB,aAAa,KAAKoB,SAAS,CAAA;AAC/E,IAAA,IAAMM,kBAAkB,GAAG,CAAClC,QAAQ,IAAI,CAAAoB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAEe,OAAO,MAAK1B,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAE5E2B,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAI,CAAChB,IAAI,EAAE;AACP,QAAA,OAAA;AACJ,OAAA;AAEAA,MAAAA,IAAI,CAACiB,QAAQ,CAACrB,QAAQ,CAAC,CAAA;MAEvB,OAAO,YAAA;AAAA,QAAA,OAAMI,IAAI,CAACkB,UAAU,CAACtB,QAAQ,CAAC,CAAA;AAAA,OAAA,CAAA;AAC1C,KAAC,EAAE,CAACI,IAAI,CAAC,CAAC,CAAA;AAEV,IAAA,IAAMmB,WAAW,GAAGC,iBAAW,CAC3B,UAACC,KAAK,EAAK;MACP,IAAI,CAACR,gBAAgB,IAAIjB,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAEmB,OAAO,EAAE;AACxCnB,QAAAA,QAAQ,CAACmB,OAAO,CAACO,QAAQ,CAAC;AACtBC,UAAAA,GAAG,EAAE,CAAC;AACNC,UAAAA,IAAI,EAAE5B,QAAQ,CAACmB,OAAO,CAACU,UAAU;AACjCC,UAAAA,QAAQ,EAAE,QAAA;AACd,SAAC,CAAC,CAAA;AAEF,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI9C,QAAQ,IAAI,CAACoB,IAAI,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAM2B,UAAU,GAAG3B,IAAI,CAAC4B,KAAK,CAACC,SAAS,CAAC,UAACC,OAAO,EAAA;AAAA,QAAA,OAAKA,OAAO,CAACf,OAAO,KAAKM,KAAK,CAACU,MAAM,CAAA;OAAC,CAAA,CAAA;AAEtF,MAAA,IAAIJ,UAAU,KAAK3B,IAAI,CAACe,OAAO,EAAE;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEA3B,MAAAA,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,IAAbA,aAAa,CAAGuC,UAAU,CAAC,CAAA;AAC3B3B,MAAAA,IAAI,CAACgC,UAAU,CAACL,UAAU,CAAC,CAAA;KAC9B,EACD,CAAC3B,IAAI,EAAEJ,QAAQ,EAAER,aAAa,EAAER,QAAQ,CAC5C,CAAC,CAAA;AAED,IAAA,IAAMqD,WAAW,GAAG,SAAdA,WAAWA,CAAIZ,KAA0C,EAAK;AAChEA,MAAAA,KAAK,CAACa,aAAa,CAACC,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,SAAS;AAAEC,QAAAA,MAAM,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;MAE3E,IAAI,CAAC7C,OAAO,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;MAEAA,OAAO,CAAC6B,KAAK,CAAC,CAAA;KACjB,CAAA;AAED,IAAA,oBACIiB,KAAA,CAAAC,aAAA,CAACpE,IAAI,EAAAqE,iCAAA,CAAA;AACD1C,MAAAA,GAAG,EAAEA,GAAI;AACTlB,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,MAAM,EAAEA,MAAO;AACfqB,MAAAA,IAAI,EAAEA,IAAK;AACX3B,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXkE,MAAAA,OAAO,EAAEtB,WAAY;AACrB7B,MAAAA,QAAQ,EAAEuB,gBAAgB,GAAGC,kBAAkB,GAAGxB,QAAS;MAC3DC,SAAS,EAAEmD,QAAE,CAACjC,WAAW,EAAEE,aAAa,EAAEN,aAAa,EAAEd,SAAS,CAAE;AACpEC,MAAAA,OAAO,EAAEyC,WAAAA;AAAY,KAAA,EACjBxC,IAAI,CAER6C,eAAAA,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAK,QAAA,EAAA,IAAA,EACK3D,WAAW,iBAAIsD,KAAA,CAAAC,aAAA,CAACK,0BAAW,EAAA;MAACrD,SAAS,EAAEe,cAAO,CAACuC,cAAAA;AAAe,KAAA,EAAE7D,WAAyB,CAAC,eAC3FsD,KAAA,CAAAC,aAAA,CAACO,4BAAa,EAAA;MAACvD,SAAS,EAAEe,cAAO,CAACyC,UAAAA;KAAahE,EAAAA,QAAwB,CAAC,EACvEE,YAAY,iBAAIqD,KAAA,CAAAC,aAAA,CAACS,2BAAY,EAAA;MAACzD,SAAS,EAAEe,cAAO,CAAC2C,eAAAA;KAAkBhE,EAAAA,YAA2B,CACjG,CACA,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMiE,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEnF,WAAW;AACnBoF,EAAAA,IAAI,EAAJA,mBAAI;AACJC,EAAAA,UAAU,EAAE;AACRhF,IAAAA,IAAI,EAAE;AACFiF,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDjF,IAAAA,IAAI,EAAE;AACFgF,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD9E,IAAAA,QAAQ,EAAE;AACN4E,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD9E,IAAAA,MAAM,EAAE;AACJ0E,MAAAA,GAAG,EAAEK,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtF,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
|
|
@@ -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
|
|
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 height: auto;\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 transition: padding 0.1s ease-in-out, height 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA8DhB;;;;"}
|
|
@@ -0,0 +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{height:auto;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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
package/cjs/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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementOuter__11953317 .base_qtoism_l13qvwoy__11953317{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_suk2zst__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_s600610__11953317{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:focus ~ .base_qtoism_l13qvwoy__11953317,.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_io4bpie__11953317:not(:placeholder-shown) ~ .base_qtoism_l13qvwoy__11953317{height:auto;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_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus):-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:not(:focus)::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-webkit-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::-moz-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus:-ms-input-placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317:not(.base_qtoism_hideLabel__11953317) .base_qtoism_io4bpie__11953317:focus::placeholder{color:transparent;}.base_qtoism_b15d3bnf__11953317.base_qtoism_labelPlacementInner__11953317 .base_qtoism_l13qvwoy__11953317{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
|
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);}
|
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
|
8
8
|
var _TextField = /*#__PURE__*/require("../../TextField.tokens");
|
|
9
9
|
var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
|
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _TextField.classes.outerLabelPlacement, "{", _TextField2.Label, "{display:block;margin-bottom:var(", _TextField.tokens.labelOffset, ");color:var(", _TextField.tokens.labelColor, ");}}&.", _TextField.classes.innerLabelPlacement, "{&:not(.", _TextField.classes.hideLabel, "){", _TextField2.Input, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}", _TextField2.StyledTextAfter, ",", _TextField2.StyledTextBefore, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}}", _TextField2.Input, ":focus~", _TextField2.Label, ",", _TextField2.Input, ":not(:placeholder-shown)~", _TextField2.Label, "{
|
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _TextField.classes.outerLabelPlacement, "{", _TextField2.Label, "{display:block;margin-bottom:var(", _TextField.tokens.labelOffset, ");color:var(", _TextField.tokens.labelColor, ");}}&.", _TextField.classes.innerLabelPlacement, "{&:not(.", _TextField.classes.hideLabel, "){", _TextField2.Input, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}", _TextField2.StyledTextAfter, ",", _TextField2.StyledTextBefore, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}}", _TextField2.Input, ":focus~", _TextField2.Label, ",", _TextField2.Input, ":not(:placeholder-shown)~", _TextField2.Label, "{height:auto;padding:var(", _TextField.tokens.labelInnerPadding, ");font-family:var(", _TextField.tokens.labelInnerFontFamily, ");font-size:var(", _TextField.tokens.labelInnerFontSize, ");font-style:var(", _TextField.tokens.labelInnerFontStyle, ");font-weight:var(", _TextField.tokens.labelInnerFontWeight, ");letter-spacing:var(", _TextField.tokens.labelInnerLetterSpacing, ");line-height:var(", _TextField.tokens.labelInnerLineHeight, ");}&:not(.", _TextField.classes.hideLabel, "){", _TextField2.Input, ":not(:focus)::placeholder{color:transparent;}", _TextField2.Input, ":focus::placeholder{color:transparent;}}", _TextField2.Label, "{color:var(", _TextField.tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;transition:padding 0.1s ease-in-out,height 0s;height:var(", _TextField.tokens.height, ");padding-top:calc(var(", _TextField.tokens.height, ") / 4);padding-bottom:calc(var(", _TextField.tokens.height, ") / 4);}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgTGFiZWwsIFN0eWxlZFRleHRBZnRlciwgU3R5bGVkVGV4dEJlZm9yZSB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5vdXRlckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJjpub3QoLiR7Y2xhc3Nlcy5oaWRlTGFiZWx9KSB7XG4gICAgICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZFRleHRBZnRlcn0sICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXR9OmZvY3VzIH4gJHtMYWJlbH0sICR7SW5wdXR9Om5vdCg6cGxhY2Vob2xkZXItc2hvd24pIH4gJHtMYWJlbH0ge1xuICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfSk7XG5cbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRGYW1pbHl9KTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U2l6ZX0pO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U3R5bGV9KTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRXZWlnaHR9KTtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxpbmVIZWlnaHR9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6bm90KC4ke2NsYXNzZXMuaGlkZUxhYmVsfSkge1xuICAgICAgICAgICAgJHtJbnB1dH06bm90KDpmb2N1cyk6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICR7SW5wdXR9OmZvY3VzOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICAgICAgY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgdHJhbnNpdGlvbjogcGFkZGluZyAwLjFzIGVhc2UtaW4tb3V0LCBoZWlnaHQgMHM7XG5cbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLyA0KTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiBjYWxjKHZhcigke3Rva2Vucy5oZWlnaHR9KSAvIDQpO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|