@salutejs/plasma-new-hope 0.340.0-canary.2317.19095667430.0 → 0.340.0-canary.2319.19099389303.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/Tabs/tokens.js +0 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_y26jar.css → base_kcn71r.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/{base_1yem60s.css → base_322rr.css} +1 -1
- package/cjs/index.css +2 -2
- package/emotion/cjs/components/Tabs/tokens.js +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/emotion/es/components/Tabs/tokens.js +0 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +2 -2
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +2 -2
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/es/components/Tabs/tokens.js +0 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_y26jar.css → base_kcn71r.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/{base_1yem60s.css → base_322rr.css} +1 -1
- package/es/index.css +2 -2
- package/package.json +3 -3
- package/styled-components/cjs/components/Tabs/tokens.js +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +2 -5
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +2 -5
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -8
- package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -8
- package/styled-components/es/components/Tabs/tokens.js +0 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +3 -6
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -6
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -8
- package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -8
- package/types/components/Tabs/tokens.d.ts +0 -1
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js
CHANGED
|
@@ -127,11 +127,10 @@ var config = {
|
|
|
127
127
|
":var(--plasma-typo-body-xs-font-size);",
|
|
128
128
|
":var(--plasma-typo-body-xs-font-style);",
|
|
129
129
|
":var(--plasma-typo-body-xs-font-weight);",
|
|
130
|
-
":var(--plasma-typo-body-xs-bold-font-weight);",
|
|
131
130
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
132
131
|
":var(--plasma-typo-body-xs-line-height);",
|
|
133
132
|
":0;"
|
|
134
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
133
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
135
134
|
s: (0, _styledcomponents.css)([
|
|
136
135
|
"",
|
|
137
136
|
":0.5rem;",
|
|
@@ -146,11 +145,10 @@ var config = {
|
|
|
146
145
|
":var(--plasma-typo-body-s-font-size);",
|
|
147
146
|
":var(--plasma-typo-body-s-font-style);",
|
|
148
147
|
":var(--plasma-typo-body-s-font-weight);",
|
|
149
|
-
":var(--plasma-typo-body-s-bold-font-weight);",
|
|
150
148
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
151
149
|
":var(--plasma-typo-body-s-line-height);",
|
|
152
150
|
":0.125rem;"
|
|
153
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
151
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
154
152
|
m: (0, _styledcomponents.css)([
|
|
155
153
|
"",
|
|
156
154
|
":0.625rem;",
|
|
@@ -165,11 +163,10 @@ var config = {
|
|
|
165
163
|
":var(--plasma-typo-body-m-font-size);",
|
|
166
164
|
":var(--plasma-typo-body-m-font-style);",
|
|
167
165
|
":var(--plasma-typo-body-m-font-weight);",
|
|
168
|
-
":var(--plasma-typo-body-m-bold-font-weight);",
|
|
169
166
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
170
167
|
":var(--plasma-typo-body-m-line-height);",
|
|
171
168
|
":0.25rem;"
|
|
172
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
169
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
173
170
|
l: (0, _styledcomponents.css)([
|
|
174
171
|
"",
|
|
175
172
|
":0.75rem;",
|
|
@@ -184,11 +181,10 @@ var config = {
|
|
|
184
181
|
":var(--plasma-typo-body-l-font-size);",
|
|
185
182
|
":var(--plasma-typo-body-l-font-style);",
|
|
186
183
|
":var(--plasma-typo-body-l-font-weight);",
|
|
187
|
-
":var(--plasma-typo-body-l-bold-font-weight);",
|
|
188
184
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
189
185
|
":var(--plasma-typo-body-l-line-height);",
|
|
190
186
|
":0.125rem;"
|
|
191
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
187
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
192
188
|
h5: (0, _styledcomponents.css)([
|
|
193
189
|
"",
|
|
194
190
|
":0.375rem;",
|
|
@@ -60,11 +60,10 @@ var config = {
|
|
|
60
60
|
":var(--plasma-typo-body-xs-font-size);",
|
|
61
61
|
":var(--plasma-typo-body-xs-font-style);",
|
|
62
62
|
":var(--plasma-typo-body-xs-font-weight);",
|
|
63
|
-
":var(--plasma-typo-body-xs-bold-font-weight);",
|
|
64
63
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
65
64
|
":var(--plasma-typo-body-xs-line-height);",
|
|
66
65
|
":0;"
|
|
67
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
66
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
68
67
|
s: (0, _styledcomponents.css)([
|
|
69
68
|
"",
|
|
70
69
|
":0.5rem;",
|
|
@@ -80,11 +79,10 @@ var config = {
|
|
|
80
79
|
":var(--plasma-typo-body-s-font-size);",
|
|
81
80
|
":var(--plasma-typo-body-s-font-style);",
|
|
82
81
|
":var(--plasma-typo-body-s-font-weight);",
|
|
83
|
-
":var(--plasma-typo-body-s-bold-font-weight);",
|
|
84
82
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
85
83
|
":var(--plasma-typo-body-s-line-height);",
|
|
86
84
|
":0.25rem;"
|
|
87
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
85
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
88
86
|
m: (0, _styledcomponents.css)([
|
|
89
87
|
"",
|
|
90
88
|
":0.625rem;",
|
|
@@ -100,11 +98,10 @@ var config = {
|
|
|
100
98
|
":var(--plasma-typo-body-m-font-size);",
|
|
101
99
|
":var(--plasma-typo-body-m-font-style);",
|
|
102
100
|
":var(--plasma-typo-body-m-font-weight);",
|
|
103
|
-
":var(--plasma-typo-body-m-bold-font-weight);",
|
|
104
101
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
105
102
|
":var(--plasma-typo-body-m-line-height);",
|
|
106
103
|
":0.125rem;"
|
|
107
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
104
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
|
|
108
105
|
l: (0, _styledcomponents.css)([
|
|
109
106
|
"",
|
|
110
107
|
":0.75rem;",
|
|
@@ -120,11 +117,10 @@ var config = {
|
|
|
120
117
|
":var(--plasma-typo-body-l-font-size);",
|
|
121
118
|
":var(--plasma-typo-body-l-font-style);",
|
|
122
119
|
":var(--plasma-typo-body-l-font-weight);",
|
|
123
|
-
":var(--plasma-typo-body-l-bold-font-weight);",
|
|
124
120
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
125
121
|
":var(--plasma-typo-body-l-line-height);",
|
|
126
122
|
":0.125rem;"
|
|
127
|
-
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.
|
|
123
|
+
], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft)
|
|
128
124
|
},
|
|
129
125
|
disabled: {
|
|
130
126
|
true: (0, _styledcomponents.css)([
|
|
@@ -80,7 +80,6 @@ export var tokens = {
|
|
|
80
80
|
fontSize: '--plasma-tab-item-font-size',
|
|
81
81
|
fontStyle: '--plasma-tab-item-font-style',
|
|
82
82
|
fontWeight: '--plasma-tab-item-font-weight',
|
|
83
|
-
fontWeightSelected: '--plasma-tab-item-font-weight-selected',
|
|
84
83
|
letterSpacing: '--plasma-tab-item-letter-spacing',
|
|
85
84
|
lineHeight: '--plasma-tab-item-lineheight',
|
|
86
85
|
valueFontFamily: '--plasma-tab-item-value-font-family',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
|
-
import {
|
|
2
|
+
import { tokens } from "../../../../../tokens";
|
|
3
3
|
export var base = css([
|
|
4
4
|
"font-family:var(",
|
|
5
5
|
");font-size:var(",
|
|
@@ -11,8 +11,5 @@ export var base = css([
|
|
|
11
11
|
");border-radius:var(",
|
|
12
12
|
");width:var(",
|
|
13
13
|
");height:var(",
|
|
14
|
-
")
|
|
15
|
-
|
|
16
|
-
",var(",
|
|
17
|
-
"));}"
|
|
18
|
-
], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight, classes.selectedTabsItem, tokens.fontWeightSelected, tokens.fontWeight);
|
|
14
|
+
");"
|
|
15
|
+
], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight);
|
package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
|
-
import {
|
|
2
|
+
import { tokens } from "../../../../../tokens";
|
|
3
3
|
export var base = css([
|
|
4
4
|
"font-family:var(",
|
|
5
5
|
");font-size:var(",
|
|
@@ -10,8 +10,5 @@ export var base = css([
|
|
|
10
10
|
");--plasma_private-outline-radius:var(",
|
|
11
11
|
");border-radius:var(",
|
|
12
12
|
");width:100%;height:var(",
|
|
13
|
-
")
|
|
14
|
-
|
|
15
|
-
",var(",
|
|
16
|
-
"));}"
|
|
17
|
-
], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemHeight, classes.selectedTabsItem, tokens.fontWeightSelected, tokens.fontWeight);
|
|
13
|
+
");"
|
|
14
|
+
], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemHeight);
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js
CHANGED
|
@@ -117,11 +117,10 @@ export var config = {
|
|
|
117
117
|
":var(--plasma-typo-body-xs-font-size);",
|
|
118
118
|
":var(--plasma-typo-body-xs-font-style);",
|
|
119
119
|
":var(--plasma-typo-body-xs-font-weight);",
|
|
120
|
-
":var(--plasma-typo-body-xs-bold-font-weight);",
|
|
121
120
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
122
121
|
":var(--plasma-typo-body-xs-line-height);",
|
|
123
122
|
":0;"
|
|
124
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
123
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
125
124
|
s: css([
|
|
126
125
|
"",
|
|
127
126
|
":0.5rem;",
|
|
@@ -136,11 +135,10 @@ export var config = {
|
|
|
136
135
|
":var(--plasma-typo-body-s-font-size);",
|
|
137
136
|
":var(--plasma-typo-body-s-font-style);",
|
|
138
137
|
":var(--plasma-typo-body-s-font-weight);",
|
|
139
|
-
":var(--plasma-typo-body-s-bold-font-weight);",
|
|
140
138
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
141
139
|
":var(--plasma-typo-body-s-line-height);",
|
|
142
140
|
":0.125rem;"
|
|
143
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
141
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
144
142
|
m: css([
|
|
145
143
|
"",
|
|
146
144
|
":0.625rem;",
|
|
@@ -155,11 +153,10 @@ export var config = {
|
|
|
155
153
|
":var(--plasma-typo-body-m-font-size);",
|
|
156
154
|
":var(--plasma-typo-body-m-font-style);",
|
|
157
155
|
":var(--plasma-typo-body-m-font-weight);",
|
|
158
|
-
":var(--plasma-typo-body-m-bold-font-weight);",
|
|
159
156
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
160
157
|
":var(--plasma-typo-body-m-line-height);",
|
|
161
158
|
":0.25rem;"
|
|
162
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
159
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
163
160
|
l: css([
|
|
164
161
|
"",
|
|
165
162
|
":0.75rem;",
|
|
@@ -174,11 +171,10 @@ export var config = {
|
|
|
174
171
|
":var(--plasma-typo-body-l-font-size);",
|
|
175
172
|
":var(--plasma-typo-body-l-font-style);",
|
|
176
173
|
":var(--plasma-typo-body-l-font-weight);",
|
|
177
|
-
":var(--plasma-typo-body-l-bold-font-weight);",
|
|
178
174
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
179
175
|
":var(--plasma-typo-body-l-line-height);",
|
|
180
176
|
":0.125rem;"
|
|
181
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
177
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
182
178
|
h5: css([
|
|
183
179
|
"",
|
|
184
180
|
":0.375rem;",
|
|
@@ -50,11 +50,10 @@ export var config = {
|
|
|
50
50
|
":var(--plasma-typo-body-xs-font-size);",
|
|
51
51
|
":var(--plasma-typo-body-xs-font-style);",
|
|
52
52
|
":var(--plasma-typo-body-xs-font-weight);",
|
|
53
|
-
":var(--plasma-typo-body-xs-bold-font-weight);",
|
|
54
53
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
55
54
|
":var(--plasma-typo-body-xs-line-height);",
|
|
56
55
|
":0;"
|
|
57
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
56
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
58
57
|
s: css([
|
|
59
58
|
"",
|
|
60
59
|
":0.5rem;",
|
|
@@ -70,11 +69,10 @@ export var config = {
|
|
|
70
69
|
":var(--plasma-typo-body-s-font-size);",
|
|
71
70
|
":var(--plasma-typo-body-s-font-style);",
|
|
72
71
|
":var(--plasma-typo-body-s-font-weight);",
|
|
73
|
-
":var(--plasma-typo-body-s-bold-font-weight);",
|
|
74
72
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
75
73
|
":var(--plasma-typo-body-s-line-height);",
|
|
76
74
|
":0.25rem;"
|
|
77
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
75
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
78
76
|
m: css([
|
|
79
77
|
"",
|
|
80
78
|
":0.625rem;",
|
|
@@ -90,11 +88,10 @@ export var config = {
|
|
|
90
88
|
":var(--plasma-typo-body-m-font-size);",
|
|
91
89
|
":var(--plasma-typo-body-m-font-style);",
|
|
92
90
|
":var(--plasma-typo-body-m-font-weight);",
|
|
93
|
-
":var(--plasma-typo-body-m-bold-font-weight);",
|
|
94
91
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
95
92
|
":var(--plasma-typo-body-m-line-height);",
|
|
96
93
|
":0.125rem;"
|
|
97
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
94
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
|
|
98
95
|
l: css([
|
|
99
96
|
"",
|
|
100
97
|
":0.75rem;",
|
|
@@ -110,11 +107,10 @@ export var config = {
|
|
|
110
107
|
":var(--plasma-typo-body-l-font-size);",
|
|
111
108
|
":var(--plasma-typo-body-l-font-style);",
|
|
112
109
|
":var(--plasma-typo-body-l-font-weight);",
|
|
113
|
-
":var(--plasma-typo-body-l-bold-font-weight);",
|
|
114
110
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
115
111
|
":var(--plasma-typo-body-l-line-height);",
|
|
116
112
|
":0.125rem;"
|
|
117
|
-
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.
|
|
113
|
+
], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
|
|
118
114
|
},
|
|
119
115
|
disabled: {
|
|
120
116
|
true: css([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC"}
|
package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAahB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAahB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/vertical/VerticalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"VerticalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/vertical/VerticalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAgIlB,CAAC"}
|