@efficiency-point/design-system 0.1.40 → 0.1.42
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 +14 -0
- package/dist/components/DSIcon/source/IconArchive.d.ts +4 -0
- package/dist/components/DSIcon/source/IconArchive.d.ts.map +1 -0
- package/dist/components/DSIcon/source/IconBookText.d.ts +4 -0
- package/dist/components/DSIcon/source/IconBookText.d.ts.map +1 -0
- package/dist/components/DSIcon/source/IconCopy.d.ts +4 -0
- package/dist/components/DSIcon/source/IconCopy.d.ts.map +1 -0
- package/dist/components/DSIcon/source/IconFileText.d.ts +4 -0
- package/dist/components/DSIcon/source/IconFileText.d.ts.map +1 -0
- package/dist/components/DSIcon/source/IconPlug.d.ts +4 -0
- package/dist/components/DSIcon/source/IconPlug.d.ts.map +1 -0
- package/dist/components/DSIcon/source/IconTrash2.d.ts +4 -0
- package/dist/components/DSIcon/source/IconTrash2.d.ts.map +1 -0
- package/dist/components/DSIcon/source/index.d.ts +6 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/components/DSTooltip/DSTooltip.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.es.js +1340 -1225
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -422,6 +422,10 @@ const items = [
|
|
|
422
422
|
### DSTooltip
|
|
423
423
|
|
|
424
424
|
Короткая неинтерактивная подсказка. Открывается по hover/focus/touch, закрывается по blur, pointer leave и Escape. Для кнопок и ссылок внутри содержимого используйте popover, а не tooltip.
|
|
425
|
+
Подсказка рендерится через portal и поэтому не обрезается родителями с
|
|
426
|
+
`overflow: hidden`. Указанный `placement` является предпочтительным: у края
|
|
427
|
+
экрана компонент автоматически переносит подсказку на противоположную сторону
|
|
428
|
+
и сдвигает её внутрь viewport.
|
|
425
429
|
|
|
426
430
|
```tsx
|
|
427
431
|
<DSTooltip content="Редактировать" placement="top">
|
|
@@ -429,6 +433,16 @@ const items = [
|
|
|
429
433
|
</DSTooltip>
|
|
430
434
|
```
|
|
431
435
|
|
|
436
|
+
### DSIcon
|
|
437
|
+
|
|
438
|
+
Иконки доступны через типизированный реестр `DSIcon`. Помимо базового набора,
|
|
439
|
+
в него входят прикладные outline-иконки `IconPlug`, `IconBookText`,
|
|
440
|
+
`IconArchive`, `IconCopy`, `IconFileText` и `IconTrash2`.
|
|
441
|
+
|
|
442
|
+
```tsx
|
|
443
|
+
<DSIcon name="IconFileText" title="Документы" />
|
|
444
|
+
```
|
|
445
|
+
|
|
432
446
|
### DSLoader и DSPageLoader
|
|
433
447
|
|
|
434
448
|
`DSLoader` — компактный индикатор с `role="status"` или декоративным режимом. `DSPageLoader` — центрированный loading-state области страницы.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconArchive.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconArchive.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,WAAW,GAAI,OAAO,iBAAiB,gCAM5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconBookText.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconBookText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAO7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconCopy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,QAAQ,GAAI,OAAO,iBAAiB,gCAKzC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconFileText.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconFileText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAQ7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconPlug.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconPlug.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,QAAQ,GAAI,OAAO,iBAAiB,gCAOzC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconTrash2.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconTrash2.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,UAAU,GAAI,OAAO,iBAAiB,gCAQ3C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const icons: {
|
|
2
2
|
IconActivity: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
3
|
+
IconArchive: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
3
4
|
IconAlertTriangle: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
4
5
|
IconArrowDown: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
5
6
|
IconArrowLeft: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -8,6 +9,7 @@ export declare const icons: {
|
|
|
8
9
|
IconArrowUpRight: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
9
10
|
IconBarChart3: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
10
11
|
IconBedDouble: ({ strokeWidth, ...props }: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
12
|
+
IconBookText: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
11
13
|
IconBell: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
12
14
|
IconBoxes: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
13
15
|
IconBuilding2: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -16,9 +18,11 @@ export declare const icons: {
|
|
|
16
18
|
IconChevronRight: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
17
19
|
IconCircleAlert: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
18
20
|
IconClock3: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
21
|
+
IconCopy: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
19
22
|
IconDownload: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
20
23
|
IconExternalLink: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
21
24
|
IconFactory: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
25
|
+
IconFileText: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
22
26
|
IconGauge: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
23
27
|
IconGripVertical: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
24
28
|
IconLayoutDashboard: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -61,6 +65,7 @@ export declare const icons: {
|
|
|
61
65
|
IconPanelsTopLeft: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
62
66
|
IconPause: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
63
67
|
IconPlus: ({ strokeWidth, ...props }: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
68
|
+
IconPlug: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
64
69
|
IconPictureInPicture: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
65
70
|
IconPlay: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
66
71
|
IconReplay: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -76,6 +81,7 @@ export declare const icons: {
|
|
|
76
81
|
IconSuccessCircle: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
77
82
|
IconUpload: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
78
83
|
IconWarning: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
84
|
+
IconTrash2: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
79
85
|
};
|
|
80
86
|
export type IconName = keyof typeof icons;
|
|
81
87
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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":"AAsFA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/DSTooltip/DSTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DSTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/DSTooltip/DSTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqG,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7J,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAkEF,eAAO,MAAM,SAAS,GAAI,yEAQvB,cAAc,gCA6GhB,CAAC"}
|