@salutejs/plasma-new-hope 0.339.0-canary.2301.18868987022.0 → 0.339.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/LinkButton/LinkButton.css +8 -8
- package/cjs/components/LinkButton/LinkButton.styles.js +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/cjs/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css} +1 -1
- package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/cjs/components/Table/Table.css +8 -8
- package/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_72iooa.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_fkdt6v.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +5 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
- package/{es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css → cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_1xhgbue.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_hm453l.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_11xtftz.css → VerticalTabItem.styles_1epgjdn.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +4 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/cjs/index.css +36 -36
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
- package/emotion/es/components/LinkButton/LinkButton.styles.js +15 -15
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -13
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -13
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +17 -17
- package/es/components/LinkButton/LinkButton.css +8 -8
- package/es/components/LinkButton/LinkButton.styles.js +1 -1
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/es/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css} +1 -1
- package/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- package/es/components/Table/Table.css +8 -8
- package/es/components/Table/ui/Cell/Cell.css +8 -8
- package/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +3 -3
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_1yj92p8.css → HorizontalIconTabItem.styles_72iooa.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -6
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_fkdt6v.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +5 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css → es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css} +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_1xhgbue.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +3 -3
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/{VerticalIconTabItem.styles_1vnlsyl.css → VerticalIconTabItem.styles_hm453l.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -6
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_11xtftz.css → VerticalTabItem.styles_1epgjdn.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css +4 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/es/index.css +36 -36
- package/package.json +4 -4
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +10 -9
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +10 -9
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +5 -5
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +18 -12
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +21 -25
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_4ob3q5.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +0 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_4ob3q5.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +0 -1
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
|
12
12
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
14
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::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(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
15
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
16
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
17
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
18
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
19
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
20
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
21
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.js","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,YAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"LinkButton.styles.js","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n\n &:hover {\n color: var(${tokens.linkButtonTextColorHover});\n }\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,YAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASnC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;;;;;;;;"}
|
package/cjs/components/LinkButton/{LinkButton.styles_1qokm54.css → LinkButton.styles_1q1p1l2.css}
RENAMED
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
.lwmk0e5{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
4
4
|
.l7ptchj{position:absolute;}
|
|
5
5
|
.s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
6
|
-
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
6
|
+
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
7
7
|
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
8
8
|
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
@@ -9,6 +9,7 @@ var tokens = {
|
|
|
9
9
|
linkButtonBackgroundColor: '--plasma-link-button-background-color',
|
|
10
10
|
linkButtonColorHover: '--plasma-link-button-color-hover',
|
|
11
11
|
linkButtonColorActive: '--plasma-link-button-color-active',
|
|
12
|
+
linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
|
|
12
13
|
linkButtonPadding: '--plasma-link-button-padding',
|
|
13
14
|
linkButtonHeight: '--plasma-link-button-height',
|
|
14
15
|
linkButtonWidth: '--plasma-link-button-width',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;
|
|
1
|
+
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n linkButtonTextColorHover: '--plasma-link-button-text-color-hover',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonTextColorHover","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,wBAAwB,EAAE,uCAAuC;AAEjEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,iCAAiC,EAAE,gDAAgD;AAEnFC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAA;AAC3B;;;;"}
|
|
@@ -229,14 +229,14 @@
|
|
|
229
229
|
|
|
230
230
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
231
231
|
|
|
232
|
-
.
|
|
233
|
-
.
|
|
234
|
-
.
|
|
235
|
-
.
|
|
236
|
-
.
|
|
237
|
-
.
|
|
238
|
-
.
|
|
239
|
-
.
|
|
232
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::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(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
233
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
234
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
235
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
236
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
237
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
238
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
239
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
240
240
|
|
|
241
241
|
.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
|
|
242
242
|
.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
55
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::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(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
61
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
63
|
|
|
64
64
|
.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
|
|
65
65
|
.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
55
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::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(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
61
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
63
|
|
|
64
64
|
.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
|
|
65
65
|
.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
|
|
53
53
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.
|
|
55
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::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(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
56
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
57
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
58
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
59
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
60
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
61
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
62
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
63
63
|
|
|
64
64
|
.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
|
|
65
65
|
.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -71,14 +71,14 @@
|
|
|
71
71
|
|
|
72
72
|
.base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
|
|
73
73
|
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
.
|
|
79
|
-
.
|
|
80
|
-
.
|
|
81
|
-
.
|
|
74
|
+
.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::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(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
|
75
|
+
.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{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;margin:var(--plasma-link-button-additional-content-margin);}
|
|
76
|
+
.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
|
77
|
+
.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
|
|
78
|
+
.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
|
79
|
+
.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
|
|
80
|
+
.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
|
81
|
+
.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
|
82
82
|
|
|
83
83
|
.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
|
|
84
84
|
.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
.base_16mymb5_b1s46niw__79a84978[disabled]{cursor:not-allowed;}.base_16mymb5_b1s46niw__79a84978[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_16mymb5_b1s46niw__79a84978[disabled].base_16mymb5_selectedTabsItem__79a84978:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
|
|
6
6
|
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
7
|
+
.HorizontalIconTabItem_styles_72iooa_scdozmr__cb32353f{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
8
|
+
.HorizontalIconTabItem_styles_72iooa_aov4yz3__cb32353f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
9
|
+
.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f{position:relative;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f:first-child{margin-left:0;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,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;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f.HorizontalIconTabItem_styles_72iooa_focusVisible__cb32353f:focus::before,.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
|
package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(${tokens.itemContentGap});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '
|
|
1
|
+
{"version":3,"file":"HorizontalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(${tokens.itemContentGap});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '0.063rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAqChB;;;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.scdozmr{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
2
2
|
.aov4yz3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
3
|
-
.b18wsolm{position:relative;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b18wsolm:first-child{margin-left:0;}.b18wsolm::before{content:'';position:absolute;top
|
|
3
|
+
.b18wsolm{position:relative;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b18wsolm:first-child{margin-left:0;}.b18wsolm::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,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;}.b18wsolm.focus-visible:focus::before,.b18wsolm[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
.base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
|
|
8
8
|
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
9
|
+
.HorizontalTabItem_styles_fkdt6v_skuum0w__96469ed2{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
10
|
+
.HorizontalTabItem_styles_fkdt6v_t1l5e9z0__96469ed2{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
11
|
+
.HorizontalTabItem_styles_fkdt6v_r1nh4m12__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_fkdt6v_r1nh4m12__96469ed2:hover{color:inherit;}
|
|
12
|
+
.HorizontalTabItem_styles_fkdt6v_l13nweg3__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_fkdt6v_l13nweg3__96469ed2:hover{color:inherit;}
|
|
13
|
+
.HorizontalTabItem_styles_fkdt6v_a1iip2sx__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
14
|
+
.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2{position:relative;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2:first-child{margin-left:0;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,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;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_focusVisible__96469ed2:focus::before,.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_tabsTruncate__96469ed2 .HorizontalTabItem_styles_fkdt6v_skuum0w__96469ed2{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_tabsTruncate__96469ed2 .HorizontalTabItem_styles_fkdt6v_t1l5e9z0__96469ed2{overflow:hidden;text-overflow:ellipsis;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n color: var(${tokens.itemValueColor});\n\n font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '
|
|
1
|
+
{"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n\n padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n color: var(${tokens.itemValueColor});\n\n font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const LeftContent = styled.div`\n display: flex;\n color: inherit;\n\n &:hover {\n color: inherit;\n }\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n &:first-child {\n margin-left: 0;\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '0.063rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n\n &.${classes.tabsTruncate} {\n ${StyledContent} {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n ${TabItemValue} {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GAmDhB;;;;;;;;;"}
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
.r1nh4m12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1nh4m12:hover{color:inherit;}
|
|
4
4
|
.l13nweg3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l13nweg3:hover{color:inherit;}
|
|
5
5
|
.a1iip2sx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
6
|
-
.bn8jkwb{position:relative;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bn8jkwb:first-child{margin-left:0;}.bn8jkwb::before{content:'';position:absolute;top
|
|
6
|
+
.bn8jkwb{position:relative;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bn8jkwb:first-child{margin-left:0;}.bn8jkwb::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,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;}.bn8jkwb.focus-visible:focus::before,.bn8jkwb[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.bn8jkwb.tabs-truncate .skuum0w{overflow:hidden;text-overflow:ellipsis;}.bn8jkwb.tabs-truncate .t1l5e9z0{overflow:hidden;text-overflow:ellipsis;}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.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);}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_1xhgbue_bupjtit__199b915b{background-color:var(--plasma-tabs-background-color);}.base_1xhgbue_bupjtit__199b915b::after{content:'';position:absolute;bottom:0;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_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsHasLeftArrow__199b915b::after{left:1.5rem;}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsHasRightArrow__199b915b::after{right:1.5rem;}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsNoDivider__199b915b::after{height:0;}
|
|
6
6
|
|
|
7
7
|
.base_j9bg3m_bbh58a1__de7491f9{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
.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;}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
13
|
+
.HorizontalTabs_styles_vmnj1d_b7gl603__11dd263e{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;}
|
|
14
|
+
.HorizontalTabs_styles_vmnj1d_s191iwmt__11dd263e{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;}
|
|
15
|
+
.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e{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_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipShowAll__11dd263e{overflow:visible;}
|
|
16
|
+
.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e{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);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e::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_vmnj1d_s1in38wj__11dd263e.HorizontalTabs_styles_vmnj1d_focusVisible__11dd263e:focus::before,.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n`;\n\nexport const StyledContent = styled.div`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n
|
|
1
|
+
{"version":3,"file":"HorizontalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n`;\n\nexport const StyledContent = styled.div`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n box-sizing: content-box;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n z-index: 1;\n\n &.${classes.tabsClipScroll} {\n overflow: scroll;\n\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n &.${classes.tabsClipShowAll} {\n overflow: visible;\n }\n`;\n\nexport const StyledArrow = styled.button<{ isLeftArrow?: boolean; isFilled?: boolean }>`\n display: flex;\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n })};\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n --plasma_private-outer-padding: ${({ isFilled }) => (isFilled ? `var(${tokens.arrowOuterPadding})` : '')};\n\n padding-right: ${({ isLeftArrow }) =>\n isLeftArrow ? `var(${tokens.arrowInnerPadding})` : 'var(--plasma_private-outer-padding)'};\n padding-left: ${({ isLeftArrow }) =>\n isLeftArrow ? 'var(--plasma_private-outer-padding)' : `var(${tokens.arrowInnerPadding})`};\n\n color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","_exp4","_ref","isFilled","concat","tokens","arrowOuterPadding","_exp5","_ref2","isLeftArrow","arrowInnerPadding","_exp6","_ref3","StyledArrow","vars"],"mappings":";;;;;;;AAMO,IAAMA,IAAI,GAKhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsBzC,EAAA;AAAC,IAAAE,KAAA,GAxCgBA,SAwChBA,KAAAA,GAAA;AAAA,EAAA,OAqBoC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,aAAM,CAACC,iBAAiB,SAAM,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7D1FA,SA6D0FA,KAAAA,GAAA;AAAA,EAAA,OAEvF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAChBA,WAAW,UAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAiB,SAAM,qCAAqC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAhE9EA,SAgE8EA,KAAAA,GAAA;AAAA,EAAA,OAC5E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OACfA,WAAW,GAAG,qCAAqC,GAAA,MAAA,CAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAiB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAxBzF,IAAMG,WAAW,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAmBKb,KAAsE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEvFM,KAC2E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5EI,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAW/F;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
.b7gl603{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;}
|
|
2
2
|
.s191iwmt{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;}
|
|
3
|
-
.s158pfyo{
|
|
3
|
+
.s158pfyo{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;}.s158pfyo.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s158pfyo.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s158pfyo.tabs-clip-show-all{overflow:visible;}
|
|
4
4
|
.s1in38wj{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);color:var(--plasma-tabs-arrow-color);}.s1in38wj::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;}.s1in38wj.focus-visible:focus::before,.s1in38wj[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s1in38wj[disabled]{cursor:not-allowed;}.s1in38wj:hover{color:var(--plasma-tabs-arrow-color-hover);}.s1in38wj:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n bottom: 0
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0.125rem;\n right: 0.125rem;\n background: var(${tokens.tabsDividerColor});\n height: var(${tokens.tabsDividerHeight});\n border-radius: var(${tokens.tabsDividerBorderRadius});\n }\n\n &.${classes.tabsHasLeftArrow} {\n &::after {\n left: 1.5rem;\n }\n }\n\n &.${classes.tabsHasRightArrow} {\n &::after {\n right: 1.5rem;\n }\n }\n\n &.${classes.tabsNoDivider} {\n &::after {\n height: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GA+BhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bupjtit{background-color:var(--plasma-tabs-background-color);}.bupjtit::after{content:'';position:absolute;bottom:0;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);}.bupjtit.tabs-has-left-arrow::after{left:1.5rem;}.bupjtit.tabs-has-right-arrow::after{right:1.5rem;}.bupjtit.tabs-no-divider::after{height:0;}
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
.base_am98dh_bo5ybpw__9910bfd7[disabled]{cursor:not-allowed;}.base_am98dh_bo5ybpw__9910bfd7[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_am98dh_bo5ybpw__9910bfd7[disabled].base_am98dh_selectedTabsItem__9910bfd7:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
|
|
6
6
|
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
7
|
+
.VerticalIconTabItem_styles_hm453l_s1im4rc4__4e825401{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
8
|
+
.VerticalIconTabItem_styles_hm453l_a1djmtev__4e825401{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
9
|
+
.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401{position:relative;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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,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;}.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401.VerticalIconTabItem_styles_hm453l_focusVisible__4e825401:focus::before,.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
|
package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(${tokens.itemContentGap});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '
|
|
1
|
+
{"version":3,"file":"VerticalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n display: inline-block;\n width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n display: flex;\n margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(${tokens.itemContentGap});\n\n appearance: none;\n border: none;\n outline: none;\n cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n white-space: nowrap;\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: transparent;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '0.063rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',\n customFocusRules: `\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n }\n }\n `,\n })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAiChB;;;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.s1im4rc4{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
2
2
|
.a1djmtev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
3
|
-
.b140xa1o{position:relative;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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b140xa1o::before{content:'';position:absolute;top
|
|
3
|
+
.b140xa1o{position:relative;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;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b140xa1o::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,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;}.b140xa1o.focus-visible:focus::before,.b140xa1o[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
|