npm - @salutejs/sdds-os - Versions diffs - 0.3.0-canary.2427.21174659942.0 - Mend

@salutejs/sdds-os 0.3.0-canary.2427.21174659942.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 (1148) hide show

package/LICENSE.txt ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) Salute Devices
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,256 @@
+# SDDS-OS
+Набор компонентов и утилит для создания web-приложений на базе [ReactJS](https://reactjs.org/).
+## Использование
+Библиотека реализована с помощью:
+-   [typescript](https://www.typescriptlang.org/)
+-   [styled-components](https://styled-components.com/) (рекомендуем использовать версию `5.3.1`)
+Однако их использование **необязательно**!
+### Установка зависимостей
+```bash
+$ npm install --save @salutejs/sdds-os @salutejs/sdds-themes
+```
+Для работы со `styled-components`, необходимо установить
+```bash
+$ npm install --save styled-components@5.3.1
+```
+### Использование компонентов
+Все компоненты доступны напрямую из пакета
+```jsx
+import styled from 'styled-components';
+import { Button } from '@salutejs/sdds-os';
+import { textAccent } from '@salutejs/sdds-themes/tokens';
+export const App = () => {
+    const StyledP = styled.p`
+        color: ${textAccent};
+    `;
+    return (
+        <>
+            <Button>Hello, SBER OS!</Button>
+            <StyledP>Token usage example</StyledP>
+        </>
+    );
+};
+```
+Так же библиотека поставляет компоненты собранные с помощью `styled-components`
+```js
+import { Button } from '@salutejs/sdds-os/styled-components';
+```
+## Подключение шрифтов
+Типографическая система основана на фирменных шрифтах.
+Для того чтобы шрифт было удобно поставлять в web-приложения, шрифт был загружен на **CDN**
+Для использования типографической системы необходимо загрузить два `css` файла в зависимости от используемых шрифтов в теме.
+### Create react app
+Добавить внутрь тега `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
+```tsx
+import Head from 'next/head';
+import { H2, Button } from '@salutejs/sdds-os';
+export default function Home() {
+    return (
+        <>
+            <Head>
+                <title>Create Next App with sdds-os 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` и подключите стили в нем.
+### CSS
+Возможные дополнительные настройки bundle tools для проекта:
+<ul>
+    <li>
+        <a href="https://webpack.js.org/loaders/css-loader/">webpack + css</a>
+    </li>
+    <li>
+        <a href="https://vite.dev/guide/features.html#css-pre-processors">vite</a>
+    </li>
+</ul>
+В файле, где происходит подключение всех стилей, например `index.css`
+```css
+@import '@salutejs/sdss-themes/css/sdds_serv__dark.css';
+```
+```jsx
+import React from 'react';
+import { Button, BodyL } from '@salutejs/sdds-os';
+import 'index.css';
+const App = () => {
+    return (
+        <>
+            <BodyL>Hello world</BodyL>
+            <Button text="This is themed button" />
+        </>
+    );
+};
+export default App;
+```
+### Styled-components
+```jsx
+import React from 'react';
+import { createGlobalStyle } from 'styled-components';
+import { Button, BodyL } from '@salutejs/sdds-os/styled-components';
+import { sdds_serv__light } from '@salutejs/sdds-themes';
+const Theme = createGlobalStyle(sdds_serv__light);
+const App = () => {
+    return (
+        <>
+            <Theme />
+            <BodyL>Hello SBER OS</BodyL>
+            <Button text="This is themed button" />
+        </>
+    );
+};
+export default App;
+```
+## Токены
+Все `css` токены завернуты в `js` переменные для более удобного доступа:
+```js
+/** Основной цвет текста */
+export const textPrimary = 'var(--text-primary, #F5F5F5)';
+/** Основной фон */
+export const backgroundPrimary = 'var(--background-primary, #000000)';
+```
+### Способы подключения
+Есть два пути импорта токенов:
+-   Из вертикали `@salutejs/sdds-themes/tokens` (подходит в большинстве случаев, т.к там лежит весь базовый набор токенов)
+-   Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-serv` (следует использовать, когда необходимо импортировать уникальные токены, которые используются только в этой теме)
+### Использование
+```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 world</span>
+            </Container>
+        </AppStyled>
+    );
+};
+export default App;
+```
+## Типографика
+Рекомендуем использовать типографические компоненты, которые поставляет библиотека.
+```ts
+import { BodyL, DsplL, H3 } from '@salutejs/sdds-os';
+```
+### Токены типографики на примере компонента `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 ADDED Viewed

@@ -0,0 +1,256 @@
+# SDDS-OS
+Набор компонентов и утилит для создания web-приложений на базе [ReactJS](https://reactjs.org/).
+## Использование
+Библиотека реализована с помощью:
+-   [typescript](https://www.typescriptlang.org/)
+-   [styled-components](https://styled-components.com/) (рекомендуем использовать версию `5.3.1`)
+Однако их использование **необязательно**!
+### Установка зависимостей
+```bash
+$ npm install --save @salutejs/sdds-os @salutejs/sdds-themes
+```
+Для работы со `styled-components`, необходимо установить
+```bash
+$ npm install --save styled-components@5.3.1
+```
+### Использование компонентов
+Все компоненты доступны напрямую из пакета
+```jsx
+import styled from 'styled-components';
+import { Button } from '@salutejs/sdds-os';
+import { textAccent } from '@salutejs/sdds-themes/tokens';
+export const App = () => {
+    const StyledP = styled.p`
+        color: ${textAccent};
+    `;
+    return (
+        <>
+            <Button>Hello, SBER OS!</Button>
+            <StyledP>Token usage example</StyledP>
+        </>
+    );
+};
+```
+Так же библиотека поставляет компоненты собранные с помощью `styled-components`
+```js
+import { Button } from '@salutejs/sdds-os/styled-components';
+```
+## Подключение шрифтов
+Типографическая система основана на фирменных шрифтах.
+Для того чтобы шрифт было удобно поставлять в web-приложения, шрифт был загружен на **CDN**
+Для использования типографической системы необходимо загрузить два `css` файла в зависимости от используемых шрифтов в теме.
+### Create react app
+Добавить внутрь тега `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
+```tsx
+import Head from 'next/head';
+import { H2, Button } from '@salutejs/sdds-os';
+export default function Home() {
+    return (
+        <>
+            <Head>
+                <title>Create Next App with sdds-os 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` и подключите стили в нем.
+### CSS
+Возможные дополнительные настройки bundle tools для проекта:
+<ul>
+    <li>
+        <a href="https://webpack.js.org/loaders/css-loader/">webpack + css</a>
+    </li>
+    <li>
+        <a href="https://vite.dev/guide/features.html#css-pre-processors">vite</a>
+    </li>
+</ul>
+В файле, где происходит подключение всех стилей, например `index.css`
+```css
+@import '@salutejs/sdss-themes/css/sdds_serv__dark.css';
+```
+```jsx
+import React from 'react';
+import { Button, BodyL } from '@salutejs/sdds-os';
+import 'index.css';
+const App = () => {
+    return (
+        <>
+            <BodyL>Hello world</BodyL>
+            <Button text="This is themed button" />
+        </>
+    );
+};
+export default App;
+```
+### Styled-components
+```jsx
+import React from 'react';
+import { createGlobalStyle } from 'styled-components';
+import { Button, BodyL } from '@salutejs/sdds-os/styled-components';
+import { sdds_serv__light } from '@salutejs/sdds-themes';
+const Theme = createGlobalStyle(sdds_serv__light);
+const App = () => {
+    return (
+        <>
+            <Theme />
+            <BodyL>Hello SBER OS</BodyL>
+            <Button text="This is themed button" />
+        </>
+    );
+};
+export default App;
+```
+## Токены
+Все `css` токены завернуты в `js` переменные для более удобного доступа:
+```js
+/** Основной цвет текста */
+export const textPrimary = 'var(--text-primary, #F5F5F5)';
+/** Основной фон */
+export const backgroundPrimary = 'var(--background-primary, #000000)';
+```
+### Способы подключения
+Есть два пути импорта токенов:
+-   Из вертикали `@salutejs/sdds-themes/tokens` (подходит в большинстве случаев, т.к там лежит весь базовый набор токенов)
+-   Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-serv` (следует использовать, когда необходимо импортировать уникальные токены, которые используются только в этой теме)
+### Использование
+```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 world</span>
+            </Container>
+        </AppStyled>
+    );
+};
+export default App;
+```
+## Типографика
+Рекомендуем использовать типографические компоненты, которые поставляет библиотека.
+```ts
+import { BodyL, DsplL, H3 } from '@salutejs/sdds-os';
+```
+### Токены типографики на примере компонента `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/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js ADDED Viewed

@@ -0,0 +1,16 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+exports.extends = _extends;
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,26 @@
+require('./Accordion.config_x0m23l.css');
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": "d1qoou7v",
+      clear: "c1nb9vnf"
+    },
+    size: {
+      m: "m15v339q",
+      s: "stnwdwt",
+      h3: "h1jozabk",
+      h4: "h1mg2ktn"
+    }
+  }
+};
+exports.config = config;
+//# sourceMappingURL=Accordion.config.js.map

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

@@ -0,0 +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.accordionGap}: 0.125rem;\n ${accordionTokens.accordionWidth}: 20rem;\n ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\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.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 m: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\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-bold-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\n ${accordionTokens.accordionItemGap}: 0.375rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\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-bold-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 h3: css`\n ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n ${accordionTokens.accordionItemIconSize}: 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-bold-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}: 0.688rem;\n ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n ${accordionTokens.accordionItemGap}: 0.25rem;\n ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\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-bold-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-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","m","s","h3","h4"],"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,UAYN;AACDC,MAAAA,KAAK,EAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA;AAoBN;AACJ;AACJ;;;;"}

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

@@ -0,0 +1,6 @@
+.d1qoou7v{--plasma-accordion-gap:0.125rem;--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-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--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-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;}
+.m15v339q{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--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-bold-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);}
+.stnwdwt{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--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-bold-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);}
+.h1jozabk{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size: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-bold-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);}
+.h1mg2ktn{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--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-bold-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-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 ADDED Viewed

@@ -0,0 +1,6 @@
+.Accordion_config_x0m23l_d1qoou7v__8bec6f72{--plasma-accordion-gap:0.125rem;--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-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--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_x0m23l_c1nb9vnf__8bec6f72{--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-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_x0m23l_m15v339q__8bec6f72{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--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-bold-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_x0m23l_stnwdwt__8bec6f72{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--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-bold-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_x0m23l_h1jozabk__8bec6f72{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size: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-bold-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_x0m23l_h1mg2ktn__8bec6f72{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--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-bold-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-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.js ADDED Viewed

@@ -0,0 +1,16 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var css = require('@salutejs/plasma-new-hope/css');
+var Accordion_config = require('./Accordion.config.js');
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.accordionConfig, Accordion_config.config);
+var Accordion = /*#__PURE__*/css.component(mergedConfig);
+Object.defineProperty(exports, "AccordionItem", {
+	enumerable: true,
+	get: function () { return css.AccordionItem; }
+});
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/css/cjs/components/Accordion/Accordion.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Accordion.js","sources":["../../../../../src-css/components/Accordion/Accordion.ts"],"sourcesContent":["import { component, mergeConfig, accordionConfig, AccordionItem } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\n\nexport const Accordion = component(mergedConfig);\n\nexport { AccordionItem };\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","Accordion","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,mBAAe,EAAEC,uBAAM,CAAC;IAE5CC,SAAS,gBAAGC,aAAS,CAACL,YAAY;;;;;;;;"}