@salutejs/plasma-new-hope 0.161.0-canary.1466.11175117615.0 → 0.161.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +12 -0
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +63 -42
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_aus2x3.css +11 -0
- package/cjs/components/Attach/Attach.css +13 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +0 -1
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +4 -0
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -17
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles_czqxks.css +3 -0
- package/cjs/components/Breadcrumbs/utils/index.css +17 -0
- package/cjs/components/ButtonBase/index.js +7 -7
- package/cjs/components/ButtonBase/index.js.map +1 -1
- package/cjs/components/ButtonBase/index_1skcmbb.css +1 -0
- package/cjs/components/Cell/Cell.css +13 -1
- package/cjs/components/Cell/Cell.styles.js +46 -24
- package/cjs/components/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Cell/Cell.styles_1lali49.css +5 -0
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.css +7 -0
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +7 -5
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles_rgpies.css +1 -0
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.css +1 -0
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +7 -5
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles_1x97zqi.css +1 -0
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.css +1 -0
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +7 -5
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles_n7i06q.css +1 -0
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.css +1 -0
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +7 -5
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles_jogov7.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +13 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +13 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +13 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.css +2 -0
- package/cjs/components/Drawer/Drawer.styles.js +23 -60
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles_14ek4ft.css +1 -0
- package/cjs/components/_Icon/Icons/IconClose.css +1 -0
- package/cjs/index.css +33 -1
- package/cjs/mixins/applyDisabled.js +3 -3
- package/cjs/mixins/applyDisabled.js.map +1 -1
- package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +55 -15
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +1 -3
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +14 -7
- package/emotion/cjs/components/ButtonBase/index.js +6 -5
- package/emotion/cjs/components/Cell/Cell.styles.js +29 -10
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +5 -4
- package/emotion/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +5 -4
- package/emotion/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +5 -4
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +5 -4
- package/emotion/cjs/components/Drawer/Drawer.styles.js +10 -9
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +13 -14
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +13 -14
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +55 -15
- package/emotion/es/components/Badge/Badge.template-doc.mdx +1 -3
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +14 -7
- package/emotion/es/components/ButtonBase/index.js +6 -5
- package/emotion/es/components/Cell/Cell.styles.js +29 -10
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js +5 -4
- package/emotion/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +5 -4
- package/emotion/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +5 -4
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +5 -4
- package/emotion/es/components/Drawer/Drawer.styles.js +10 -9
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +13 -14
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +13 -14
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +12 -0
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +63 -42
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_aus2x3.css +11 -0
- package/es/components/Attach/Attach.css +13 -1
- package/es/components/Attach/ui/Cell/Cell.styles.js +0 -1
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.css +4 -0
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +17 -17
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +1 -1
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles_czqxks.css +3 -0
- package/es/components/Breadcrumbs/utils/index.css +17 -0
- package/es/components/ButtonBase/index.js +7 -7
- package/es/components/ButtonBase/index.js.map +1 -1
- package/es/components/ButtonBase/index_1skcmbb.css +1 -0
- package/es/components/Cell/Cell.css +13 -1
- package/es/components/Cell/Cell.styles.js +46 -24
- package/es/components/Cell/Cell.styles.js.map +1 -1
- package/es/components/Cell/Cell.styles_1lali49.css +5 -0
- package/es/components/Cell/ui/CellTextbox/CellTextbox.css +7 -0
- package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js +7 -5
- package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.styles_rgpies.css +1 -0
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.css +1 -0
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +7 -5
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles_1x97zqi.css +1 -0
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.css +1 -0
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +7 -5
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles_n7i06q.css +1 -0
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.css +1 -0
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +7 -5
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles_jogov7.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +13 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +13 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +13 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +0 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.css +2 -0
- package/es/components/Drawer/Drawer.styles.js +23 -60
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.styles_14ek4ft.css +1 -0
- package/es/components/_Icon/Icons/IconClose.css +1 -0
- package/es/index.css +33 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +1 -3
- package/styled-components/cjs/components/Drawer/Drawer.styles.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +1 -2
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +1 -3
- package/styled-components/es/components/Drawer/Drawer.styles.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +1 -2
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +11 -11
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +4 -3
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -1
- package/types/components/ButtonBase/index.d.ts +2 -1
- package/types/components/ButtonBase/index.d.ts.map +1 -1
- package/types/components/Cell/Cell.styles.d.ts +7 -6
- package/types/components/Cell/Cell.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.styles.d.ts +2 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts +2 -1
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts +2 -1
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts +2 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts +2 -2
- package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +0 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +0 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +0 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +0 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/cjs/components/Cell/Cell.styles_ygfo1w.css +0 -1
- package/es/components/Cell/Cell.styles_ygfo1w.css +0 -1
@@ -1,13 +1,15 @@
|
|
1
|
+
import './CellTextbox.styles_rgpies.css';
|
1
2
|
'use strict';
|
2
3
|
|
3
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
5
|
|
5
|
-
var
|
6
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
6
|
+
var react = require('@linaria/react');
|
7
7
|
|
8
|
-
var CellTextboxStyled = /*#__PURE__*/styled
|
9
|
-
|
10
|
-
|
8
|
+
var CellTextboxStyled = /*#__PURE__*/react.styled('div')({
|
9
|
+
name: "CellTextboxStyled",
|
10
|
+
"class": "cz0uqdu",
|
11
|
+
propsAsIs: false
|
12
|
+
});
|
11
13
|
|
12
14
|
exports.CellTextboxStyled = CellTextboxStyled;
|
13
15
|
//# sourceMappingURL=CellTextbox.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from '
|
1
|
+
{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.cz0uqdu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
@@ -0,0 +1 @@
|
|
1
|
+
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
@@ -1,13 +1,15 @@
|
|
1
|
+
import './CellTextboxLabel.styles_1x97zqi.css';
|
1
2
|
'use strict';
|
2
3
|
|
3
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
5
|
|
5
|
-
var
|
6
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
6
|
+
var react = require('@linaria/react');
|
7
7
|
|
8
|
-
var StyledTextboxLabel = /*#__PURE__*/styled
|
9
|
-
|
10
|
-
|
8
|
+
var StyledTextboxLabel = /*#__PURE__*/react.styled('div')({
|
9
|
+
name: "StyledTextboxLabel",
|
10
|
+
"class": "supiagz",
|
11
|
+
propsAsIs: false
|
12
|
+
});
|
11
13
|
|
12
14
|
exports.StyledTextboxLabel = StyledTextboxLabel;
|
13
15
|
//# sourceMappingURL=CellTextboxLabel.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from '
|
1
|
+
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = styled.div`\n color: var(${tokens.cellLabelColor});\n font-size: var(${tokens.cellLabelFontSize});\n font-weight: var(${tokens.cellLabelFontWeight});\n font-family: var(${tokens.cellLabelFontFamily});\n font-style: var(${tokens.cellLabelFontStyle});\n line-height: var(${tokens.cellLabelLineHeight});\n letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n"],"names":["StyledTextboxLabel","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQvC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.supiagz{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
@@ -0,0 +1 @@
|
|
1
|
+
.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
@@ -1,13 +1,15 @@
|
|
1
|
+
import './CellTextboxSubtitle.styles_n7i06q.css';
|
1
2
|
'use strict';
|
2
3
|
|
3
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
5
|
|
5
|
-
var
|
6
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
6
|
+
var react = require('@linaria/react');
|
7
7
|
|
8
|
-
var StyledTextboxSubtitle = /*#__PURE__*/styled
|
9
|
-
|
10
|
-
|
8
|
+
var StyledTextboxSubtitle = /*#__PURE__*/react.styled('div')({
|
9
|
+
name: "StyledTextboxSubtitle",
|
10
|
+
"class": "s1bdz4u4",
|
11
|
+
propsAsIs: false
|
12
|
+
});
|
11
13
|
|
12
14
|
exports.StyledTextboxSubtitle = StyledTextboxSubtitle;
|
13
15
|
//# sourceMappingURL=CellTextboxSubtitle.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from '
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = styled.div`\n color: var(${tokens.cellSubtitleColor});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-style: var(${tokens.cellSubtitleFontStyle});\n line-height: var(${tokens.cellSubtitleLineHeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n"],"names":["StyledTextboxSubtitle","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,qBAAqB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ1C;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.s1bdz4u4{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
@@ -0,0 +1 @@
|
|
1
|
+
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
@@ -1,13 +1,15 @@
|
|
1
|
+
import './CellTextboxTitle.styles_jogov7.css';
|
1
2
|
'use strict';
|
2
3
|
|
3
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
5
|
|
5
|
-
var
|
6
|
-
var Cell_tokens = require('../../Cell.tokens.js');
|
6
|
+
var react = require('@linaria/react');
|
7
7
|
|
8
|
-
var StyledTextboxTitle = /*#__PURE__*/styled
|
9
|
-
|
10
|
-
|
8
|
+
var StyledTextboxTitle = /*#__PURE__*/react.styled('div')({
|
9
|
+
name: "StyledTextboxTitle",
|
10
|
+
"class": "s16psy9b",
|
11
|
+
propsAsIs: false
|
12
|
+
});
|
11
13
|
|
12
14
|
exports.StyledTextboxTitle = StyledTextboxTitle;
|
13
15
|
//# sourceMappingURL=CellTextboxTitle.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from '
|
1
|
+
{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = styled.div`\n color: var(${tokens.cellTitleColor});\n font-size: var(${tokens.cellTitleFontSize});\n font-weight: var(${tokens.cellTitleFontWeight});\n font-family: var(${tokens.cellTitleFontFamily});\n font-style: var(${tokens.cellTitleFontStyle});\n line-height: var(${tokens.cellTitleLineHeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n"],"names":["StyledTextboxTitle","styled","name","class","propsAsIs"],"mappings":";;;;;;AAIO,IAAMA,kBAAkB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQvC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.s16psy9b{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
@@ -18,10 +18,22 @@
|
|
18
18
|
|
19
19
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
20
20
|
|
21
|
-
.
|
21
|
+
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
22
|
+
|
23
|
+
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
24
|
+
|
25
|
+
.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
26
|
+
|
27
|
+
.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
|
28
|
+
.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
|
29
|
+
.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
|
30
|
+
.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
|
31
|
+
.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
|
22
32
|
|
23
33
|
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
24
34
|
|
35
|
+
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
36
|
+
|
25
37
|
.Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
|
26
38
|
|
27
39
|
.Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
|
@@ -109,10 +109,22 @@
|
|
109
109
|
|
110
110
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
111
111
|
|
112
|
-
.
|
112
|
+
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
113
|
+
|
114
|
+
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
115
|
+
|
116
|
+
.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
117
|
+
|
118
|
+
.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
|
119
|
+
.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
|
120
|
+
.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
|
121
|
+
.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
|
122
|
+
.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
|
113
123
|
|
114
124
|
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
115
125
|
|
126
|
+
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
127
|
+
|
116
128
|
.Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
|
117
129
|
|
118
130
|
.Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
|
@@ -109,10 +109,22 @@
|
|
109
109
|
|
110
110
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
111
111
|
|
112
|
-
.
|
112
|
+
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
113
|
+
|
114
|
+
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
115
|
+
|
116
|
+
.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
117
|
+
|
118
|
+
.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
|
119
|
+
.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
|
120
|
+
.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
|
121
|
+
.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
|
122
|
+
.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
|
113
123
|
|
114
124
|
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
115
125
|
|
126
|
+
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
127
|
+
|
116
128
|
.Item_styles_1us8jz1_s17m41ki__358c9556{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
|
117
129
|
|
118
130
|
.Item_styles_1us8jz1_sabntqz__358c9556{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);}
|
@@ -10,7 +10,6 @@ var common = require('../../../../../../../engines/common.js');
|
|
10
10
|
var Checkbox$1 = require('../../../../../../Checkbox/Checkbox.js');
|
11
11
|
var Indicator$1 = require('../../../../../../Indicator/Indicator.js');
|
12
12
|
require('react');
|
13
|
-
require('styled-components');
|
14
13
|
var Cell$1 = require('../../../../../../Cell/Cell.js');
|
15
14
|
|
16
15
|
var mergedCheckboxConfig = /*#__PURE__*/common.mergeConfig(Checkbox$1.checkboxConfig);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const StyledWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n\n &:hover {\n color: var(${constants.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp41","StyledIndicator","DisclosureIconWrapper","_exp49","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp53","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp54","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","StyledText","_exp57","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../../Indicator';\nimport { cellConfig, cellTokens } from '../../../../../../Cell';\nimport type { ComboboxProps } from '../../../../Combobox.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const StyledWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${constants.disclosureIconColor});\n\n &:hover {\n color: var(${constants.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.borderRadius});\n user-select: none;\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${constants.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","mergedIndicatorConfig","indicatorConfig","Indicator","_exp41","StyledIndicator","DisclosureIconWrapper","_exp49","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp53","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp54","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","StyledText","_exp57","_ref4","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
|
@@ -55,3 +55,5 @@
|
|
55
55
|
.base_hlhsst_b1r0qiiy__1faf4773{--plasma-panel-padding:var(--plasma-drawer-padding);}
|
56
56
|
|
57
57
|
.base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
|
58
|
+
|
59
|
+
.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec,.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
@@ -1,76 +1,39 @@
|
|
1
|
+
import './Drawer.styles_14ek4ft.css';
|
1
2
|
'use strict';
|
2
3
|
|
3
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
5
|
|
5
|
-
var
|
6
|
+
var react = require('@linaria/react');
|
6
7
|
require('@linaria/core');
|
7
8
|
var common = require('../../engines/common.js');
|
8
9
|
require('react');
|
9
10
|
var Popup$1 = require('../Popup/Popup.js');
|
10
|
-
var Popup_tokens = require('../Popup/Popup.tokens.js');
|
11
|
-
var Drawer_tokens = require('./Drawer.tokens.js');
|
12
11
|
|
13
12
|
var Popup = /*#__PURE__*/common.component(Popup$1.popupConfig);
|
14
|
-
var
|
15
|
-
|
16
|
-
show: {
|
17
|
-
start: 'translate(100%, -50%)',
|
18
|
-
end: 'translate(0, -50%)'
|
19
|
-
},
|
20
|
-
hide: {
|
21
|
-
start: 'translate(0, -50%)',
|
22
|
-
end: 'translate(100%, -50%)'
|
23
|
-
}
|
24
|
-
},
|
25
|
-
bottom: {
|
26
|
-
show: {
|
27
|
-
start: 'translate(-50%, 100%)',
|
28
|
-
end: 'translate(-50%, 0)'
|
29
|
-
},
|
30
|
-
hide: {
|
31
|
-
start: 'translate(-50%, 0)',
|
32
|
-
end: 'translate(-50%, 100%)'
|
33
|
-
}
|
34
|
-
},
|
35
|
-
left: {
|
36
|
-
show: {
|
37
|
-
start: 'translate(-100%, -50%)',
|
38
|
-
end: 'translate(0, -50%)'
|
39
|
-
},
|
40
|
-
hide: {
|
41
|
-
start: 'translate(0, -50%)',
|
42
|
-
end: 'translate(-100%, -50%)'
|
43
|
-
}
|
44
|
-
},
|
45
|
-
top: {
|
46
|
-
show: {
|
47
|
-
start: 'translate(-50%, -100%)',
|
48
|
-
end: 'translate(-50%, 0)'
|
49
|
-
},
|
50
|
-
hide: {
|
51
|
-
start: 'translate(-50%, 0)',
|
52
|
-
end: 'translate(-50%, -100%)'
|
53
|
-
}
|
54
|
-
}
|
13
|
+
var _exp = function _exp() {
|
14
|
+
return Popup;
|
55
15
|
};
|
56
|
-
var
|
57
|
-
return
|
16
|
+
var _exp7 = function _exp7() {
|
17
|
+
return function (_ref) {
|
18
|
+
var width = _ref.width;
|
19
|
+
return width || 'auto';
|
20
|
+
};
|
58
21
|
};
|
59
|
-
var
|
60
|
-
return
|
61
|
-
|
62
|
-
return
|
63
|
-
}
|
22
|
+
var _exp8 = function _exp8() {
|
23
|
+
return function (_ref2) {
|
24
|
+
var height = _ref2.height;
|
25
|
+
return height || 'auto';
|
26
|
+
};
|
64
27
|
};
|
65
|
-
var StyledPopup = /*#__PURE__*/styled(
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
}
|
28
|
+
var StyledPopup = /*#__PURE__*/react.styled(_exp())({
|
29
|
+
name: "StyledPopup",
|
30
|
+
"class": "s1ewnow2",
|
31
|
+
propsAsIs: true,
|
32
|
+
vars: {
|
33
|
+
"s1ewnow2-0": [/*#__PURE__*/_exp7()],
|
34
|
+
"s1ewnow2-1": [/*#__PURE__*/_exp8()]
|
35
|
+
}
|
36
|
+
});
|
74
37
|
|
75
38
|
exports.StyledPopup = StyledPopup;
|
76
39
|
//# sourceMappingURL=Drawer.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import styled from '
|
1
|
+
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes } from './Drawer.tokens';\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","_exp","_exp7","_ref","width","_exp8","_ref2","height","StyledPopup","styled","name","class","propsAsIs","vars"],"mappings":";;;;;;;;;;AAQA,IAAMA,KAAK,gBAAGC,gBAAS,CAACC,mBAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHH,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GA/FrBA,SA+FqBA,KAAAA,GAAA;AAAA,EAAA,OAkCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjI7BA,SAiI6BA,KAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAnC3C,IAAMC,WAAW,gBAAGC,YAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkChBX,KAA8B,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC7BG,KAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.s1ewnow2.s1ewnow2.drawer-overlay{-webkit-animation:fadeIn-s1ewnow2 0.2s forwards;animation:fadeIn-s1ewnow2 0.2s forwards;}.s1ewnow2.s1ewnow2.popup-end-animation .drawer-overlay{-webkit-animation:fadeOut-s1ewnow2 0.2s forwards;animation:fadeOut-s1ewnow2 0.2s forwards;}@-webkit-keyframes fadeIn-s1ewnow2{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn-s1ewnow2{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeOut-s1ewnow2{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut-s1ewnow2{from{opacity:1;}to{opacity:0;}}.s1ewnow2.s1ewnow2 .popup-base-root,.s1ewnow2.s1ewnow2 .popup-base-root > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.s1ewnow2.drawer-right-placement.s1ewnow2.drawer-right-placement .popup-base-root{-webkit-animation:rightShowAnimation-s1ewnow2 0.2s forwards;animation:rightShowAnimation-s1ewnow2 0.2s forwards;}.s1ewnow2.drawer-right-placement.s1ewnow2.drawer-right-placement.popup-end-animation .popup-base-root{-webkit-animation:rightHideAnimation-s1ewnow2 0.2s forwards;animation:rightHideAnimation-s1ewnow2 0.2s forwards;}@-webkit-keyframes rightShowAnimation-s1ewnow2{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes rightShowAnimation-s1ewnow2{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes rightHideAnimation-s1ewnow2{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes rightHideAnimation-s1ewnow2{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.s1ewnow2.drawer-bottom-placement.s1ewnow2.drawer-bottom-placement .popup-base-root{-webkit-animation:bottomShowAnimation-s1ewnow2 0.2s forwards;animation:bottomShowAnimation-s1ewnow2 0.2s forwards;}.s1ewnow2.drawer-bottom-placement.s1ewnow2.drawer-bottom-placement.popup-end-animation .popup-base-root{-webkit-animation:bottomHideAnimation-s1ewnow2 0.2s forwards;animation:bottomHideAnimation-s1ewnow2 0.2s forwards;}@-webkit-keyframes bottomShowAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes bottomShowAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes bottomHideAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes bottomHideAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.s1ewnow2.drawer-left-placement.s1ewnow2.drawer-left-placement .popup-base-root{-webkit-animation:leftShowAnimation-s1ewnow2 0.2s forwards;animation:leftShowAnimation-s1ewnow2 0.2s forwards;}.s1ewnow2.drawer-left-placement.s1ewnow2.drawer-left-placement.popup-end-animation .popup-base-root{-webkit-animation:leftHideAnimation-s1ewnow2 0.2s forwards;animation:leftHideAnimation-s1ewnow2 0.2s forwards;}@-webkit-keyframes leftShowAnimation-s1ewnow2{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes leftShowAnimation-s1ewnow2{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes leftHideAnimation-s1ewnow2{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes leftHideAnimation-s1ewnow2{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.s1ewnow2.drawer-top-placement.s1ewnow2.drawer-top-placement .popup-base-root{-webkit-animation:topShowAnimation-s1ewnow2 0.2s forwards;animation:topShowAnimation-s1ewnow2 0.2s forwards;}.s1ewnow2.drawer-top-placement.s1ewnow2.drawer-top-placement.popup-end-animation .popup-base-root{-webkit-animation:topHideAnimation-s1ewnow2 0.2s forwards;animation:topHideAnimation-s1ewnow2 0.2s forwards;}@-webkit-keyframes topShowAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes topShowAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes topHideAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes topHideAnimation-s1ewnow2{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
@@ -0,0 +1 @@
|
|
1
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|