duck-dev-lib 0.0.46 → 0.0.47
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-VOJz-IcV.mjs → duck-dev-lib-en-BXgJr6gM.mjs} +55 -35
- package/fesm2022/{duck-dev-lib-ru-COyomsqL.mjs.map → duck-dev-lib-en-BXgJr6gM.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-ru-COyomsqL.mjs → duck-dev-lib-ru-BezMvMFU.mjs} +55 -35
- package/fesm2022/{duck-dev-lib-en-VOJz-IcV.mjs.map → duck-dev-lib-ru-BezMvMFU.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib.mjs +708 -689
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -22,46 +22,66 @@ var documentationStyleTabs = {
|
|
|
22
22
|
neobrutalism: "Neobrutalism"
|
|
23
23
|
};
|
|
24
24
|
var quickStart = {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
sections: {
|
|
29
|
-
install: "Install & connect styles",
|
|
30
|
-
palette: "Palette overview",
|
|
31
|
-
themeSwitch: "Theme switching (light/dark)",
|
|
32
|
-
custom: "Override or create a custom theme",
|
|
33
|
-
use: "Use colors in components"
|
|
25
|
+
hero: {
|
|
26
|
+
title: "Duck Dev UI Library",
|
|
27
|
+
subtitle: "A component library for Angular 21 with two visual styles — clean Classic and bold Neobrutalism. Built on Signals, CSS variables, and standalone components."
|
|
34
28
|
},
|
|
35
29
|
install: {
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
title: "Install & connect styles",
|
|
31
|
+
eyebrow: "Setup",
|
|
32
|
+
cardTitle: "Two steps to get started",
|
|
33
|
+
cardText: "Add the variables stylesheet to your global styles and configure Transloco for i18n support. Components will automatically pick up the palette."
|
|
38
34
|
},
|
|
39
35
|
palette: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
36
|
+
title: "Color palette",
|
|
37
|
+
description: "The entire library uses CSS variables from the dd-base palette. Use --dd-base-* in your custom styles — never hardcode color values.",
|
|
38
|
+
neutralsTitle: "Neutrals",
|
|
39
|
+
accentsTitle: "Accents",
|
|
40
|
+
tipTitle: "Tip:",
|
|
41
|
+
tipText: "Always use var(--dd-base-...) in your styles. Components reference these variables, so your custom theme will propagate everywhere automatically."
|
|
42
|
+
},
|
|
43
|
+
themes: {
|
|
44
|
+
title: "Theme switching",
|
|
45
|
+
lightEyebrow: "Default",
|
|
46
|
+
lightTitle: "Light theme",
|
|
47
|
+
lightText: "Clean backgrounds and dark text. Active by default — no extra setup needed.",
|
|
48
|
+
darkEyebrow: "Alternate",
|
|
49
|
+
darkTitle: "Dark theme",
|
|
50
|
+
darkText: "Inverted contrast for low-light environments. Set ddTheme=\"dark\" on the root element.",
|
|
51
|
+
htmlAccordionTitle: "Set theme via HTML attribute",
|
|
52
|
+
toggleAccordionTitle: "Toggle theme from component code"
|
|
56
53
|
},
|
|
57
54
|
custom: {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
55
|
+
title: "Custom themes",
|
|
56
|
+
eyebrow: "Branding",
|
|
57
|
+
cardTitle: "Create your own theme",
|
|
58
|
+
cardText: "Override any dd-base variable under a custom ddTheme attribute. All components will automatically pick up your values."
|
|
59
|
+
},
|
|
60
|
+
colors: {
|
|
61
|
+
title: "Colors in components",
|
|
62
|
+
description: "Library components accept AccentEnumColor to pick semantic colors from the palette. Here are live examples of how the same color system works across different component types.",
|
|
63
|
+
progressTitle: "Progress bars",
|
|
64
|
+
buttonsTitle: "Buttons",
|
|
65
|
+
badgesTitle: "Badges",
|
|
66
|
+
cardsTitle: "Accent cards",
|
|
67
|
+
cardViolet: "Violet accent card — perfect for highlights",
|
|
68
|
+
cardOrange: "Orange accent card — great for warnings",
|
|
69
|
+
cardDark: "Dark accent card — strong contrast"
|
|
70
|
+
},
|
|
71
|
+
styles: {
|
|
72
|
+
title: "Two visual styles",
|
|
73
|
+
description: "Every component family offers Classic and Neobrutalism variants. Switch between tabs to preview the difference.",
|
|
74
|
+
classicCardTitle: "Clean & modern",
|
|
75
|
+
classicCardText: "Subtle gradients, soft shadows, and restrained spacing for polished product interfaces.",
|
|
76
|
+
signalCardTitle: "Data-driven",
|
|
77
|
+
signalCardText: "Grid texture and precise accents for metrics, dashboards, and system communication.",
|
|
78
|
+
neobrutalBubbleText: "thick borders, hard shadows, and intentionally rough geometry for interfaces that need to feel loud and expressive."
|
|
79
|
+
},
|
|
80
|
+
usage: {
|
|
81
|
+
title: "Usage example",
|
|
82
|
+
templateTitle: "Template (HTML)",
|
|
83
|
+
componentTitle: "Component (TypeScript)",
|
|
84
|
+
tip: "All components are standalone — import them directly, no NgModule required. Use AccentEnumColor for consistent colors across the entire interface."
|
|
65
85
|
}
|
|
66
86
|
};
|
|
67
87
|
var tooltipDoc = {
|
|
@@ -808,4 +828,4 @@ var en = {
|
|
|
808
828
|
};
|
|
809
829
|
|
|
810
830
|
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, speakerBubbleDoc, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
811
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
831
|
+
//# sourceMappingURL=duck-dev-lib-en-BXgJr6gM.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-BXgJr6gM.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -22,46 +22,66 @@ var documentationStyleTabs = {
|
|
|
22
22
|
neobrutalism: "Neobrutalism"
|
|
23
23
|
};
|
|
24
24
|
var quickStart = {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
sections: {
|
|
29
|
-
install: "Установка и подключение стилей",
|
|
30
|
-
palette: "Обзор палитры",
|
|
31
|
-
themeSwitch: "Переключение темы (светлая/тёмная)",
|
|
32
|
-
custom: "Переопределение или создание своей темы",
|
|
33
|
-
use: "Использование цветов в компонентах"
|
|
25
|
+
hero: {
|
|
26
|
+
title: "Duck Dev UI Library",
|
|
27
|
+
subtitle: "Библиотека компонентов для Angular 21 с двумя визуальными стилями — лаконичная Классика и дерзкий Neobrutalism. Построена на Signals, CSS-переменных и standalone-компонентах."
|
|
34
28
|
},
|
|
35
29
|
install: {
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
title: "Установка и подключение",
|
|
31
|
+
eyebrow: "Настройка",
|
|
32
|
+
cardTitle: "Два шага для старта",
|
|
33
|
+
cardText: "Добавьте файл переменных в глобальные стили и настройте Transloco для поддержки i18n. Компоненты автоматически подхватят палитру."
|
|
38
34
|
},
|
|
39
35
|
palette: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
36
|
+
title: "Цветовая палитра",
|
|
37
|
+
description: "Вся библиотека использует CSS-переменные из палитры dd-base. Используйте --dd-base-* в своих стилях — никогда не хардкодьте цвета.",
|
|
38
|
+
neutralsTitle: "Нейтральные",
|
|
39
|
+
accentsTitle: "Акценты",
|
|
40
|
+
tipTitle: "Совет:",
|
|
41
|
+
tipText: "Всегда используйте var(--dd-base-...) в своих стилях. Компоненты ссылаются на эти переменные, поэтому ваша кастомная тема автоматически распространится везде."
|
|
42
|
+
},
|
|
43
|
+
themes: {
|
|
44
|
+
title: "Переключение тем",
|
|
45
|
+
lightEyebrow: "По умолчанию",
|
|
46
|
+
lightTitle: "Светлая тема",
|
|
47
|
+
lightText: "Чистые фоны и тёмный текст. Активна по умолчанию — дополнительная настройка не нужна.",
|
|
48
|
+
darkEyebrow: "Альтернативная",
|
|
49
|
+
darkTitle: "Тёмная тема",
|
|
50
|
+
darkText: "Инвертированный контраст для работы при слабом освещении. Установите ddTheme=\"dark\" на корневой элемент.",
|
|
51
|
+
htmlAccordionTitle: "Установка темы через HTML-атрибут",
|
|
52
|
+
toggleAccordionTitle: "Переключение темы из кода компонента"
|
|
56
53
|
},
|
|
57
54
|
custom: {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
55
|
+
title: "Кастомные темы",
|
|
56
|
+
eyebrow: "Брендинг",
|
|
57
|
+
cardTitle: "Создайте свою тему",
|
|
58
|
+
cardText: "Переопределите любые переменные dd-base под собственным атрибутом ddTheme. Все компоненты автоматически подхватят ваши значения."
|
|
59
|
+
},
|
|
60
|
+
colors: {
|
|
61
|
+
title: "Цвета в компонентах",
|
|
62
|
+
description: "Компоненты библиотеки принимают AccentEnumColor для выбора семантических цветов из палитры. Вот живые примеры того, как единая цветовая система работает в разных типах компонентов.",
|
|
63
|
+
progressTitle: "Прогресс-бары",
|
|
64
|
+
buttonsTitle: "Кнопки",
|
|
65
|
+
badgesTitle: "Бейджи",
|
|
66
|
+
cardsTitle: "Акцентные карточки",
|
|
67
|
+
cardViolet: "Фиолетовая акцентная карточка — для выделения",
|
|
68
|
+
cardOrange: "Оранжевая акцентная карточка — для предупреждений",
|
|
69
|
+
cardDark: "Тёмная акцентная карточка — сильный контраст"
|
|
70
|
+
},
|
|
71
|
+
styles: {
|
|
72
|
+
title: "Два визуальных стиля",
|
|
73
|
+
description: "Каждое семейство компонентов имеет варианты Classic и Neobrutalism. Переключайтесь между вкладками, чтобы увидеть разницу.",
|
|
74
|
+
classicCardTitle: "Чистый и современный",
|
|
75
|
+
classicCardText: "Мягкие градиенты, деликатные тени и сдержанные отступы для аккуратных продуктовых интерфейсов.",
|
|
76
|
+
signalCardTitle: "Data-driven",
|
|
77
|
+
signalCardText: "Текстура сетки и точные акценты для метрик, дашбордов и системной коммуникации.",
|
|
78
|
+
neobrutalBubbleText: "толстые границы, жёсткие тени и нарочито грубая геометрия для интерфейсов, которым нужно звучать громко и выразительно."
|
|
79
|
+
},
|
|
80
|
+
usage: {
|
|
81
|
+
title: "Пример использования",
|
|
82
|
+
templateTitle: "Шаблон (HTML)",
|
|
83
|
+
componentTitle: "Компонент (TypeScript)",
|
|
84
|
+
tip: "Все компоненты standalone — импортируйте их напрямую, NgModule не нужен. Используйте AccentEnumColor для единообразных цветов по всему интерфейсу."
|
|
65
85
|
}
|
|
66
86
|
};
|
|
67
87
|
var notifications = {
|
|
@@ -773,4 +793,4 @@ var ru = {
|
|
|
773
793
|
};
|
|
774
794
|
|
|
775
795
|
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, speakerBubbleDoc, svgComponent, tabs, tabsComponent };
|
|
776
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
796
|
+
//# sourceMappingURL=duck-dev-lib-ru-BezMvMFU.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-BezMvMFU.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|