@salutejs/plasma-new-hope 0.340.0-canary.2321.19133039112.0 → 0.340.0-canary.2322.19132961849.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/DatePicker/DatePicker.tokens.js +6 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -24
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +4 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/cjs/components/Range/Range.css +8 -8
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/{Range.styles_jx7i43.css → Range.styles_it2utg.css} +2 -2
- package/cjs/components/Range/Range.tokens.js +6 -0
- package/cjs/components/Range/Range.tokens.js.map +1 -1
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_1kd2tb.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/cjs/components/Range/Range.styles.js +19 -19
- package/emotion/cjs/components/Range/Range.tokens.js +6 -0
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/cjs/examples/components/Range/Range.config.js +8 -8
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/es/components/Range/Range.styles.js +19 -19
- package/emotion/es/components/Range/Range.tokens.js +6 -0
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/examples/components/Range/Range.config.js +8 -8
- package/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/es/components/DatePicker/RangeDate/RangeDate.js +4 -24
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +4 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/es/components/Range/Range.css +8 -8
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/{Range.styles_jx7i43.css → Range.styles_it2utg.css} +2 -2
- package/es/components/Range/Range.tokens.js +6 -0
- package/es/components/Range/Range.tokens.js.map +1 -1
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_1kd2tb.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +16 -4
- package/styled-components/cjs/components/Range/Range.styles.js +22 -13
- package/styled-components/cjs/components/Range/Range.tokens.js +6 -0
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +3 -2
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +4 -1
- package/styled-components/cjs/examples/components/Range/Range.config.js +4 -1
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +16 -4
- package/styled-components/es/components/Range/Range.styles.js +22 -13
- package/styled-components/es/components/Range/Range.tokens.js +6 -0
- package/styled-components/es/components/Range/variations/_readonly/base.js +3 -2
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +4 -1
- package/styled-components/es/examples/components/Range/Range.config.js +4 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +6 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.tokens.d.ts +6 -0
- package/types/components/Range/Range.tokens.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/Range/Range.config.d.ts.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +0 -4
- package/es/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div
|
|
1
|
+
{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n\n color: var(${tokens.contentSlotColor});\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive});\n }\n`;\n\nexport const StyledContentRight = styled.div`\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","StyledIndicatorWrapper","StyledIndicator","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkEhC,EAAA;AAEM,IAAMC,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,sBAAsB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI3C,EAAA;AAEM,IAAMI,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGpC,EAAA;AAEM,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMM,cAAc,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWnC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMQ,iBAAiB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYtC,EAAA;AAEM,IAAMS,kBAAkB,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWvC;;;;"}
|
|
@@ -6,5 +6,5 @@
|
|
|
6
6
|
|
|
7
7
|
.cfxtxl2{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;position:relative;}.cfxtxl2:before{content:'';position:absolute;inset:0;z-index:-1;}
|
|
8
8
|
|
|
9
|
-
.s15y5ylz{line-height:0;}
|
|
10
|
-
|
|
9
|
+
.s15y5ylz{line-height:0;color:var(--plasma-textfield-content-slot-color);}.s15y5ylz:hover{color:var(--plasma-textfield-content-slot-color-hover);}.s15y5ylz:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
10
|
+
.suha98b{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.suha98b:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.suha98b:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
@@ -33,6 +33,12 @@ var tokens = {
|
|
|
33
33
|
leftContentMargin: '--plasma-range__left-content-margin',
|
|
34
34
|
rightContentMargin: '--plasma-range__right-content-margin',
|
|
35
35
|
rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
|
|
36
|
+
contentSlotColor: '--plasma-textfield-content-slot-color',
|
|
37
|
+
contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
|
|
38
|
+
contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
|
|
39
|
+
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
|
40
|
+
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
|
41
|
+
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
|
36
42
|
/** Токены лейбла */
|
|
37
43
|
labelColor: '--plasma-range__label-color',
|
|
38
44
|
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n requiredAlignRight: 'required-align-right',\n requiredOuterPlacement: 'required-placement-outer',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n shadow: '--plasma-range-shadow',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены индикатора */\n indicatorColor: '--plasma-range__indicator-color',\n\n indicatorSize: '--plasma-range__indicator-size',\n indicatorSizeOuter: '--plasma-range__indicator-size-outer',\n indicatorPlacement: '--plasma-range__indicator-placement',\n indicatorPlacementRight: '--plasma-range__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n leftHelperColorError: '--plasma-range__left-helper-color-error',\n leftHelperColorSuccess: '--plasma-range__left-helper-color-success',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n readOnlyOpacity: '--plasma-range-readonly-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldColorError: '--plasma-range-textfield-color-error',\n textFieldColorSuccess: '--plasma-range-textfield-color-success',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldPlaceholderColorFocus: '--plasma-range-textfield__placeholder-color-focus',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","requiredAlignRight","requiredOuterPlacement","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","shadow","dividerColor","dividerColorReadOnly","dividerOpacityReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","rightContentOpacityReadOnly","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperColorError","leftHelperColorSuccess","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","readOnlyOpacity","focusColor","textFieldColor","textFieldColorError","textFieldColorSuccess","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldPlaceholderColorFocus","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n requiredAlignRight: 'required-align-right',\n requiredOuterPlacement: 'required-placement-outer',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n shadow: '--plasma-range-shadow',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',\n\n contentSlotColor: '--plasma-textfield-content-slot-color',\n contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены индикатора */\n indicatorColor: '--plasma-range__indicator-color',\n\n indicatorSize: '--plasma-range__indicator-size',\n indicatorSizeOuter: '--plasma-range__indicator-size-outer',\n indicatorPlacement: '--plasma-range__indicator-placement',\n indicatorPlacementRight: '--plasma-range__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n leftHelperColorError: '--plasma-range__left-helper-color-error',\n leftHelperColorSuccess: '--plasma-range__left-helper-color-success',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n readOnlyOpacity: '--plasma-range-readonly-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldColorError: '--plasma-range-textfield-color-error',\n textFieldColorSuccess: '--plasma-range-textfield-color-success',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldPlaceholderColorFocus: '--plasma-range-textfield__placeholder-color-focus',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","requiredAlignRight","requiredOuterPlacement","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","shadow","dividerColor","dividerColorReadOnly","dividerOpacityReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","rightContentOpacityReadOnly","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperColorError","leftHelperColorSuccess","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","readOnlyOpacity","focusColor","textFieldColor","textFieldColorError","textFieldColorSuccess","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldPlaceholderColorFocus","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledLabel,\n} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n box-shadow: none;\n background: transparent;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAYO,IAAMA,IAAI,
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledLabel,\n} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n box-shadow: none;\n background: transparent;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAYO,IAAMA,IAAI,GAoDhB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .cfxtxl2{position:relative;box-shadow:none;background:transparent;}.b1l9fpln[readonly] .cfxtxl2:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.b1l9fpln[readonly] .s14q3826{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .l1e6rwfy{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .s1hiyoiq{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.b1l9fpln[readonly] .s15y5ylz,.b1l9fpln[readonly] .suha98b{color:var(--plasma-range-textfield-color-readonly);}.b1l9fpln[readonly] .suha98b{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
|
1
|
+
.b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .cfxtxl2{position:relative;box-shadow:none;background:transparent;}.b1l9fpln[readonly] .cfxtxl2:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.b1l9fpln[readonly] .s14q3826{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .l1e6rwfy{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .s1hiyoiq{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.b1l9fpln[readonly] .s15y5ylz,.b1l9fpln[readonly] .suha98b{color:var(--plasma-range-textfield-color-readonly);}.b1l9fpln[readonly] .s15y5ylz:hover,.b1l9fpln[readonly] .suha98b:hover,.b1l9fpln[readonly] .s15y5ylz:active,.b1l9fpln[readonly] .suha98b:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.b1l9fpln[readonly] .suha98b{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
package/es/index.css
CHANGED
|
@@ -798,18 +798,18 @@
|
|
|
798
798
|
|
|
799
799
|
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
|
800
800
|
|
|
801
|
-
.
|
|
801
|
+
.base_1lu7vb0_b1l9fpln__f7dac64b[readonly]{cursor:default;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_cfxtxl2__f7dac64b{position:relative;box-shadow:none;background:transparent;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_cfxtxl2__f7dac64b:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s14q3826__f7dac64b{display:block;color:var(--plasma-range__label-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_l1e6rwfy__f7dac64b{color:var(--plasma-range__left-helper-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s1hiyoiq__f7dac64b{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b{color:var(--plasma-range-textfield-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b:hover,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b:hover,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b:active,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
|
802
802
|
|
|
803
|
-
.
|
|
804
|
-
.
|
|
803
|
+
.Range_styles_it2utg_s1k2erwt__c15202aa{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueError__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueSuccess__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
|
|
804
|
+
.Range_styles_it2utg_b16kyj37__c15202aa{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
805
805
|
|
|
806
|
-
.
|
|
807
|
-
.
|
|
806
|
+
.Range_styles_it2utg_s1fwucr5__c15202aa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
807
|
+
.Range_styles_it2utg_szi0aji__c15202aa{position:absolute;border-radius:50%;}
|
|
808
808
|
|
|
809
|
-
.
|
|
810
|
-
|
|
811
|
-
.Range_styles_jx7i43_s15y5ylz__c0e807d1{line-height:0;}
|
|
809
|
+
.Range_styles_it2utg_cfxtxl2__c15202aa{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;position:relative;}.Range_styles_it2utg_cfxtxl2__c15202aa:before{content:'';position:absolute;inset:0;z-index:-1;}
|
|
812
810
|
|
|
811
|
+
.Range_styles_it2utg_s15y5ylz__c15202aa{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_it2utg_s15y5ylz__c15202aa:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_it2utg_s15y5ylz__c15202aa:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
812
|
+
.Range_styles_it2utg_suha98b__c15202aa{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_it2utg_suha98b__c15202aa:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_it2utg_suha98b__c15202aa:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
813
813
|
|
|
814
814
|
.Accordion_styles_rsiff6_bjv6ypd__465a9c67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-accordion-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;background:var(--plasma-accordion-background);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFixed__465a9c67{width:var(--plasma-accordion-width);}.Accordion_styles_rsiff6_bjv6ypd__465a9c67.Accordion_styles_rsiff6_accordionStretchingFilled__465a9c67{width:100%;}
|
|
815
815
|
|
|
@@ -850,9 +850,9 @@
|
|
|
850
850
|
.base_1jzoeeg_bc1qq8l__fe94997b[readonly]{cursor:default;--plasma-date-picker-textfield-background-color-readonly:transparent;}.base_1jzoeeg_bc1qq8l__fe94997b[readonly] .base_1jzoeeg_ls94ai0__fe94997b{color:var(--plasma-date-picker__left-helper-color-readonly);}
|
|
851
851
|
|
|
852
852
|
|
|
853
|
-
.
|
|
854
|
-
.
|
|
855
|
-
.
|
|
853
|
+
.RangeDate_styles_21hloy_s1sos0hp__65ed65fd{--plasma-range-background:var(--plasma-date-picker_range-background);--plasma-range-background-error:var(--plasma-date-picker_range-background-error);--plasma-range-background-success:var(--plasma-date-picker_range-background-success);--plasma-range-readonly-opacity:var(--plasma-date-picker-readonly-opacity);--plasma-range-border-color:var(--plasma-date-picker_range-border-color);--plasma-range-border-color-error:var(--plasma-date-picker_range-border-color-error);--plasma-range-border-color-success:var(--plasma-date-picker_range-border-color-success);--plasma-range-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range__divider-color:var(--plasma-date-picker_range__divider-color);--plasma-range__label-color:var(--plasma-date-picker__label-color);--plasma-range__left-helper-color:var(--plasma-date-picker__left-helper-color);--plasma-range-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-range-textfield-placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-range-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-range-textfield-caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-range-textfield-background-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-range-textfield-background-color-error:var(--plasma-date-picker-textfield-background-color-error);--plasma-range-textfield-background-color-error-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-range-textfield-background-color-success:var(--plasma-date-picker-textfield-background-color-success);--plasma-range-textfield-background-color-success-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-range-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-focus);--plasma-range-textfield-border-color-error:var(--plasma-date-picker-textfield-border-color-error);--plasma-range-textfield-border-color-error-focus:var(--plasma-date-picker-textfield-border-color-error-focus);--plasma-range-textfield-border-color-success:var(--plasma-date-picker-textfield-border-color-success);--plasma-range-textfield-border-color-success-focus:var(--plasma-date-picker-textfield-border-color-success-focus);--plasma-range-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-range-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-range-focus-color:var(--plasma-date-picker-focus-color);--plasma-range-border-radius:var(--plasma-date-picker_range-border-radius);--plasma-range__divider-padding:var(--plasma-date-picker_range__divider-padding);--plasma-range__divider-font-family:var(--plasma-date-picker_range__divider-font-family);--plasma-range__divider-font-style:var(--plasma-date-picker_range__divider-font-style);--plasma-range__divider-font-size:var(--plasma-date-picker_range__divider-font-size);--plasma-range__divider-font-weight:var(--plasma-date-picker_range__divider-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-date-picker_range__divider-letter-spacing);--plasma-range__divider-line-height:var(--plasma-date-picker_range__divider-line-height);--plasma-range__left-content-margin:var(--plasma-date-picker_range__left-content-margin);--plasma-range__right-content-margin:var(--plasma-date-picker_range__right-content-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-date-picker-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-date-picker-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-date-picker-content-right-slot-color-active);--plasma-range__label-offset:var(--plasma-date-picker__label-offset);--plasma-range__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-range__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-range__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-range__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-range__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-range__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-range__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-range__indicator-size:var(--plasma-date-picker__indicator-size);--plasma-range__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-range__indicator-placement:var(--plasma-date-picker__indicator-placement);--plasma-range__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-range__indicator-placement-right:var(--plasma-date-picker__indicator-placement-right);--plasma-range__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-range-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-range-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-range-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-range-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-range-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-range-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-range-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-range__left-helper-offset:var(--plasma-date-picker__left-helper-offset);--plasma-range__left-helper-font-family:var(--plasma-date-picker__left-helper-font-family);--plasma-range__left-helper-font-style:var(--plasma-date-picker__left-helper-font-style);--plasma-range__left-helper-font-size:var(--plasma-date-picker__left-helper-font-size);--plasma-range__left-helper-font-weight:var(--plasma-date-picker__left-helper-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-date-picker__left-helper-line-height);--plasma-range-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-range-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-range__right-content-opacity-readonly:var(--plasma-date-picker_range__right-content-opacity-readonly);--plasma-range-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-range-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-range-background-readonly:var(--plasma-date-picker_range-background-readonly);--plasma-range__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-range__left-helper-color-readonly:var(--plasma-date-picker__left-helper-color-readonly);--plasma-range__divider-color-readonly:var(--plasma-date-picker_range__divider-color-readonly);--plasma-range__divider-opacity-readonly:var(--plasma-date-picker_range__divider-opacity-readonly);--plasma-range-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-range-textfield-background-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-range-textfield-placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);}
|
|
854
|
+
.RangeDate_styles_21hloy_b1x6qh3t__65ed65fd{display:inline-block;}.RangeDate_styles_21hloy_b1x6qh3t__65ed65fd .RangeDate_styles_21hloy_popoverWrapper__65ed65fd,.RangeDate_styles_21hloy_b1x6qh3t__65ed65fd .RangeDate_styles_21hloy_popoverTarget__65ed65fd{width:inherit;}.RangeDate_styles_21hloy_b1x6qh3t__65ed65fd.RangeDate_styles_21hloy_datePickerStretched__65ed65fd{width:100%;}.RangeDate_styles_21hloy_b1x6qh3t__65ed65fd.RangeDate_styles_21hloy_datePickerStretched__65ed65fd .RangeDate_styles_21hloy_popoverRoot__65ed65fd,.RangeDate_styles_21hloy_b1x6qh3t__65ed65fd.RangeDate_styles_21hloy_datePickerStretched__65ed65fd .RangeDate_styles_21hloy_s1sos0hp__65ed65fd{width:100%;}
|
|
855
|
+
.RangeDate_styles_21hloy_ls94ai0__65ed65fd{color:var(--plasma-date-picker__left-helper-color);}.RangeDate_styles_21hloy_ls94ai0__65ed65fd.RangeDate_styles_21hloy_datePickerError__65ed65fd{color:var(--plasma-date-picker__left-helper-color-error);}.RangeDate_styles_21hloy_ls94ai0__65ed65fd.RangeDate_styles_21hloy_datePickerSuccess__65ed65fd{color:var(--plasma-date-picker__left-helper-color-success);}
|
|
856
856
|
|
|
857
857
|
.RangeDatePopover_styles_k6m3t6_s1ld9lms__633d17d5{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-datepicker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-datepicker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-datepicker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-datepicker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-datepicker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-datepicker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-datepicker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-datepicker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-datepicker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-datepicker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-datepicker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-datepicker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-datepicker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-datepicker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-datepicker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-datepicker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-datepicker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-datepicker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-datepicker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-datepicker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-datepicker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-datepicker-calendar-tooltip-arrow-edge-margin);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
|
|
858
858
|
.RangeDatePopover_styles_k6m3t6_s1rn242y__633d17d5{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-event-item-bottom:var(--plasma-date-picker-calendar__event-item-bottom);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-tooltip-padding-top:var(--plasma-datepicker-calendar-tooltip-padding-top);--plasma-calendar-tooltip-padding-right:var(--plasma-datepicker-calendar-tooltip-padding-right);--plasma-calendar-tooltip-padding-bottom:var(--plasma-datepicker-calendar-tooltip-padding-bottom);--plasma-calendar-tooltip-padding-left:var(--plasma-datepicker-calendar-tooltip-padding-left);--plasma-calendar-tooltip-min-height:var(--plasma-datepicker-calendar-tooltip-min-height);--plasma-calendar-tooltip-background-color:var(--plasma-datepicker-calendar-tooltip-background-color);--plasma-calendar-tooltip-box-shadow:var(--plasma-datepicker-calendar-tooltip-box-shadow);--plasma-calendar-tooltip-border-radius:var(--plasma-datepicker-calendar-tooltip-border-radius);--plasma-calendar-tooltip-color:var(--plasma-datepicker-calendar-tooltip-color);--plasma-calendar-tooltip-text-font-family:var(--plasma-datepicker-calendar-tooltip-text-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-datepicker-calendar-tooltip-text-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-datepicker-calendar-tooltip-text-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-datepicker-calendar-tooltip-text-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-datepicker-calendar-tooltip-text-font-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-datepicker-calendar-tooltip-text-font-line-height);--plasma-calendar-tooltip-content-left-margin:var(--plasma-datepicker-calendar-tooltip-content-left-margin);--plasma-calendar-tooltip-arrow-mask-width:var(--plasma-datepicker-calendar-tooltip-arrow-mask-width);--plasma-calendar-tooltip-arrow-mask-height:var(--plasma-datepicker-calendar-tooltip-arrow-mask-height);--plasma-calendar-tooltip-arrow-mask-image:var(--plasma-datepicker-calendar-tooltip-arrow-mask-image);--plasma-calendar-tooltip-arrow-background:var(--plasma-datepicker-calendar-tooltip-arrow-background);--plasma-calendar-tooltip-arrow-height:var(--plasma-datepicker-calendar-tooltip-arrow-height);--plasma-calendar-tooltip-arrow-edge-margin:var(--plasma-datepicker-calendar-tooltip-arrow-edge-margin);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.340.0-canary.
|
|
3
|
+
"version": "0.340.0-canary.2322.19132961849.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "11670d8b39b069b8beced082c96f4467177b36d2"
|
|
141
141
|
}
|
|
@@ -56,6 +56,12 @@ var tokens = {
|
|
|
56
56
|
/** Токены слотов для контента в range */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
|
57
57
|
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
|
58
58
|
rightContentOpacityReadOnly: '--plasma-date-picker_range__right-content-opacity-readonly',
|
|
59
|
+
contentSlotColor: '--plasma-date-picker-content-slot-color',
|
|
60
|
+
contentSlotColorHover: '--plasma-date-picker-content-slot-color-hover',
|
|
61
|
+
contentSlotColorActive: '--plasma-date-picker-content-slot-color-active',
|
|
62
|
+
contentSlotRightColor: '--plasma-date-picker-content-right-slot-color',
|
|
63
|
+
contentSlotRightColorHover: '--plasma-date-picker-content-right-slot-color-hover',
|
|
64
|
+
contentSlotRightColorActive: '--plasma-date-picker-content-right-slot-color-active',
|
|
59
65
|
/** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
|
|
60
66
|
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
|
61
67
|
labelOffset: '--plasma-date-picker__label-offset',
|
|
@@ -19,7 +19,6 @@ _export(exports, {
|
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
20
20
|
var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
21
21
|
var _utils = require("../../../utils");
|
|
22
|
-
var _datejs = require("../../../utils/datejs");
|
|
23
22
|
var _dateHelper = require("../utils/dateHelper");
|
|
24
23
|
var _useDatePicker = require("../hooks/useDatePicker");
|
|
25
24
|
var _DatePickertokens = require("../DatePicker.tokens");
|
|
@@ -487,34 +486,18 @@ var datePickerRangeRoot = function(Root) {
|
|
|
487
486
|
prevValue,
|
|
488
487
|
chosenDate
|
|
489
488
|
]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
* Если нет, то вызываем handle{First,Second}CalendarPick
|
|
493
|
-
*/ _datejs.customDayjs.locale(lang);
|
|
494
|
-
var firstFormatted = first ? (0, _datejs.customDayjs)(first).format(format) : '';
|
|
495
|
-
var secondFormatted = second ? (0, _datejs.customDayjs)(second).format(format) : '';
|
|
496
|
-
if (firstFormatted !== inputFirstValue) {
|
|
497
|
-
handleFirstCalendarPick(first, dateInfo);
|
|
498
|
-
}
|
|
499
|
-
if (secondFormatted !== inputSecondValue) {
|
|
500
|
-
handleSecondCalendarPick(second, dateInfo);
|
|
501
|
-
}
|
|
489
|
+
handleFirstCalendarPick(first, dateInfo);
|
|
490
|
+
handleSecondCalendarPick(second, dateInfo);
|
|
502
491
|
if (!firstValueError && !secondValueError && closeAfterDateSelect) {
|
|
503
492
|
handleToggle(false);
|
|
504
493
|
}
|
|
505
494
|
};
|
|
506
495
|
var handleChangeCalendarValue = function(param, dateInfo) {
|
|
507
496
|
var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
|
|
508
|
-
|
|
509
|
-
* NOTE: проверяем совпадает ли новая дата с предыдущей
|
|
510
|
-
* Если нет, то вызываем handle{First,Second}CalendarPick
|
|
511
|
-
*/ _datejs.customDayjs.locale(lang);
|
|
512
|
-
var firstFormatted = firstDate ? (0, _datejs.customDayjs)(firstDate).format(format) : '';
|
|
513
|
-
var secondFormatted = secondDate ? (0, _datejs.customDayjs)(secondDate).format(format) : '';
|
|
514
|
-
if (firstFormatted !== inputFirstValue) {
|
|
497
|
+
if (firstDate) {
|
|
515
498
|
handleFirstCalendarPick(firstDate, dateInfo);
|
|
516
499
|
}
|
|
517
|
-
if (
|
|
500
|
+
if (secondDate) {
|
|
518
501
|
handleSecondCalendarPick(secondDate, dateInfo);
|
|
519
502
|
}
|
|
520
503
|
if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
|
|
@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
|
|
|
74
74
|
var Popover = (0, _engines.component)(mergedPopoverConfig);
|
|
75
75
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
76
76
|
displayName: "RangeDate.styles__StyledPopover",
|
|
77
|
-
componentId: "sc-
|
|
77
|
+
componentId: "sc-a004c634-0"
|
|
78
78
|
})([
|
|
79
79
|
""
|
|
80
80
|
]);
|
|
81
81
|
var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
|
|
82
82
|
displayName: "RangeDate.styles__StyledRange",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-a004c634-1"
|
|
84
84
|
})([
|
|
85
85
|
"",
|
|
86
86
|
":var(",
|
|
@@ -246,8 +246,20 @@ var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
|
|
|
246
246
|
":var(",
|
|
247
247
|
");",
|
|
248
248
|
":var(",
|
|
249
|
+
");",
|
|
250
|
+
":var(",
|
|
251
|
+
");",
|
|
252
|
+
":var(",
|
|
253
|
+
");",
|
|
254
|
+
":var(",
|
|
255
|
+
");",
|
|
256
|
+
":var(",
|
|
257
|
+
");",
|
|
258
|
+
":var(",
|
|
259
|
+
");",
|
|
260
|
+
":var(",
|
|
249
261
|
");"
|
|
250
|
-
], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePickertokens.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePickertokens.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePickertokens.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePickertokens.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePickertokens.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
|
|
262
|
+
], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.contentSlotColor, _DatePickertokens.tokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _DatePickertokens.tokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _DatePickertokens.tokens.contentSlotColorActive, _Range.rangeTokens.contentSlotRightColor, _DatePickertokens.tokens.contentSlotRightColor, _Range.rangeTokens.contentSlotRightColorHover, _DatePickertokens.tokens.contentSlotRightColorHover, _Range.rangeTokens.contentSlotRightColorActive, _DatePickertokens.tokens.contentSlotRightColorActive, _Range.rangeTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePickertokens.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePickertokens.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePickertokens.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePickertokens.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePickertokens.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
|
|
251
263
|
var base = (0, _styledcomponents.css)([
|
|
252
264
|
"display:inline-block;.",
|
|
253
265
|
",.",
|
|
@@ -258,7 +270,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
258
270
|
], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root, StyledRange);
|
|
259
271
|
var LeftHelper = _styledcomponents.default.div.withConfig({
|
|
260
272
|
displayName: "RangeDate.styles__LeftHelper",
|
|
261
|
-
componentId: "sc-
|
|
273
|
+
componentId: "sc-a004c634-2"
|
|
262
274
|
})([
|
|
263
275
|
"color:var(",
|
|
264
276
|
");&.",
|
|
@@ -89,7 +89,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
|
|
89
89
|
var TextField = (0, _engines.component)(mergedConfig);
|
|
90
90
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
91
91
|
displayName: "Range.styles__StyledInput",
|
|
92
|
-
componentId: "sc-
|
|
92
|
+
componentId: "sc-f22ebc20-0"
|
|
93
93
|
})([
|
|
94
94
|
"width:100%;",
|
|
95
95
|
":var(",
|
|
@@ -194,49 +194,58 @@ var base = (0, _styledcomponents.css)([
|
|
|
194
194
|
]);
|
|
195
195
|
var StyledLabel = _styledcomponents.default.label.withConfig({
|
|
196
196
|
displayName: "Range.styles__StyledLabel",
|
|
197
|
-
componentId: "sc-
|
|
197
|
+
componentId: "sc-f22ebc20-1"
|
|
198
198
|
})([
|
|
199
199
|
""
|
|
200
200
|
]);
|
|
201
201
|
var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
|
|
202
202
|
displayName: "Range.styles__StyledIndicatorWrapper",
|
|
203
|
-
componentId: "sc-
|
|
203
|
+
componentId: "sc-f22ebc20-2"
|
|
204
204
|
})([
|
|
205
205
|
"position:relative;display:inline-flex;align-items:center;"
|
|
206
206
|
]);
|
|
207
207
|
var StyledIndicator = _styledcomponents.default.div.withConfig({
|
|
208
208
|
displayName: "Range.styles__StyledIndicator",
|
|
209
|
-
componentId: "sc-
|
|
209
|
+
componentId: "sc-f22ebc20-3"
|
|
210
210
|
})([
|
|
211
211
|
"position:absolute;border-radius:50%;"
|
|
212
212
|
]);
|
|
213
213
|
var LeftHelper = _styledcomponents.default.div.withConfig({
|
|
214
214
|
displayName: "Range.styles__LeftHelper",
|
|
215
|
-
componentId: "sc-
|
|
215
|
+
componentId: "sc-f22ebc20-4"
|
|
216
216
|
})([
|
|
217
217
|
""
|
|
218
218
|
]);
|
|
219
219
|
var ContentWrapper = _styledcomponents.default.div.withConfig({
|
|
220
220
|
displayName: "Range.styles__ContentWrapper",
|
|
221
|
-
componentId: "sc-
|
|
221
|
+
componentId: "sc-f22ebc20-5"
|
|
222
222
|
})([
|
|
223
223
|
"display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}"
|
|
224
224
|
]);
|
|
225
225
|
var StyledDivider = _styledcomponents.default.div.withConfig({
|
|
226
226
|
displayName: "Range.styles__StyledDivider",
|
|
227
|
-
componentId: "sc-
|
|
227
|
+
componentId: "sc-f22ebc20-6"
|
|
228
228
|
})([
|
|
229
229
|
""
|
|
230
230
|
]);
|
|
231
231
|
var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
232
232
|
displayName: "Range.styles__StyledContentLeft",
|
|
233
|
-
componentId: "sc-
|
|
233
|
+
componentId: "sc-f22ebc20-7"
|
|
234
234
|
})([
|
|
235
|
-
"line-height:0;"
|
|
236
|
-
|
|
235
|
+
"line-height:0;color:var(",
|
|
236
|
+
");&:hover{color:var(",
|
|
237
|
+
");}&:active{color:var(",
|
|
238
|
+
");}"
|
|
239
|
+
], _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorActive);
|
|
237
240
|
var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
238
241
|
displayName: "Range.styles__StyledContentRight",
|
|
239
|
-
componentId: "sc-
|
|
242
|
+
componentId: "sc-f22ebc20-8"
|
|
240
243
|
})([
|
|
241
|
-
""
|
|
242
|
-
|
|
244
|
+
"color:var(",
|
|
245
|
+
",var(",
|
|
246
|
+
"));&:hover{color:var(",
|
|
247
|
+
",var(",
|
|
248
|
+
"));cursor:pointer;}&:active{color:var(",
|
|
249
|
+
",var(",
|
|
250
|
+
"));}"
|
|
251
|
+
], _Rangetokens.tokens.contentSlotRightColor, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotRightColorHover, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotRightColorActive, _Rangetokens.tokens.contentSlotColorActive);
|
|
@@ -49,6 +49,12 @@ var tokens = {
|
|
|
49
49
|
/** Токены слотов для контента */ leftContentMargin: '--plasma-range__left-content-margin',
|
|
50
50
|
rightContentMargin: '--plasma-range__right-content-margin',
|
|
51
51
|
rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
|
|
52
|
+
contentSlotColor: '--plasma-textfield-content-slot-color',
|
|
53
|
+
contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
|
|
54
|
+
contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
|
|
55
|
+
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
|
56
|
+
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
|
57
|
+
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
|
52
58
|
/** Токены лейбла */ labelColor: '--plasma-range__label-color',
|
|
53
59
|
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
|
54
60
|
labelOffset: '--plasma-range__label-offset',
|
|
@@ -28,7 +28,8 @@ var base = (0, _styledcomponents.css)([
|
|
|
28
28
|
");}",
|
|
29
29
|
",",
|
|
30
30
|
"{color:var(",
|
|
31
|
-
")
|
|
31
|
+
");&:hover,&:active{color:var(",
|
|
32
|
+
");cursor:default;}}",
|
|
32
33
|
"{opacity:var(",
|
|
33
34
|
");}}"
|
|
34
|
-
], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
|
|
35
|
+
], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
|