@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
@@ -0,0 +1,152 @@
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { IconMic } from '../../../../components/_Icon';
|
7
|
+
import { argTypesFromConfig, WithTheme } from '../../../_helpers';
|
8
|
+
import { StepItemProps } from '../../../../components/Steps/ui';
|
9
|
+
|
10
|
+
import { Steps, mergedConfig } from './Steps';
|
11
|
+
|
12
|
+
const meta: Meta<typeof Steps> = {
|
13
|
+
title: 'plasma_b2c/Steps',
|
14
|
+
decorators: [WithTheme],
|
15
|
+
component: Steps,
|
16
|
+
argTypes: {
|
17
|
+
...argTypesFromConfig(mergedConfig),
|
18
|
+
},
|
19
|
+
};
|
20
|
+
|
21
|
+
export default meta;
|
22
|
+
|
23
|
+
type Story = StoryObj<ComponentProps<typeof Steps>>;
|
24
|
+
|
25
|
+
const renderIndicator = ({ indicatorSize }) => {
|
26
|
+
return <IconMic color="inherit" size={indicatorSize === 36 ? 's' : 'xs'} />;
|
27
|
+
};
|
28
|
+
|
29
|
+
const DefaultStory = (args) => {
|
30
|
+
const { title, content, size, indicatorSize, indicatorType, quantity, hasContent, loading, disabled } = args;
|
31
|
+
|
32
|
+
const [items, setItems] = useState([]);
|
33
|
+
|
34
|
+
useEffect(() => {
|
35
|
+
const newItems = new Array(quantity).fill(null).map((_, index) => {
|
36
|
+
const indicator = index + 1;
|
37
|
+
|
38
|
+
if (!hasContent) {
|
39
|
+
return {
|
40
|
+
indicator,
|
41
|
+
status: 'inactive',
|
42
|
+
};
|
43
|
+
}
|
44
|
+
|
45
|
+
return {
|
46
|
+
title,
|
47
|
+
content,
|
48
|
+
indicator,
|
49
|
+
status: 'inactive',
|
50
|
+
};
|
51
|
+
});
|
52
|
+
|
53
|
+
setItems(newItems);
|
54
|
+
}, [hasContent, loading, quantity, title, content]);
|
55
|
+
|
56
|
+
useEffect(() => {
|
57
|
+
setItems((curItems) =>
|
58
|
+
curItems.map((item, index) => {
|
59
|
+
if (indicatorType === 'numbered') {
|
60
|
+
return { ...item, indicator: index + 1 };
|
61
|
+
}
|
62
|
+
|
63
|
+
if (indicatorType === 'bullet') {
|
64
|
+
return { ...item, indicator: undefined };
|
65
|
+
}
|
66
|
+
|
67
|
+
if (indicatorType === 'icon') {
|
68
|
+
return { ...item, indicator: renderIndicator };
|
69
|
+
}
|
70
|
+
|
71
|
+
return item;
|
72
|
+
}),
|
73
|
+
);
|
74
|
+
}, [indicatorType]);
|
75
|
+
|
76
|
+
useEffect(() => {
|
77
|
+
setItems((curItems) => curItems.map((item) => ({ ...item, disabled })));
|
78
|
+
}, [disabled]);
|
79
|
+
|
80
|
+
const onChange = (item: StepItemProps, index: number, prevIndex: number) => {
|
81
|
+
if (prevIndex !== undefined) {
|
82
|
+
items[prevIndex].status = 'completed';
|
83
|
+
}
|
84
|
+
|
85
|
+
items[index].status = 'active';
|
86
|
+
|
87
|
+
setItems([...items]);
|
88
|
+
};
|
89
|
+
|
90
|
+
return (
|
91
|
+
<Steps
|
92
|
+
size={size}
|
93
|
+
indicatorSize={indicatorSize}
|
94
|
+
items={items}
|
95
|
+
onChange={onChange}
|
96
|
+
hasLoader={loading}
|
97
|
+
{...args}
|
98
|
+
/>
|
99
|
+
);
|
100
|
+
};
|
101
|
+
|
102
|
+
export const Default: Story = {
|
103
|
+
args: {
|
104
|
+
quantity: 6,
|
105
|
+
size: 'm',
|
106
|
+
title: 'Title',
|
107
|
+
content: 'Content',
|
108
|
+
contentAlign: 'left',
|
109
|
+
indicatorType: 'numbered',
|
110
|
+
indicatorSize: 24,
|
111
|
+
orientation: 'horizontal',
|
112
|
+
hasLine: true,
|
113
|
+
hasContent: true,
|
114
|
+
disabled: false,
|
115
|
+
loading: false,
|
116
|
+
},
|
117
|
+
argTypes: {
|
118
|
+
size: {
|
119
|
+
options: ['xs', 's', 'm', 'l'],
|
120
|
+
control: {
|
121
|
+
type: 'inline-radio',
|
122
|
+
},
|
123
|
+
},
|
124
|
+
orientation: {
|
125
|
+
options: ['horizontal', 'vertical'],
|
126
|
+
control: {
|
127
|
+
type: 'inline-radio',
|
128
|
+
},
|
129
|
+
},
|
130
|
+
contentAlign: {
|
131
|
+
options: ['left', 'center'],
|
132
|
+
control: {
|
133
|
+
type: 'inline-radio',
|
134
|
+
},
|
135
|
+
if: { arg: 'orientation', eq: 'horizontal' },
|
136
|
+
},
|
137
|
+
indicatorType: {
|
138
|
+
options: ['numbered', 'bullet', 'icon'],
|
139
|
+
control: {
|
140
|
+
type: 'inline-radio',
|
141
|
+
},
|
142
|
+
},
|
143
|
+
indicatorSize: {
|
144
|
+
options: [8, 16, 24, 36],
|
145
|
+
control: {
|
146
|
+
type: 'inline-radio',
|
147
|
+
},
|
148
|
+
},
|
149
|
+
...disableProps(['view']),
|
150
|
+
},
|
151
|
+
render: (args) => <DefaultStory {...args} />,
|
152
|
+
};
|
package/emotion/es/index.js
CHANGED
@@ -50,6 +50,7 @@ export * from './components/Divider';
|
|
50
50
|
export * from './components/Toolbar';
|
51
51
|
export * from './components/Sheet';
|
52
52
|
export * from './components/Slider';
|
53
|
+
export * from './components/Steps';
|
53
54
|
export * from './components/Range';
|
54
55
|
export * from './components/Accordion';
|
55
56
|
export * from './components/DatePicker';
|
@@ -1,13 +1 @@
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
-
|
3
|
-
.AccordionItem_styles_aus2x3_s1d847tf__94808ef4{background:var(--plasma-accordion-item-background);border:var(--plasma-accordion-item-border);border-bottom:var(--plasma-accordion-item-border-bottom);}.AccordionItem_styles_aus2x3_s1d847tf__94808ef4:last-child{border-bottom:var(--plasma-accordion-item-border);}.AccordionItem_styles_aus2x3_s1d847tf__94808ef4.AccordionItem_styles_aus2x3_accordionDisabled__94808ef4{opacity:0.4;cursor:not-allowed;}
|
4
|
-
.AccordionItem_styles_aus2x3_s18inj31__94808ef4{width:100%;border:none;padding:var(--plasma-accordion-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;box-sizing:border-box;cursor:pointer;position:relative;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4:focus{outline:none;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.AccordionItem_styles_aus2x3_s18inj31__94808ef4.AccordionItem_styles_aus2x3_focusVisible__94808ef4:focus::before,.AccordionItem_styles_aus2x3_s18inj31__94808ef4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-accordion-item-focus);}
|
5
|
-
.AccordionItem_styles_aus2x3_s1kvo44v__94808ef4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-accordion-item-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
6
|
-
.AccordionItem_styles_aus2x3_s2tqnbp__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_aus2x3_s2tqnbp__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
7
|
-
.AccordionItem_styles_aus2x3_s11daj3x__94808ef4{-webkit-transition:0.2s;transition:0.2s;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;}.AccordionItem_styles_aus2x3_s11daj3x__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
8
|
-
.AccordionItem_styles_aus2x3_sy09zp7__94808ef4{color:var(--plasma-accordion-item-title-color);font-family:var(--plasma-accordion-item-title-font-family);font-size:var(--plasma-accordion-item-title-font-size);font-weight:var(--plasma-accordion-item-title-font-weight);font-style:var(--plasma-accordion-item-title-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-title-letter-spacing);letter-spacing:var(--plasma-accordion-item-title-letter-spacing);line-height:var(--plasma-accordion-item-title-line-height);text-align:left;}
|
9
|
-
.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4{display:grid;grid-template-rows:0fr;-webkit-transition:grid-template-rows 0.2s ease-out;transition:grid-template-rows 0.2s ease-out;overflow:hidden;}.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{grid-template-rows:1fr;padding-bottom:var(--plasma-accordion-item-padding-vertical);}.AccordionItem_styles_aus2x3_sbzgv9z__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4.AccordionItem_styles_aus2x3_accordionPlusAnimationElement__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
10
|
-
.AccordionItem_styles_aus2x3_s1ewkyyv__94808ef4{color:var(--plasma-accordion-item-text-color);font-family:var(--plasma-accordion-item-text-font-family);font-size:var(--plasma-accordion-item-text-font-size);font-weight:var(--plasma-accordion-item-text-font-weight);font-style:var(--plasma-accordion-item-text-font-style);-webkit-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-moz-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);-ms-letter-spacing:var(--plasma-accordion-item-text-letter-spacing);letter-spacing:var(--plasma-accordion-item-text-letter-spacing);line-height:var(--plasma-accordion-item-text-line-height);overflow:hidden;padding-right:var(--plasma-accordion-item-padding-horizontal);padding-left:var(--plasma-accordion-item-padding-horizontal-left);text-align:left;}
|
11
|
-
.AccordionItem_styles_aus2x3_s15qiue1__94808ef4{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);}
|
12
|
-
.AccordionItem_styles_aus2x3_syldew1__94808ef4{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-accordion-item-color-icon);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;position:absolute;top:0;left:0;}.AccordionItem_styles_aus2x3_syldew1__94808ef4.AccordionItem_styles_aus2x3_accordionPlusAnimationElement__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.AccordionItem_styles_aus2x3_syldew1__94808ef4.AccordionItem_styles_aus2x3_accordionItemShowBody__94808ef4{-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
13
|
-
.AccordionItem_styles_aus2x3_s1he8scv__94808ef4{position:relative;height:1rem;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:1rem;}
|
@@ -1,70 +1,49 @@
|
|
1
|
-
import '
|
2
|
-
import { styled } from '@linaria/react';
|
1
|
+
import styled from 'styled-components';
|
3
2
|
import 'react';
|
3
|
+
import '@linaria/react';
|
4
4
|
import { IconChevronDownFill } from '../../../_Icon/Icons/IconChevronDownFill.js';
|
5
5
|
import { IconMinus } from '../../../_Icon/Icons/IconMinus.js';
|
6
|
+
import { tokens, classes } from '../../Accordion.tokens.js';
|
7
|
+
import { addFocus } from '../../../../mixins/addFocus.js';
|
6
8
|
|
7
|
-
var StyledAccordionItem = /*#__PURE__*/styled
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
var
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
});
|
27
|
-
var
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
});
|
42
|
-
var
|
43
|
-
|
44
|
-
|
45
|
-
propsAsIs: false
|
46
|
-
});
|
47
|
-
var _exp31 = function _exp31() {
|
48
|
-
return IconChevronDownFill;
|
49
|
-
};
|
50
|
-
var StyledArrow = /*#__PURE__*/styled(_exp31())({
|
51
|
-
name: "StyledArrow",
|
52
|
-
"class": "s15qiue1",
|
53
|
-
propsAsIs: true
|
54
|
-
});
|
55
|
-
var _exp33 = function _exp33() {
|
56
|
-
return IconMinus;
|
57
|
-
};
|
58
|
-
var StyledMinus = /*#__PURE__*/styled(_exp33())({
|
59
|
-
name: "StyledMinus",
|
60
|
-
"class": "syldew1",
|
61
|
-
propsAsIs: true
|
62
|
-
});
|
63
|
-
var StyledPlus = /*#__PURE__*/styled('div')({
|
64
|
-
name: "StyledPlus",
|
65
|
-
"class": "s1he8scv",
|
66
|
-
propsAsIs: false
|
67
|
-
});
|
9
|
+
var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
|
10
|
+
componentId: "plasma-new-hope__sc-iot32d-0"
|
11
|
+
})(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
|
12
|
+
var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
|
13
|
+
componentId: "plasma-new-hope__sc-iot32d-1"
|
14
|
+
})(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
|
15
|
+
outlineOffset: '0.125rem',
|
16
|
+
outlineSize: '0.125rem',
|
17
|
+
outlineRadius: '0',
|
18
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.accordionItemFocus, ")")
|
19
|
+
}));
|
20
|
+
var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
|
21
|
+
componentId: "plasma-new-hope__sc-iot32d-2"
|
22
|
+
})(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], tokens.accordionItemGap);
|
23
|
+
var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-iot32d-3"
|
25
|
+
})(["transition:0.2s;transform:rotate(90deg);&.", "{transition:0.2s;transform:rotate(0deg);}"], classes.accordionItemShowBody);
|
26
|
+
var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
|
27
|
+
componentId: "plasma-new-hope__sc-iot32d-4"
|
28
|
+
})(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], classes.accordionItemShowBody);
|
29
|
+
var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
|
30
|
+
componentId: "plasma-new-hope__sc-iot32d-5"
|
31
|
+
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
|
32
|
+
var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
|
33
|
+
componentId: "plasma-new-hope__sc-iot32d-6"
|
34
|
+
})(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
|
35
|
+
var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
|
36
|
+
componentId: "plasma-new-hope__sc-iot32d-7"
|
37
|
+
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
|
38
|
+
var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
|
39
|
+
componentId: "plasma-new-hope__sc-iot32d-8"
|
40
|
+
})(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemIconColor);
|
41
|
+
var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
|
42
|
+
componentId: "plasma-new-hope__sc-iot32d-9"
|
43
|
+
})(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", "{transition:0.2s;transform:rotate(90deg);}&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.accordionItemIconColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
|
44
|
+
var StyledPlus = /*#__PURE__*/styled.div.withConfig({
|
45
|
+
componentId: "plasma-new-hope__sc-iot32d-10"
|
46
|
+
})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
|
68
47
|
|
69
48
|
export { StyledAccordionBody, StyledAccordionBodyAnimate, StyledAccordionContentLeft, StyledAccordionContentRight, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionItem, StyledAccordionTitle, StyledArrow, StyledMinus, StyledPlus };
|
70
49
|
//# sourceMappingURL=AccordionItem.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import
|
1
|
+
{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n background: var(${tokens.accordionItemBackground});\n border: var(${tokens.accordionItemBorder});\n border-bottom: var(${tokens.accordionItemBorderBottom});\n\n &:last-child {\n border-bottom: var(${tokens.accordionItemBorder});\n }\n\n &.${classes.accordionDisabled} {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n width: 100%;\n border: none;\n padding: var(${tokens.accordionItemPadding});\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.accordionItemFocus})`,\n })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n color: var(${tokens.accordionItemTitleColor});\n font-family: var(${tokens.accordionItemTitleFontFamily});\n font-size: var(${tokens.accordionItemTitleFontSize});\n font-weight: var(${tokens.accordionItemTitleFontWeight});\n font-style: var(${tokens.accordionItemTitleFontStyle});\n letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n line-height: var(${tokens.accordionItemTitleLineHeight});\n text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.${classes.accordionItemShowBody} {\n grid-template-rows: 1fr;\n padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n`;\n\nexport const StyledAccordionBody = styled.div`\n color: var(${tokens.accordionItemTextColor});\n font-family: var(${tokens.accordionItemTextFontFamily});\n font-size: var(${tokens.accordionItemTextFontSize});\n font-weight: var(${tokens.accordionItemTextFontWeight});\n font-style: var(${tokens.accordionItemTextFontStyle});\n letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n line-height: var(${tokens.accordionItemTextLineHeight});\n overflow: hidden;\n padding-right: var(${tokens.accordionItemPaddingHorizontal});\n padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemIconColor});\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPlus = styled.div`\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorder","accordionItemBorderBottom","classes","accordionDisabled","StyledAccordionHeader","button","accordionItemPadding","accordionItemGap","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeaderLeft","StyledAccordionContentRight","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionItemPaddingVertical","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","StyledArrow","IconChevronDownFill","accordionItemIconColor","StyledMinus","IconMinus","StyledPlus"],"mappings":";;;;;;;;IAMaA,mBAAmB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,mCAAA,EAAA,OAAA,EAAA,mCAAA,CAAA,EACvBC,MAAM,CAACC,uBAAuB,EAClCD,MAAM,CAACE,mBAAmB,EACnBF,MAAM,CAACG,yBAAyB,EAG5BH,MAAM,CAACE,mBAAmB,EAG/CE,OAAO,CAACC,iBAAiB,EAIhC;IAEYC,qBAAqB,gBAAGV,MAAM,CAACW,MAAM,CAAAT,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG/BC,CAAAA,CAAAA,CAAAA,qCAAAA,EAAAA,yBAAAA,EAAAA,gIAAAA,EAAAA,EAAAA,CAAAA,EAAAA,MAAM,CAACQ,oBAAoB,EAE/BR,MAAM,CAACS,gBAAgB,eAWhCC,QAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASf,MAAM,CAACgB,kBAAkB,EAAA,GAAA,CAAA;AAClD,CAAC,CAAC,EACL;IAEYC,yBAAyB,gBAAGrB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAEpCC,CAAAA,CAAAA,CAAAA,uBAAAA,EAAAA,qDAAAA,CAAAA,EAAAA,MAAM,CAACS,gBAAgB,EAGrC;IAEYS,2BAA2B,gBAAGtB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7CK,CAAAA,CAAAA,CAAAA,4CAAAA,EAAAA,2CAAAA,CAAAA,EAAAA,OAAO,CAACe,qBAAqB,EAIpC;IAEYC,0BAA0B,gBAAGxB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAK5CK,CAAAA,CAAAA,CAAAA,oDAAAA,EAAAA,6CAAAA,CAAAA,EAAAA,OAAO,CAACe,qBAAqB,EAIpC;IAEYE,oBAAoB,gBAAGzB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC7BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,oBAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,uBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,CAAAA,EAAAA,MAAM,CAACsB,uBAAuB,EACxBtB,MAAM,CAACuB,4BAA4B,EACrCvB,MAAM,CAACwB,0BAA0B,EAC/BxB,MAAM,CAACyB,4BAA4B,EACpCzB,MAAM,CAAC0B,2BAA2B,EAC9B1B,MAAM,CAAC2B,+BAA+B,EACzC3B,MAAM,CAAC4B,4BAA4B,EAEzD;IAEYC,0BAA0B,gBAAGjC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAM5CK,CAAAA,CAAAA,CAAAA,oGAAAA,EAAAA,6CAAAA,EAAAA,MAAAA,EAAAA,4CAAAA,CAAAA,EAAAA,OAAO,CAACe,qBAAqB,EAEPnB,MAAM,CAAC8B,4BAA4B,EAErD1B,OAAO,CAAC2B,6BAA6B,EAKhD;IAEYC,mBAAmB,gBAAGpC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,YAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,oBAAA,EAAA,sCAAA,EAAA,qBAAA,EAAA,oBAAA,CAAA,EAC5BC,MAAM,CAACiC,sBAAsB,EACvBjC,MAAM,CAACkC,2BAA2B,EACpClC,MAAM,CAACmC,yBAAyB,EAC9BnC,MAAM,CAACoC,2BAA2B,EACnCpC,MAAM,CAACqC,0BAA0B,EAC7BrC,MAAM,CAACsC,8BAA8B,EACxCtC,MAAM,CAACuC,2BAA2B,EAEhCvC,MAAM,CAACwC,8BAA8B,EACtCxC,MAAM,CAACyC,kCAAkC,EAEhE;AAEM,IAAMC,WAAW,gBAAG9C,MAAM,CAAC+C,mBAAmB,CAAC,CAAA7C,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGrCC,CAAAA,CAAAA,CAAAA,iDAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAAC4C,sBAAsB,EAC7C;AAEM,IAAMC,WAAW,gBAAGjD,MAAM,CAACkD,SAAS,CAAC,CAAAhD,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG3BC,CAAAA,CAAAA,CAAAA,iDAAAA,EAAAA,qEAAAA,EAAAA,8CAAAA,EAAAA,2CAAAA,CAAAA,EAAAA,MAAM,CAAC4C,sBAAsB,EAOtCxC,OAAO,CAAC2B,6BAA6B,EAKrC3B,OAAO,CAACe,qBAAqB,EAIpC;IAEY4B,UAAU,gBAAGnD,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAOnC,CAAA,CAAA,CAAA,kGAAA,CAAA;;;;"}
|
@@ -8,22 +8,10 @@
|
|
8
8
|
.Attach_styles_fl8wha_sw7vb9c__6f4ae4c2{display:none;}
|
9
9
|
.Attach_styles_fl8wha_suojwhg__6f4ae4c2{position:absolute;visibility:hidden;font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}
|
10
10
|
|
11
|
-
.
|
12
|
-
|
13
|
-
.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);}
|
14
|
-
|
15
|
-
.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);}
|
16
|
-
|
17
|
-
.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;}
|
18
|
-
.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;}
|
19
|
-
.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;}
|
20
|
-
.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);}
|
21
|
-
.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;}
|
11
|
+
.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;}
|
22
12
|
|
23
13
|
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
24
14
|
|
25
|
-
.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);}
|
26
|
-
|
27
15
|
.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
|
28
16
|
|
29
17
|
.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
|
@@ -3,6 +3,7 @@ import { styled } from '@linaria/react';
|
|
3
3
|
import '@linaria/core';
|
4
4
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
5
5
|
import 'react';
|
6
|
+
import 'styled-components';
|
6
7
|
import { cellConfig } from '../../../Cell/Cell.js';
|
7
8
|
|
8
9
|
var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n white-space: nowrap;\n\n &.${classes.cellHidden} {\n visibility: hidden;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":"
|
1
|
+
{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n white-space: nowrap;\n\n &.${classes.cellHidden} {\n visibility: hidden;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}
|
@@ -11,7 +11,3 @@
|
|
11
11
|
.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
12
12
|
.Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
13
13
|
.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
14
|
-
|
15
|
-
|
16
|
-
.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
17
|
-
.BreadcrumbShorter_styles_czqxks_s1ald2fi__c6484ba8{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;gap:var(--plasma-breadcrumbs-gap);}
|
@@ -1,21 +1,21 @@
|
|
1
|
-
import '
|
2
|
-
import {
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { addFocus } from '../../../../mixins/addFocus.js';
|
3
|
+
import { tokens } from '../../Breadcrumbs.tokens.js';
|
3
4
|
|
4
|
-
var StyledRoot = /*#__PURE__*/styled
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
});
|
5
|
+
var StyledRoot = /*#__PURE__*/styled.div.withConfig({
|
6
|
+
componentId: "plasma-new-hope__sc-1ufgggn-0"
|
7
|
+
})([""]);
|
8
|
+
var StyledShorter = /*#__PURE__*/styled.div.withConfig({
|
9
|
+
componentId: "plasma-new-hope__sc-1ufgggn-1"
|
10
|
+
})(["cursor:pointer;", ""], /*#__PURE__*/addFocus({
|
11
|
+
outlineOffset: '0.125rem',
|
12
|
+
outlineSize: '0.125rem',
|
13
|
+
outlineRadius: '0',
|
14
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
15
|
+
}));
|
16
|
+
var StyledHidden = /*#__PURE__*/styled.div.withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-1ufgggn-2"
|
18
|
+
})(["display:flex;align-items:center;gap:var(", ");"], tokens.breadcrumbsGap);
|
19
19
|
|
20
20
|
export { StyledHidden, StyledRoot, StyledShorter };
|
21
21
|
//# sourceMappingURL=BreadcrumbShorter.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import
|
1
|
+
{"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Breadcrumbs.tokens';\n\nexport const StyledRoot = styled.div``;\nexport const StyledShorter = styled.div`\n cursor: pointer;\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\nexport const StyledHidden = styled.div`\n display: flex;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n`;\n"],"names":["StyledRoot","styled","div","withConfig","componentId","StyledShorter","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","tokens","breadcrumbsFocusOutlineColor","StyledHidden","breadcrumbsGap"],"mappings":";;;;IAKaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;IACzBC,aAAa,gBAAGJ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAEjCE,QAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,4BAA4B,EAAA,GAAA,CAAA;AAC5D,CAAC,CAAC,EACL;IACYC,YAAY,gBAAGb,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGvBQ,CAAAA,CAAAA,CAAAA,0CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACG,cAAc;;;;"}
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import '
|
2
|
-
import {
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { addFocus } from '../../mixins/addFocus.js';
|
3
3
|
|
4
|
-
var ButtonBase = /*#__PURE__*/styled
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
});
|
4
|
+
var ButtonBase = /*#__PURE__*/styled.button.withConfig({
|
5
|
+
componentId: "plasma-new-hope__sc-d4su42-0"
|
6
|
+
})(["width:100%;border:0;padding:0;margin:0;background-color:transparent;box-sizing:border-box;text-decoration:none;white-space:nowrap;transition:background-color 0.3s ease-in-out;cursor:pointer;border-radius:0.25rem;&:disabled{background-color:transparent;}&:focus{outline:none;}", ""], /*#__PURE__*/addFocus({
|
7
|
+
outlineRadius: 'inherit'
|
8
|
+
}));
|
9
9
|
|
10
10
|
export { ButtonBase };
|
11
11
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/ButtonBase/index.ts"],"sourcesContent":["import
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/ButtonBase/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../mixins';\n\nexport const ButtonBase = styled.button`\n width: 100%;\n border: 0;\n padding: 0;\n margin: 0;\n background-color: transparent;\n box-sizing: border-box;\n text-decoration: none;\n white-space: nowrap;\n transition: background-color 0.3s ease-in-out;\n cursor: pointer;\n border-radius: 0.25rem;\n &:disabled {\n background-color: transparent;\n }\n &:focus {\n outline: none;\n }\n ${addFocus({\n outlineRadius: 'inherit',\n })}\n`;\n"],"names":["ButtonBase","styled","button","withConfig","componentId","addFocus","outlineRadius"],"mappings":";;;IAIaA,UAAU,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,qRAAA,EAAA,EAAA,CAAA,eAkBjCC,QAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,SAAA;AACnB,CAAC,CAAC;;;;"}
|
@@ -1,15 +1,3 @@
|
|
1
|
-
.
|
2
|
-
.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;}
|
3
|
-
.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;}
|
4
|
-
.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);}
|
5
|
-
.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;}
|
1
|
+
.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;}
|
6
2
|
|
7
3
|
.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;}
|
8
|
-
|
9
|
-
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
10
|
-
|
11
|
-
.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);}
|
12
|
-
|
13
|
-
.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);}
|
14
|
-
|
15
|
-
.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);}
|