@efficiency-point/design-system 0.1.42 → 0.1.44
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 +4 -3
- package/dist/components/DSBadge/DSBadge.d.ts +1 -1
- package/dist/components/DSBadge/DSBadge.d.ts.map +1 -1
- package/dist/components/DSCounterBadge/DSCounterBadge.d.ts +1 -1
- package/dist/components/DSCounterBadge/DSCounterBadge.d.ts.map +1 -1
- package/dist/components/DSIcon/DSIcon.d.ts +2 -1
- package/dist/components/DSIcon/DSIcon.d.ts.map +1 -1
- package/dist/components/DSIcon/source/IconApplicationActions.d.ts +7 -0
- package/dist/components/DSIcon/source/IconApplicationActions.d.ts.map +1 -0
- package/dist/components/DSIcon/source/index.d.ts +5 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +968 -902
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -36,6 +36,7 @@ export function Example() {
|
|
|
36
36
|
```css
|
|
37
37
|
:root {
|
|
38
38
|
--color-primary: #2563eb;
|
|
39
|
+
--color-brand: #6e56cf;
|
|
39
40
|
--border-radius: 12px;
|
|
40
41
|
--ds-dropdown-menu-max-height: 280px;
|
|
41
42
|
}
|
|
@@ -45,7 +46,7 @@ export function Example() {
|
|
|
45
46
|
|
|
46
47
|
### DSButton
|
|
47
48
|
|
|
48
|
-
Кнопка с вариантами `primary`, `secondary`, `outline`, `ghost`, `empty`, `destructive`, `destructiveOutline` и размерами `sm`, `md`, `lg`.
|
|
49
|
+
Кнопка с вариантами `primary`, `secondary`, `outline`, `ghost`, `empty`, `destructive`, `destructiveOutline` и размерами `sm`, `md`, `lg`. `secondary` использует сплошной brand-акцент, а `ghost` — прозрачный фон с brand-текстом и мягкой подложкой при наведении.
|
|
49
50
|
|
|
50
51
|
```tsx
|
|
51
52
|
<DSButton variant="primary" isLoading={saving} onClick={save}>
|
|
@@ -383,7 +384,7 @@ Enter вызывают `onRowDoubleClick`, Space меняет selection. Без
|
|
|
383
384
|
|
|
384
385
|
### DSBadge
|
|
385
386
|
|
|
386
|
-
Неинтерактивная метка. Варианты: `neutral`, `info`, `success`, `warning`, `error`; размеры `sm`, `md`; доступны dot и icon.
|
|
387
|
+
Неинтерактивная метка. Варианты: `neutral`, `brand`, `info`, `success`, `warning`, `error`; размеры `sm`, `md`; доступны dot и icon. `brand` предназначен для несмысловых продуктовых акцентов; состояния успеха, предупреждения и ошибки по-прежнему используют семантические варианты.
|
|
387
388
|
|
|
388
389
|
```tsx
|
|
389
390
|
<DSBadge variant="success" dot>Готово</DSBadge>
|
|
@@ -449,7 +450,7 @@ const items = [
|
|
|
449
450
|
|
|
450
451
|
### DSIcon
|
|
451
452
|
|
|
452
|
-
Типизированный реестр иконок.
|
|
453
|
+
Типизированный реестр иконок. Публичны union `DSIconName` и readonly-список всех доступных имён `DSIconNames`. Размер и цвет задаются через `width`, `height` и `color`. Без `title` иконка декоративная; с `title` получает роль изображения и доступное имя.
|
|
453
454
|
|
|
454
455
|
```tsx
|
|
455
456
|
<DSIcon name="IconCheck" color="var(--color-success)" title="Подтверждено" />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export type DSBadgeVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
2
|
+
export type DSBadgeVariant = 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'error';
|
|
3
3
|
export type DSBadgeSize = 'sm' | 'md';
|
|
4
4
|
export type DSBadgeProps = {
|
|
5
5
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSBadge.d.ts","sourceRoot":"","sources":["../../../src/components/DSBadge/DSBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DSBadge.d.ts","sourceRoot":"","sources":["../../../src/components/DSBadge/DSBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC5F,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,oDAOrB,YAAY,gCAad,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
export type DSCounterBadgeVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
2
|
+
export type DSCounterBadgeVariant = 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'error';
|
|
3
3
|
export type DSCounterBadgeSize = 'sm' | 'md';
|
|
4
4
|
export type DSCounterBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
|
|
5
5
|
value: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSCounterBadge.d.ts","sourceRoot":"","sources":["../../../src/components/DSCounterBadge/DSCounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DSCounterBadge.d.ts","sourceRoot":"","sources":["../../../src/components/DSCounterBadge/DSCounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACnG,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,EAAE,YAAQ,KAAG,MAI9D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,oFAS5B,mBAAmB,gCAWrB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { DSIconProps } from './types';
|
|
1
|
+
import { DSIconName, DSIconProps } from './types';
|
|
2
|
+
export declare const DSIconNames: readonly DSIconName[];
|
|
2
3
|
export declare const DSIcon: ({ name, ...props }: DSIconProps) => import("react").JSX.Element;
|
|
3
4
|
export type { DSIconName, DSIconProps } from './types';
|
|
4
5
|
//# sourceMappingURL=DSIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DSIcon/DSIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"DSIcon.d.ts","sourceRoot":"","sources":["../../../src/components/DSIcon/DSIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,SAAS,UAAU,EAE5C,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,oBAAoB,WAAW,gCAGrD,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DSIconSourceProps } from '../types';
|
|
2
|
+
export declare const IconPaperclip: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
3
|
+
export declare const IconSend: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
4
|
+
export declare const IconSmile: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
5
|
+
export declare const IconMoreVertical: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
6
|
+
export declare const IconAppsGrid: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=IconApplicationActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconApplicationActions.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconApplicationActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,aAAa,GAAI,OAAO,iBAAiB,gCAIrD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,iBAAiB,gCAKhD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,iBAAiB,gCAMjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,iBAAiB,gCAMxD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAepD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const icons: {
|
|
2
|
+
IconAppsGrid: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
2
3
|
IconActivity: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
3
4
|
IconArchive: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
4
5
|
IconAlertTriangle: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -61,15 +62,19 @@ export declare const icons: {
|
|
|
61
62
|
IconInfo: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
62
63
|
IconInfoCircle: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
63
64
|
IconMinus: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
65
|
+
IconMoreVertical: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
64
66
|
IconList: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
65
67
|
IconPanelsTopLeft: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
66
68
|
IconPause: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
69
|
+
IconPaperclip: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
67
70
|
IconPlus: ({ strokeWidth, ...props }: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
68
71
|
IconPlug: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
69
72
|
IconPictureInPicture: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
70
73
|
IconPlay: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
71
74
|
IconReplay: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
72
75
|
IconSettings: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
76
|
+
IconSend: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
77
|
+
IconSmile: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
73
78
|
IconFullscreen: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
74
79
|
IconFullscreenExit: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
75
80
|
IconCaptions: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/index.ts"],"names":[],"mappings":"AA6FA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}
|