@salutejs/sdds-cs 0.336.0-canary.2403.20455152253.0 → 0.336.0-dev.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/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/emotion/cjs/components/Range/Range.config.js +23 -19
- package/dist/emotion/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/emotion/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/emotion/cjs/components/Typography/Typography.js +0 -6
- package/dist/emotion/cjs/components/Typography/index.js +0 -3
- package/dist/emotion/es/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/emotion/es/components/Range/Range.config.js +23 -19
- package/dist/emotion/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/emotion/es/components/Typography/Heading.config.js +0 -27
- package/dist/emotion/es/components/Typography/Typography.js +1 -4
- package/dist/emotion/es/components/Typography/index.js +1 -1
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/styled-components/cjs/components/Range/Range.config.js +23 -19
- package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/styled-components/cjs/components/Typography/Heading.config.js +0 -30
- package/dist/styled-components/cjs/components/Typography/Typography.js +0 -6
- package/dist/styled-components/cjs/components/Typography/index.js +0 -3
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +8 -3
- package/dist/styled-components/es/components/Range/Range.config.js +23 -19
- package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +11 -23
- package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +17 -32
- package/dist/styled-components/es/components/Typography/Heading.config.js +0 -27
- package/dist/styled-components/es/components/Typography/Typography.js +1 -4
- package/dist/styled-components/es/components/Typography/index.js +1 -1
- package/package.json +7 -7
- package/types/components/DatePicker/DatePicker.d.ts +19 -5
- package/types/components/Range/Range.d.ts +555 -3
- package/types/components/Skeleton/LineSkeleton.config.d.ts +0 -1
- package/types/components/Skeleton/Skeleton.d.ts +0 -2
- package/types/components/Tabs/Tabs.d.ts +0 -1
- package/types/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -1
- package/types/components/Typography/Heading.config.d.ts +0 -10
- package/types/components/Typography/Typography.d.ts +0 -17
- package/types/components/Typography/index.d.ts +1 -1
|
@@ -110,21 +110,26 @@ function _templateObject1() {
|
|
|
110
110
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
111
111
|
": 0 0 0 0.75rem;\n ",
|
|
112
112
|
": 0;\n\n ",
|
|
113
|
-
": 0.5rem;\n ",
|
|
114
113
|
": 0.3125rem 0 0 0;\n ",
|
|
115
114
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
115
|
+
": 0.5rem;\n ",
|
|
116
116
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
117
117
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
118
118
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
119
119
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
120
120
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
121
121
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
122
|
+
": 0.25rem;\n ",
|
|
122
123
|
": 0.375rem;\n ",
|
|
123
|
-
": 0.375rem;\n ",
|
|
124
|
+
": 0.375rem;\n\n ",
|
|
124
125
|
": 0 0 0 0;\n ",
|
|
125
126
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
126
127
|
": 0 0 auto auto;\n ",
|
|
127
128
|
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
129
|
+
": 0.25rem;\n ",
|
|
130
|
+
": -0.75rem;\n ",
|
|
131
|
+
": auto 0 -0.5rem auto;\n ",
|
|
132
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
128
133
|
": 2.5rem;\n ",
|
|
129
134
|
": 0.625rem;\n ",
|
|
130
135
|
": 0.125rem;\n ",
|
|
@@ -261,7 +266,7 @@ var config = {
|
|
|
261
266
|
default: (0, _emotion.css)(_templateObject(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorError, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBorderColor, _emotion.datePickerTokens.textFieldBorderColorHover, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldBorderColorError, _emotion.datePickerTokens.textFieldBorderColorErrorFocus, _emotion.datePickerTokens.textFieldBorderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorSuccessFocus, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldContentSlotColor, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.calendarContentPrimaryDisabledColor, _emotion.datePickerTokens.calendarContentSecondaryDisabledColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarBorderColor, _emotion.datePickerTokens.calendarDayOfWeekColor, _emotion.datePickerTokens.calendarDisabledOpacity, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor, _emotion.datePickerTokens.textFieldContentRightSlotColor, _emotion.datePickerTokens.textFieldContentRightSlotColorHover)
|
|
262
267
|
},
|
|
263
268
|
size: {
|
|
264
|
-
s: (0, _emotion.css)(_templateObject1(), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.
|
|
269
|
+
s: (0, _emotion.css)(_templateObject1(), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.labelInnerPadding, _emotion.datePickerTokens.contentLabelInnerPadding, _emotion.datePickerTokens.labelWrapperOffset, _emotion.datePickerTokens.labelFontFamily, _emotion.datePickerTokens.labelFontStyle, _emotion.datePickerTokens.labelFontSize, _emotion.datePickerTokens.labelFontWeight, _emotion.datePickerTokens.labelLetterSpacing, _emotion.datePickerTokens.labelLineHeight, _emotion.datePickerTokens.indicatorWrapperGap, _emotion.datePickerTokens.indicatorSizeInner, _emotion.datePickerTokens.indicatorSizeOuter, _emotion.datePickerTokens.indicatorPlacement, _emotion.datePickerTokens.indicatorOuterPlacement, _emotion.datePickerTokens.indicatorPlacementRight, _emotion.datePickerTokens.indicatorOuterPlacementRight, _emotion.datePickerTokens.indicatorMarginTop, _emotion.datePickerTokens.indicatorOuterLeft, _emotion.datePickerTokens.indicatorWithoutLabelInner, _emotion.datePickerTokens.indicatorWithoutLabelInnerLeft, _emotion.datePickerTokens.textFieldHeight, _emotion.datePickerTokens.textFieldBorderRadius, _emotion.datePickerTokens.textFieldBorderWidth, _emotion.datePickerTokens.textFieldPadding, _emotion.datePickerTokens.textFieldFontFamily, _emotion.datePickerTokens.textFieldFontStyle, _emotion.datePickerTokens.textFieldFontSize, _emotion.datePickerTokens.textFieldFontWeight, _emotion.datePickerTokens.textFieldLetterSpacing, _emotion.datePickerTokens.textFieldLineHeight, _emotion.datePickerTokens.leftHelperOffset, _emotion.datePickerTokens.leftHelperFontFamily, _emotion.datePickerTokens.leftHelperFontStyle, _emotion.datePickerTokens.leftHelperFontSize, _emotion.datePickerTokens.leftHelperFontWeight, _emotion.datePickerTokens.leftHelperLetterSpacing, _emotion.datePickerTokens.leftHelperLineHeight, _emotion.datePickerTokens.textFieldLeftContentMargin, _emotion.datePickerTokens.textFieldRightContentMargin, _emotion.datePickerTokens.textFieldTextBeforeMargin, _emotion.datePickerTokens.textFieldTextAfterMargin, _emotion.datePickerTokens.calendarBorderWidth, _emotion.datePickerTokens.calendarContainerWidth, _emotion.datePickerTokens.calendarContainerHeight, _emotion.datePickerTokens.calendarBorderRadius, _emotion.datePickerTokens.calendarYearsPadding, _emotion.datePickerTokens.calendarYearItemBorderRadius, _emotion.datePickerTokens.calendarYearFontFamily, _emotion.datePickerTokens.calendarYearFontSize, _emotion.datePickerTokens.calendarYearFontStyle, _emotion.datePickerTokens.calendarYearFontLetterSpacing, _emotion.datePickerTokens.calendarYearFontLineHeight, _emotion.datePickerTokens.calendarYearFontWeight, _emotion.datePickerTokens.calendarYearSelectedFontWeight, _emotion.datePickerTokens.calendarQuartersPadding, _emotion.datePickerTokens.calendarQuarterItemBorderRadius, _emotion.datePickerTokens.calendarQuarterFontFamily, _emotion.datePickerTokens.calendarQuarterFontSize, _emotion.datePickerTokens.calendarQuarterFontStyle, _emotion.datePickerTokens.calendarQuarterFontLetterSpacing, _emotion.datePickerTokens.calendarQuarterFontLineHeight, _emotion.datePickerTokens.calendarQuarterFontWeight, _emotion.datePickerTokens.calendarQuarterSelectedFontWeight, _emotion.datePickerTokens.calendarMonthsPadding, _emotion.datePickerTokens.calendarMonthItemBorderRadius, _emotion.datePickerTokens.calendarMonthFontFamily, _emotion.datePickerTokens.calendarMonthFontSize, _emotion.datePickerTokens.calendarMonthFontStyle, _emotion.datePickerTokens.calendarMonthFontLetterSpacing, _emotion.datePickerTokens.calendarMonthFontLineHeight, _emotion.datePickerTokens.calendarMonthFontWeight, _emotion.datePickerTokens.calendarMonthSelectedFontWeight, _emotion.datePickerTokens.calendarDaysPadding, _emotion.datePickerTokens.calendarDayItemBorderRadius, _emotion.datePickerTokens.calendarDayFontFamily, _emotion.datePickerTokens.calendarDayFontSize, _emotion.datePickerTokens.calendarDayFontStyle, _emotion.datePickerTokens.calendarDayFontLetterSpacing, _emotion.datePickerTokens.calendarDayFontLineHeight, _emotion.datePickerTokens.calendarDayFontWeight, _emotion.datePickerTokens.calendarDaySelectedFontWeight, _emotion.datePickerTokens.calendarCurrentItemBorderWidth, _emotion.datePickerTokens.calendarHeaderWrapperPadding, _emotion.datePickerTokens.calendarHeaderArrowGap, _emotion.datePickerTokens.calendarHeaderArrowCustomSize, _emotion.datePickerTokens.calendarHeaderPadding, _emotion.datePickerTokens.calendarHeaderDateGap, _emotion.datePickerTokens.calendarHeaderFontFamily, _emotion.datePickerTokens.calendarHeaderFontSize, _emotion.datePickerTokens.calendarHeaderFontStyle, _emotion.datePickerTokens.calendarHeaderFontLetterSpacing, _emotion.datePickerTokens.calendarHeaderFontLineHeight, _emotion.datePickerTokens.calendarHeaderFontWeight, _emotion.datePickerTokens.calendarHeaderFontWeightBold, _emotion.datePickerTokens.iconButtonHeight, _emotion.datePickerTokens.iconButtonWidth, _emotion.datePickerTokens.iconButtonPadding, _emotion.datePickerTokens.iconButtonRadius)
|
|
265
270
|
},
|
|
266
271
|
disabled: {
|
|
267
272
|
true: (0, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
|
|
@@ -68,19 +68,6 @@ function _templateObject1() {
|
|
|
68
68
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
69
69
|
": 0 0.375rem 0 0.75rem;\n ",
|
|
70
70
|
": 0;\n\n ",
|
|
71
|
-
": 0.5rem;\n\n ",
|
|
72
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
73
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
74
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
75
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
76
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
77
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
78
|
-
": 0.375rem;\n ",
|
|
79
|
-
": 0.375rem;\n ",
|
|
80
|
-
": 0 0 0 0;\n ",
|
|
81
|
-
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
82
|
-
": 0 0 auto auto;\n ",
|
|
83
|
-
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
84
71
|
": 2.5rem;\n ",
|
|
85
72
|
": 0.625rem;\n ",
|
|
86
73
|
": 0.125rem;\n ",
|
|
@@ -91,17 +78,34 @@ function _templateObject1() {
|
|
|
91
78
|
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
92
79
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
93
80
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
94
|
-
": 0.
|
|
81
|
+
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
82
|
+
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
83
|
+
": 0 0.25rem 0 0;\n ",
|
|
84
|
+
": 0 0 0 0.25rem;\n\n ",
|
|
95
85
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
96
86
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
97
87
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
98
88
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
99
89
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
100
90
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
101
|
-
":
|
|
102
|
-
":
|
|
103
|
-
": 0
|
|
104
|
-
": 0
|
|
91
|
+
": 0.25rem;\n ",
|
|
92
|
+
": 0.5rem;\n ",
|
|
93
|
+
": 0.25rem;\n ",
|
|
94
|
+
": 0.75rem;\n\n ",
|
|
95
|
+
": 0.375rem;\n ",
|
|
96
|
+
": 0.375rem;\n ",
|
|
97
|
+
": 0.25rem;\n ",
|
|
98
|
+
": -0.75rem;\n ",
|
|
99
|
+
": auto 0 -0.5rem auto;\n ",
|
|
100
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
101
|
+
": 0.25rem 0 0 0;\n ",
|
|
102
|
+
": 0.25rem;\n\n ",
|
|
103
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
104
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
105
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
106
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
107
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
108
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
105
109
|
]);
|
|
106
110
|
_templateObject1 = function _templateObject() {
|
|
107
111
|
return data;
|
|
@@ -153,7 +157,7 @@ var config = {
|
|
|
153
157
|
default: (0, _emotion.css)(_templateObject(), _emotion.rangeTokens.background, _emotion.rangeTokens.borderColor, _emotion.rangeTokens.borderColorError, _emotion.rangeTokens.borderColorSuccess, _emotion.rangeTokens.dividerColor, _emotion.rangeTokens.labelColor, _emotion.rangeTokens.leftHelperColor, _emotion.rangeTokens.leftHelperColorError, _emotion.rangeTokens.leftHelperColorSuccess, _emotion.rangeTokens.contentSlotColor, _emotion.rangeTokens.contentSlotColorHover, _emotion.rangeTokens.contentSlotColorActive, _emotion.rangeTokens.indicatorColor, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor, _emotion.rangeTokens.textFieldPlaceholderColorFocus, _emotion.rangeTokens.textFieldCaretColor, _emotion.rangeTokens.textFieldBorderColorHover, _emotion.rangeTokens.textFieldBorderColorFocus, _emotion.rangeTokens.textFieldBorderColorError, _emotion.rangeTokens.textFieldBorderColorErrorFocus, _emotion.rangeTokens.textFieldBorderColorSuccess, _emotion.rangeTokens.textFieldBorderColorSuccessFocus, _emotion.rangeTokens.focusColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.textFieldTextBeforeColor)
|
|
154
158
|
},
|
|
155
159
|
size: {
|
|
156
|
-
s: (0, _emotion.css)(_templateObject1(), _emotion.rangeTokens.borderRadius, _emotion.rangeTokens.borderWidth, _emotion.rangeTokens.dividerPadding, _emotion.rangeTokens.dividerFontFamily, _emotion.rangeTokens.dividerFontStyle, _emotion.rangeTokens.dividerFontSize, _emotion.rangeTokens.dividerFontWeight, _emotion.rangeTokens.dividerLetterSpacing, _emotion.rangeTokens.dividerLineHeight, _emotion.rangeTokens.leftContentMargin, _emotion.rangeTokens.rightContentMargin, _emotion.rangeTokens.
|
|
160
|
+
s: (0, _emotion.css)(_templateObject1(), _emotion.rangeTokens.borderRadius, _emotion.rangeTokens.borderWidth, _emotion.rangeTokens.dividerPadding, _emotion.rangeTokens.dividerFontFamily, _emotion.rangeTokens.dividerFontStyle, _emotion.rangeTokens.dividerFontSize, _emotion.rangeTokens.dividerFontWeight, _emotion.rangeTokens.dividerLetterSpacing, _emotion.rangeTokens.dividerLineHeight, _emotion.rangeTokens.leftContentMargin, _emotion.rangeTokens.rightContentMargin, _emotion.rangeTokens.textFieldHeight, _emotion.rangeTokens.textFieldBorderRadius, _emotion.rangeTokens.textFieldBorderWidth, _emotion.rangeTokens.textFieldPadding, _emotion.rangeTokens.textFieldFontFamily, _emotion.rangeTokens.textFieldFontStyle, _emotion.rangeTokens.textFieldFontSize, _emotion.rangeTokens.textFieldFontWeight, _emotion.rangeTokens.textFieldLetterSpacing, _emotion.rangeTokens.textFieldLineHeight, _emotion.rangeTokens.textFieldLeftContentMargin, _emotion.rangeTokens.textFieldRightContentMargin, _emotion.rangeTokens.textFieldTextBeforeMargin, _emotion.rangeTokens.textFieldTextAfterMargin, _emotion.rangeTokens.labelFontFamily, _emotion.rangeTokens.labelFontStyle, _emotion.rangeTokens.labelFontSize, _emotion.rangeTokens.labelFontWeight, _emotion.rangeTokens.labelLetterSpacing, _emotion.rangeTokens.labelLineHeight, _emotion.rangeTokens.indicatorWrapperGap, _emotion.rangeTokens.labelWrapperOffset, _emotion.rangeTokens.labelWrapperTitleCaptionOffset, _emotion.rangeTokens.contentGap, _emotion.rangeTokens.indicatorSizeInner, _emotion.rangeTokens.indicatorSizeOuter, _emotion.rangeTokens.indicatorMarginTop, _emotion.rangeTokens.indicatorOuterLeft, _emotion.rangeTokens.indicatorWithoutLabelInner, _emotion.rangeTokens.indicatorWithoutLabelInnerLeft, _emotion.rangeTokens.helpersPadding, _emotion.rangeTokens.helpersGap, _emotion.rangeTokens.leftHelperFontFamily, _emotion.rangeTokens.leftHelperFontStyle, _emotion.rangeTokens.leftHelperFontSize, _emotion.rangeTokens.leftHelperFontWeight, _emotion.rangeTokens.leftHelperLetterSpacing, _emotion.rangeTokens.leftHelperLineHeight)
|
|
157
161
|
},
|
|
158
162
|
disabled: {
|
|
159
163
|
true: (0, _emotion.css)(_templateObject2(), _emotion.rangeTokens.disabledOpacity, _emotion.rangeTokens.background, _emotion.rangeTokens.borderColor, _emotion.rangeTokens.textFieldBorderColorFocus, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor)
|
|
@@ -183,56 +183,45 @@ function _templateObject14() {
|
|
|
183
183
|
return data;
|
|
184
184
|
}
|
|
185
185
|
function _templateObject15() {
|
|
186
|
-
var data = _tagged_template_literal([
|
|
187
|
-
"\n ",
|
|
188
|
-
": var(--plasma-typo-h6-line-height);\n ",
|
|
189
|
-
": var(--plasma-typo-h6-font-size);\n "
|
|
190
|
-
]);
|
|
191
|
-
_templateObject15 = function _templateObject() {
|
|
192
|
-
return data;
|
|
193
|
-
};
|
|
194
|
-
return data;
|
|
195
|
-
}
|
|
196
|
-
function _templateObject16() {
|
|
197
186
|
var data = _tagged_template_literal([
|
|
198
187
|
"\n ",
|
|
199
188
|
": var(--plasma-typo-text-l-line-height);\n ",
|
|
200
189
|
": var(--plasma-typo-text-l-font-size);\n "
|
|
201
190
|
]);
|
|
202
|
-
|
|
191
|
+
_templateObject15 = function _templateObject() {
|
|
203
192
|
return data;
|
|
204
193
|
};
|
|
205
194
|
return data;
|
|
206
195
|
}
|
|
207
|
-
function
|
|
196
|
+
function _templateObject16() {
|
|
208
197
|
var data = _tagged_template_literal([
|
|
209
198
|
"\n ",
|
|
210
199
|
": var(--plasma-typo-text-m-line-height);\n ",
|
|
211
200
|
": var(--plasma-typo-text-m-font-size);\n "
|
|
212
201
|
]);
|
|
213
|
-
|
|
202
|
+
_templateObject16 = function _templateObject() {
|
|
214
203
|
return data;
|
|
215
204
|
};
|
|
216
205
|
return data;
|
|
217
206
|
}
|
|
218
|
-
function
|
|
207
|
+
function _templateObject17() {
|
|
219
208
|
var data = _tagged_template_literal([
|
|
220
209
|
"\n ",
|
|
221
210
|
": var(--plasma-typo-text-s-line-height);\n ",
|
|
222
211
|
": var(--plasma-typo-text-s-font-size);\n "
|
|
223
212
|
]);
|
|
224
|
-
|
|
213
|
+
_templateObject17 = function _templateObject() {
|
|
225
214
|
return data;
|
|
226
215
|
};
|
|
227
216
|
return data;
|
|
228
217
|
}
|
|
229
|
-
function
|
|
218
|
+
function _templateObject18() {
|
|
230
219
|
var data = _tagged_template_literal([
|
|
231
220
|
"\n ",
|
|
232
221
|
": var(--plasma-typo-text-xs-line-height);\n ",
|
|
233
222
|
": var(--plasma-typo-text-xs-font-size);\n "
|
|
234
223
|
]);
|
|
235
|
-
|
|
224
|
+
_templateObject18 = function _templateObject() {
|
|
236
225
|
return data;
|
|
237
226
|
};
|
|
238
227
|
return data;
|
|
@@ -261,11 +250,10 @@ var config = {
|
|
|
261
250
|
h3: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
262
251
|
h4: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
263
252
|
h5: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
textXS: (0, _emotion.css)(_templateObject19(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
|
|
253
|
+
textL: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
254
|
+
textM: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
255
|
+
textS: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
|
|
256
|
+
textXS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
|
|
269
257
|
}
|
|
270
258
|
}
|
|
271
259
|
};
|
|
@@ -157,10 +157,10 @@ function _templateObject8() {
|
|
|
157
157
|
function _templateObject9() {
|
|
158
158
|
var data = _tagged_template_literal([
|
|
159
159
|
"\n ",
|
|
160
|
-
": 0.
|
|
160
|
+
": 0.625rem;\n ",
|
|
161
161
|
": fit-content;\n ",
|
|
162
162
|
": auto;\n ",
|
|
163
|
-
": 0.
|
|
163
|
+
": 0.375rem;\n ",
|
|
164
164
|
": 0rem;\n "
|
|
165
165
|
]);
|
|
166
166
|
_templateObject9 = function _templateObject() {
|
|
@@ -171,10 +171,10 @@ function _templateObject9() {
|
|
|
171
171
|
function _templateObject10() {
|
|
172
172
|
var data = _tagged_template_literal([
|
|
173
173
|
"\n ",
|
|
174
|
-
": 0.
|
|
174
|
+
": 0.75rem;\n ",
|
|
175
175
|
": fit-content;\n ",
|
|
176
176
|
": auto;\n ",
|
|
177
|
-
": 0.
|
|
177
|
+
": 0.5rem;\n ",
|
|
178
178
|
": 0rem;\n "
|
|
179
179
|
]);
|
|
180
180
|
_templateObject10 = function _templateObject() {
|
|
@@ -188,7 +188,7 @@ function _templateObject11() {
|
|
|
188
188
|
": 0.75rem;\n ",
|
|
189
189
|
": fit-content;\n ",
|
|
190
190
|
": auto;\n ",
|
|
191
|
-
":
|
|
191
|
+
": 1rem;\n ",
|
|
192
192
|
": 0rem;\n "
|
|
193
193
|
]);
|
|
194
194
|
_templateObject11 = function _templateObject() {
|
|
@@ -199,11 +199,7 @@ function _templateObject11() {
|
|
|
199
199
|
function _templateObject12() {
|
|
200
200
|
var data = _tagged_template_literal([
|
|
201
201
|
"\n ",
|
|
202
|
-
":
|
|
203
|
-
": fit-content;\n ",
|
|
204
|
-
": auto;\n ",
|
|
205
|
-
": 1rem;\n ",
|
|
206
|
-
": 0rem;\n "
|
|
202
|
+
": 100%;\n "
|
|
207
203
|
]);
|
|
208
204
|
_templateObject12 = function _templateObject() {
|
|
209
205
|
return data;
|
|
@@ -211,16 +207,6 @@ function _templateObject12() {
|
|
|
211
207
|
return data;
|
|
212
208
|
}
|
|
213
209
|
function _templateObject13() {
|
|
214
|
-
var data = _tagged_template_literal([
|
|
215
|
-
"\n ",
|
|
216
|
-
": 100%;\n "
|
|
217
|
-
]);
|
|
218
|
-
_templateObject13 = function _templateObject() {
|
|
219
|
-
return data;
|
|
220
|
-
};
|
|
221
|
-
return data;
|
|
222
|
-
}
|
|
223
|
-
function _templateObject14() {
|
|
224
210
|
var data = _tagged_template_literal([
|
|
225
211
|
"\n ",
|
|
226
212
|
": var(--text-secondary);\n ",
|
|
@@ -235,17 +221,17 @@ function _templateObject14() {
|
|
|
235
221
|
": none;\n ",
|
|
236
222
|
": transparent;\n "
|
|
237
223
|
]);
|
|
238
|
-
|
|
224
|
+
_templateObject13 = function _templateObject() {
|
|
239
225
|
return data;
|
|
240
226
|
};
|
|
241
227
|
return data;
|
|
242
228
|
}
|
|
243
|
-
function
|
|
229
|
+
function _templateObject14() {
|
|
244
230
|
var data = _tagged_template_literal([
|
|
245
231
|
"\n ",
|
|
246
232
|
": 1.625rem;\n "
|
|
247
233
|
]);
|
|
248
|
-
|
|
234
|
+
_templateObject14 = function _templateObject() {
|
|
249
235
|
return data;
|
|
250
236
|
};
|
|
251
237
|
return data;
|
|
@@ -266,21 +252,20 @@ var config = {
|
|
|
266
252
|
s: (0, _emotion.css)(_templateObject4(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
267
253
|
m: (0, _emotion.css)(_templateObject5(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
268
254
|
l: (0, _emotion.css)(_templateObject6(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
h1: (0, _emotion.css)(_templateObject12(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding)
|
|
255
|
+
h5: (0, _emotion.css)(_templateObject7(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
256
|
+
h4: (0, _emotion.css)(_templateObject8(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
257
|
+
h3: (0, _emotion.css)(_templateObject9(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
258
|
+
h2: (0, _emotion.css)(_templateObject10(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding),
|
|
259
|
+
h1: (0, _emotion.css)(_templateObject11(), _emotion.tabsTokens.tabsBorderRadius, _emotion.tabsTokens.tabsWidth, _emotion.tabsTokens.tabsHeight, _emotion.tabsTokens.arrowInnerPadding, _emotion.tabsTokens.arrowOuterPadding)
|
|
275
260
|
},
|
|
276
261
|
stretch: {
|
|
277
|
-
true: (0, _emotion.css)(
|
|
262
|
+
true: (0, _emotion.css)(_templateObject12(), _emotion.tabsTokens.containerWidth)
|
|
278
263
|
},
|
|
279
264
|
disabled: {
|
|
280
|
-
true: (0, _emotion.css)(
|
|
265
|
+
true: (0, _emotion.css)(_templateObject13(), _emotion.tabsTokens.arrowColor, _emotion.tabsTokens.itemColor, _emotion.tabsTokens.itemValueColor, _emotion.tabsTokens.itemColorHover, _emotion.tabsTokens.itemValueColorHover, _emotion.tabsTokens.itemColorActive, _emotion.tabsTokens.itemValueColorActive, _emotion.tabsTokens.itemSelectedColor, _emotion.tabsTokens.itemSelectedDividerColor, _emotion.tabsTokens.itemSelectedDividerColorHover, _emotion.tabsTokens.tabsDividerColor)
|
|
281
266
|
},
|
|
282
267
|
pilled: {
|
|
283
|
-
true: (0, _emotion.css)(
|
|
268
|
+
true: (0, _emotion.css)(_templateObject14(), _emotion.tabsTokens.tabsPilledBorderRadius)
|
|
284
269
|
}
|
|
285
270
|
}
|
|
286
271
|
};
|
|
@@ -23,9 +23,6 @@ _export(exports, {
|
|
|
23
23
|
},
|
|
24
24
|
get configH5 () {
|
|
25
25
|
return configH5;
|
|
26
|
-
},
|
|
27
|
-
get configH6 () {
|
|
28
|
-
return configH6;
|
|
29
26
|
}
|
|
30
27
|
});
|
|
31
28
|
var _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
@@ -124,23 +121,6 @@ function _templateObject4() {
|
|
|
124
121
|
};
|
|
125
122
|
return data;
|
|
126
123
|
}
|
|
127
|
-
function _templateObject5() {
|
|
128
|
-
var data = _tagged_template_literal([
|
|
129
|
-
"\n ",
|
|
130
|
-
": var(--plasma-typo-h6-font-family);\n ",
|
|
131
|
-
": var(--plasma-typo-h6-font-size);\n ",
|
|
132
|
-
": var(--plasma-typo-h6-font-style);\n ",
|
|
133
|
-
": var(--plasma-typo-h6-font-weight);\n ",
|
|
134
|
-
": var(--plasma-typo-h6-bold-font-weight);\n ",
|
|
135
|
-
": var(--plasma-typo-h6-medium-font-weight);\n ",
|
|
136
|
-
": var(--plasma-typo-h6-letter-spacing);\n ",
|
|
137
|
-
": var(--plasma-typo-h6-line-height);\n "
|
|
138
|
-
]);
|
|
139
|
-
_templateObject5 = function _templateObject() {
|
|
140
|
-
return data;
|
|
141
|
-
};
|
|
142
|
-
return data;
|
|
143
|
-
}
|
|
144
124
|
var configH1 = {
|
|
145
125
|
defaults: {
|
|
146
126
|
size: 'h1'
|
|
@@ -191,13 +171,3 @@ var configH5 = {
|
|
|
191
171
|
}
|
|
192
172
|
}
|
|
193
173
|
};
|
|
194
|
-
var configH6 = {
|
|
195
|
-
defaults: {
|
|
196
|
-
size: 'h6'
|
|
197
|
-
},
|
|
198
|
-
variations: {
|
|
199
|
-
size: {
|
|
200
|
-
h6: (0, _emotion.css)(_templateObject5(), _emotion.typographyTokens.typoFontFamily, _emotion.typographyTokens.typoFontSize, _emotion.typographyTokens.typoFontStyle, _emotion.typographyTokens.typoFontWeight, _emotion.typographyTokens.typoFontWeightBold, _emotion.typographyTokens.typoFontWeightMedium, _emotion.typographyTokens.typoFontLetterSpacing, _emotion.typographyTokens.typoFontLineHeight)
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
};
|
|
@@ -48,9 +48,6 @@ _export(exports, {
|
|
|
48
48
|
get H5 () {
|
|
49
49
|
return H5;
|
|
50
50
|
},
|
|
51
|
-
get H6 () {
|
|
52
|
-
return H6;
|
|
53
|
-
},
|
|
54
51
|
get TextL () {
|
|
55
52
|
return TextL;
|
|
56
53
|
},
|
|
@@ -95,8 +92,6 @@ var heading4Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingc
|
|
|
95
92
|
var Heading4Component = (0, _emotion.component)(heading4Config);
|
|
96
93
|
var heading5Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH5);
|
|
97
94
|
var Heading5Component = (0, _emotion.component)(heading5Config);
|
|
98
|
-
var heading6Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH6);
|
|
99
|
-
var Heading6Component = (0, _emotion.component)(heading6Config);
|
|
100
95
|
var textMConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configM);
|
|
101
96
|
var TextMComponent = (0, _emotion.component)(textMConfig);
|
|
102
97
|
var textLConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configL);
|
|
@@ -118,7 +113,6 @@ var H2 = Heading2Component;
|
|
|
118
113
|
var H3 = Heading3Component;
|
|
119
114
|
var H4 = Heading4Component;
|
|
120
115
|
var H5 = Heading5Component;
|
|
121
|
-
var H6 = Heading6Component;
|
|
122
116
|
var TextM = TextMComponent;
|
|
123
117
|
var TextL = TextLComponent;
|
|
124
118
|
var TextS = TextSComponent;
|
|
@@ -99,21 +99,26 @@ function _templateObject1() {
|
|
|
99
99
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
100
100
|
": 0 0 0 0.75rem;\n ",
|
|
101
101
|
": 0;\n\n ",
|
|
102
|
-
": 0.5rem;\n ",
|
|
103
102
|
": 0.3125rem 0 0 0;\n ",
|
|
104
103
|
": 1.0625rem 0 0.3125rem 0;\n\n ",
|
|
104
|
+
": 0.5rem;\n ",
|
|
105
105
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
106
106
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
107
107
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
108
108
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
109
109
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
110
110
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
111
|
+
": 0.25rem;\n ",
|
|
111
112
|
": 0.375rem;\n ",
|
|
112
|
-
": 0.375rem;\n ",
|
|
113
|
+
": 0.375rem;\n\n ",
|
|
113
114
|
": 0 0 0 0;\n ",
|
|
114
115
|
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
115
116
|
": 0 0 auto auto;\n ",
|
|
116
117
|
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
118
|
+
": 0.25rem;\n ",
|
|
119
|
+
": -0.75rem;\n ",
|
|
120
|
+
": auto 0 -0.5rem auto;\n ",
|
|
121
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
117
122
|
": 2.5rem;\n ",
|
|
118
123
|
": 0.625rem;\n ",
|
|
119
124
|
": 0.125rem;\n ",
|
|
@@ -251,7 +256,7 @@ export var config = {
|
|
|
251
256
|
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBackgroundColor, tokens.textFieldContentSlotColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarBorderColor, tokens.calendarDayOfWeekColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover)
|
|
252
257
|
},
|
|
253
258
|
size: {
|
|
254
|
-
s: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.
|
|
259
|
+
s: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelWrapperOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderWidth, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderRadius, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
|
|
255
260
|
},
|
|
256
261
|
disabled: {
|
|
257
262
|
true: css(_templateObject2(), tokens.background, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.labelColor)
|
|
@@ -57,19 +57,6 @@ function _templateObject1() {
|
|
|
57
57
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
58
58
|
": 0 0.375rem 0 0.75rem;\n ",
|
|
59
59
|
": 0;\n\n ",
|
|
60
|
-
": 0.5rem;\n\n ",
|
|
61
|
-
": var(--plasma-typo-body-s-font-family);\n ",
|
|
62
|
-
": var(--plasma-typo-body-s-font-style);\n ",
|
|
63
|
-
": var(--plasma-typo-body-s-font-size);\n ",
|
|
64
|
-
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
65
|
-
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
66
|
-
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
67
|
-
": 0.375rem;\n ",
|
|
68
|
-
": 0.375rem;\n ",
|
|
69
|
-
": 0 0 0 0;\n ",
|
|
70
|
-
": 0.3125rem auto auto -0.6875rem;\n ",
|
|
71
|
-
": 0 0 auto auto;\n ",
|
|
72
|
-
": 0.25rem -0.625rem auto auto;\n\n ",
|
|
73
60
|
": 2.5rem;\n ",
|
|
74
61
|
": 0.625rem;\n ",
|
|
75
62
|
": 0.125rem;\n ",
|
|
@@ -80,17 +67,34 @@ function _templateObject1() {
|
|
|
80
67
|
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
81
68
|
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
82
69
|
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
83
|
-
": 0.
|
|
70
|
+
": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
|
|
71
|
+
": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
|
|
72
|
+
": 0 0.25rem 0 0;\n ",
|
|
73
|
+
": 0 0 0 0.25rem;\n\n ",
|
|
84
74
|
": var(--plasma-typo-body-s-font-family);\n ",
|
|
85
75
|
": var(--plasma-typo-body-s-font-style);\n ",
|
|
86
76
|
": var(--plasma-typo-body-s-font-size);\n ",
|
|
87
77
|
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
88
78
|
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
89
79
|
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
90
|
-
":
|
|
91
|
-
":
|
|
92
|
-
": 0
|
|
93
|
-
": 0
|
|
80
|
+
": 0.25rem;\n ",
|
|
81
|
+
": 0.5rem;\n ",
|
|
82
|
+
": 0.25rem;\n ",
|
|
83
|
+
": 0.75rem;\n\n ",
|
|
84
|
+
": 0.375rem;\n ",
|
|
85
|
+
": 0.375rem;\n ",
|
|
86
|
+
": 0.25rem;\n ",
|
|
87
|
+
": -0.75rem;\n ",
|
|
88
|
+
": auto 0 -0.5rem auto;\n ",
|
|
89
|
+
": auto auto -0.5rem 0;\n\n ",
|
|
90
|
+
": 0.25rem 0 0 0;\n ",
|
|
91
|
+
": 0.25rem;\n\n ",
|
|
92
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
93
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
94
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
95
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
96
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
97
|
+
": var(--plasma-typo-body-s-line-height);\n "
|
|
94
98
|
]);
|
|
95
99
|
_templateObject1 = function _templateObject() {
|
|
96
100
|
return data;
|
|
@@ -143,7 +147,7 @@ export var config = {
|
|
|
143
147
|
default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
|
|
144
148
|
},
|
|
145
149
|
size: {
|
|
146
|
-
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.
|
|
150
|
+
s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorWrapperGap, tokens.labelWrapperOffset, tokens.labelWrapperTitleCaptionOffset, tokens.contentGap, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorMarginTop, tokens.indicatorOuterLeft, tokens.indicatorWithoutLabelInner, tokens.indicatorWithoutLabelInnerLeft, tokens.helpersPadding, tokens.helpersGap, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight)
|
|
147
151
|
},
|
|
148
152
|
disabled: {
|
|
149
153
|
true: css(_templateObject2(), tokens.disabledOpacity, tokens.background, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor)
|