@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 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
- Типизированный реестр иконок. Публичен union `DSIconName`. Размер и цвет задаются через `width`, `height` и `color`. Без `title` иконка декоративная; с `title` получает роль изображения и доступное имя.
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;AAClF,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
+ {"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;AACzF,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
+ {"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;AAE3C,eAAO,MAAM,MAAM,GAAI,oBAAoB,WAAW,gCAGrD,CAAC;AAEF,YAAY,EAAE,UAAU,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":"AAsFA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}
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"}