@salutejs/plasma-new-hope 0.343.0-canary.2357.19712161711.0 → 0.343.0-canary.2358.19737252394.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +4 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/cjs/components/DateTimePicker/DateTimePicker.css +26 -28
- package/cjs/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/cjs/components/Pagination/Pagination.css +26 -28
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/cjs/components/Range/Range.css +26 -28
- package/cjs/components/Select/Select.css +26 -28
- package/cjs/components/Select/ui/Target/Target.css +26 -28
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/cjs/components/Slider/Slider.css +26 -28
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/cjs/components/Table/Table.css +26 -28
- package/cjs/components/Table/ui/Cell/Cell.css +26 -28
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/cjs/components/TextField/TextField.js +16 -23
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +8 -18
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -21
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- 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_1s0mlhj.css → base_o4xjq1.css} +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_2lss3j.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +26 -28
- package/cjs/index.css +26 -28
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/cjs/components/TextField/TextField.js +17 -24
- package/emotion/cjs/components/TextField/TextField.styles.js +46 -49
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/components/TextField/TextField.clear.config.js +59 -0
- package/emotion/cjs/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/cjs/examples/components/TextField/TextField.js +29 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/es/components/TextField/TextField.js +5 -12
- package/emotion/es/components/TextField/TextField.styles.js +46 -49
- package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
- package/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/examples/components/TextField/TextField.clear.config.js +49 -0
- package/emotion/es/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/es/examples/components/TextField/TextField.js +15 -2
- package/es/components/Autocomplete/Autocomplete.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +4 -6
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/es/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/es/components/DateTimePicker/DateTimePicker.css +26 -28
- package/es/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/es/components/Pagination/Pagination.css +26 -28
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/es/components/Range/Range.css +26 -28
- package/es/components/Select/Select.css +26 -28
- package/es/components/Select/ui/Target/Target.css +26 -28
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/es/components/Slider/Slider.css +26 -28
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/es/components/Table/Table.css +26 -28
- package/es/components/Table/ui/Cell/Cell.css +26 -28
- package/es/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/es/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/es/components/TextField/TextField.js +16 -23
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +8 -18
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +21 -21
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- 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_1s0mlhj.css → base_o4xjq1.css} +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_2lss3j.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +26 -28
- package/es/index.css +26 -28
- package/package.json +3 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/cjs/components/TextField/TextField.js +16 -23
- package/styled-components/cjs/components/TextField/TextField.styles.js +31 -32
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +6 -4
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/cjs/components/TextField/variations/_view/base.js +13 -2
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/TextField/TextField.clear.config.js +670 -0
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/cjs/examples/components/TextField/TextField.js +29 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/es/components/TextField/TextField.js +4 -11
- package/styled-components/es/components/TextField/TextField.styles.js +31 -32
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +7 -5
- package/styled-components/es/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/es/components/TextField/variations/_view/base.js +14 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/TextField/TextField.clear.config.js +660 -0
- package/styled-components/es/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/es/examples/components/TextField/TextField.js +15 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +8 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +8 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +8 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +8 -0
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +8 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +8 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +8 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +0 -4
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -4
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +8 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Mask/Mask.d.ts +8 -24
- package/types/examples/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/components/NumberFormat/NumberFormat.d.ts +8 -24
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.clear.config.d.ts +48 -0
- package/types/examples/components/TextField/TextField.clear.config.d.ts.map +1 -0
- package/types/examples/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.d.ts +695 -2
- package/types/examples/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +0 -9
- package/cjs/components/TextField/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/emotion/cjs/components/TextField/variations/_clear/base.js +0 -14
- package/emotion/es/components/TextField/variations/_clear/base.js +0 -4
- package/es/components/TextField/variations/_clear/base.js +0 -5
- package/es/components/TextField/variations/_clear/base.js.map +0 -1
- package/es/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/es/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +0 -52
- package/styled-components/es/components/TextField/variations/_clear/base.js +0 -42
- package/types/components/TextField/variations/_clear/base.d.ts +0 -2
- package/types/components/TextField/variations/_clear/base.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TextField/TextField.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TextField/TextField.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n OuterLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledHintWrapper,\n StyledIndicator,\n} from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.clear} {\n &[readonly] ${InputWrapper}, ${InputWrapper} {\n background-color: unset;\n box-shadow: none;\n border-radius: 0;\n padding-left: 0;\n padding-right: 0;\n\n &:hover {\n background-color: unset;\n }\n }\n\n ${StyledContentLeft} {\n margin-left: 0;\n }\n\n ${StyledContentRight} {\n margin-right: 0;\n }\n\n &.${classes.outerLabelPlacement} {\n ${OuterLabelWrapper} {\n margin-bottom: var(${tokens.clearLabelOffset});\n }\n }\n\n ${Input} {\n color: var(${tokens.clearColor});\n }\n\n ${InputPlaceholder} {\n color: var(${tokens.clearPlaceholderColor});\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n }\n }\n }\n\n &.${classes.hasHint} {\n ${StyledHintWrapper} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n }\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorHintInnerRight});\n }\n }\n }\n\n &.${classes.hasDivider} {\n ${InputWrapper} {\n --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n\n &:before {\n content: '';\n position: absolute;\n height: 0.063rem;\n width: 100%;\n bottom: 0;\n left: 0;\n background-color: var(--plasma_private-textfield-divider-color);\n transition: background-color 0.1s ease-in;\n }\n }\n\n &:not([readonly]) ${InputWrapper}:hover {\n --plasma_private-textfield-divider-color: var(\n ${tokens.dividerColorHover},\n var(${String(tokens.dividerColor)})\n );\n }\n\n &:not([readonly]) ${InputWrapper}:focus-within {\n --plasma_private-textfield-divider-color: var(\n ${tokens.dividerColorFocus},\n var(${String(tokens.dividerColor)})\n );\n\n ${InputPlaceholder} {\n color: var(${tokens.clearPlaceholderColorFocus});\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAcO,IAAMA,IAAI,GA+FhB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .ssv2kwg{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .s9w7nf8.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .s9w7nf8.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .s9w7nf8.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .ssv2kwg:hover{color:var(--private_content-slot-color);}.b1w985rt[readonly] .sb3k3v1{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.b1w985rt[readonly] .sb3k3v1:hover,.b1w985rt[readonly] .sb3k3v1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "base", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return base;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _react = require("@emotion/react");
|
|
12
|
-
var _TextFieldtokens = require("../../TextField.tokens");
|
|
13
|
-
var _TextFieldstyles = require("../../TextField.styles");
|
|
14
|
-
var base = (0, /*#__PURE__*/ _react.css)("&.", _TextFieldtokens.classes.clear, "{&[readonly] ", _TextFieldstyles.InputWrapper, ",", _TextFieldstyles.InputWrapper, "{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}", _TextFieldstyles.StyledContentLeft, "{margin-left:0;}", _TextFieldstyles.StyledContentRight, "{margin-right:0;}&.", _TextFieldtokens.classes.outerLabelPlacement, "{", _TextFieldstyles.OuterLabelWrapper, "{margin-bottom:var(", _TextFieldtokens.tokens.clearLabelOffset, ");}}", _TextFieldstyles.Input, "{color:var(", _TextFieldtokens.tokens.clearColor, ");}", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.clearPlaceholderColor, ");}", _TextFieldstyles.StyledIndicator, "{&.", _TextFieldtokens.classes.innerLabelPlacement, "{inset:var(", _TextFieldtokens.tokens.clearIndicatorLabelPlacementInner, ");&.", _TextFieldtokens.classes.requiredAlignRight, "{inset:var(", _TextFieldtokens.tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", _TextFieldtokens.classes.hasHint, "{", _TextFieldstyles.StyledHintWrapper, "{&.", _TextFieldtokens.classes.innerLabelPlacement, "{inset:var(", _TextFieldtokens.tokens.clearHintInnerLabelPlacementOffset, ");}}", _TextFieldstyles.StyledIndicator, "{&.", _TextFieldtokens.classes.innerLabelPlacement, ".", _TextFieldtokens.classes.requiredAlignRight, "{inset:var(", _TextFieldtokens.tokens.clearIndicatorHintInnerRight, ");}}}&.", _TextFieldtokens.classes.hasDivider, "{", _TextFieldstyles.InputWrapper, "{--plasma_private-textfield-divider-color:var(", String(_TextFieldtokens.tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n ", _TextFieldtokens.tokens.dividerColorHover, ",var(", String(_TextFieldtokens.tokens.dividerColor), ")\n );}&:not([readonly]) ", _TextFieldstyles.InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n ", _TextFieldtokens.tokens.dividerColorFocus, ",var(", String(_TextFieldtokens.tokens.dividerColor), ")\n );", _TextFieldstyles.InputPlaceholder, "{color:var(", _TextFieldtokens.tokens.clearPlaceholderColorFocus, ");}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBJbnB1dCxcbiAgICBJbnB1dFBsYWNlaG9sZGVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBPdXRlckxhYmVsV3JhcHBlcixcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkSW5kaWNhdG9yLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuY2xlYXJ9IHtcbiAgICAgICAgJltyZWFkb25seV0gJHtJbnB1dFdyYXBwZXJ9LCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgJHtPdXRlckxhYmVsV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckxhYmVsUGxhY2VtZW50SW5uZXJ9KTtcblxuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLnJlcXVpcmVkQWxpZ25SaWdodH0ge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzSGludH0ge1xuICAgICAgICAgICAgJHtTdHlsZWRIaW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckhpbnRJbm5lckxhYmVsUGxhY2VtZW50T2Zmc2V0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZEluZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9LiR7Y2xhc3Nlcy5yZXF1aXJlZEFsaWduUmlnaHR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckhpbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0IifQ== */");
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { css } from "@emotion/react";
|
|
2
|
-
import { classes, tokens } from "../../TextField.tokens";
|
|
3
|
-
import { Input, InputPlaceholder, InputWrapper, OuterLabelWrapper, StyledContentLeft, StyledContentRight, StyledHintWrapper, StyledIndicator } from "../../TextField.styles";
|
|
4
|
-
export var base = /*#__PURE__*/ css("&.", classes.clear, "{&[readonly] ", InputWrapper, ",", InputWrapper, "{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}", StyledContentLeft, "{margin-left:0;}", StyledContentRight, "{margin-right:0;}&.", classes.outerLabelPlacement, "{", OuterLabelWrapper, "{margin-bottom:var(", tokens.clearLabelOffset, ");}}", Input, "{color:var(", tokens.clearColor, ");}", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasHint, "{", StyledHintWrapper, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearHintInnerLabelPlacementOffset, ");}}", StyledIndicator, "{&.", classes.innerLabelPlacement, ".", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorHintInnerRight, ");}}}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorHover, ",var(", String(tokens.dividerColor), ")\n );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorFocus, ",var(", String(tokens.dividerColor), ")\n );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBJbnB1dCxcbiAgICBJbnB1dFBsYWNlaG9sZGVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBPdXRlckxhYmVsV3JhcHBlcixcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkSW5kaWNhdG9yLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuY2xlYXJ9IHtcbiAgICAgICAgJltyZWFkb25seV0gJHtJbnB1dFdyYXBwZXJ9LCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgJHtPdXRlckxhYmVsV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckxhYmVsUGxhY2VtZW50SW5uZXJ9KTtcblxuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLnJlcXVpcmVkQWxpZ25SaWdodH0ge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzSGludH0ge1xuICAgICAgICAgICAgJHtTdHlsZWRIaW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckhpbnRJbm5lckxhYmVsUGxhY2VtZW50T2Zmc2V0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZEluZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9LiR7Y2xhc3Nlcy5yZXF1aXJlZEFsaWduUmlnaHR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckhpbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0IifQ== */");
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n OuterLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledHintWrapper,\n StyledIndicator,\n} from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.clear} {\n &[readonly] ${InputWrapper}, ${InputWrapper} {\n background-color: unset;\n box-shadow: none;\n border-radius: 0;\n padding-left: 0;\n padding-right: 0;\n\n &:hover {\n background-color: unset;\n }\n }\n\n ${StyledContentLeft} {\n margin-left: 0;\n }\n\n ${StyledContentRight} {\n margin-right: 0;\n }\n\n &.${classes.outerLabelPlacement} {\n ${OuterLabelWrapper} {\n margin-bottom: var(${tokens.clearLabelOffset});\n }\n }\n\n ${Input} {\n color: var(${tokens.clearColor});\n }\n\n ${InputPlaceholder} {\n color: var(${tokens.clearPlaceholderColor});\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n }\n }\n }\n\n &.${classes.hasHint} {\n ${StyledHintWrapper} {\n &.${classes.innerLabelPlacement} {\n inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n }\n }\n\n ${StyledIndicator} {\n &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n inset: var(${tokens.clearIndicatorHintInnerRight});\n }\n }\n }\n\n &.${classes.hasDivider} {\n ${InputWrapper} {\n --plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});\n\n &:before {\n content: '';\n position: absolute;\n height: 0.063rem;\n width: 100%;\n bottom: 0;\n left: 0;\n background-color: var(--plasma_private-textfield-divider-color);\n transition: background-color 0.1s ease-in;\n }\n }\n\n &:not([readonly]) ${InputWrapper}:hover {\n --plasma_private-textfield-divider-color: var(\n ${tokens.dividerColorHover},\n var(${String(tokens.dividerColor)})\n );\n }\n\n &:not([readonly]) ${InputWrapper}:focus-within {\n --plasma_private-textfield-divider-color: var(\n ${tokens.dividerColorFocus},\n var(${String(tokens.dividerColor)})\n );\n\n ${InputPlaceholder} {\n color: var(${tokens.clearPlaceholderColorFocus});\n }\n }\n }\n }\n`;\n"],"names":["base"],"mappings":"AAcO,IAAMA,IAAI,GA+FhB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .ssv2kwg{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .s9w7nf8.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .s9w7nf8.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .s9w7nf8.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .ssv2kwg:hover{color:var(--private_content-slot-color);}.b1w985rt[readonly] .sb3k3v1{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.b1w985rt[readonly] .sb3k3v1:hover,.b1w985rt[readonly] .sb3k3v1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "base", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return base;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _styledcomponents = require("styled-components");
|
|
12
|
-
var _TextFieldtokens = require("../../TextField.tokens");
|
|
13
|
-
var _TextFieldstyles = require("../../TextField.styles");
|
|
14
|
-
var base = (0, _styledcomponents.css)([
|
|
15
|
-
"&.",
|
|
16
|
-
"{&[readonly] ",
|
|
17
|
-
",",
|
|
18
|
-
"{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}",
|
|
19
|
-
"{margin-left:0;}",
|
|
20
|
-
"{margin-right:0;}&.",
|
|
21
|
-
"{",
|
|
22
|
-
"{margin-bottom:var(",
|
|
23
|
-
");}}",
|
|
24
|
-
"{color:var(",
|
|
25
|
-
");}",
|
|
26
|
-
"{color:var(",
|
|
27
|
-
");}",
|
|
28
|
-
"{&.",
|
|
29
|
-
"{inset:var(",
|
|
30
|
-
");&.",
|
|
31
|
-
"{inset:var(",
|
|
32
|
-
");}}}&.",
|
|
33
|
-
"{",
|
|
34
|
-
"{&.",
|
|
35
|
-
"{inset:var(",
|
|
36
|
-
");}}",
|
|
37
|
-
"{&.",
|
|
38
|
-
".",
|
|
39
|
-
"{inset:var(",
|
|
40
|
-
");}}}&.",
|
|
41
|
-
"{",
|
|
42
|
-
"{--plasma_private-textfield-divider-color:var(",
|
|
43
|
-
");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ",
|
|
44
|
-
":hover{--plasma_private-textfield-divider-color:var( ",
|
|
45
|
-
",var(",
|
|
46
|
-
") );}&:not([readonly]) ",
|
|
47
|
-
":focus-within{--plasma_private-textfield-divider-color:var( ",
|
|
48
|
-
",var(",
|
|
49
|
-
") );",
|
|
50
|
-
"{color:var(",
|
|
51
|
-
");}}}}"
|
|
52
|
-
], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldstyles.InputWrapper, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.OuterLabelWrapper, _TextFieldtokens.tokens.clearLabelOffset, _TextFieldstyles.Input, _TextFieldtokens.tokens.clearColor, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColor, _TextFieldstyles.StyledIndicator, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.clearIndicatorLabelPlacementInner, _TextFieldtokens.classes.requiredAlignRight, _TextFieldtokens.tokens.clearIndicatorLabelPlacementInnerRight, _TextFieldtokens.classes.hasHint, _TextFieldstyles.StyledHintWrapper, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.clearHintInnerLabelPlacementOffset, _TextFieldstyles.StyledIndicator, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.classes.requiredAlignRight, _TextFieldtokens.tokens.clearIndicatorHintInnerRight, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorHover, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorFocus, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColorFocus);
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { css } from "styled-components";
|
|
2
|
-
import { classes, tokens } from "../../TextField.tokens";
|
|
3
|
-
import { Input, InputPlaceholder, InputWrapper, OuterLabelWrapper, StyledContentLeft, StyledContentRight, StyledHintWrapper, StyledIndicator } from "../../TextField.styles";
|
|
4
|
-
export var base = css([
|
|
5
|
-
"&.",
|
|
6
|
-
"{&[readonly] ",
|
|
7
|
-
",",
|
|
8
|
-
"{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}",
|
|
9
|
-
"{margin-left:0;}",
|
|
10
|
-
"{margin-right:0;}&.",
|
|
11
|
-
"{",
|
|
12
|
-
"{margin-bottom:var(",
|
|
13
|
-
");}}",
|
|
14
|
-
"{color:var(",
|
|
15
|
-
");}",
|
|
16
|
-
"{color:var(",
|
|
17
|
-
");}",
|
|
18
|
-
"{&.",
|
|
19
|
-
"{inset:var(",
|
|
20
|
-
");&.",
|
|
21
|
-
"{inset:var(",
|
|
22
|
-
");}}}&.",
|
|
23
|
-
"{",
|
|
24
|
-
"{&.",
|
|
25
|
-
"{inset:var(",
|
|
26
|
-
");}}",
|
|
27
|
-
"{&.",
|
|
28
|
-
".",
|
|
29
|
-
"{inset:var(",
|
|
30
|
-
");}}}&.",
|
|
31
|
-
"{",
|
|
32
|
-
"{--plasma_private-textfield-divider-color:var(",
|
|
33
|
-
");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ",
|
|
34
|
-
":hover{--plasma_private-textfield-divider-color:var( ",
|
|
35
|
-
",var(",
|
|
36
|
-
") );}&:not([readonly]) ",
|
|
37
|
-
":focus-within{--plasma_private-textfield-divider-color:var( ",
|
|
38
|
-
",var(",
|
|
39
|
-
") );",
|
|
40
|
-
"{color:var(",
|
|
41
|
-
");}}}}"
|
|
42
|
-
], classes.clear, InputWrapper, InputWrapper, StyledContentLeft, StyledContentRight, classes.outerLabelPlacement, OuterLabelWrapper, tokens.clearLabelOffset, Input, tokens.clearColor, InputPlaceholder, tokens.clearPlaceholderColor, StyledIndicator, classes.innerLabelPlacement, tokens.clearIndicatorLabelPlacementInner, classes.requiredAlignRight, tokens.clearIndicatorLabelPlacementInnerRight, classes.hasHint, StyledHintWrapper, classes.innerLabelPlacement, tokens.clearHintInnerLabelPlacementOffset, StyledIndicator, classes.innerLabelPlacement, classes.requiredAlignRight, tokens.clearIndicatorHintInnerRight, classes.hasDivider, InputWrapper, String(tokens.dividerColor), InputWrapper, tokens.dividerColorHover, String(tokens.dividerColor), InputWrapper, tokens.dividerColorFocus, String(tokens.dividerColor), InputPlaceholder, tokens.clearPlaceholderColorFocus);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_clear/base.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,0CA+FhB,CAAC"}
|