duck-dev-lib 0.0.42 → 0.0.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/fesm2022/{duck-dev-lib-en-Cr4fDFwj.mjs → duck-dev-lib-en-Ax8ROq2-.mjs} +59 -2
- package/fesm2022/{duck-dev-lib-ru-eYhKbOtN.mjs.map → duck-dev-lib-en-Ax8ROq2-.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-ru-eYhKbOtN.mjs → duck-dev-lib-ru-yHcUp82C.mjs} +59 -2
- package/fesm2022/{duck-dev-lib-en-Cr4fDFwj.mjs.map → duck-dev-lib-ru-yHcUp82C.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib.mjs +336 -37
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +118 -5
|
@@ -3,6 +3,7 @@ var tabs = {
|
|
|
3
3
|
accordion: "Accordion",
|
|
4
4
|
buttons: "Buttons",
|
|
5
5
|
loaders: "Loaders",
|
|
6
|
+
progress: "Progress",
|
|
6
7
|
tabs: "Tabs",
|
|
7
8
|
svg: "SVG icon",
|
|
8
9
|
card: "Card",
|
|
@@ -15,6 +16,10 @@ var tabs = {
|
|
|
15
16
|
tooltip: "Tooltip",
|
|
16
17
|
directives: "Directives"
|
|
17
18
|
};
|
|
19
|
+
var documentationStyleTabs = {
|
|
20
|
+
classic: "Classic",
|
|
21
|
+
neobrutalism: "Neobrutalism"
|
|
22
|
+
};
|
|
18
23
|
var quickStart = {
|
|
19
24
|
title: "Duck Dev UI Library — Colors & Themes",
|
|
20
25
|
intro: "This guide explains how to install the library styles and work with colors and themes. Duck Dev provides a small set of CSS variables (the dd-base palette) and theme switching via an attribute.",
|
|
@@ -531,6 +536,56 @@ var badgeDoc = {
|
|
|
531
536
|
outlineOrange: "Outline / Orange",
|
|
532
537
|
outlineGraySm: "Outline / Gray (sm)"
|
|
533
538
|
};
|
|
539
|
+
var progressDoc = {
|
|
540
|
+
title: "Duck Dev UI Library - Progress Bars",
|
|
541
|
+
usage: "Usage",
|
|
542
|
+
inputs: "Inputs",
|
|
543
|
+
examples: "Examples",
|
|
544
|
+
inputsDesc: {
|
|
545
|
+
label: "<strong>label</strong> — required main label for the progress bar",
|
|
546
|
+
value: "<strong>value</strong> — required progress value from 0 to 100",
|
|
547
|
+
subtext: "<strong>subtext</strong> — optional helper text below the title",
|
|
548
|
+
color: "<strong>color</strong> — palette color: Violet | Orange | White | Gray | Dark",
|
|
549
|
+
segmentCount: "<strong>segmentCount</strong> — optional number of segments for the segmented bar, default is 10",
|
|
550
|
+
kicker: "<strong>kicker</strong> — required short top stamp text",
|
|
551
|
+
leftTag: "<strong>leftTag</strong> — required left ticket marker",
|
|
552
|
+
rightTag: "<strong>rightTag</strong> — required right ticket marker"
|
|
553
|
+
},
|
|
554
|
+
classic: {
|
|
555
|
+
line: {
|
|
556
|
+
title: "Progress Line",
|
|
557
|
+
description: "A clean horizontal progress bar for regular product states, upload tasks and form completion indicators.",
|
|
558
|
+
example: "Standard line"
|
|
559
|
+
},
|
|
560
|
+
stack: {
|
|
561
|
+
title: "Progress Stack",
|
|
562
|
+
description: "A segmented progress bar for flows split into visible steps or checkpoints.",
|
|
563
|
+
example: "Segmented progress"
|
|
564
|
+
},
|
|
565
|
+
meter: {
|
|
566
|
+
title: "Progress Meter",
|
|
567
|
+
description: "A denser card-like progress bar with a percentage badge and position marker.",
|
|
568
|
+
example: "Meter with marker"
|
|
569
|
+
}
|
|
570
|
+
},
|
|
571
|
+
neobrutal: {
|
|
572
|
+
slab: {
|
|
573
|
+
title: "Neobrutal Slab Progress",
|
|
574
|
+
description: "A heavy slab progress bar with chunky borders, step-like fill and loud contrast.",
|
|
575
|
+
example: "Slab progress"
|
|
576
|
+
},
|
|
577
|
+
stamp: {
|
|
578
|
+
title: "Neobrutal Stamp Progress",
|
|
579
|
+
description: "A printed-stamp style progress bar with required kicker text and a bold industrial grid.",
|
|
580
|
+
example: "Stamp progress"
|
|
581
|
+
},
|
|
582
|
+
ticket: {
|
|
583
|
+
title: "Neobrutal Ticket Progress",
|
|
584
|
+
description: "A ticket-inspired progress bar for launch phases, queues and checkpoint-based flows.",
|
|
585
|
+
example: "Ticket progress"
|
|
586
|
+
}
|
|
587
|
+
}
|
|
588
|
+
};
|
|
534
589
|
var directivesDoc = {
|
|
535
590
|
title: "Directives",
|
|
536
591
|
ddFlexTitle: "ddFlex",
|
|
@@ -682,6 +737,7 @@ var modalDoc = {
|
|
|
682
737
|
};
|
|
683
738
|
var en = {
|
|
684
739
|
tabs: tabs,
|
|
740
|
+
documentationStyleTabs: documentationStyleTabs,
|
|
685
741
|
quickStart: quickStart,
|
|
686
742
|
tooltipDoc: tooltipDoc,
|
|
687
743
|
notifications: notifications,
|
|
@@ -693,11 +749,12 @@ var en = {
|
|
|
693
749
|
svgComponent: svgComponent,
|
|
694
750
|
inputComponent: inputComponent,
|
|
695
751
|
badgeDoc: badgeDoc,
|
|
752
|
+
progressDoc: progressDoc,
|
|
696
753
|
directivesDoc: directivesDoc,
|
|
697
754
|
accordionDoc: accordionDoc,
|
|
698
755
|
cardDoc: cardDoc,
|
|
699
756
|
modalDoc: modalDoc
|
|
700
757
|
};
|
|
701
758
|
|
|
702
|
-
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
703
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
759
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
760
|
+
//# sourceMappingURL=duck-dev-lib-en-Ax8ROq2-.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-Ax8ROq2-.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -3,6 +3,7 @@ var tabs = {
|
|
|
3
3
|
accordion: "Аккордеон",
|
|
4
4
|
buttons: "Кнопки",
|
|
5
5
|
loaders: "Загрузчики",
|
|
6
|
+
progress: "Прогресс",
|
|
6
7
|
tabs: "Вкладки",
|
|
7
8
|
svg: "SVG icon",
|
|
8
9
|
card: "Карточки",
|
|
@@ -15,6 +16,10 @@ var tabs = {
|
|
|
15
16
|
tooltip: "Подсказка",
|
|
16
17
|
directives: "Директивы"
|
|
17
18
|
};
|
|
19
|
+
var documentationStyleTabs = {
|
|
20
|
+
classic: "Классика",
|
|
21
|
+
neobrutalism: "Neobrutalism"
|
|
22
|
+
};
|
|
18
23
|
var quickStart = {
|
|
19
24
|
title: "Duck Dev UI Library — Цвета и темы",
|
|
20
25
|
intro: "Это руководство объясняет, как подключить стили библиотеки и работать с цветами и темами. Duck Dev предоставляет набор CSS‑переменных (палитра dd-base) и переключение тем через атрибут.",
|
|
@@ -497,6 +502,56 @@ var badgeDoc = {
|
|
|
497
502
|
outlineOrange: "Outline / Orange",
|
|
498
503
|
outlineGraySm: "Outline / Gray (sm)"
|
|
499
504
|
};
|
|
505
|
+
var progressDoc = {
|
|
506
|
+
title: "Duck Dev UI Library - Progress Bar",
|
|
507
|
+
usage: "Использование",
|
|
508
|
+
inputs: "Входные параметры",
|
|
509
|
+
examples: "Примеры",
|
|
510
|
+
inputsDesc: {
|
|
511
|
+
label: "<strong>label</strong> — обязательный основной заголовок progress bar",
|
|
512
|
+
value: "<strong>value</strong> — обязательное значение прогресса от 0 до 100",
|
|
513
|
+
subtext: "<strong>subtext</strong> — необязательный вспомогательный текст под заголовком",
|
|
514
|
+
color: "<strong>color</strong> — цвет из палитры: Violet | Orange | White | Gray | Dark",
|
|
515
|
+
segmentCount: "<strong>segmentCount</strong> — необязательное количество сегментов, по умолчанию 10",
|
|
516
|
+
kicker: "<strong>kicker</strong> — обязательный верхний stamp-текст",
|
|
517
|
+
leftTag: "<strong>leftTag</strong> — обязательная левая метка ticket-варианта",
|
|
518
|
+
rightTag: "<strong>rightTag</strong> — обязательная правая метка ticket-варианта"
|
|
519
|
+
},
|
|
520
|
+
classic: {
|
|
521
|
+
line: {
|
|
522
|
+
title: "Progress Line",
|
|
523
|
+
description: "Чистый горизонтальный progress bar для стандартных продуктовых состояний, загрузки и сценариев completion.",
|
|
524
|
+
example: "Стандартная линия"
|
|
525
|
+
},
|
|
526
|
+
stack: {
|
|
527
|
+
title: "Progress Stack",
|
|
528
|
+
description: "Сегментированный progress bar для сценариев, разбитых на видимые шаги или checkpoints.",
|
|
529
|
+
example: "Сегментированный прогресс"
|
|
530
|
+
},
|
|
531
|
+
meter: {
|
|
532
|
+
title: "Progress Meter",
|
|
533
|
+
description: "Более плотный progress bar в виде карточки с percentage badge и маркером позиции.",
|
|
534
|
+
example: "Meter с маркером"
|
|
535
|
+
}
|
|
536
|
+
},
|
|
537
|
+
neobrutal: {
|
|
538
|
+
slab: {
|
|
539
|
+
title: "Neobrutal Slab Progress",
|
|
540
|
+
description: "Тяжёлый slab progress bar с жирной рамкой, ступенчатой заливкой и высоким контрастом.",
|
|
541
|
+
example: "Slab progress"
|
|
542
|
+
},
|
|
543
|
+
stamp: {
|
|
544
|
+
title: "Neobrutal Stamp Progress",
|
|
545
|
+
description: "Progress bar в стиле stamp с обязательным kicker и грубой индустриальной сеткой.",
|
|
546
|
+
example: "Stamp progress"
|
|
547
|
+
},
|
|
548
|
+
ticket: {
|
|
549
|
+
title: "Neobrutal Ticket Progress",
|
|
550
|
+
description: "Ticket-вариант progress bar для фаз запуска, очередей и сценариев с checkpoint-логикой.",
|
|
551
|
+
example: "Ticket progress"
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
};
|
|
500
555
|
var directivesDoc = {
|
|
501
556
|
title: "Директивы",
|
|
502
557
|
ddFlexTitle: "ddFlex",
|
|
@@ -648,6 +703,7 @@ var modalDoc = {
|
|
|
648
703
|
};
|
|
649
704
|
var ru = {
|
|
650
705
|
tabs: tabs,
|
|
706
|
+
documentationStyleTabs: documentationStyleTabs,
|
|
651
707
|
quickStart: quickStart,
|
|
652
708
|
notifications: notifications,
|
|
653
709
|
slider: slider,
|
|
@@ -658,11 +714,12 @@ var ru = {
|
|
|
658
714
|
svgComponent: svgComponent,
|
|
659
715
|
inputComponent: inputComponent,
|
|
660
716
|
badgeDoc: badgeDoc,
|
|
717
|
+
progressDoc: progressDoc,
|
|
661
718
|
directivesDoc: directivesDoc,
|
|
662
719
|
accordionDoc: accordionDoc,
|
|
663
720
|
cardDoc: cardDoc,
|
|
664
721
|
modalDoc: modalDoc
|
|
665
722
|
};
|
|
666
723
|
|
|
667
|
-
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent };
|
|
668
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
724
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent };
|
|
725
|
+
//# sourceMappingURL=duck-dev-lib-ru-yHcUp82C.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-yHcUp82C.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|