@salutejs/plasma-new-hope 0.172.0-canary.1493.11404929441.0 → 0.172.0-canary.1494.11453767955.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +4 -22
- package/emotion/cjs/components/Tabs/index.js +0 -26
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -3
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +0 -6
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +1 -7
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +22 -64
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -19
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +15 -19
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +22 -64
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -19
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +15 -19
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +4 -22
- package/emotion/es/components/Tabs/index.js +0 -2
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +1 -7
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +2 -8
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +22 -64
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -19
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +15 -19
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +22 -64
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -19
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +15 -19
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +4 -22
- package/styled-components/cjs/components/Tabs/index.js +0 -26
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -3
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +1 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +22 -64
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +22 -64
- package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -4
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +4 -22
- package/styled-components/es/components/Tabs/index.js +0 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +2 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +1 -7
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +2 -8
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +22 -64
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +22 -64
- package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -4
- package/types/components/Tabs/TabItem.types.d.ts +10 -52
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +2 -39
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/createTabsController.d.ts +3 -3
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +1 -3
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +1 -74
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -22
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -4
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -4
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +0 -18
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -4
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -4
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.css +0 -13
- package/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +0 -37
- package/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.css +0 -16
- package/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +0 -37
- package/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js.map +0 -1
- package/emotion/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +0 -34
- package/emotion/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +0 -34
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +0 -29
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +0 -30
- package/emotion/cjs/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +0 -29
- package/emotion/cjs/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +0 -30
- package/emotion/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +0 -28
- package/emotion/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +0 -28
- package/emotion/es/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +0 -23
- package/emotion/es/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +0 -24
- package/emotion/es/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +0 -23
- package/emotion/es/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +0 -24
- package/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.css +0 -13
- package/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +0 -32
- package/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js.map +0 -1
- package/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.css +0 -16
- package/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +0 -32
- package/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js.map +0 -1
- package/styled-components/cjs/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +0 -34
- package/styled-components/cjs/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +0 -34
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +0 -29
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +0 -30
- package/styled-components/cjs/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +0 -29
- package/styled-components/cjs/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +0 -30
- package/styled-components/es/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.js +0 -28
- package/styled-components/es/components/Tabs/ui/header/HeaderTabs/HeaderTabs.js +0 -28
- package/styled-components/es/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js +0 -23
- package/styled-components/es/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js +0 -24
- package/styled-components/es/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js +0 -23
- package/styled-components/es/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js +0 -24
- package/types/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.d.ts +0 -25
- package/types/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/header/HeaderTabs/HeaderTabs.d.ts +0 -25
- package/types/components/Tabs/ui/header/HeaderTabs/HeaderTabs.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.d.ts +0 -22
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.d.ts +0 -23
- package/types/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.d.ts +0 -22
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabs.config.d.ts +0 -23
- package/types/examples/plasma_web/components/Tabs/header/HeaderTabs.config.d.ts.map +0 -1
@@ -1,32 +0,0 @@
|
|
1
|
-
import { horizontalTabItemRoot } from '../../horizontal/HorizontalTabItem/HorizontalTabItem.js';
|
2
|
-
import { base as base$1 } from '../../horizontal/HorizontalTabItem/variations/_size/base.js';
|
3
|
-
import { base } from '../../horizontal/HorizontalTabItem/HorizontalTabItem.styles.js';
|
4
|
-
import { base as base$2 } from '../../horizontal/HorizontalTabItem/variations/_view/base.js';
|
5
|
-
import { base as base$3 } from '../../horizontal/HorizontalTabItem/variations/_disabled/base.js';
|
6
|
-
|
7
|
-
var headerTabItemRoot = horizontalTabItemRoot;
|
8
|
-
var headerTabItemConfig = {
|
9
|
-
name: 'HeaderTabItem',
|
10
|
-
tag: 'button',
|
11
|
-
layout: headerTabItemRoot,
|
12
|
-
base: base,
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
css: base$1
|
16
|
-
},
|
17
|
-
view: {
|
18
|
-
css: base$2
|
19
|
-
},
|
20
|
-
disabled: {
|
21
|
-
css: base$3,
|
22
|
-
attrs: true
|
23
|
-
}
|
24
|
-
},
|
25
|
-
defaults: {
|
26
|
-
view: 'divider',
|
27
|
-
size: 'h5'
|
28
|
-
}
|
29
|
-
};
|
30
|
-
|
31
|
-
export { headerTabItemConfig, headerTabItemRoot };
|
32
|
-
//# sourceMappingURL=HeaderTabItem.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HeaderTabItem.js","sources":["../../../../../../src/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.tsx"],"sourcesContent":["import { horizontalTabItemRoot } from '../../horizontal/HorizontalTabItem/HorizontalTabItem';\nimport { base as sizeCSS } from '../../horizontal/HorizontalTabItem/variations/_size/base';\nimport { base } from '../../horizontal/HorizontalTabItem/HorizontalTabItem.styles';\nimport { base as viewCSS } from '../../horizontal/HorizontalTabItem/variations/_view/base';\nimport { base as disabledCSS } from '../../horizontal/HorizontalTabItem/variations/_disabled/base';\n\nexport const headerTabItemRoot = horizontalTabItemRoot;\n\nexport const headerTabItemConfig = {\n name: 'HeaderTabItem',\n tag: 'button',\n layout: headerTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n size: 'h5',\n },\n};\n"],"names":["headerTabItemRoot","horizontalTabItemRoot","headerTabItemConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;AAMO,IAAMA,iBAAiB,GAAGC,sBAAqB;AAE/C,IAAMC,mBAAmB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEL,iBAAiB;AACzBM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfH,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
-
|
3
|
-
.base_r0ggur_bc7z19b__6485a778.base_r0ggur_tabsPilled__6485a778{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
|
4
|
-
|
5
|
-
.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df{width:100%;}.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s158pfyo__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df > button{width:100%;margin-left:0;}
|
6
|
-
|
7
|
-
.base_1sq08yf_bxoicu2__bb7a4868{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
8
|
-
|
9
|
-
.HorizontalTabs_styles_16kuvxt_b7gl603__73e81f22{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
|
10
|
-
.HorizontalTabs_styles_16kuvxt_s191iwmt__73e81f22{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
11
|
-
.HorizontalTabs_styles_16kuvxt_s158pfyo__73e81f22{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;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;z-index:1;}.HorizontalTabs_styles_16kuvxt_s158pfyo__73e81f22.HorizontalTabs_styles_16kuvxt_tabsClipScroll__73e81f22{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_16kuvxt_s158pfyo__73e81f22.HorizontalTabs_styles_16kuvxt_tabsClipScroll__73e81f22::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_16kuvxt_s158pfyo__73e81f22.HorizontalTabs_styles_16kuvxt_tabsClipShowAll__73e81f22{overflow:visible;}
|
12
|
-
.HorizontalTabs_styles_16kuvxt_s1in38wj__73e81f22{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);}.HorizontalTabs_styles_16kuvxt_s1in38wj__73e81f22::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_16kuvxt_s1in38wj__73e81f22.HorizontalTabs_styles_16kuvxt_focusVisible__73e81f22:focus::before,.HorizontalTabs_styles_16kuvxt_s1in38wj__73e81f22[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_16kuvxt_s1in38wj__73e81f22[disabled]{cursor:not-allowed;}
|
13
|
-
|
14
|
-
.base_9miwn_bupjtit__d014f2e9{background-color:var(--plasma-tabs-background-color);}.base_9miwn_bupjtit__d014f2e9::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_9miwn_bupjtit__d014f2e9.base_9miwn_tabsHasLeftArrow__d014f2e9::after{left:1.5rem;}.base_9miwn_bupjtit__d014f2e9.base_9miwn_tabsHasRightArrow__d014f2e9::after{right:1.5rem;}
|
15
|
-
|
16
|
-
.base_j9bg3m_bbh58a1__de7491f9{opacity:var(--plasma-tabs-disabled-opacity);}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import { horizontalTabsRoot } from '../../horizontal/HorizontalTabs/HorizontalTabs.js';
|
2
|
-
import { base as base$1 } from '../../horizontal/HorizontalTabs/variations/_size/base.js';
|
3
|
-
import { base } from '../../horizontal/HorizontalTabs/HorizontalTabs.styles.js';
|
4
|
-
import { base as base$2 } from '../../horizontal/HorizontalTabs/variations/_view/base.js';
|
5
|
-
import { base as base$3 } from '../../horizontal/HorizontalTabs/variations/_disabled/base.js';
|
6
|
-
|
7
|
-
var headerTabsRoot = horizontalTabsRoot;
|
8
|
-
var headerTabsConfig = {
|
9
|
-
name: 'HeaderTabs',
|
10
|
-
tag: 'div',
|
11
|
-
layout: horizontalTabsRoot,
|
12
|
-
base: base,
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
css: base$1
|
16
|
-
},
|
17
|
-
view: {
|
18
|
-
css: base$2
|
19
|
-
},
|
20
|
-
disabled: {
|
21
|
-
css: base$3,
|
22
|
-
attrs: true
|
23
|
-
}
|
24
|
-
},
|
25
|
-
defaults: {
|
26
|
-
view: 'divider',
|
27
|
-
size: 'h5'
|
28
|
-
}
|
29
|
-
};
|
30
|
-
|
31
|
-
export { headerTabsConfig, headerTabsRoot };
|
32
|
-
//# sourceMappingURL=HeaderTabs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HeaderTabs.js","sources":["../../../../../../src/components/Tabs/ui/header/HeaderTabs/HeaderTabs.tsx"],"sourcesContent":["import { horizontalTabsRoot } from '../../horizontal/HorizontalTabs/HorizontalTabs';\nimport { base as sizeCSS } from '../../horizontal/HorizontalTabs/variations/_size/base';\nimport { base } from '../../horizontal/HorizontalTabs/HorizontalTabs.styles';\nimport { base as viewCSS } from '../../horizontal/HorizontalTabs/variations/_view/base';\nimport { base as disabledCSS } from '../../horizontal/HorizontalTabs/variations/_disabled/base';\n\nexport const headerTabsRoot = horizontalTabsRoot;\n\nexport const headerTabsConfig = {\n name: 'HeaderTabs',\n tag: 'div',\n layout: horizontalTabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n size: 'h5',\n },\n};\n"],"names":["headerTabsRoot","horizontalTabsRoot","headerTabsConfig","name","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;AAMO,IAAMA,cAAc,GAAGC,mBAAkB;AAEzC,IAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEJ,kBAAkB;AAC1BK,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNL,IAAAA,IAAI,EAAE,SAAS;AACfH,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.headerTabItemRoot = exports.headerTabItemConfig = void 0;
|
7
|
-
var _HorizontalTabItem = /*#__PURE__*/require("../../horizontal/HorizontalTabItem/HorizontalTabItem");
|
8
|
-
var _base = /*#__PURE__*/require("../../horizontal/HorizontalTabItem/variations/_size/base");
|
9
|
-
var _HorizontalTabItem2 = /*#__PURE__*/require("../../horizontal/HorizontalTabItem/HorizontalTabItem.styles");
|
10
|
-
var _base2 = /*#__PURE__*/require("../../horizontal/HorizontalTabItem/variations/_view/base");
|
11
|
-
var _base3 = /*#__PURE__*/require("../../horizontal/HorizontalTabItem/variations/_disabled/base");
|
12
|
-
var headerTabItemRoot = exports.headerTabItemRoot = _HorizontalTabItem.horizontalTabItemRoot;
|
13
|
-
var headerTabItemConfig = exports.headerTabItemConfig = {
|
14
|
-
name: 'HeaderTabItem',
|
15
|
-
tag: 'button',
|
16
|
-
layout: headerTabItemRoot,
|
17
|
-
base: _HorizontalTabItem2.base,
|
18
|
-
variations: {
|
19
|
-
size: {
|
20
|
-
css: _base.base
|
21
|
-
},
|
22
|
-
view: {
|
23
|
-
css: _base2.base
|
24
|
-
},
|
25
|
-
disabled: {
|
26
|
-
css: _base3.base,
|
27
|
-
attrs: true
|
28
|
-
}
|
29
|
-
},
|
30
|
-
defaults: {
|
31
|
-
view: 'divider',
|
32
|
-
size: 'h5'
|
33
|
-
}
|
34
|
-
};
|
@@ -1,34 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.headerTabsRoot = exports.headerTabsConfig = void 0;
|
7
|
-
var _HorizontalTabs = /*#__PURE__*/require("../../horizontal/HorizontalTabs/HorizontalTabs");
|
8
|
-
var _base = /*#__PURE__*/require("../../horizontal/HorizontalTabs/variations/_size/base");
|
9
|
-
var _HorizontalTabs2 = /*#__PURE__*/require("../../horizontal/HorizontalTabs/HorizontalTabs.styles");
|
10
|
-
var _base2 = /*#__PURE__*/require("../../horizontal/HorizontalTabs/variations/_view/base");
|
11
|
-
var _base3 = /*#__PURE__*/require("../../horizontal/HorizontalTabs/variations/_disabled/base");
|
12
|
-
var headerTabsRoot = exports.headerTabsRoot = _HorizontalTabs.horizontalTabsRoot;
|
13
|
-
var headerTabsConfig = exports.headerTabsConfig = {
|
14
|
-
name: 'HeaderTabs',
|
15
|
-
tag: 'div',
|
16
|
-
layout: _HorizontalTabs.horizontalTabsRoot,
|
17
|
-
base: _HorizontalTabs2.base,
|
18
|
-
variations: {
|
19
|
-
size: {
|
20
|
-
css: _base.base
|
21
|
-
},
|
22
|
-
view: {
|
23
|
-
css: _base2.base
|
24
|
-
},
|
25
|
-
disabled: {
|
26
|
-
css: _base3.base,
|
27
|
-
attrs: true
|
28
|
-
}
|
29
|
-
},
|
30
|
-
defaults: {
|
31
|
-
view: 'divider',
|
32
|
-
size: 'h5'
|
33
|
-
}
|
34
|
-
};
|
package/styled-components/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'divider',
|
12
|
-
size: 'h5'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover)
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":3rem;", ":0rem;", ":1.75rem;", ":0.625rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
20
|
-
h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":3.25rem;", ":0rem;", ":2rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
21
|
-
h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":3.875rem;", ":0rem;", ":2.25rem;", ":0.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
22
|
-
h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":4.5rem;", ":0rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
23
|
-
h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":5.75rem;", ":0rem;", ":3.5rem;", ":0.5rem;", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
|
24
|
-
},
|
25
|
-
disabled: {
|
26
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
|
27
|
-
}
|
28
|
-
}
|
29
|
-
};
|
package/styled-components/cjs/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'divider',
|
12
|
-
size: 'h5'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0rem;", ":transparent;", ":0rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius),
|
17
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius)
|
18
|
-
},
|
19
|
-
size: {
|
20
|
-
h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
21
|
-
h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
22
|
-
h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":fit-content;", ":auto;", ":0.375rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
23
|
-
h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0.5rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
24
|
-
h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":1rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding)
|
25
|
-
},
|
26
|
-
disabled: {
|
27
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
|
28
|
-
}
|
29
|
-
}
|
30
|
-
};
|
package/styled-components/cjs/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'divider',
|
12
|
-
size: 'h5'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover)
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":3rem;", ":0rem;", ":1.75rem;", ":0.625rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
20
|
-
h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":3.25rem;", ":0rem;", ":2rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
21
|
-
h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":3.875rem;", ":0rem;", ":2.25rem;", ":0.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
22
|
-
h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":4.5rem;", ":0rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
|
23
|
-
h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":5.75rem;", ":0rem;", ":3.5rem;", ":0.5rem;", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
|
24
|
-
},
|
25
|
-
disabled: {
|
26
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
|
27
|
-
}
|
28
|
-
}
|
29
|
-
};
|
package/styled-components/cjs/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'divider',
|
12
|
-
size: 'h5'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0rem;", ":transparent;", ":0rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius),
|
17
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius)
|
18
|
-
},
|
19
|
-
size: {
|
20
|
-
h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
21
|
-
h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
22
|
-
h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":fit-content;", ":auto;", ":0.375rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
23
|
-
h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0.5rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
|
24
|
-
h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":1rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding)
|
25
|
-
},
|
26
|
-
disabled: {
|
27
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
|
28
|
-
}
|
29
|
-
}
|
30
|
-
};
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { horizontalTabItemRoot } from '../../horizontal/HorizontalTabItem/HorizontalTabItem';
|
2
|
-
import { base as sizeCSS } from '../../horizontal/HorizontalTabItem/variations/_size/base';
|
3
|
-
import { base } from '../../horizontal/HorizontalTabItem/HorizontalTabItem.styles';
|
4
|
-
import { base as viewCSS } from '../../horizontal/HorizontalTabItem/variations/_view/base';
|
5
|
-
import { base as disabledCSS } from '../../horizontal/HorizontalTabItem/variations/_disabled/base';
|
6
|
-
export var headerTabItemRoot = horizontalTabItemRoot;
|
7
|
-
export var headerTabItemConfig = {
|
8
|
-
name: 'HeaderTabItem',
|
9
|
-
tag: 'button',
|
10
|
-
layout: headerTabItemRoot,
|
11
|
-
base: base,
|
12
|
-
variations: {
|
13
|
-
size: {
|
14
|
-
css: sizeCSS
|
15
|
-
},
|
16
|
-
view: {
|
17
|
-
css: viewCSS
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
css: disabledCSS,
|
21
|
-
attrs: true
|
22
|
-
}
|
23
|
-
},
|
24
|
-
defaults: {
|
25
|
-
view: 'divider',
|
26
|
-
size: 'h5'
|
27
|
-
}
|
28
|
-
};
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { horizontalTabsRoot } from '../../horizontal/HorizontalTabs/HorizontalTabs';
|
2
|
-
import { base as sizeCSS } from '../../horizontal/HorizontalTabs/variations/_size/base';
|
3
|
-
import { base } from '../../horizontal/HorizontalTabs/HorizontalTabs.styles';
|
4
|
-
import { base as viewCSS } from '../../horizontal/HorizontalTabs/variations/_view/base';
|
5
|
-
import { base as disabledCSS } from '../../horizontal/HorizontalTabs/variations/_disabled/base';
|
6
|
-
export var headerTabsRoot = horizontalTabsRoot;
|
7
|
-
export var headerTabsConfig = {
|
8
|
-
name: 'HeaderTabs',
|
9
|
-
tag: 'div',
|
10
|
-
layout: horizontalTabsRoot,
|
11
|
-
base: base,
|
12
|
-
variations: {
|
13
|
-
size: {
|
14
|
-
css: sizeCSS
|
15
|
-
},
|
16
|
-
view: {
|
17
|
-
css: viewCSS
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
css: disabledCSS,
|
21
|
-
attrs: true
|
22
|
-
}
|
23
|
-
},
|
24
|
-
defaults: {
|
25
|
-
view: 'divider',
|
26
|
-
size: 'h5'
|
27
|
-
}
|
28
|
-
};
|
package/styled-components/es/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.js
DELETED
@@ -1,23 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { tabsTokens } from '../../../../../components/Tabs';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'divider',
|
6
|
-
size: 'h5'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
h5: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":3rem;", ":0rem;", ":1.75rem;", ":0.625rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
14
|
-
h4: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":3.25rem;", ":0rem;", ":2rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
15
|
-
h3: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":3.875rem;", ":0rem;", ":2.25rem;", ":0.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
16
|
-
h2: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":4.5rem;", ":0rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
17
|
-
h1: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":5.75rem;", ":0rem;", ":3.5rem;", ":0.5rem;", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
21
|
-
}
|
22
|
-
}
|
23
|
-
};
|
package/styled-components/es/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.js
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { tabsTokens } from '../../../../../components/Tabs';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'divider',
|
6
|
-
size: 'h5'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0rem;", ":transparent;", ":0rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
|
11
|
-
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
|
12
|
-
},
|
13
|
-
size: {
|
14
|
-
h5: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
15
|
-
h4: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
16
|
-
h3: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0.375rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
17
|
-
h2: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0.5rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
18
|
-
h1: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":1rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
19
|
-
},
|
20
|
-
disabled: {
|
21
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
22
|
-
}
|
23
|
-
}
|
24
|
-
};
|
package/styled-components/es/examples/plasma_web/components/Tabs/header/HeaderTabItem.config.js
DELETED
@@ -1,23 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { tabsTokens } from '../../../../../components/Tabs';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'divider',
|
6
|
-
size: 'h5'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
h5: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":3rem;", ":0rem;", ":1.75rem;", ":0.625rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
14
|
-
h4: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":3.25rem;", ":0rem;", ":2rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
15
|
-
h3: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":3.875rem;", ":0rem;", ":2.25rem;", ":0.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
16
|
-
h2: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":4.5rem;", ":0rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
17
|
-
h1: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":5.75rem;", ":0rem;", ":3.5rem;", ":0.5rem;", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
21
|
-
}
|
22
|
-
}
|
23
|
-
};
|
package/styled-components/es/examples/plasma_web/components/Tabs/header/HeaderTabs.config.js
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { tabsTokens } from '../../../../../components/Tabs';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'divider',
|
6
|
-
size: 'h5'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0rem;", ":transparent;", ":0rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius),
|
11
|
-
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
|
12
|
-
},
|
13
|
-
size: {
|
14
|
-
h5: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
15
|
-
h4: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
16
|
-
h3: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0.375rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
17
|
-
h2: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0.5rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
18
|
-
h1: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":1rem;", ":0rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
19
|
-
},
|
20
|
-
disabled: {
|
21
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
22
|
-
}
|
23
|
-
}
|
24
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const headerTabItemRoot: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabItemProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
|
-
export declare const headerTabItemConfig: {
|
4
|
-
name: string;
|
5
|
-
tag: string;
|
6
|
-
layout: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabItemProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
7
|
-
base: import("@linaria/core").LinariaClassName;
|
8
|
-
variations: {
|
9
|
-
size: {
|
10
|
-
css: import("@linaria/core").LinariaClassName;
|
11
|
-
};
|
12
|
-
view: {
|
13
|
-
css: import("@linaria/core").LinariaClassName;
|
14
|
-
};
|
15
|
-
disabled: {
|
16
|
-
css: import("@linaria/core").LinariaClassName;
|
17
|
-
attrs: boolean;
|
18
|
-
};
|
19
|
-
};
|
20
|
-
defaults: {
|
21
|
-
view: string;
|
22
|
-
size: string;
|
23
|
-
};
|
24
|
-
};
|
25
|
-
//# sourceMappingURL=HeaderTabItem.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HeaderTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/header/HeaderTabItem/HeaderTabItem.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB,+OAAwB,CAAC;AAEvD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const headerTabsRoot: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabsProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabsProps & import("react").RefAttributes<HTMLDivElement>>;
|
3
|
-
export declare const headerTabsConfig: {
|
4
|
-
name: string;
|
5
|
-
tag: string;
|
6
|
-
layout: (Root: import("../../../../..").RootProps<HTMLDivElement, import("../../..").HorizontalTabsProps>) => import("react").ForwardRefExoticComponent<import("../../..").HorizontalTabsProps & import("react").RefAttributes<HTMLDivElement>>;
|
7
|
-
base: import("@linaria/core").LinariaClassName;
|
8
|
-
variations: {
|
9
|
-
size: {
|
10
|
-
css: import("@linaria/core").LinariaClassName;
|
11
|
-
};
|
12
|
-
view: {
|
13
|
-
css: import("@linaria/core").LinariaClassName;
|
14
|
-
};
|
15
|
-
disabled: {
|
16
|
-
css: import("@linaria/core").LinariaClassName;
|
17
|
-
attrs: boolean;
|
18
|
-
};
|
19
|
-
};
|
20
|
-
defaults: {
|
21
|
-
view: string;
|
22
|
-
size: string;
|
23
|
-
};
|
24
|
-
};
|
25
|
-
//# sourceMappingURL=HeaderTabs.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HeaderTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/header/HeaderTabs/HeaderTabs.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,cAAc,yOAAqB,CAAC;AAEjD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAqB5B,CAAC"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
export declare const config: {
|
2
|
-
defaults: {
|
3
|
-
view: string;
|
4
|
-
size: string;
|
5
|
-
};
|
6
|
-
variations: {
|
7
|
-
view: {
|
8
|
-
divider: import("@linaria/core").LinariaClassName;
|
9
|
-
};
|
10
|
-
size: {
|
11
|
-
h5: import("@linaria/core").LinariaClassName;
|
12
|
-
h4: import("@linaria/core").LinariaClassName;
|
13
|
-
h3: import("@linaria/core").LinariaClassName;
|
14
|
-
h2: import("@linaria/core").LinariaClassName;
|
15
|
-
h1: import("@linaria/core").LinariaClassName;
|
16
|
-
};
|
17
|
-
disabled: {
|
18
|
-
true: import("@linaria/core").LinariaClassName;
|
19
|
-
};
|
20
|
-
};
|
21
|
-
};
|
22
|
-
//# sourceMappingURL=HeaderTabItem.config.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HeaderTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/header/HeaderTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAqHlB,CAAC"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
export declare const config: {
|
2
|
-
defaults: {
|
3
|
-
view: string;
|
4
|
-
size: string;
|
5
|
-
};
|
6
|
-
variations: {
|
7
|
-
view: {
|
8
|
-
clear: import("@linaria/core").LinariaClassName;
|
9
|
-
divider: import("@linaria/core").LinariaClassName;
|
10
|
-
};
|
11
|
-
size: {
|
12
|
-
h5: import("@linaria/core").LinariaClassName;
|
13
|
-
h4: import("@linaria/core").LinariaClassName;
|
14
|
-
h3: import("@linaria/core").LinariaClassName;
|
15
|
-
h2: import("@linaria/core").LinariaClassName;
|
16
|
-
h1: import("@linaria/core").LinariaClassName;
|
17
|
-
};
|
18
|
-
disabled: {
|
19
|
-
true: import("@linaria/core").LinariaClassName;
|
20
|
-
};
|
21
|
-
};
|
22
|
-
};
|
23
|
-
//# sourceMappingURL=HeaderTabs.config.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"HeaderTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/header/HeaderTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC"}
|