duck-dev-lib 0.0.26 → 0.0.27
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 +1 -0
- package/fesm2022/{duck-dev-lib-en-4OEFIyu1.mjs → duck-dev-lib-en-AryRCkw5.mjs} +86 -3
- package/fesm2022/{duck-dev-lib-en-4OEFIyu1.mjs.map → duck-dev-lib-en-AryRCkw5.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-ru-CcBIFkk3.mjs → duck-dev-lib-ru-D_msyug7.mjs} +86 -3
- package/fesm2022/{duck-dev-lib-ru-CcBIFkk3.mjs.map → duck-dev-lib-ru-D_msyug7.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib.mjs +299 -163
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +31 -21
package/README.md
CHANGED
|
@@ -4,6 +4,7 @@ var tabs = {
|
|
|
4
4
|
loaders: "Loaders",
|
|
5
5
|
tabs: "Tabs",
|
|
6
6
|
svg: "SVG icon",
|
|
7
|
+
card: "Card",
|
|
7
8
|
input: "Input",
|
|
8
9
|
notifications: "Notifications",
|
|
9
10
|
badge: "Badges",
|
|
@@ -68,6 +69,50 @@ var notifications = {
|
|
|
68
69
|
errorBottom: "Error (bottom)"
|
|
69
70
|
}
|
|
70
71
|
};
|
|
72
|
+
var slider = {
|
|
73
|
+
title: "Duck Dev UI Library - Slider",
|
|
74
|
+
required: "required",
|
|
75
|
+
raindrops: {
|
|
76
|
+
title: "Raindrops slider",
|
|
77
|
+
description: "A flip-style slider with a blurred previous slide and smooth transitions.",
|
|
78
|
+
usage: "Usage:",
|
|
79
|
+
inputs: "Input Parameters:",
|
|
80
|
+
inputItems: "array of slide templates",
|
|
81
|
+
inputInterval: "interval between auto switches in ms (default: 3000)",
|
|
82
|
+
inputAutoplay: "start autoplay on init (default: true)",
|
|
83
|
+
examples: "Examples:",
|
|
84
|
+
exampleBasic: "Basic"
|
|
85
|
+
},
|
|
86
|
+
classic: {
|
|
87
|
+
title: "Classic horizontal slider",
|
|
88
|
+
description: "Simple horizontal slide-in/slide-out transitions. Stretches to the container size.",
|
|
89
|
+
usage: "Usage:",
|
|
90
|
+
inputs: "Input Parameters:",
|
|
91
|
+
inputItems: "array of slide templates",
|
|
92
|
+
inputInterval: "interval between auto switches in ms (default: 3000)",
|
|
93
|
+
inputAutoplay: "start autoplay on init (default: true)",
|
|
94
|
+
examples: "Examples:",
|
|
95
|
+
exampleBasic: "Classic horizontal slide"
|
|
96
|
+
},
|
|
97
|
+
colorDescription: "Button palette color (e.g. 'White'). Used for styling consistency.",
|
|
98
|
+
demo: {
|
|
99
|
+
heroTitle: "Build delightful interfaces faster",
|
|
100
|
+
heroSubtitle: "Duck Dev UI provides accessible, themeable components with sensible defaults so you can ship quickly.",
|
|
101
|
+
heroCta: "Explore components",
|
|
102
|
+
features: {
|
|
103
|
+
accessibleTitle: "Accessible",
|
|
104
|
+
accessibleDesc: "Keyboard-friendly and ARIA‑aware out of the box.",
|
|
105
|
+
themeableTitle: "Themeable",
|
|
106
|
+
themeableDesc: "Uses CSS variables to match your brand palette.",
|
|
107
|
+
lightweightTitle: "Lightweight",
|
|
108
|
+
lightweightDesc: "Small, focused components with zero heavy deps."
|
|
109
|
+
},
|
|
110
|
+
code: {
|
|
111
|
+
quickStartTitle: "Quick start",
|
|
112
|
+
tip: "Tip: Use templates to pass rich content into each slide."
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
};
|
|
71
116
|
var buttons = {
|
|
72
117
|
title: "Duck Dev UI Library - Button Components",
|
|
73
118
|
glideOver: {
|
|
@@ -286,6 +331,12 @@ var badgeDoc = {
|
|
|
286
331
|
inputColor: "color from palette: Violet | Orange | White | Gray | Dark",
|
|
287
332
|
inputVariant: "visual style: solid | soft | outline",
|
|
288
333
|
inputSize: "badge size: sm | md",
|
|
334
|
+
inputsDesc: {
|
|
335
|
+
text: "<strong>text</strong> — text that will be displayed inside the badge",
|
|
336
|
+
color: "<strong>color</strong> — color from palette: Violet | Orange | White | Gray | Dark",
|
|
337
|
+
variant: "<strong>variant</strong> — visual style: solid | soft | outline",
|
|
338
|
+
size: "<strong>size</strong> — badge size: sm | md"
|
|
339
|
+
},
|
|
289
340
|
examples: "Examples",
|
|
290
341
|
solidViolet: "Solid / Violet",
|
|
291
342
|
solidOrange: "Solid / Orange",
|
|
@@ -305,6 +356,8 @@ var directivesDoc = {
|
|
|
305
356
|
inputs: "Inputs",
|
|
306
357
|
inputDirection: "layout direction: 'row' | 'col' (default: 'row')",
|
|
307
358
|
inputGap: "space between children: number (px) or string like '12px', '0.5rem'. Default: null",
|
|
359
|
+
inputJustify: "horizontal alignment (justify-content): flex-start | center | flex-end | space-between | space-around | space-evenly (default: center)",
|
|
360
|
+
inputAlign: "vertical alignment (align-items): flex-start | center | flex-end | stretch | baseline (default: center)",
|
|
308
361
|
examples: "Examples",
|
|
309
362
|
row8: "Row with 8px gap",
|
|
310
363
|
col12: "Column with 12px gap",
|
|
@@ -346,9 +399,38 @@ var accordionDoc = {
|
|
|
346
399
|
}
|
|
347
400
|
}
|
|
348
401
|
};
|
|
402
|
+
var cardDoc = {
|
|
403
|
+
title: "Duck Dev UI Library - Card Accent",
|
|
404
|
+
basic: {
|
|
405
|
+
title: "Card Accent",
|
|
406
|
+
description: "A simple card with a colored left border and styled content. Accepts an HTMLElement and an accent color.",
|
|
407
|
+
usage: "Usage:",
|
|
408
|
+
inputs: "Inputs:",
|
|
409
|
+
examples: "Examples:"
|
|
410
|
+
},
|
|
411
|
+
inputsDesc: {
|
|
412
|
+
content: "<strong>content</strong> — HTMLElement that will be displayed inside the card",
|
|
413
|
+
color: "<strong>color</strong> — AccentEnumColor for the left border color"
|
|
414
|
+
},
|
|
415
|
+
examplesDesc: {
|
|
416
|
+
"default": "<strong>Default</strong> accent card with white color",
|
|
417
|
+
violet: "<strong>Violet</strong> accent card",
|
|
418
|
+
orange: "<strong>Orange</strong> accent card",
|
|
419
|
+
gray: "<strong>Gray</strong> accent card",
|
|
420
|
+
dark: "<strong>Dark</strong> accent card"
|
|
421
|
+
},
|
|
422
|
+
examples: {
|
|
423
|
+
defaultWhite: "Default (White)",
|
|
424
|
+
violet: "Violet",
|
|
425
|
+
orange: "Orange",
|
|
426
|
+
gray: "Gray",
|
|
427
|
+
dark: "Dark"
|
|
428
|
+
}
|
|
429
|
+
};
|
|
349
430
|
var en = {
|
|
350
431
|
tabs: tabs,
|
|
351
432
|
notifications: notifications,
|
|
433
|
+
slider: slider,
|
|
352
434
|
buttons: buttons,
|
|
353
435
|
loaders: loaders,
|
|
354
436
|
tabsComponent: tabsComponent,
|
|
@@ -356,8 +438,9 @@ var en = {
|
|
|
356
438
|
inputComponent: inputComponent,
|
|
357
439
|
badgeDoc: badgeDoc,
|
|
358
440
|
directivesDoc: directivesDoc,
|
|
359
|
-
accordionDoc: accordionDoc
|
|
441
|
+
accordionDoc: accordionDoc,
|
|
442
|
+
cardDoc: cardDoc
|
|
360
443
|
};
|
|
361
444
|
|
|
362
|
-
export { accordionDoc, badgeDoc, buttons, en as default, directivesDoc, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
|
|
363
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
445
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, inputComponent, loaders, notifications, slider, svgComponent, tabs, tabsComponent };
|
|
446
|
+
//# sourceMappingURL=duck-dev-lib-en-AryRCkw5.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-en-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-AryRCkw5.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,6 +4,7 @@ var tabs = {
|
|
|
4
4
|
loaders: "Загрузчики",
|
|
5
5
|
tabs: "Вкладки",
|
|
6
6
|
svg: "SVG icon",
|
|
7
|
+
card: "Карточки",
|
|
7
8
|
input: "Вввод",
|
|
8
9
|
notifications: "Уведомления",
|
|
9
10
|
badge: "Бейджи",
|
|
@@ -68,6 +69,50 @@ var notifications = {
|
|
|
68
69
|
errorBottom: "Ошибка (снизу)"
|
|
69
70
|
}
|
|
70
71
|
};
|
|
72
|
+
var slider = {
|
|
73
|
+
title: "Duck Dev UI Library - Слайдер",
|
|
74
|
+
required: "обязательный",
|
|
75
|
+
raindrops: {
|
|
76
|
+
title: "Слайдер капли дождя",
|
|
77
|
+
description: "Слайдер в стиле flip с размытием предыдущего слайда и плавными переходами.",
|
|
78
|
+
usage: "Использование:",
|
|
79
|
+
inputs: "Входные параметры:",
|
|
80
|
+
inputItems: "массив шаблонов слайдов",
|
|
81
|
+
inputInterval: "интервал авто‑переключения в мс (по умолчанию: 3000)",
|
|
82
|
+
inputAutoplay: "запуск автопрокрутки при инициализации (по умолчанию: true)",
|
|
83
|
+
examples: "Примеры:",
|
|
84
|
+
exampleBasic: "Базовый"
|
|
85
|
+
},
|
|
86
|
+
classic: {
|
|
87
|
+
title: "Классический горизонтальный слайдер",
|
|
88
|
+
description: "Простые горизонтальные переходы входа/выхода. Растягивается под размер контейнера.",
|
|
89
|
+
usage: "Использование:",
|
|
90
|
+
inputs: "Входные параметры:",
|
|
91
|
+
inputItems: "массив шаблонов слайдов",
|
|
92
|
+
inputInterval: "интервал авто‑переключения в мс (по умолчанию: 3000)",
|
|
93
|
+
inputAutoplay: "запуск автопрокрутки при инициализации (по умолчанию: true)",
|
|
94
|
+
examples: "Примеры:",
|
|
95
|
+
exampleBasic: "Классическое горизонтальное листание"
|
|
96
|
+
},
|
|
97
|
+
colorDescription: "Цвет кнопок (например, 'White'). Используется для стилистического соответствия.",
|
|
98
|
+
demo: {
|
|
99
|
+
heroTitle: "Создавайте отличные интерфейсы быстрее",
|
|
100
|
+
heroSubtitle: "Duck Dev UI предоставляет доступные и настраиваемые компоненты с разумными значениями по умолчанию — выпускайте быстрее.",
|
|
101
|
+
heroCta: "Изучить компоненты",
|
|
102
|
+
features: {
|
|
103
|
+
accessibleTitle: "Доступность",
|
|
104
|
+
accessibleDesc: "Дружелюбно к клавиатуре и ARIA из коробки.",
|
|
105
|
+
themeableTitle: "Темизация",
|
|
106
|
+
themeableDesc: "Использует CSS‑переменные под вашу палитру.",
|
|
107
|
+
lightweightTitle: "Легкость",
|
|
108
|
+
lightweightDesc: "Небольшие, сфокусированные компоненты без тяжёлых зависимостей."
|
|
109
|
+
},
|
|
110
|
+
code: {
|
|
111
|
+
quickStartTitle: "Быстрый старт",
|
|
112
|
+
tip: "Совет: передавайте в слайды полноценные шаблоны."
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
};
|
|
71
116
|
var buttons = {
|
|
72
117
|
title: "Duck Dev UI Library - Компоненты кнопок",
|
|
73
118
|
glideOver: {
|
|
@@ -286,6 +331,12 @@ var badgeDoc = {
|
|
|
286
331
|
inputColor: "цвет из палитры: Violet | Orange | White | Gray | Dark",
|
|
287
332
|
inputVariant: "визуальный стиль: solid | soft | outline",
|
|
288
333
|
inputSize: "размер бейджа: sm | md",
|
|
334
|
+
inputsDesc: {
|
|
335
|
+
text: "<strong>text</strong> — текст, который будет отображаться внутри бейджа",
|
|
336
|
+
color: "<strong>color</strong> — цвет из палитры: Violet | Orange | White | Gray | Dark",
|
|
337
|
+
variant: "<strong>variant</strong> — визуальный стиль: solid | soft | outline",
|
|
338
|
+
size: "<strong>size</strong> — размер бейджа: sm | md"
|
|
339
|
+
},
|
|
289
340
|
examples: "Примеры",
|
|
290
341
|
solidViolet: "Solid / Violet",
|
|
291
342
|
solidOrange: "Solid / Orange",
|
|
@@ -305,6 +356,8 @@ var directivesDoc = {
|
|
|
305
356
|
inputs: "Входные параметры",
|
|
306
357
|
inputDirection: "направление раскладки: 'row' | 'col' (по умолчанию: 'row')",
|
|
307
358
|
inputGap: "расстояние между дочерними элементами: number (px) или string, например '12px', '0.5rem'. По умолчанию: null",
|
|
359
|
+
inputJustify: "горизонтальное выравнивание (justify-content): flex-start | center | flex-end | space-between | space-around | space-evenly (по умолчанию: center)",
|
|
360
|
+
inputAlign: "вертикальное выравнивание (align-items): flex-start | center | flex-end | stretch | baseline (по умолчанию: center)",
|
|
308
361
|
examples: "Примеры",
|
|
309
362
|
row8: "Row с отступом 8px",
|
|
310
363
|
col12: "Column с отступом 12px",
|
|
@@ -346,9 +399,38 @@ var accordionDoc = {
|
|
|
346
399
|
}
|
|
347
400
|
}
|
|
348
401
|
};
|
|
402
|
+
var cardDoc = {
|
|
403
|
+
title: "Duck Dev UI Library - Карточка с акцентом",
|
|
404
|
+
basic: {
|
|
405
|
+
title: "Карточка с акцентом",
|
|
406
|
+
description: "Простая карточка с цветной левой границей и стилизованным содержимым. Принимает HTMLElement и цвет акцента.",
|
|
407
|
+
usage: "Использование:",
|
|
408
|
+
inputs: "Входные параметры:",
|
|
409
|
+
examples: "Примеры:"
|
|
410
|
+
},
|
|
411
|
+
inputsDesc: {
|
|
412
|
+
content: "<strong>content</strong> — HTMLElement, который будет отображён внутри карточки",
|
|
413
|
+
color: "<strong>color</strong> — AccentEnumColor для цвета левой границы"
|
|
414
|
+
},
|
|
415
|
+
examplesDesc: {
|
|
416
|
+
"default": "<strong>По умолчанию</strong> — карточка с белым акцентом",
|
|
417
|
+
violet: "<strong>Violet</strong> — карточка с фиолетовым акцентом",
|
|
418
|
+
orange: "<strong>Orange</strong> — карточка с оранжевым акцентом",
|
|
419
|
+
gray: "<strong>Gray</strong> — карточка с серым акцентом",
|
|
420
|
+
dark: "<strong>Dark</strong> — карточка с тёмным акцентом"
|
|
421
|
+
},
|
|
422
|
+
examples: {
|
|
423
|
+
defaultWhite: "По умолчанию (White)",
|
|
424
|
+
violet: "Violet",
|
|
425
|
+
orange: "Orange",
|
|
426
|
+
gray: "Gray",
|
|
427
|
+
dark: "Dark"
|
|
428
|
+
}
|
|
429
|
+
};
|
|
349
430
|
var ru = {
|
|
350
431
|
tabs: tabs,
|
|
351
432
|
notifications: notifications,
|
|
433
|
+
slider: slider,
|
|
352
434
|
buttons: buttons,
|
|
353
435
|
loaders: loaders,
|
|
354
436
|
tabsComponent: tabsComponent,
|
|
@@ -356,8 +438,9 @@ var ru = {
|
|
|
356
438
|
inputComponent: inputComponent,
|
|
357
439
|
badgeDoc: badgeDoc,
|
|
358
440
|
directivesDoc: directivesDoc,
|
|
359
|
-
accordionDoc: accordionDoc
|
|
441
|
+
accordionDoc: accordionDoc,
|
|
442
|
+
cardDoc: cardDoc
|
|
360
443
|
};
|
|
361
444
|
|
|
362
|
-
export { accordionDoc, badgeDoc, buttons, ru as default, directivesDoc, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
|
|
363
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
445
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, inputComponent, loaders, notifications, slider, svgComponent, tabs, tabsComponent };
|
|
446
|
+
//# sourceMappingURL=duck-dev-lib-ru-D_msyug7.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-ru-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-D_msyug7.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|