@maxhub/max-ui 0.2.1 → 0.3.1
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.
- package/README.md +130 -7
- package/dist/components/Avatar/parts/AvatarOnlineDot/AvatarOnlineDot.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/helpers.d.ts +2 -2
- package/dist/components/Button/helpers.d.ts.map +1 -1
- package/dist/components/CellAction/CellAction.d.ts.map +1 -1
- package/dist/components/CellInput/CellInput.d.ts.map +1 -1
- package/dist/components/CellSimple/CellSimple.d.ts +4 -1
- package/dist/components/CellSimple/CellSimple.d.ts.map +1 -1
- package/dist/components/Counter/Counter.d.ts +2 -6
- package/dist/components/Counter/Counter.d.ts.map +1 -1
- package/dist/components/Counter/index.d.ts +1 -1
- package/dist/components/Counter/index.d.ts.map +1 -1
- package/dist/components/Dot/Dot.d.ts +3 -0
- package/dist/components/Dot/Dot.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts +3 -4
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/helpers.d.ts +2 -2
- package/dist/components/IconButton/helpers.d.ts.map +1 -1
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +7 -4
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.d.ts +1 -7
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/SpinnerAndroid.d.ts +4 -0
- package/dist/components/Spinner/SpinnerAndroid.d.ts.map +1 -0
- package/dist/components/Spinner/SpinnerIos.d.ts +4 -0
- package/dist/components/Spinner/SpinnerIos.d.ts.map +1 -0
- package/dist/components/Spinner/index.d.ts +2 -1
- package/dist/components/Spinner/index.d.ts.map +1 -1
- package/dist/components/Spinner/types.d.ts +11 -0
- package/dist/components/Spinner/types.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +3 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/ToolButton/ToolButton.d.ts +3 -0
- package/dist/components/ToolButton/ToolButton.d.ts.map +1 -1
- package/dist/components/index.d.ts +0 -10
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/{components → internal}/ClearableInput/ClearableInput.d.ts +2 -1
- package/dist/internal/ClearableInput/ClearableInput.d.ts.map +1 -0
- package/dist/internal/ClearableInput/index.d.ts.map +1 -0
- package/dist/internal/Container/Container.d.ts.map +1 -0
- package/dist/internal/Container/index.d.ts.map +1 -0
- package/dist/internal/EllipsisText/EllipsisText.d.ts.map +1 -0
- package/dist/internal/EllipsisText/index.d.ts.map +1 -0
- package/dist/internal/Flex/Flex.d.ts.map +1 -0
- package/dist/internal/Flex/index.d.ts.map +1 -0
- package/dist/internal/Grid/Grid.d.ts.map +1 -0
- package/dist/internal/Grid/index.d.ts.map +1 -0
- package/dist/internal/Panel/Panel.d.ts.map +1 -0
- package/dist/internal/Panel/index.d.ts.map +1 -0
- package/dist/internal/Ripple/Ripple.d.ts.map +1 -0
- package/dist/internal/Ripple/index.d.ts.map +1 -0
- package/dist/internal/SvgButton/SvgButton.d.ts.map +1 -0
- package/dist/internal/SvgButton/index.d.ts.map +1 -0
- package/dist/internal/Tappable/Tappable.d.ts.map +1 -0
- package/dist/internal/Tappable/helpers.d.ts.map +1 -0
- package/dist/internal/Tappable/index.d.ts.map +1 -0
- package/dist/internal/index.d.ts +10 -0
- package/dist/internal/index.d.ts.map +1 -0
- package/dist/src/components/Button/Button.d.ts.map +1 -1
- package/dist/src/components/Button/helpers.d.ts.map +1 -1
- package/dist/src/components/CellAction/CellAction.d.ts +1 -1
- package/dist/src/components/CellAction/CellAction.d.ts.map +1 -1
- package/dist/src/components/CellSimple/CellSimple.d.ts +2 -0
- package/dist/src/components/CellSimple/CellSimple.d.ts.map +1 -1
- package/dist/src/components/CellSimple/index.d.ts +1 -1
- package/dist/src/components/CellSimple/index.d.ts.map +1 -1
- package/dist/src/components/IconButton/helpers.d.ts.map +1 -1
- package/dist/src/components/Switch/Switch.d.ts +0 -3
- package/dist/src/components/Switch/Switch.d.ts.map +1 -1
- package/dist/src/components/index.d.ts +0 -1
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/components/ClearableInput/ClearableInput.d.ts.map +0 -1
- package/dist/components/ClearableInput/index.d.ts.map +0 -1
- package/dist/components/Container/Container.d.ts.map +0 -1
- package/dist/components/Container/index.d.ts.map +0 -1
- package/dist/components/EllipsisText/EllipsisText.d.ts.map +0 -1
- package/dist/components/EllipsisText/index.d.ts.map +0 -1
- package/dist/components/Flex/Flex.d.ts.map +0 -1
- package/dist/components/Flex/index.d.ts.map +0 -1
- package/dist/components/Grid/Grid.d.ts.map +0 -1
- package/dist/components/Grid/index.d.ts.map +0 -1
- package/dist/components/Panel/Panel.d.ts.map +0 -1
- package/dist/components/Panel/index.d.ts.map +0 -1
- package/dist/components/Ripple/Ripple.d.ts.map +0 -1
- package/dist/components/Ripple/index.d.ts.map +0 -1
- package/dist/components/SearchInput/SearchInput.d.ts +0 -8
- package/dist/components/SearchInput/SearchInput.d.ts.map +0 -1
- package/dist/components/SearchInput/index.d.ts +0 -2
- package/dist/components/SearchInput/index.d.ts.map +0 -1
- package/dist/components/SvgButton/SvgButton.d.ts.map +0 -1
- package/dist/components/SvgButton/index.d.ts.map +0 -1
- package/dist/components/Tappable/Tappable.d.ts.map +0 -1
- package/dist/components/Tappable/helpers.d.ts.map +0 -1
- package/dist/components/Tappable/index.d.ts.map +0 -1
- package/dist/compositions/Profile/Profile.d.ts +0 -6
- package/dist/compositions/Profile/Profile.d.ts.map +0 -1
- package/dist/compositions/Profile/index.d.ts +0 -2
- package/dist/compositions/Profile/index.d.ts.map +0 -1
- package/dist/src/components/Dot/Dot.d.ts +0 -10
- package/dist/src/components/Dot/Dot.d.ts.map +0 -1
- package/dist/src/components/Dot/index.d.ts +0 -2
- package/dist/src/components/Dot/index.d.ts.map +0 -1
- package/dist/src/components/ToolButton/ToolButton.d.ts +0 -14
- package/dist/src/components/ToolButton/ToolButton.d.ts.map +0 -1
- package/dist/src/components/ToolButton/index.d.ts +0 -2
- package/dist/src/components/ToolButton/index.d.ts.map +0 -1
- /package/dist/{components → internal}/ClearableInput/index.d.ts +0 -0
- /package/dist/{components → internal}/Container/Container.d.ts +0 -0
- /package/dist/{components → internal}/Container/index.d.ts +0 -0
- /package/dist/{components → internal}/EllipsisText/EllipsisText.d.ts +0 -0
- /package/dist/{components → internal}/EllipsisText/index.d.ts +0 -0
- /package/dist/{components → internal}/Flex/Flex.d.ts +0 -0
- /package/dist/{components → internal}/Flex/index.d.ts +0 -0
- /package/dist/{components → internal}/Grid/Grid.d.ts +0 -0
- /package/dist/{components → internal}/Grid/index.d.ts +0 -0
- /package/dist/{components → internal}/Panel/Panel.d.ts +0 -0
- /package/dist/{components → internal}/Panel/index.d.ts +0 -0
- /package/dist/{components → internal}/Ripple/Ripple.d.ts +0 -0
- /package/dist/{components → internal}/Ripple/index.d.ts +0 -0
- /package/dist/{components → internal}/SvgButton/SvgButton.d.ts +0 -0
- /package/dist/{components → internal}/SvgButton/index.d.ts +0 -0
- /package/dist/{components → internal}/Tappable/Tappable.d.ts +0 -0
- /package/dist/{components → internal}/Tappable/helpers.d.ts +0 -0
- /package/dist/{components → internal}/Tappable/index.d.ts +0 -0
package/README.md
CHANGED
|
@@ -1,23 +1,41 @@
|
|
|
1
1
|
[](https://www.npmjs.com/package/@maxhub/max-ui)
|
|
2
2
|
[](https://max-messenger.github.io/max-ui)
|
|
3
3
|
|
|
4
|
-
#
|
|
4
|
+
# MAX UI
|
|
5
5
|
|
|
6
|
-
##
|
|
6
|
+
## Обзор
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
MAX UI — библиотека React-компонентов для создания мини-приложений в MAX, сторонних суперприложений, а также standalone-приложений. Готовые компоненты библиотеки умеют подстраиваться под разные платформы и устройства
|
|
9
|
+
|
|
10
|
+
## Особенности MAX UI
|
|
11
|
+
- **Дизайн-система MAX**
|
|
12
|
+
<br/>Библиотека компонентов разработана на основе дизайн-системы MAX, что позволяет мини-приложениям выглядеть гармонично в интерфейсе цифровой платформы
|
|
13
|
+
|
|
14
|
+
- **Единообразие на разных платформах**
|
|
15
|
+
<br/>Компоненты библиотеки органично встраиваются в мобильные платформы iOS и Android, а также в экраны устройств разного размера
|
|
16
|
+
|
|
17
|
+
- **Современный UI Kit**
|
|
18
|
+
<br/>Typescript, React 18+, полиморфные компоненты и подробная [документация](https://dev.max.ru/ui) с примерами
|
|
19
|
+
|
|
20
|
+
## Подключение библиотеки MAX UI
|
|
21
|
+
|
|
22
|
+
### Установка
|
|
23
|
+
|
|
24
|
+
Установите библиотеку одной из команд:
|
|
25
|
+
|
|
26
|
+
```shell
|
|
27
|
+
npm i @maxhub/max-ui
|
|
10
28
|
```
|
|
11
29
|
|
|
12
|
-
```
|
|
30
|
+
```shell
|
|
13
31
|
yarn add @maxhub/max-ui
|
|
14
32
|
```
|
|
15
33
|
|
|
16
|
-
```
|
|
34
|
+
```shell
|
|
17
35
|
pnpm add @maxhub/max-ui
|
|
18
36
|
```
|
|
19
37
|
|
|
20
|
-
|
|
38
|
+
#### Быстрый старт
|
|
21
39
|
|
|
22
40
|
```typescript jsx
|
|
23
41
|
import '@maxhub/max-ui/dist/styles.css';
|
|
@@ -35,3 +53,108 @@ const App = () => {
|
|
|
35
53
|
)
|
|
36
54
|
}
|
|
37
55
|
```
|
|
56
|
+
|
|
57
|
+
### Подключение компонентов
|
|
58
|
+
|
|
59
|
+
Оберните код вашего приложения в провайдер MAX UI и подключите стили:
|
|
60
|
+
|
|
61
|
+
```jsx filename="index.jsx"
|
|
62
|
+
import { createRoot } from 'react-dom/client';
|
|
63
|
+
import { MaxUI } from '@maxhub/max-ui';
|
|
64
|
+
import '@maxhub/max-ui/dist/styles.css';
|
|
65
|
+
import App from './App.jsx';
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
const Root = () => (
|
|
69
|
+
<MaxUI>
|
|
70
|
+
<App />
|
|
71
|
+
</MaxUI>
|
|
72
|
+
)
|
|
73
|
+
|
|
74
|
+
createRoot(document.getElementById('root')).render(<Root />);
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
Используйте компоненты библиотеки:
|
|
78
|
+
|
|
79
|
+
```jsx filename="App.jsx"
|
|
80
|
+
import { Panel, Grid, Container, Flex, Avatar, Typography } from '@maxhub/max-ui';
|
|
81
|
+
|
|
82
|
+
const App = () => (
|
|
83
|
+
<Panel mode="secondary" className="panel">
|
|
84
|
+
<Grid gap={12} cols={1}>
|
|
85
|
+
<Container className="me">
|
|
86
|
+
<Flex direction="column" align="center">
|
|
87
|
+
<Avatar.Container size={72} form="squircle" className="me__avatar">
|
|
88
|
+
<Avatar.Image src="https://sun9-21.userapi.com/1N-rJz6-7hoTDW7MhpWe19e_R_TdGV6Wu5ZC0A/67o6-apnAks.jpg" />
|
|
89
|
+
</Avatar.Container>
|
|
90
|
+
|
|
91
|
+
<Typography.Title>Иван Иванов</Typography.Title>
|
|
92
|
+
</Flex>
|
|
93
|
+
</Container>
|
|
94
|
+
</Grid>
|
|
95
|
+
</Panel>
|
|
96
|
+
)
|
|
97
|
+
|
|
98
|
+
export default App;
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
## Компоненты библиотеки MAX UI
|
|
102
|
+
|
|
103
|
+
Компоненты библиотеки MAX UI мимикрируют под нативные компоненты iOS и Android и умеют поддерживать светлую и тёмную темы оформления. Тема и платформа определяются автоматически в провайдере MAX UI, но могут быть переопределены через свойства `platform` (`'ios'` | `'android'`) и `colorScheme` (`'light'` | `'dark'`)
|
|
104
|
+
|
|
105
|
+
```jsx
|
|
106
|
+
import { createRoot } from 'react-dom/client';
|
|
107
|
+
import { MaxUI } from '@maxhub/max-ui';
|
|
108
|
+
import '@maxhub/max-ui/dist/styles.css';
|
|
109
|
+
import App from './App.jsx';
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
const Root = () => (
|
|
113
|
+
<MaxUI platform="android" colorScheme="dark">
|
|
114
|
+
<App />
|
|
115
|
+
</MaxUI>
|
|
116
|
+
)
|
|
117
|
+
createRoot(document.getElementById('root')).render(<Root />);
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
### Полиморфные компоненты
|
|
121
|
+
|
|
122
|
+
Полиморфность компонентов реализована через паттерн `asChild prop`: это позволяет предотвратить ошибки типизации и не увеличивать время typescript-процессинга
|
|
123
|
+
|
|
124
|
+
В DOM полиморфные компоненты могут быть представлены в виде тегов. Например, компонент `Button` — как `button`, `a`, `span` и так далее
|
|
125
|
+
|
|
126
|
+
| React-компонент | DOM* |
|
|
127
|
+
| - | - |
|
|
128
|
+
| < Button ><br/>Я — кнопка<br/>< /Button > | < button class="btn-classes" ><br/>Я — кнопка<br/>< /button > |
|
|
129
|
+
| < Button asChild ><br/>< a href="#" >Я — ссылка!< /a ><br/>< /Button > | < a class="btn-classes" href="#" ><br/>Я — ссылка!<br/>< /a > |
|
|
130
|
+
| import { Link } from "react-router-dom";<br/><br/>< Button asChild ><br/>< Link to="/home" >Я — ссылка RRD!< /a ><br/>< /Button > | < a class="btn-classes" href="/home" ><br/>Я — ссылка RRD!<br/>< /a > |
|
|
131
|
+
| | *упрощённое представление компонента |
|
|
132
|
+
|
|
133
|
+
### Корнер-кейс с asChild
|
|
134
|
+
|
|
135
|
+
Паттерн `asChild prop` может привести к конфликту свойств, если у одинаковых свойств родительского и дочернего компонентов разные значения. В этом случае свойства `className`, `style` и обработчики событий `on*` (`onClick`, `onChange` и другие) объединяются. В остальных случаях приоритет остаётся у свойств родительского компонента
|
|
136
|
+
|
|
137
|
+
| React-компонент | DOM* |
|
|
138
|
+
| - | - |
|
|
139
|
+
| < Button disabled={true} asChild ><br/>< button disabled={false} ><br/>Кнопка<br/>< /button > | < /Button ><br/>< button class="btn-classes" disabled ><br/>Я — кнопка<br/>< /button > |
|
|
140
|
+
| < Button style={{ color: \'red\' }} asChild ><br/>< button style={{ background: \'green\' }} ><br/>Кнопка<br/>< /button> | < /Button ><br/>< button class="btn-classes" style={{ color: \'red\', background: \'green\' }} ><br/>Я — кнопка<br/>< /button > |
|
|
141
|
+
| | *упрощённое представление компонента |
|
|
142
|
+
|
|
143
|
+
### Кастомизация компонентоваа
|
|
144
|
+
Библиотека предоставляет API для кастомизации, но не гарантирует отсутствие изменений в следующих мажорных версиях. Любая кастомизация компонентов — ответственность разработчика мини-приложения
|
|
145
|
+
|
|
146
|
+
В MAX UI есть два способа кастомизации компонентов: переопределение CSS-переменных и свойство `innerClassNames`
|
|
147
|
+
|
|
148
|
+
- **Переопределение CSS-переменных**
|
|
149
|
+
<br/>Все токены дизайн-системы MAX заданы в CSS-переменных. Вы можете переопределить переменные как для конкретного компонента, так и для всей темы в целом
|
|
150
|
+
|
|
151
|
+
- **Свойство** `innerClassNames`
|
|
152
|
+
<br/>Многосоставные компоненты, например `Button`, имеют свойство `innerClassNames`. Он позволяет указать `className` для внутренних элементов
|
|
153
|
+
|
|
154
|
+
| React-компонент | DOM* |
|
|
155
|
+
| - | - |
|
|
156
|
+
| < Button<br/> disabled={true}<br/> iconBefore={< svg / >}<br/>><br/> Кнопка с иконкой<br/>< /Button > | < button class="btn-classes" ><br/> < span class="icon-before-classes" ><br/> < svg / ><br/> < /span ><br/> < span >Я — кнопка</span><br/>< /button > |
|
|
157
|
+
| < Button <br/> disabled={true}<br/> iconBefore={< svg / >}<br/> innerClassNames={{<br/> iconBefore: \'my-custom-icon-class\'<br/> }}<br/> ><br/> Кнопка с иконкой<br/>< /Button > | < button class="btn-classes" ><br/> < span class="icon-before-classes my-custom-icon-class" ><br/> < svg / ><br/> < /span ><br/> < span >Я — кнопка< /span ><br/>< /button > |
|
|
158
|
+
| | *упрощённое представление компонента |
|
|
159
|
+
|
|
160
|
+
<br/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarOnlineDot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/parts/AvatarOnlineDot/AvatarOnlineDot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAMxD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAEvE,eAAO,MAAM,eAAe,+
|
|
1
|
+
{"version":3,"file":"AvatarOnlineDot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/parts/AvatarOnlineDot/AvatarOnlineDot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAMxD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAEvE,eAAO,MAAM,eAAe,+HA6B1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAwD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAwD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlH,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKzE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,SAAS,GAAG,aAAa,CAAC;AACtI,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAE1H,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW;IACxE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,MAAM,wHAoGjB,CAAC"}
|
|
@@ -4,6 +4,6 @@ import { type SpinnerAppearance } from '../Spinner';
|
|
|
4
4
|
import { type ButtonSize, type ButtonVariant } from './Button';
|
|
5
5
|
export declare const getButtonSpinnerSize: (buttonSize: ButtonSize) => number;
|
|
6
6
|
export declare const getButtonSpinnerAppearance: (buttonVariant: ButtonVariant) => SpinnerAppearance;
|
|
7
|
-
export declare const getButtonCounterAppearance: (buttonVariant: ButtonVariant) => Pick<CounterProps, "
|
|
8
|
-
export declare const injectButtonIndicator: (indicatorNode: ReactNode, buttonVariant: ButtonVariant
|
|
7
|
+
export declare const getButtonCounterAppearance: (buttonVariant: ButtonVariant) => Pick<CounterProps, "variant">;
|
|
8
|
+
export declare const injectButtonIndicator: (indicatorNode: ReactNode, buttonVariant: ButtonVariant) => ReactNode;
|
|
9
9
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAAI,YAAY,UAAU,KAAG,MAM7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAAe,aAAa,KAAG,iBAczE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAAe,aAAa,KAAG,IAAI,CAAC,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAAI,YAAY,UAAU,KAAG,MAM7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAAe,aAAa,KAAG,iBAczE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,eAAe,aAAa,KAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAiBrG,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,eAAe,SAAS,EAAE,eAAe,aAAa,KAAG,SAe9F,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellAction.d.ts","sourceRoot":"","sources":["../../../src/components/CellAction/CellAction.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CellAction.d.ts","sourceRoot":"","sources":["../../../src/components/CellAction/CellAction.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAG1F,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;CACjE;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAEvF,eAAO,MAAM,UAAU,4HAsDrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellInput.d.ts","sourceRoot":"","sources":["../../../src/components/CellInput/CellInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CellInput.d.ts","sourceRoot":"","sources":["../../../src/components/CellInput/CellInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AAE9E,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,OAAO,CAAC;IAC7D,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;CAC3D;AAED,eAAO,MAAM,SAAS,0HA2CpB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type ComponentProps, type ElementType, type ReactNode } from 'react';
|
|
2
2
|
import { type AsChildProp, type InnerClassNamesProp, type MergeProps } from '../../types';
|
|
3
3
|
export type CellSimpleHeight = 'compact' | 'normal';
|
|
4
|
-
export type CellSimpleInnerElementKey = 'before' | 'after' | 'chevron' | 'content' | 'title' | 'subtitle' | 'overline';
|
|
4
|
+
export type CellSimpleInnerElementKey = 'before' | 'after' | 'chevron' | 'content' | 'title' | 'subtitle' | 'overline' | 'link';
|
|
5
|
+
export type Appearance = 'default' | 'promo' | 'themed' | 'attention';
|
|
5
6
|
interface CellSimpleOwnProps extends AsChildProp {
|
|
6
7
|
height?: CellSimpleHeight;
|
|
7
8
|
innerClassNames?: InnerClassNamesProp<CellSimpleInnerElementKey>;
|
|
@@ -13,6 +14,8 @@ interface CellSimpleOwnProps extends AsChildProp {
|
|
|
13
14
|
showChevron?: boolean;
|
|
14
15
|
as?: ElementType;
|
|
15
16
|
disabled?: boolean;
|
|
17
|
+
separator?: boolean;
|
|
18
|
+
link?: string;
|
|
16
19
|
}
|
|
17
20
|
export type CellSimpleProps = MergeProps<ComponentProps<'div'>, CellSimpleOwnProps>;
|
|
18
21
|
export declare const CellSimple: import("react").ForwardRefExoticComponent<Omit<CellSimpleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellSimple.d.ts","sourceRoot":"","sources":["../../../src/components/CellSimple/CellSimple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CellSimple.d.ts","sourceRoot":"","sources":["../../../src/components/CellSimple/CellSimple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAG1F,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAChI,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAA;AAErE,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,eAAe,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;IAChE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAEpF,eAAO,MAAM,UAAU,yHA4FrB,CAAC"}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import { type ComponentProps } from 'react';
|
|
2
|
-
export type
|
|
3
|
-
export type CounterMode = 'filled' | 'inverse';
|
|
2
|
+
export type CounterVariant = 'primary' | 'primary-contrast' | 'attention' | 'attention-contrast' | 'promo' | 'static' | 'static-contrast' | 'default' | 'mute' | 'menu';
|
|
4
3
|
export interface CounterProps extends ComponentProps<'span'> {
|
|
5
4
|
value: number;
|
|
5
|
+
variant?: CounterVariant;
|
|
6
6
|
rounded?: boolean;
|
|
7
|
-
appearance?: CounterAppearance;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
muted?: boolean;
|
|
10
|
-
mode?: CounterMode;
|
|
11
7
|
}
|
|
12
8
|
export declare const Counter: import("react").ForwardRefExoticComponent<Omit<CounterProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
13
9
|
//# sourceMappingURL=Counter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAIjE,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAIjE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,kBAAkB,GAAG,WAAW,GAAG,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExK,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,OAAO,uHA0BlB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Counter, type
|
|
1
|
+
export { Counter, type CounterProps, type CounterVariant } from './Counter';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -3,5 +3,8 @@ export type DotAppearance = 'themed' | 'contrast-pinned' | 'neutral-fade' | 'acc
|
|
|
3
3
|
export interface DotProps extends ComponentProps<'span'> {
|
|
4
4
|
appearance?: DotAppearance;
|
|
5
5
|
}
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Компонент будет удален в грядущей минорной версии.
|
|
8
|
+
*/
|
|
6
9
|
export declare const Dot: import("react").ForwardRefExoticComponent<Omit<DotProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
10
|
//# sourceMappingURL=Dot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/components/Dot/Dot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,iBAAiB,GAAG,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;AAErG,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,MAAM,CAAC;IACtD,UAAU,CAAC,EAAE,aAAa,CAAA;CAC3B;AAED,eAAO,MAAM,GAAG,mHAgBd,CAAC"}
|
|
1
|
+
{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/components/Dot/Dot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,iBAAiB,GAAG,cAAc,GAAG,YAAY,GAAG,SAAS,CAAC;AAErG,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,MAAM,CAAC;IACtD,UAAU,CAAC,EAAE,aAAa,CAAA;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,mHAgBd,CAAC"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { type ComponentProps } from 'react';
|
|
2
2
|
import { type AsChildProp, type InnerClassNamesProp } from '../../types';
|
|
3
|
+
import { type ButtonVariant } from '../Button';
|
|
3
4
|
export type IconButtonSize = 'xsmall' | 'small' | 'medium' | 'large';
|
|
4
|
-
export type
|
|
5
|
-
export type IconButtonAppearance = 'themed' | 'negative' | 'neutral' | 'neutral-themed' | 'contrast-static';
|
|
5
|
+
export type IconButtonVariant = ButtonVariant;
|
|
6
6
|
export type IconButtonInnerElementKey = 'content' | 'spinnerContainer' | 'spinner';
|
|
7
7
|
export interface IconButtonProps extends ComponentProps<'button'>, AsChildProp {
|
|
8
8
|
size?: IconButtonSize;
|
|
9
|
-
|
|
10
|
-
appearance?: IconButtonAppearance;
|
|
9
|
+
variant?: IconButtonVariant;
|
|
11
10
|
disabled?: boolean;
|
|
12
11
|
loading?: boolean;
|
|
13
12
|
innerClassNames?: InnerClassNamesProp<IconButtonInnerElementKey>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,OAAO,CAAC;AAK1E,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAK/C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrE,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC9C,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;AAEnF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW;IAC5E,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;CACjE;AAED,eAAO,MAAM,UAAU,4HAoErB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type SpinnerAppearance } from '../Spinner';
|
|
2
|
-
import { type
|
|
2
|
+
import { type IconButtonSize, type IconButtonVariant } from './IconButton';
|
|
3
3
|
export declare const getIconButtonSpinnerSize: (iconButtonSize: IconButtonSize) => number;
|
|
4
|
-
export declare const getIconButtonSpinnerAppearance: (
|
|
4
|
+
export declare const getIconButtonSpinnerAppearance: (iconButtonVariant: IconButtonVariant) => SpinnerAppearance;
|
|
5
5
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE3E,eAAO,MAAM,wBAAwB,GAAI,gBAAgB,cAAc,KAAG,MAMzE,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,mBAAmB,iBAAiB,KAAG,iBAcrF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { IconButton, type
|
|
1
|
+
export { IconButton, type IconButtonInnerElementKey, type IconButtonProps, type IconButtonSize, type IconButtonVariant } from './IconButton';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,yBAAyB,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import { type ComponentProps, type ReactNode } from 'react';
|
|
2
2
|
import { type InnerClassNamesProp } from '../../types';
|
|
3
|
-
export type InputMode = '
|
|
4
|
-
export type
|
|
5
|
-
export
|
|
3
|
+
export type InputMode = 'default' | 'contrast';
|
|
4
|
+
export type InputSize = 'large' | 'medium';
|
|
5
|
+
export type InputElementKey = 'container' | 'input' | 'clearButton' | 'body' | 'iconBefore' | 'iconAfter' | 'hint';
|
|
6
|
+
export interface InputProps extends Omit<ComponentProps<'input'>, 'size'> {
|
|
6
7
|
mode?: InputMode;
|
|
7
|
-
|
|
8
|
+
size?: InputSize;
|
|
8
9
|
iconBefore?: ReactNode;
|
|
9
10
|
iconAfter?: ReactNode;
|
|
10
11
|
innerClassNames?: InnerClassNamesProp<InputElementKey>;
|
|
11
12
|
withClearButton?: boolean;
|
|
13
|
+
count?: number;
|
|
14
|
+
hint?: ReactNode;
|
|
12
15
|
}
|
|
13
16
|
export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
14
17
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACP,KAAK,SAAS,EAC3B,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAC/C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,MAAM,CAAC;AAEnH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IACvE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,eAAe,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAA;IACtD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,KAAK,sHAoDhB,CAAC"}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
export type SpinnerAppearance = 'primary' | 'themed' | 'neutral-themed' | 'primary-static' | 'contrast' | 'contrast-static' | 'negative';
|
|
3
|
-
export type SpinnerSize = 20 | 24 | number;
|
|
4
|
-
export interface SpinnerProps extends ComponentProps<'span'> {
|
|
5
|
-
size?: SpinnerSize;
|
|
6
|
-
appearance?: SpinnerAppearance;
|
|
7
|
-
}
|
|
1
|
+
import { type SpinnerProps } from './types';
|
|
8
2
|
export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
9
3
|
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO,uHA0BlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpinnerAndroid.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/SpinnerAndroid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,cAAc,GAAI,UAAU,oBAAoB,KAAG,YAI/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpinnerIos.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/SpinnerIos.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,eAAO,MAAM,UAAU,GAAI,UAAU,oBAAoB,KAAG,YAU3D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ComponentProps } from 'react';
|
|
2
|
+
export type SpinnerAppearance = 'primary' | 'themed' | 'neutral-themed' | 'primary-static' | 'contrast' | 'contrast-static' | 'negative';
|
|
3
|
+
export type SpinnerSize = 20 | 24 | number;
|
|
4
|
+
export interface SpinnerProps extends ComponentProps<'span'> {
|
|
5
|
+
size?: SpinnerSize;
|
|
6
|
+
appearance?: SpinnerAppearance;
|
|
7
|
+
}
|
|
8
|
+
export interface SpinnerPlatformProps {
|
|
9
|
+
size?: SpinnerSize;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AACzI,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC1D,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAA;CAC/B;AACD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { type ComponentProps } from 'react';
|
|
2
2
|
export interface SwitchProps extends ComponentProps<'input'> {
|
|
3
3
|
}
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Компонент будет удален в грядущей минорной версии.
|
|
6
|
+
*/
|
|
4
7
|
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
5
8
|
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,CAAC;CAAG;AAE/D,eAAO,MAAM,MAAM,uHA6BjB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAKxD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,CAAC;CAAG;AAE/D;;GAEG;AACH,eAAO,MAAM,MAAM,uHA6BjB,CAAC"}
|
|
@@ -7,5 +7,8 @@ export interface ToolButtonProps extends ComponentProps<'button'>, AsChildProp {
|
|
|
7
7
|
innerClassNames?: InnerClassNamesProp<ToolButtonElementKey>;
|
|
8
8
|
appearance?: ToolButtonAppearance;
|
|
9
9
|
}
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated Компонент будет удален в грядущей минорной версии.
|
|
12
|
+
*/
|
|
10
13
|
export declare const ToolButton: import("react").ForwardRefExoticComponent<Omit<ToolButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
14
|
//# sourceMappingURL=ToolButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolButton/ToolButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolButton/ToolButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGzE,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,WAAW,CAAC;AAC3D,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,WAAW;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,eAAe,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,oBAAoB,CAAA;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,4HAwDrB,CAAC"}
|
|
@@ -5,22 +5,12 @@ export * from './CellHeader';
|
|
|
5
5
|
export * from './CellInput';
|
|
6
6
|
export * from './CellList';
|
|
7
7
|
export * from './CellSimple';
|
|
8
|
-
export * from './Container';
|
|
9
8
|
export * from './Counter';
|
|
10
|
-
export * from './Dot';
|
|
11
|
-
export * from './EllipsisText';
|
|
12
|
-
export * from './Flex';
|
|
13
|
-
export * from './Grid';
|
|
14
9
|
export * from './IconButton';
|
|
15
10
|
export * from './Input';
|
|
16
11
|
export * from './MaxUI';
|
|
17
|
-
export * from './Panel';
|
|
18
|
-
export * from './Ripple';
|
|
19
|
-
export * from './SearchInput';
|
|
20
12
|
export * from './Spinner';
|
|
21
|
-
export * from './SvgButton';
|
|
22
13
|
export * from './Switch';
|
|
23
|
-
export * from './Tappable';
|
|
24
14
|
export * from './Textarea';
|
|
25
15
|
export * from './ToolButton';
|
|
26
16
|
export * from './Typography';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './components';
|
|
2
2
|
export { getSubtree, type GetSubtreeProps, hasReactNode, mergeRefs } from './helpers';
|
|
3
3
|
export * from './hooks';
|
|
4
|
+
export * from './icons';
|
|
4
5
|
export type { AsChildProp, ColorSchemeType, InnerClassNamesProp, MergeProps, PlatformType } from './types';
|
|
5
6
|
export { Slot, type SlotProps, Slottable } from '@radix-ui/react-slot';
|
|
6
7
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtF,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC3G,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtF,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC3G,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
|