npm - @salutejs/sdds-insol - Versions diffs - 0.349.0-dev.0 → 0.349.0-next-insol.0 - Mend

@salutejs/sdds-insol 0.349.0-dev.0 → 0.349.0-next-insol.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (372) hide show

package/README.md CHANGED Viewed

@@ -1,121 +1,213 @@
-# Библиотека компонентов SDDS INSOL
+# SDDS-INSOL
-Реализация компонентов для создания веб-приложений.
+Набор компонентов и утилит для создания web-приложений на базе [ReactJS](https://reactjs.org/).
 ## Использование
-Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) , [styled-components](https://styled-components.com/) и [emotion](https://emotion.sh/);
+Библиотека реализована с помощью:
-Использование данного пакета предполагает установку зависимостей: `react` & `react-dom`;
+-   [typescript](https://www.typescriptlang.org/)
+-   [styled-components](https://styled-components.com/) (рекомендуем использовать версию `5.3.1`)
-Использование `styled-components` и `emotion` на проект необязательно, так же как и использование `typescript`.
+Однако их использование **необязательно**!
-**Но** для того чтобы компоненты работали корректно необходимо установить `styled-components` или `emotion`.
-### Установка пакета
+### Установка зависимостей
 ```bash
-$ npm install --save react react-dom
-$ npm install --save @salutejs/sdds-insol @salutejs/plasma-typo @salutejs/sdds-themes
+$ npm install --save @salutejs/sdds-insol@next-insol @salutejs/sdds-themes@next-insol
 ```
-Так же надо установить пакет styled-components
+Для работы со `styled-components`, необходимо установить
 ```bash
 $ npm install --save styled-components@5.3.1
 ```
-Или, если вы используете пакет @emotion
+### Использование компонентов
-```bash
-$ npm install --save @emotion/styled @emotion/react @emotion/css
-```
+Все компоненты доступны напрямую из пакета
-## Настройка при работе с пакетом `styled-components`
+```jsx
+import styled from 'styled-components';
+import { Button } from '@salutejs/sdds-insol';
+import { textAccent } from '@salutejs/sdds-themes/tokens';
-Создайте компонент для подключения глобальных стилей:
+export const App = () => {
+    const StyledP = styled.p`
+        color: ${textAccent};
+    `;
-```jsx title="GlobalStyle.tsx"
-import { createGlobalStyle } from 'styled-components';
-import { standard } from '@salutejs/plasma-typo';
-import { sdds_insol__light } from '@salutejs/sdds-themes';
-const ThemeStyle = createGlobalStyle(sdds_insol__light);
-const TypoStyle = createGlobalStyle(standard);
-export const GlobalStyle = () => (
-    <>
-        <ThemeStyle />
-        <TypoStyle />
-    </>
-);
+    return (
+        <>
+            <Button>Hello, SDDS!</Button>
+            <StyledP>Token usage example</StyledP>
+        </>
+    );
+};
 ```
-## Настройка при работе с пакетом `@emotion`
+## Подключение шрифтов
+Типографическая система основана на фирменных шрифтах.
-Создайте компонент для подключения глобальных стилей:
+Для того чтобы шрифт было удобно поставлять в web-приложения, шрифт был загружен на **CDN**
-```jsx title="GlobalStyle.tsx"
-import { Global, css } from '@emotion/react';
-import { standard } from '@salutejs/plasma-typo';
-import { sdds_insol__light } from '@salutejs/sdds-themes';
+Для использования типографической системы необходимо загрузить два `css` файла в зависимости от используемых шрифтов в теме.
-const themeStyle = css(sdds_insol__light);
-const typoStyle = css(standard);
+### Create react app
-export const GlobalStyle = () => (
-    <>
-        <Global styles={themeStyle} />
-        <Global styles={typoStyle} />
-    </>
-);
+Добавить внутрь тега `head`.
+```html
+<html>
+    <head>
+        <link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css" />
+        <link
+            rel="stylesheet"
+            href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"
+        />
+        <title>Wep App</title>
+    </head>
+    <body>
+        ...
+    </body>
+</html>
 ```
-### Корень приложения
+### NextJs
-В корне приложения вызовите компонент глобальных стилей `GlobalStyle`:
+```tsx
+import Head from 'next/head';
--   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
--   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.
+import { H2, Button } from '@salutejs/sdds-insol';
-Для корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-insol);
+export default function Home() {
+    return (
+        <>
+            <Head>
+                <title>Create Next App with sdds-insol components</title>
+                <link
+                    rel="stylesheet"
+                    href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css"
+                />
+                <link
+                    rel="stylesheet"
+                    href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"
+                />
+            </Head>
+            <div>
+                <main>
+                    <div>
+                        <H2> Salute </H2>
+                        <Button text="Hello" />
+                    </div>
+                </main>
+            </div>
+        </>
+    );
+}
+```
-### Использование компонентов
+## Подключение темы
+Точкой входа является корень приложения:
+-   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
+-   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.
-Все компоненты styled-components доступны из директории `components` или напрямую из пакета:
+### Styled-components
 ```jsx
-// App.tsx
-import { Button } from '@salutejs/sdds-insol';
-import { textAccent } from '@salutejs/plasma-tokens/brands/sdds-insol';
+import React from 'react';
+import { createGlobalStyle } from 'styled-components';
+import { Button, BodyL } from '@salutejs/sdds-insol';
+import { sdds_insol_next__light } from '@salutejs/sdds-themes';
-export const App = () => {
+const Theme = createGlobalStyle(sdds_insol_next__light);
+const App = () => {
     return (
         <>
-            <Button>Hello, Plasma!</Button>
-            <p style={{ color: textAccent }}>Token usage example</p>
+            <Theme />
+            <BodyL>Hello SDDS</BodyL>
+            <Button text="This is themed button" />
         </>
     );
 };
+export default App;
 ```
-#### `@emotion`
+## Токены
-Все компоненты `@emotion` доступны из директории `emotion`:
+Все `css` токены завернуты в `js` переменные для более удобного доступа:
-```jsx
-// App.tsx
-import { Button } from '@salutejs/sdds-insol/emotion';
-import { textAccent } from '@salutejs/plasma-tokens/brands/sdds-insol';
+```js
+/** Основной цвет текста */
+export const textPrimary = 'var(--text-primary, #F5F5F5)';
+/** Основной фон */
+export const backgroundPrimary = 'var(--background-primary, #000000)';
+```
-export const App = () => {
-    return (
-        <>
-            <Button>Hello, Plasma!</Button>
+### Способы подключения
-            <p style={{ color: textAccent }}>Token usage example</p>
-        </>
+Есть два пути импорта токенов:
+-   Из вертикали `@salutejs/sdds-themes/tokens` (подходит в большинстве случаев, т.к там лежит весь базовый набор токенов)
+-   Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-insol_next` (следует использовать, когда необходимо импортировать уникальные токены, которые используются только в этой теме)
+### Использование
+```jsx
+import React from 'react';
+import styled from 'styled-components';
+import { textAccent, backgroundPrimary, textL } from '@salutejs/sdds-themes/tokens';
+const AppStyled = styled.div`
+    padding: 2rem;
+    color: ${textAccent};
+    background-color: ${backgroundPrimary};
+`;
+const Container = styled.div`
+    ${textL};
+    margin: 1rem;
+`;
+const App = () => {
+    return (
+        <AppStyled>
+            <Container>
+                <span>Hello SDDS</span>
+            </Container>
+        </AppStyled>
     );
 };
+export default App;
+```
+## Типографика
+Рекомендуем использовать типографические компоненты, которые поставляет библиотека.
+```ts
+import { BodyL, DsplL, H3 } from '@salutejs/sdds-insol';
+```
+### Токены типографики на примере компонента `DsplL`
+Так же в пакете есть типографические токены, для случаев, когда необходимо точечно применить типографику к контейнеру.
+```tsx
+import { CSSObject } from 'styled-components';
+export const dsplL = ({
+    fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
+    fontSize: 'var(--plasma-typo-dspl-l-font-size)',
+    fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
+    fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
+    letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
+    lineHeight: 'var(--plasma-typo-dspl-l-line-height)',
+} as unknown) as CSSObject;
 ```

package/README.mdx CHANGED Viewed

@@ -1,70 +1,6 @@
-import { Meta } from "@storybook/addon-docs/blocks";
+import { Meta, Markdown } from "@storybook/addon-docs/blocks";
+import ReadmeMd from './README.md?raw';
 <Meta title="About" />
-# Библиотека компонентов SDDS INSOL
-Реализация компонентов для создания веб-приложений.
-## Использование
-Компоненты реализованы на [typescript](https://www.typescriptlang.org/) с помощью [react](https://reactjs.org/) и [styled-components](https://styled-components.com/);
-Использование данного пакета предполагает установку зависимостей: `react` & `react-dom`;
-Использование `styled-components` на проект необязательно, так же как и использование `typescript`.
-### Установка пакета
-```bash
-$ npm install --save react react-dom
-$ npm install --save styled-components@5.1.1
-$ npm install --save @salutejs/sdds-insol @salutejs/sdds-themes
-```
-## Настройка
-Создайте компонент для подключения глобальных стилей:
-```jsx title="GlobalStyle.tsx"
-import { createGlobalStyle } from 'styled-components';
-import { sdds_insol__light } from '@salutejs/sdds-themes';
-const ThemeStyle = createGlobalStyle(sdds_insol__light);
-export const GlobalStyle = () => (
-    <>
-        <ThemeStyle />
-    </>
-);
-```
-### Корень приложения
-В корне приложения вызовите компонент глобальных стилей `GlobalStyle`:
--   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
--   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.
-Для корректной работы server side rendering приложение нужно обернуть `SSRProvider` (доступен в sdds-insol);
-### Использование компонентов
-Все компоненты доступны из папки `components` или напрямую из пакета:
-```jsx
-// App.tsx
-import { Button } from '@salutejs/sdds-insol';
-import { textAccent } from '@salutejs/sdds-themes/tokens/sdds-insol';
-export const App = () => {
-    return (
-        <Button>Hello, SDDS INSOL!</Button>
-        <p style={{color: textAccent}}>
-            Token usage example
-        </p>
-    );
-};
-```
+<Markdown>{ReadmeMd}</Markdown>

package/dist/css/cjs/components/Accordion/Accordion.config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-require('./Accordion.config_18zwp0x.css');
+require('./Accordion.config_1wbnlcq.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/css/cjs/components/Accordion/Accordion.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-transparent-card);\n ${accordionTokens.accordionItemShadow}: var(--shadow-down-soft-s);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemOpenedTitleColor}: var(--text-accent);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemOpenedTitleColor}: var(--text-accent);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n ${accordionTokens.accordionGap}: 1rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionGap}: 0.875rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 0.75rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n ${accordionTokens.accordionGap}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.563rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.625rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 0.625rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n ${accordionTokens.accordionGap}: 0.75rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n h2: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.75rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.625rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 1.25rem;\n ${accordionTokens.accordionGap}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.625rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.5rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 1.125rem;\n ${accordionTokens.accordionGap}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h4: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.438rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.5rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.5rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 1rem;\n ${accordionTokens.accordionGap}: 1.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h5: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.25rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.375rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.375rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n ${accordionTokens.accordionGap}: 1.25rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n h6: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.25rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.375rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.375rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n ${accordionTokens.accordionGap}: 1.25rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h6-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h6-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h6-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h6-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h6-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h6-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5","h6"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAaN;AACDC,MAAAA,KAAK,EAAA;KAeR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,SAsBA;AACDC,MAAAA,CAAC,EAAA,UAsBA;AACDC,MAAAA,EAAE,EAAA,UAsBD;AACDC,MAAAA,EAAE,EAAA,SAsBD;AACDC,MAAAA,EAAE,EAAA,UAsBD;AACDC,MAAAA,EAAE,EAAA,SAqBD;AACDC,MAAAA,EAAE,EAAA,UAqBD;AACDC,MAAAA,EAAE,EAAA;AAsBN;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBackgroundHover}: var(--surface-solid-card);\n ${accordionTokens.accordionItemOpenedBackground}: var(--surface-solid-card);\n\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemOpenedTitleColor}: var(--text-accent);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n\n ${accordionTokens.accordionItemBorderBottom}: 0;\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n `,\n clear: css`\n ${accordionTokens.accordionGap}: 0;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n ${accordionTokens.accordionItemOpenedTitleColor}: var(--text-accent);\n ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n ${accordionTokens.accordionBackground}: var(--surface-clear);\n ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n `,\n },\n size: {\n l: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n ${accordionTokens.accordionGap}: 0.125rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionGap}: 0.125rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 0.75rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n ${accordionTokens.accordionGap}: 0.125rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.563rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.625rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 0.625rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n ${accordionTokens.accordionGap}: 0.125rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n h2: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.625rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.75rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.625rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 1.25rem;\n\n ${accordionTokens.accordionGap}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.5rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.5rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.5rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemIconSize}: 1.5rem;\n ${accordionTokens.accordionItemBorderRadius}: 1.125rem;\n ${accordionTokens.accordionGap}: 0.5rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h4: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1rem;\n\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 1rem;\n ${accordionTokens.accordionGap}: 0.25rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-text-m-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-text-m-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-text-slim-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n h5: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.25rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.375rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.375rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionGap}: 0.125rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n h6: css`\n ${accordionTokens.accordionItemPaddingVertical}: 1.25rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.375rem;\n ${accordionTokens.accordionItemBodyPaddingBottom}: 1.375rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n ${accordionTokens.accordionGap}: 0.125rem;\n\n ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h6-font-family);\n ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h6-font-size);\n ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h6-font-style);\n ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h6-font-weight);\n ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h6-letter-spacing);\n ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h6-line-height);\n\n ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5","h6"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAgBN;AACDC,MAAAA,KAAK,EAAA;KAeR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,SAsBA;AACDC,MAAAA,CAAC,EAAA,UAsBA;AACDC,MAAAA,EAAE,EAAA,UAuBD;AACDC,MAAAA,EAAE,EAAA,SAuBD;AACDC,MAAAA,EAAE,EAAA,UAuBD;AACDC,MAAAA,EAAE,EAAA,SAsBD;AACDC,MAAAA,EAAE,EAAA,UAsBD;AACDC,MAAAA,EAAE,EAAA;AAuBN;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Accordion/Accordion.config_1wbnlcq.css ADDED Viewed

@@ -0,0 +1,11 @@
+.d1qoou7v{--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-background-hover:var(--surface-solid-card);--plasma-accordion-item-opened-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-title-opened-color:var(--text-accent);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
+.c1nb9vnf{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-title-opened-color:var(--text-accent);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
+.l15v339q{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-body-padding-bottom:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.mtnwdwt{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1rem;--plasma-accordion-item-body-padding-bottom:1rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.s1jozabk{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-body-padding-bottom:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
+.x1mg2ktn{--plasma-accordion-item-padding-vertical:0.563rem;--plasma-accordion-item-padding-horizontal:0.625rem;--plasma-accordion-item-body-padding-bottom:0.625rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
+.hizoenl{--plasma-accordion-item-padding-vertical:1.625rem;--plasma-accordion-item-padding-horizontal:1.75rem;--plasma-accordion-item-body-padding-bottom:1.625rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-border-radius:1.25rem;--plasma-accordion-gap:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.h143dmul{--plasma-accordion-item-padding-vertical:1.5rem;--plasma-accordion-item-padding-horizontal:1.5rem;--plasma-accordion-item-body-padding-bottom:1.5rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-border-radius:1.125rem;--plasma-accordion-gap:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.h9v9a4o{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1rem;--plasma-accordion-item-body-padding-bottom:1rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:1rem;--plasma-accordion-gap:0.25rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-text-slim-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.h14sja6p{--plasma-accordion-item-padding-vertical:1.25rem;--plasma-accordion-item-padding-horizontal:1.375rem;--plasma-accordion-item-body-padding-bottom:1.375rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.hg7je5j{--plasma-accordion-item-padding-vertical:1.25rem;--plasma-accordion-item-padding-horizontal:1.375rem;--plasma-accordion-item-body-padding-bottom:1.375rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h6-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h6-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h6-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h6-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h6-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h6-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}

package/dist/css/cjs/components/Accordion/Accordion.css CHANGED Viewed

@@ -1,11 +1,11 @@
-.Accordion_config_18zwp0x_d1qoou7v__5dcf8285{--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-transparent-card);--plasma-accordion-item-shadow:var(--shadow-down-soft-s);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-title-opened-color:var(--text-accent);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
-.Accordion_config_18zwp0x_c1nb9vnf__5dcf8285{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-title-opened-color:var(--text-accent);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
-.Accordion_config_18zwp0x_l15v339q__5dcf8285{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-body-padding-bottom:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:1rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_18zwp0x_mtnwdwt__5dcf8285{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1rem;--plasma-accordion-item-body-padding-bottom:1rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-gap:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
-.Accordion_config_18zwp0x_s1jozabk__5dcf8285{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-body-padding-bottom:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-gap:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
-.Accordion_config_18zwp0x_x1mg2ktn__5dcf8285{--plasma-accordion-item-padding-vertical:0.563rem;--plasma-accordion-item-padding-horizontal:0.625rem;--plasma-accordion-item-body-padding-bottom:0.625rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-gap:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
-.Accordion_config_18zwp0x_hizoenl__5dcf8285{--plasma-accordion-item-padding-vertical:1.625rem;--plasma-accordion-item-padding-horizontal:1.75rem;--plasma-accordion-item-body-padding-bottom:1.625rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-border-radius:1.25rem;--plasma-accordion-gap:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_18zwp0x_h143dmul__5dcf8285{--plasma-accordion-item-padding-vertical:1.5rem;--plasma-accordion-item-padding-horizontal:1.625rem;--plasma-accordion-item-body-padding-bottom:1.5rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-border-radius:1.125rem;--plasma-accordion-gap:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_18zwp0x_h9v9a4o__5dcf8285{--plasma-accordion-item-padding-vertical:1.438rem;--plasma-accordion-item-padding-horizontal:1.5rem;--plasma-accordion-item-body-padding-bottom:1.5rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:1rem;--plasma-accordion-gap:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_18zwp0x_h14sja6p__5dcf8285{--plasma-accordion-item-padding-vertical:1.25rem;--plasma-accordion-item-padding-horizontal:1.375rem;--plasma-accordion-item-body-padding-bottom:1.375rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:1.25rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
-.Accordion_config_18zwp0x_hg7je5j__5dcf8285{--plasma-accordion-item-padding-vertical:1.25rem;--plasma-accordion-item-padding-horizontal:1.375rem;--plasma-accordion-item-body-padding-bottom:1.375rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:1.25rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h6-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h6-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h6-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h6-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h6-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h6-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1wbnlcq_d1qoou7v__d28761b0{--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-background-hover:var(--surface-solid-card);--plasma-accordion-item-opened-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-title-opened-color:var(--text-accent);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
+.Accordion_config_1wbnlcq_c1nb9vnf__d28761b0{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-title-opened-color:var(--text-accent);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
+.Accordion_config_1wbnlcq_l15v339q__d28761b0{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-body-padding-bottom:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1wbnlcq_mtnwdwt__d28761b0{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1rem;--plasma-accordion-item-body-padding-bottom:1rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1wbnlcq_s1jozabk__d28761b0{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-body-padding-bottom:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
+.Accordion_config_1wbnlcq_x1mg2ktn__d28761b0{--plasma-accordion-item-padding-vertical:0.563rem;--plasma-accordion-item-padding-horizontal:0.625rem;--plasma-accordion-item-body-padding-bottom:0.625rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
+.Accordion_config_1wbnlcq_hizoenl__d28761b0{--plasma-accordion-item-padding-vertical:1.625rem;--plasma-accordion-item-padding-horizontal:1.75rem;--plasma-accordion-item-body-padding-bottom:1.625rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-border-radius:1.25rem;--plasma-accordion-gap:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1wbnlcq_h143dmul__d28761b0{--plasma-accordion-item-padding-vertical:1.5rem;--plasma-accordion-item-padding-horizontal:1.5rem;--plasma-accordion-item-body-padding-bottom:1.5rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-border-radius:1.125rem;--plasma-accordion-gap:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1wbnlcq_h9v9a4o__d28761b0{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1rem;--plasma-accordion-item-body-padding-bottom:1rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:1rem;--plasma-accordion-gap:0.25rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-text-slim-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1wbnlcq_h14sja6p__d28761b0{--plasma-accordion-item-padding-vertical:1.25rem;--plasma-accordion-item-padding-horizontal:1.375rem;--plasma-accordion-item-body-padding-bottom:1.375rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1wbnlcq_hg7je5j__d28761b0{--plasma-accordion-item-padding-vertical:1.25rem;--plasma-accordion-item-padding-horizontal:1.375rem;--plasma-accordion-item-body-padding-bottom:1.375rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-gap:0.125rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h6-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h6-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h6-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h6-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h6-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h6-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}

package/dist/css/cjs/components/Attach/Attach.config.js CHANGED Viewed

@@ -1,8 +1,10 @@
-require('./Attach.config_1nq1etv.css');
+require('./Attach.config_13dlp0f.css');
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
+// INFO: Rounded radius. Should be removed after token will be added in theme
 var config = {
   defaults: {
     view: 'default',
@@ -16,22 +18,23 @@ var config = {
       accent: "a8wsq7j",
       secondary: "s5x2wim",
       clear: "c7t1r9b",
-      success: "savuac0",
+      positive: "pavuac0",
       warning: "w1xds7bq",
-      critical: "c5nbujf",
+      negative: "n5nbujf",
       dark: "drovqmd",
       black: "b1r56d65",
-      white: "w106agwf"
+      white: "w106agwf",
+      green: "g1x8glsz"
     },
     helperTextView: {
-      "default": "d1x8glsz",
-      negative: "n1gytn7q"
+      "default": "d1gytn7q",
+      negative: "n19ojacu"
     },
     size: {
-      l: "l19ojacu",
-      m: "m7sr79d",
-      s: "sonqgjr",
-      xs: "xbwe2dq"
+      l: "l7sr79d",
+      m: "monqgjr",
+      s: "sbwe2dq",
+      xs: "x1u93ybu"
     }
   }
 };