@salutejs/plasma-new-hope 0.157.0-canary.1438.11114279484.0 → 0.157.0-canary.1443.11121362963.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 +0 -12
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +42 -63
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.css +1 -13
- package/cjs/components/Attach/ui/Cell/Cell.styles.js +1 -0
- package/cjs/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +0 -4
- 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/ButtonBase/index.js +7 -7
- package/cjs/components/ButtonBase/index.js.map +1 -1
- package/cjs/components/Cell/Cell.css +1 -13
- package/cjs/components/Cell/Cell.styles.js +24 -46
- package/cjs/components/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Cell/Cell.styles_ygfo1w.css +1 -0
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +5 -7
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +5 -7
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +5 -7
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +5 -7
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -13
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -13
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -13
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.css +0 -2
- package/cjs/components/Drawer/Drawer.styles.js +62 -9
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Steps/Steps.css +18 -0
- package/cjs/components/Steps/Steps.js +109 -0
- package/cjs/components/Steps/Steps.js.map +1 -0
- package/cjs/components/Steps/Steps.styles.js +9 -0
- package/cjs/components/Steps/Steps.styles.js.map +1 -0
- package/cjs/components/Steps/Steps.styles_1qandre.css +1 -0
- package/cjs/components/Steps/Steps.tokens.js +78 -0
- package/cjs/components/Steps/Steps.tokens.js.map +1 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.css +16 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.js +126 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +83 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -0
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_1vqessf.css +9 -0
- package/cjs/components/Steps/variations/_size/base.js +9 -0
- package/cjs/components/Steps/variations/_size/base.js.map +1 -0
- package/cjs/components/Steps/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Steps/variations/_view/base.js +9 -0
- package/cjs/components/Steps/variations/_view/base.js.map +1 -0
- package/cjs/components/Steps/variations/_view/base_x642ct.css +1 -0
- package/cjs/index.css +13 -33
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -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 +15 -55
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +7 -14
- package/emotion/cjs/components/ButtonBase/index.js +5 -6
- package/emotion/cjs/components/Cell/Cell.styles.js +10 -29
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +4 -5
- package/emotion/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +4 -5
- package/emotion/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +4 -5
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +4 -5
- package/emotion/cjs/components/Drawer/Drawer.styles.js +11 -6
- package/emotion/cjs/components/Steps/Steps.js +121 -0
- package/emotion/cjs/components/Steps/Steps.styles.js +9 -0
- package/emotion/cjs/components/Steps/Steps.template-doc.mdx +304 -0
- package/emotion/cjs/components/Steps/Steps.tokens.js +76 -0
- package/emotion/cjs/components/Steps/Steps.types.js +5 -0
- package/emotion/cjs/components/Steps/index.js +25 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +136 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +52 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.types.js +5 -0
- package/emotion/cjs/components/Steps/ui/StepItem/index.js +12 -0
- package/emotion/cjs/components/Steps/ui/index.js +16 -0
- package/emotion/cjs/components/Steps/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Steps/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Steps/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Steps/variations/_view/tokens.json +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.js +13 -0
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +152 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +15 -55
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +7 -14
- package/emotion/es/components/ButtonBase/index.js +5 -6
- package/emotion/es/components/Cell/Cell.styles.js +10 -29
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js +4 -5
- package/emotion/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +4 -5
- package/emotion/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +4 -5
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +4 -5
- package/emotion/es/components/Drawer/Drawer.styles.js +11 -6
- package/emotion/es/components/Steps/Steps.js +112 -0
- package/emotion/es/components/Steps/Steps.styles.js +3 -0
- package/emotion/es/components/Steps/Steps.template-doc.mdx +304 -0
- package/emotion/es/components/Steps/Steps.tokens.js +70 -0
- package/emotion/es/components/Steps/Steps.types.js +1 -0
- package/emotion/es/components/Steps/index.js +2 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.js +127 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +45 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.types.js +1 -0
- package/emotion/es/components/Steps/ui/StepItem/index.js +1 -0
- package/emotion/es/components/Steps/ui/index.js +1 -0
- package/emotion/es/components/Steps/variations/_size/base.js +2 -0
- package/emotion/es/components/Steps/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Steps/variations/_view/base.js +2 -0
- package/emotion/es/components/Steps/variations/_view/tokens.json +1 -0
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.js +9 -0
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +152 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.css +0 -12
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +42 -63
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/es/components/Attach/Attach.css +1 -13
- package/es/components/Attach/ui/Cell/Cell.styles.js +1 -0
- package/es/components/Attach/ui/Cell/Cell.styles.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.css +0 -4
- 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/ButtonBase/index.js +7 -7
- package/es/components/ButtonBase/index.js.map +1 -1
- package/es/components/Cell/Cell.css +1 -13
- package/es/components/Cell/Cell.styles.js +24 -46
- package/es/components/Cell/Cell.styles.js.map +1 -1
- package/es/components/Cell/Cell.styles_ygfo1w.css +1 -0
- package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js +5 -7
- package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +5 -7
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +5 -7
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +5 -7
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -13
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +1 -13
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +1 -13
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.css +0 -2
- package/es/components/Drawer/Drawer.styles.js +62 -9
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Steps/Steps.css +18 -0
- package/es/components/Steps/Steps.js +104 -0
- package/es/components/Steps/Steps.js.map +1 -0
- package/es/components/Steps/Steps.styles.js +5 -0
- package/es/components/Steps/Steps.styles.js.map +1 -0
- package/es/components/Steps/Steps.styles_1qandre.css +1 -0
- package/es/components/Steps/Steps.tokens.js +73 -0
- package/es/components/Steps/Steps.tokens.js.map +1 -0
- package/es/components/Steps/ui/StepItem/StepItem.css +16 -0
- package/es/components/Steps/ui/StepItem/StepItem.js +122 -0
- package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -0
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +71 -0
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -0
- package/es/components/Steps/ui/StepItem/StepItem.styles_1vqessf.css +9 -0
- package/es/components/Steps/variations/_size/base.js +5 -0
- package/es/components/Steps/variations/_size/base.js.map +1 -0
- package/es/components/Steps/variations/_size/base_x642ct.css +1 -0
- package/es/components/Steps/variations/_view/base.js +5 -0
- package/es/components/Steps/variations/_view/base.js.map +1 -0
- package/es/components/Steps/variations/_view/base_x642ct.css +1 -0
- package/es/index.css +13 -33
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Drawer/Drawer.styles.js +8 -2
- package/styled-components/cjs/components/Steps/Steps.js +121 -0
- package/styled-components/cjs/components/Steps/Steps.styles.js +9 -0
- package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +304 -0
- package/styled-components/cjs/components/Steps/Steps.tokens.js +76 -0
- package/styled-components/cjs/components/Steps/Steps.types.js +5 -0
- package/styled-components/cjs/components/Steps/index.js +25 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +136 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +43 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.types.js +5 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/index.js +12 -0
- package/styled-components/cjs/components/Steps/ui/index.js +16 -0
- package/styled-components/cjs/components/Steps/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Steps/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Steps/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Steps/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.js +13 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +152 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Drawer/Drawer.styles.js +8 -2
- package/styled-components/es/components/Steps/Steps.js +112 -0
- package/styled-components/es/components/Steps/Steps.styles.js +3 -0
- package/styled-components/es/components/Steps/Steps.template-doc.mdx +304 -0
- package/styled-components/es/components/Steps/Steps.tokens.js +70 -0
- package/styled-components/es/components/Steps/Steps.types.js +1 -0
- package/styled-components/es/components/Steps/index.js +2 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +127 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +36 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.types.js +1 -0
- package/styled-components/es/components/Steps/ui/StepItem/index.js +1 -0
- package/styled-components/es/components/Steps/ui/index.js +1 -0
- package/styled-components/es/components/Steps/variations/_size/base.js +2 -0
- package/styled-components/es/components/Steps/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Steps/variations/_view/base.js +2 -0
- package/styled-components/es/components/Steps/variations/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js +9 -0
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +152 -0
- package/styled-components/es/index.js +1 -0
- 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 +3 -4
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +1 -1
- package/types/components/ButtonBase/index.d.ts +1 -2
- package/types/components/ButtonBase/index.d.ts.map +1 -1
- package/types/components/Cell/Cell.styles.d.ts +6 -7
- package/types/components/Cell/Cell.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.styles.d.ts +1 -2
- package/types/components/Cell/ui/CellTextbox/CellTextbox.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts +1 -2
- package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts +1 -2
- package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts +1 -2
- 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/components/Steps/Steps.d.ts +23 -0
- package/types/components/Steps/Steps.d.ts.map +1 -0
- package/types/components/Steps/Steps.styles.d.ts +2 -0
- package/types/components/Steps/Steps.styles.d.ts.map +1 -0
- package/types/components/Steps/Steps.tokens.d.ts +71 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -0
- package/types/components/Steps/Steps.types.d.ts +59 -0
- package/types/components/Steps/Steps.types.d.ts.map +1 -0
- package/types/components/Steps/index.d.ts +4 -0
- package/types/components/Steps/index.d.ts.map +1 -0
- package/types/components/Steps/ui/StepItem/StepItem.d.ts +16 -0
- package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -0
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +20 -0
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -0
- package/types/components/Steps/ui/StepItem/StepItem.types.d.ts +34 -0
- package/types/components/Steps/ui/StepItem/StepItem.types.d.ts.map +1 -0
- package/types/components/Steps/ui/StepItem/index.d.ts +3 -0
- package/types/components/Steps/ui/StepItem/index.d.ts.map +1 -0
- package/types/components/Steps/ui/index.d.ts +2 -0
- package/types/components/Steps/ui/index.d.ts.map +1 -0
- package/types/components/Steps/variations/_size/base.d.ts +2 -0
- package/types/components/Steps/variations/_size/base.d.ts.map +1 -0
- package/types/components/Steps/variations/_view/base.d.ts +2 -0
- package/types/components/Steps/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts +18 -0
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Steps/Steps.d.ts +35 -0
- package/types/examples/plasma_b2c/components/Steps/Steps.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_aus2x3.css +0 -11
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles_czqxks.css +0 -3
- package/cjs/components/Breadcrumbs/utils/index.css +0 -17
- package/cjs/components/ButtonBase/index_1skcmbb.css +0 -1
- package/cjs/components/Cell/Cell.styles_1lali49.css +0 -5
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.css +0 -7
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles_rgpies.css +0 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.css +0 -1
- package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles_1x97zqi.css +0 -1
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.css +0 -1
- package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles_n7i06q.css +0 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.css +0 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles_jogov7.css +0 -1
- package/cjs/components/Drawer/Drawer.styles_19qopdy.css +0 -1
- package/cjs/components/_Icon/Icons/IconClose.css +0 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_aus2x3.css +0 -11
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles_czqxks.css +0 -3
- package/es/components/Breadcrumbs/utils/index.css +0 -17
- package/es/components/ButtonBase/index_1skcmbb.css +0 -1
- package/es/components/Cell/Cell.styles_1lali49.css +0 -5
- package/es/components/Cell/ui/CellTextbox/CellTextbox.css +0 -7
- package/es/components/Cell/ui/CellTextbox/CellTextbox.styles_rgpies.css +0 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.css +0 -1
- package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles_1x97zqi.css +0 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.css +0 -1
- package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles_n7i06q.css +0 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.css +0 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles_jogov7.css +0 -1
- package/es/components/Drawer/Drawer.styles_19qopdy.css +0 -1
- package/es/components/_Icon/Icons/IconClose.css +0 -1
@@ -1,52 +1,30 @@
|
|
1
|
-
import './Cell.
|
2
|
-
import
|
1
|
+
import './Cell.styles_ygfo1w.css';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { tokens } from './Cell.tokens.js';
|
3
4
|
|
4
|
-
var
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
propsAsIs: false
|
9
|
-
});
|
10
|
-
var CellContent = /*#__PURE__*/styled('div')({
|
11
|
-
name: "CellContent",
|
12
|
-
"class": "cdgokyj",
|
13
|
-
propsAsIs: false
|
14
|
-
});
|
15
|
-
var _exp6 = function _exp6() {
|
16
|
-
return function (_ref) {
|
17
|
-
var align = _ref.align;
|
18
|
-
return {
|
19
|
-
center: "center",
|
20
|
-
top: "flex-start",
|
21
|
-
bottom: "flex-end"
|
22
|
-
}[align];
|
23
|
-
};
|
5
|
+
var alignToFlex = {
|
6
|
+
center: 'center',
|
7
|
+
top: 'flex-start',
|
8
|
+
bottom: 'flex-end'
|
24
9
|
};
|
25
|
-
var
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
10
|
+
var base = "b1wikybr";
|
11
|
+
var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-taup5i-0"
|
13
|
+
})(["display:flex;flex:auto;align-items:stretch;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
|
14
|
+
var CellContent = /*#__PURE__*/styled.div.withConfig({
|
15
|
+
componentId: "plasma-new-hope__sc-taup5i-1"
|
16
|
+
})(["display:flex;align-items:center;height:auto;"]);
|
17
|
+
var CellLeft = /*#__PURE__*/styled.div.withConfig({
|
18
|
+
componentId: "plasma-new-hope__sc-taup5i-2"
|
19
|
+
})(["display:flex;align-items:", ";"], function (_ref) {
|
20
|
+
var align = _ref.align;
|
21
|
+
return alignToFlex[align];
|
32
22
|
});
|
33
|
-
var
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
top: "flex-start",
|
39
|
-
bottom: "flex-end"
|
40
|
-
}[align];
|
41
|
-
};
|
42
|
-
};
|
43
|
-
var CellRight = /*#__PURE__*/styled('div')({
|
44
|
-
name: "CellRight",
|
45
|
-
"class": "c1spqh22",
|
46
|
-
propsAsIs: false,
|
47
|
-
vars: {
|
48
|
-
"c1spqh22-0": [/*#__PURE__*/_exp7()]
|
49
|
-
}
|
23
|
+
var CellRight = /*#__PURE__*/styled.div.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-taup5i-3"
|
25
|
+
})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
|
26
|
+
var align = _ref2.align;
|
27
|
+
return alignToFlex[align];
|
50
28
|
});
|
51
29
|
|
52
30
|
export { CellContent, CellContentWrapper, CellLeft, CellRight, base };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import
|
1
|
+
{"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const base = css`\n &&.${classes.fixedStretching} {\n width: var(${tokens.cellWidth});\n }\n &&.${classes.filledStretching} {\n width: 100%;\n }\n &&.${classes.autoStretching} {\n width: auto;\n }\n`;\n\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n align-items: stretch;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n height: auto;\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAK9BC,CAAAA,CAAAA,CAAAA,mFAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,MAAM,CAACC,OAAQ,EAE7B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIrC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CACpD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CAEpD;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1wikybr.b1wikybr.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1wikybr.b1wikybr.cell-stretching-filled{width:100%;}.b1wikybr.b1wikybr.cell-stretching-auto{width:auto;}
|
@@ -1,11 +1,9 @@
|
|
1
|
-
import '
|
2
|
-
import {
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var CellTextboxStyled = /*#__PURE__*/styled
|
5
|
-
|
6
|
-
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
4
|
+
var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-gn95dc-0"
|
6
|
+
})(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);
|
9
7
|
|
10
8
|
export { CellTextboxStyled };
|
11
9
|
//# 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
|
1
|
+
{"version":3,"file":"CellTextbox.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\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","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;IAIaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG5BC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc;;;;"}
|
@@ -1,11 +1,9 @@
|
|
1
|
-
import '
|
2
|
-
import {
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var StyledTextboxLabel = /*#__PURE__*/styled
|
5
|
-
|
6
|
-
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
4
|
+
var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1mmt0od-0"
|
6
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellLabelColor, tokens.cellLabelFontSize, tokens.cellLabelFontWeight, tokens.cellLabelFontFamily, tokens.cellLabelFontStyle, tokens.cellLabelLineHeight, tokens.cellLabelLetterSpacing);
|
9
7
|
|
10
8
|
export { StyledTextboxLabel };
|
11
9
|
//# 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
|
1
|
+
{"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\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","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB;;;;"}
|
@@ -1,11 +1,9 @@
|
|
1
|
-
import '
|
2
|
-
import {
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var StyledTextboxSubtitle = /*#__PURE__*/styled
|
5
|
-
|
6
|
-
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
4
|
+
var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-1kug7tk-0"
|
6
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellSubtitleColor, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontWeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontStyle, tokens.cellSubtitleLineHeight, tokens.cellSubtitleLetterSpacing);
|
9
7
|
|
10
8
|
export { StyledTextboxSubtitle };
|
11
9
|
//# 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
|
1
|
+
{"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\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","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,iBAAiB,EACpBD,MAAM,CAACE,oBAAoB,EACzBF,MAAM,CAACG,sBAAsB,EAC7BH,MAAM,CAACI,sBAAsB,EAC9BJ,MAAM,CAACK,qBAAqB,EAC3BL,MAAM,CAACM,sBAAsB,EAC1BN,MAAM,CAACO,yBAAyB;;;;"}
|
@@ -1,11 +1,9 @@
|
|
1
|
-
import '
|
2
|
-
import {
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { tokens } from '../../Cell.tokens.js';
|
3
3
|
|
4
|
-
var StyledTextboxTitle = /*#__PURE__*/styled
|
5
|
-
|
6
|
-
|
7
|
-
propsAsIs: false
|
8
|
-
});
|
4
|
+
var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-h92q43-0"
|
6
|
+
})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellTitleColor, tokens.cellTitleFontSize, tokens.cellTitleFontWeight, tokens.cellTitleFontFamily, tokens.cellTitleFontStyle, tokens.cellTitleLineHeight, tokens.cellTitleLetterSpacing);
|
9
7
|
|
10
8
|
export { StyledTextboxTitle };
|
11
9
|
//# 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
|
1
|
+
{"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\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","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACC,cAAc,EACjBD,MAAM,CAACE,iBAAiB,EACtBF,MAAM,CAACG,mBAAmB,EAC1BH,MAAM,CAACI,mBAAmB,EAC3BJ,MAAM,CAACK,kBAAkB,EACxBL,MAAM,CAACM,mBAAmB,EACvBN,MAAM,CAACO,sBAAsB;;;;"}
|
@@ -18,22 +18,10 @@
|
|
18
18
|
|
19
19
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
20
20
|
|
21
|
-
.
|
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;}
|
21
|
+
.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
|
32
22
|
|
33
23
|
.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;}
|
34
24
|
|
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
|
-
|
37
25
|
.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%;}
|
38
26
|
|
39
27
|
.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);}
|
@@ -107,22 +107,10 @@
|
|
107
107
|
|
108
108
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
109
109
|
|
110
|
-
.
|
111
|
-
|
112
|
-
.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);}
|
113
|
-
|
114
|
-
.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);}
|
115
|
-
|
116
|
-
.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;}
|
117
|
-
.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;}
|
118
|
-
.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;}
|
119
|
-
.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);}
|
120
|
-
.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;}
|
110
|
+
.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
|
121
111
|
|
122
112
|
.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;}
|
123
113
|
|
124
|
-
.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);}
|
125
|
-
|
126
114
|
.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%;}
|
127
115
|
|
128
116
|
.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);}
|
@@ -107,22 +107,10 @@
|
|
107
107
|
|
108
108
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
109
109
|
|
110
|
-
.
|
111
|
-
|
112
|
-
.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);}
|
113
|
-
|
114
|
-
.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);}
|
115
|
-
|
116
|
-
.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;}
|
117
|
-
.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;}
|
118
|
-
.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;}
|
119
|
-
.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);}
|
120
|
-
.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;}
|
110
|
+
.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
|
121
111
|
|
122
112
|
.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;}
|
123
113
|
|
124
|
-
.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);}
|
125
|
-
|
126
114
|
.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%;}
|
127
115
|
|
128
116
|
.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);}
|
@@ -6,6 +6,7 @@ import { component, mergeConfig } from '../../../../../../../engines/common.js';
|
|
6
6
|
import { checkboxConfig } from '../../../../../../Checkbox/Checkbox.js';
|
7
7
|
import { indicatorConfig } from '../../../../../../Indicator/Indicator.js';
|
8
8
|
import 'react';
|
9
|
+
import 'styled-components';
|
9
10
|
import { cellConfig } from '../../../../../../Cell/Cell.js';
|
10
11
|
|
11
12
|
var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(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,5 +55,3 @@
|
|
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_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerOverlay__6994d429{-webkit-animation:Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_drawerOverlay__6994d429{-webkit-animation:Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_19qopdy_fadeInS1ewnow2__6994d429{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_19qopdy_fadeOutS1ewnow2__6994d429{from{opacity:1;}to{opacity:0;}}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerRightPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_rightHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_rightHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_rightShowAnimationS1ewnow2__6994d429{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_19qopdy_rightShowAnimationS1ewnow2__6994d429{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_19qopdy_rightHideAnimationS1ewnow2__6994d429{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_19qopdy_rightHideAnimationS1ewnow2__6994d429{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_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerBottomPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_bottomHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_bottomHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_bottomShowAnimationS1ewnow2__6994d429{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_19qopdy_bottomShowAnimationS1ewnow2__6994d429{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_19qopdy_bottomHideAnimationS1ewnow2__6994d429{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_19qopdy_bottomHideAnimationS1ewnow2__6994d429{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_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerLeftPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_leftHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_leftHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_leftShowAnimationS1ewnow2__6994d429{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_19qopdy_leftShowAnimationS1ewnow2__6994d429{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_19qopdy_leftHideAnimationS1ewnow2__6994d429{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_19qopdy_leftHideAnimationS1ewnow2__6994d429{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_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429 0.2s forwards;}.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429.Drawer_styles_19qopdy_s1ewnow2__6994d429.Drawer_styles_19qopdy_drawerTopPlacement__6994d429.Drawer_styles_19qopdy_popupEndAnimation__6994d429 .Drawer_styles_19qopdy_popupBaseRoot__6994d429{-webkit-animation:Drawer_styles_19qopdy_topHideAnimationS1ewnow2__6994d429 0.2s forwards;animation:Drawer_styles_19qopdy_topHideAnimationS1ewnow2__6994d429 0.2s forwards;}@-webkit-keyframes Drawer_styles_19qopdy_topShowAnimationS1ewnow2__6994d429{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_19qopdy_topShowAnimationS1ewnow2__6994d429{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_19qopdy_topHideAnimationS1ewnow2__6994d429{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_19qopdy_topHideAnimationS1ewnow2__6994d429{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,19 +1,72 @@
|
|
1
|
-
import '
|
2
|
-
import { styled } from '@linaria/react';
|
1
|
+
import styled from 'styled-components';
|
3
2
|
import '@linaria/core';
|
4
3
|
import { component } from '../../engines/common.js';
|
5
4
|
import 'react';
|
6
5
|
import { popupConfig } from '../Popup/Popup.js';
|
6
|
+
import { classes as classes$1 } from '../Popup/Popup.tokens.js';
|
7
|
+
import { classes } from './Drawer.tokens.js';
|
7
8
|
|
8
9
|
var Popup = /*#__PURE__*/component(popupConfig);
|
9
|
-
var
|
10
|
-
|
10
|
+
var animationVariants = {
|
11
|
+
right: {
|
12
|
+
show: {
|
13
|
+
start: 'translate(100%, -50%)',
|
14
|
+
end: 'translate(0, -50%)'
|
15
|
+
},
|
16
|
+
hide: {
|
17
|
+
start: 'translate(0, -50%)',
|
18
|
+
end: 'translate(100%, -50%)'
|
19
|
+
}
|
20
|
+
},
|
21
|
+
bottom: {
|
22
|
+
show: {
|
23
|
+
start: 'translate(-50%, 100%)',
|
24
|
+
end: 'translate(-50%, 0)'
|
25
|
+
},
|
26
|
+
hide: {
|
27
|
+
start: 'translate(-50%, 0)',
|
28
|
+
end: 'translate(-50%, 100%)'
|
29
|
+
}
|
30
|
+
},
|
31
|
+
left: {
|
32
|
+
show: {
|
33
|
+
start: 'translate(-100%, -50%)',
|
34
|
+
end: 'translate(0, -50%)'
|
35
|
+
},
|
36
|
+
hide: {
|
37
|
+
start: 'translate(0, -50%)',
|
38
|
+
end: 'translate(-100%, -50%)'
|
39
|
+
}
|
40
|
+
},
|
41
|
+
top: {
|
42
|
+
show: {
|
43
|
+
start: 'translate(-50%, -100%)',
|
44
|
+
end: 'translate(-50%, 0)'
|
45
|
+
},
|
46
|
+
hide: {
|
47
|
+
start: 'translate(-50%, 0)',
|
48
|
+
end: 'translate(-50%, -100%)'
|
49
|
+
}
|
50
|
+
}
|
11
51
|
};
|
12
|
-
var
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
52
|
+
var templateAnimationStyle = function templateAnimationStyle(placement) {
|
53
|
+
return "\n &.".concat(classes["".concat(placement, "Placement")], " {\n && .").concat(classes$1.root, " {\n animation: ").concat(placement, "ShowAnimation 0.2s forwards;\n }\n\n &&.").concat(classes$1.endAnimation, " .").concat(classes$1.root, " {\n animation: ").concat(placement, "HideAnimation 0.2s forwards;\n }\n\n @keyframes ").concat(placement, "ShowAnimation {\n 0% {\n transform: ").concat(animationVariants[placement].show.start, ";\n opacity: 0;\n }\n\n 100% {\n transform: ").concat(animationVariants[placement].show.end, ";\n opacity: 1;\n }\n }\n\n @keyframes ").concat(placement, "HideAnimation {\n 0% {\n transform: ").concat(animationVariants[placement].hide.start, ";\n opacity: 1;\n }\n\n 100% {\n transform: ").concat(animationVariants[placement].hide.end, ";\n opacity: 0;\n }\n } \n }\n ");
|
54
|
+
};
|
55
|
+
var getAnimationStyles = function getAnimationStyles() {
|
56
|
+
return Object.keys(animationVariants).reduce(function (acc, placement) {
|
57
|
+
acc += templateAnimationStyle(placement);
|
58
|
+
return acc;
|
59
|
+
}, '');
|
60
|
+
};
|
61
|
+
var StyledPopup = /*#__PURE__*/styled(Popup).withConfig({
|
62
|
+
componentId: "plasma-new-hope__sc-rwu6sj-0"
|
63
|
+
})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}", ""], classes.overlay, classes$1.endAnimation, classes.overlay, classes$1.root, classes$1.root, function (_ref) {
|
64
|
+
var width = _ref.width;
|
65
|
+
return width;
|
66
|
+
}, function (_ref2) {
|
67
|
+
var height = _ref2.height;
|
68
|
+
return height;
|
69
|
+
}, /*#__PURE__*/getAnimationStyles());
|
17
70
|
|
18
71
|
export { StyledPopup };
|
19
72
|
//# sourceMappingURL=Drawer.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import
|
1
|
+
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import styled from 'styled-components';\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};\n height: ${({ height }) => height};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["Popup","component","popupConfig","animationVariants","right","show","start","end","hide","bottom","left","top","templateAnimationStyle","placement","concat","classes","popupClasses","root","endAnimation","getAnimationStyles","Object","keys","reduce","acc","StyledPopup","styled","withConfig","componentId","overlay","_ref","width","_ref2","height"],"mappings":"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"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
.Steps_styles_1qandre_b7q3upx__608d6251{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251:not(.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251{width:var(--plasma-step-item-active-indicator-size);height:auto;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251:not(.Steps_styles_1qandre__PlasmaStepItemHasIndicator__608d6251){width:var(--plasma-step-item-active-bullet-size);height:auto;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Steps_styles_1qandre_b7q3upx__608d6251.Steps_styles_1qandre__PlasmaStepsVerticalOrientation__608d6251.Steps_styles_1qandre__PlasmaStepsSimple__608d6251{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
2
|
+
|
3
|
+
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
4
|
+
|
5
|
+
.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
|
6
|
+
|
7
|
+
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
8
|
+
.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);}}
|
9
|
+
|
10
|
+
.StepItem_styles_1vqessf_snf9dn9__47e6c1e4{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
11
|
+
.StepItem_styles_1vqessf_sv5tpso__47e6c1e4{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
12
|
+
.StepItem_styles_1vqessf_s529fhk__47e6c1e4{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
13
|
+
.StepItem_styles_1vqessf_b1kcj14__47e6c1e4{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;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple):not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4{min-width:var(--plasma-step-item-active-indicator-size);min-height:100%;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4:not(--plasma-steps-simple).StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4:not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4){min-width:var(--plasma-step-item-active-bullet-size);min-height:100%;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_1vqessf_b1kcj14__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
14
|
+
.StepItem_styles_1vqessf_b9hdug__47e6c1e4{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;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4:before,.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4:after{background:var(--plasma-step-item-inactive-indicator-background);}
|
15
|
+
.StepItem_styles_1vqessf_b1eo1o32__47e6c1e4.StepItem_styles_1vqessf_b9hdug__47e6c1e4{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_1vqessf_b1eo1o32__47e6c1e4.StepItem_styles_1vqessf_b9hdug__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
|
16
|
+
.StepItem_styles_1vqessf_sxskc3q__47e6c1e4{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1vqessf_sxskc3q__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1vqessf_sxskc3q__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsTransparentDivider__47e6c1e4{background-color:transparent;}
|
17
|
+
.StepItem_styles_1vqessf_s4zgmmr__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_1vqessf_s4zgmmr__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4 .StepItem_styles_1vqessf_s529fhk__47e6c1e4{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
18
|
+
.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4:not(--plasma-steps-simple):not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4) .StepItem_styles_1vqessf_b1kcj14__47e6c1e4{position:relative;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4:not(--plasma-steps-simple):not(.StepItem_styles_1vqessf__PlasmaStepItemHasIndicator__47e6c1e4).StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4 .StepItem_styles_1vqessf_b1kcj14__47e6c1e4{position:relative;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepsVerticalOrientation__47e6c1e4 .StepItem_styles_1vqessf_sxskc3q__47e6c1e4{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{cursor:pointer;color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemActive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemInactive__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemHovered__47e6c1e4 .StepItem_styles_1vqessf_b1kcj14__47e6c1e4{cursor:pointer;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4{width:100%;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4 .StepItem_styles_1vqessf_sv5tpso__47e6c1e4,.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemCentered__47e6c1e4 .StepItem_styles_1vqessf_s4zgmmr__47e6c1e4 .StepItem_styles_1vqessf_s529fhk__47e6c1e4{padding-right:0;text-align:center;}.StepItem_styles_1vqessf_s12pqpa3__47e6c1e4.StepItem_styles_1vqessf__PlasmaStepItemDisabled__47e6c1e4{opacity:var(--plasma-step-item-disabled-opacity);}
|