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 CHANGED
@@ -31,6 +31,7 @@ This command will compile your project, and the build artifacts will be placed i
31
31
  Once the project is built, you can publish your library by following these steps:
32
32
 
33
33
  1. Navigate to the `dist` directory:
34
+
34
35
  ```bash
35
36
  cd dist/duck-dev-lib
36
37
  ```
@@ -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-4OEFIyu1.mjs.map
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-4OEFIyu1.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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-CcBIFkk3.mjs.map
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-CcBIFkk3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"duck-dev-lib-ru-D_msyug7.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}