@prokodo/ui 1.0.3 → 1.0.4

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.
Files changed (62) hide show
  1. package/dist/components/RTE/RTE.css +9 -9
  2. package/dist/components/RTE/RTE.module.css +9 -9
  3. package/dist/components/RTE/RTE.module.scss.js +12 -1
  4. package/dist/components/autocomplete/Autocomplete.css +1 -1
  5. package/dist/components/autocomplete/Autocomplete.module.css +1 -1
  6. package/dist/components/autocomplete/Autocomplete.module.scss.js +3 -0
  7. package/dist/components/avatar/Avatar.view.js +1 -1
  8. package/dist/components/button/Button.client.js +2 -2
  9. package/dist/components/button/Button.css +1 -3
  10. package/dist/components/button/Button.module.css +1 -3
  11. package/dist/components/button/Button.module.scss.js +3 -3
  12. package/dist/components/button/Button.server.js +9 -2
  13. package/dist/components/card/Card.view.js +1 -0
  14. package/dist/components/checkbox/Checkbox.css +2 -2
  15. package/dist/components/checkbox/Checkbox.module.css +2 -2
  16. package/dist/components/checkbox/Checkbox.module.scss.js +1 -0
  17. package/dist/components/checkbox-group/CheckboxGroup.css +5 -5
  18. package/dist/components/checkbox-group/CheckboxGroup.module.css +5 -5
  19. package/dist/components/checkbox-group/CheckboxGroup.module.scss.js +1 -0
  20. package/dist/components/chip/Chip.css +4 -4
  21. package/dist/components/chip/Chip.module.css +4 -4
  22. package/dist/components/datePicker/DatePicker.css +2 -2
  23. package/dist/components/datePicker/DatePicker.module.css +2 -2
  24. package/dist/components/datePicker/DatePicker.module.scss.js +1 -0
  25. package/dist/components/dialog/Dialog.view.js +1 -1
  26. package/dist/components/drawer/Drawer.js +1 -2
  27. package/dist/components/dynamic-list/DynamicList.css +1 -1
  28. package/dist/components/dynamic-list/DynamicList.module.css +1 -1
  29. package/dist/components/dynamic-list/DynamicList.module.scss.js +1 -0
  30. package/dist/components/input/Input.css +2 -2
  31. package/dist/components/input/Input.module.css +2 -2
  32. package/dist/components/input/Input.module.scss.js +1 -0
  33. package/dist/components/label/Label.css +1 -1
  34. package/dist/components/label/Label.module.css +1 -1
  35. package/dist/components/label/Label.module.scss.js +1 -0
  36. package/dist/components/loading/Loading.js +1 -2
  37. package/dist/components/post-teaser/PostTeaser.view.js +1 -0
  38. package/dist/components/post-widget/PostWidget.view.js +1 -1
  39. package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +1 -0
  40. package/dist/components/rating/Rating.css +1 -1
  41. package/dist/components/rating/Rating.module.css +1 -1
  42. package/dist/components/rating/Rating.module.scss.js +1 -0
  43. package/dist/components/rich-text/RichText.client.js +1 -1
  44. package/dist/components/select/Select.css +4 -4
  45. package/dist/components/select/Select.module.css +4 -4
  46. package/dist/components/select/Select.module.scss.js +1 -0
  47. package/dist/components/switch/Switch.css +6 -6
  48. package/dist/components/switch/Switch.module.css +6 -6
  49. package/dist/components/switch/Switch.module.scss.js +1 -0
  50. package/dist/components/tabs/Tabs.module.scss.js +1 -0
  51. package/dist/constants/project.js +1 -1
  52. package/dist/index.js +1 -1
  53. package/dist/node_modules/.pnpm/cssfilter@0.0.10/node_modules/cssfilter/lib/index.js +4 -4
  54. package/dist/node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/rules_core/smartquotes.js +1 -1
  55. package/dist/node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/rules_inline/entity.js +1 -1
  56. package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.js +4 -4
  57. package/dist/node_modules/.pnpm/xss@1.0.15/node_modules/xss/lib/index.js +6 -6
  58. package/dist/theme.css +1739 -272
  59. package/dist/tsconfig.build.tsbuildinfo +1 -1
  60. package/dist/types/components/RTE/RTE.d.ts +1 -1
  61. package/dist/types/components/RTE/RTE.lazy.d.ts +1 -1
  62. package/package.json +22 -5
@@ -181,7 +181,7 @@
181
181
  --pk-input-label-focused-fg: var(--pk-color-muted);
182
182
  --pk-input-border-focus: var(--pk-color-border);
183
183
  }
184
- html[data-theme="dark"] .prokodo-Input--info, [data-theme="dark"] .prokodo-Input--info, .pk-theme-dark .prokodo-Input--info, html[data-theme="dark"] .prokodo-Input--inherit, [data-theme="dark"] .prokodo-Input--inherit, .pk-theme-dark .prokodo-Input--inherit, html[data-theme="dark"] .prokodo-Input--white, [data-theme="dark"] .prokodo-Input--white, .pk-theme-dark .prokodo-Input--white {
184
+ html[data-theme=dark] .prokodo-Input--info, [data-theme=dark] .prokodo-Input--info, .pk-theme-dark .prokodo-Input--info, html[data-theme=dark] .prokodo-Input--inherit, [data-theme=dark] .prokodo-Input--inherit, .pk-theme-dark .prokodo-Input--inherit, html[data-theme=dark] .prokodo-Input--white, [data-theme=dark] .prokodo-Input--white, .pk-theme-dark .prokodo-Input--white {
185
185
  --pk-input-gradient-from: var(--pk-palette-grey-100);
186
186
  --pk-input-gradient-to: var(--pk-palette-grey-200);
187
187
  }
@@ -400,7 +400,7 @@ html[data-theme="dark"] .prokodo-Input--info, [data-theme="dark"] .prokodo-Input
400
400
  pointer-events: none;
401
401
  z-index: 2;
402
402
  }
403
- [data-theme="dark"] .prokodo-Input__trailing, .pk-theme-dark .prokodo-Input__trailing {
403
+ [data-theme=dark] .prokodo-Input__trailing, .pk-theme-dark .prokodo-Input__trailing {
404
404
  color: var(--pk-palette-grey-300);
405
405
  }
406
406
  .prokodo-Input__trailing--clickable {
@@ -181,7 +181,7 @@
181
181
  --pk-input-label-focused-fg: var(--pk-color-muted);
182
182
  --pk-input-border-focus: var(--pk-color-border);
183
183
  }
184
- html[data-theme="dark"] .prokodo-Input--info, [data-theme="dark"] .prokodo-Input--info, .pk-theme-dark .prokodo-Input--info, html[data-theme="dark"] .prokodo-Input--inherit, [data-theme="dark"] .prokodo-Input--inherit, .pk-theme-dark .prokodo-Input--inherit, html[data-theme="dark"] .prokodo-Input--white, [data-theme="dark"] .prokodo-Input--white, .pk-theme-dark .prokodo-Input--white {
184
+ html[data-theme=dark] .prokodo-Input--info, [data-theme=dark] .prokodo-Input--info, .pk-theme-dark .prokodo-Input--info, html[data-theme=dark] .prokodo-Input--inherit, [data-theme=dark] .prokodo-Input--inherit, .pk-theme-dark .prokodo-Input--inherit, html[data-theme=dark] .prokodo-Input--white, [data-theme=dark] .prokodo-Input--white, .pk-theme-dark .prokodo-Input--white {
185
185
  --pk-input-gradient-from: var(--pk-palette-grey-100);
186
186
  --pk-input-gradient-to: var(--pk-palette-grey-200);
187
187
  }
@@ -400,7 +400,7 @@ html[data-theme="dark"] .prokodo-Input--info, [data-theme="dark"] .prokodo-Input
400
400
  pointer-events: none;
401
401
  z-index: 2;
402
402
  }
403
- [data-theme="dark"] .prokodo-Input__trailing, .pk-theme-dark .prokodo-Input__trailing {
403
+ [data-theme=dark] .prokodo-Input__trailing, .pk-theme-dark .prokodo-Input__trailing {
404
404
  color: var(--pk-palette-grey-300);
405
405
  }
406
406
  .prokodo-Input__trailing--clickable {
@@ -9,6 +9,7 @@ const styles = {
9
9
  "prokodo-Input--info": "prokodo-Input--info",
10
10
  "prokodo-Input--inherit": "prokodo-Input--inherit",
11
11
  "prokodo-Input--white": "prokodo-Input--white",
12
+ "pk-theme-dark": "pk-theme-dark",
12
13
  "prokodo-Input__label": "prokodo-Input__label",
13
14
  "prokodo-Input__label--is-focused": "prokodo-Input__label--is-focused",
14
15
  "prokodo-Input__inner": "prokodo-Input__inner",
@@ -187,7 +187,7 @@
187
187
  -webkit-text-fill-color: transparent;
188
188
  color: var(--pk-label-gradient-from);
189
189
  }
190
- html[data-theme="dark"] .prokodo-Label__highlighted, [data-theme="dark"] .prokodo-Label__highlighted, .pk-theme-dark .prokodo-Label__highlighted {
190
+ html[data-theme=dark] .prokodo-Label__highlighted, [data-theme=dark] .prokodo-Label__highlighted, .pk-theme-dark .prokodo-Label__highlighted {
191
191
  background: linear-gradient(to right, var(--pk-label-gradient-from), var(--pk-label-gradient-to));
192
192
  background-clip: text;
193
193
  -webkit-background-clip: text;
@@ -187,7 +187,7 @@
187
187
  -webkit-text-fill-color: transparent;
188
188
  color: var(--pk-label-gradient-from);
189
189
  }
190
- html[data-theme="dark"] .prokodo-Label__highlighted, [data-theme="dark"] .prokodo-Label__highlighted, .pk-theme-dark .prokodo-Label__highlighted {
190
+ html[data-theme=dark] .prokodo-Label__highlighted, [data-theme=dark] .prokodo-Label__highlighted, .pk-theme-dark .prokodo-Label__highlighted {
191
191
  background: linear-gradient(to right, var(--pk-label-gradient-from), var(--pk-label-gradient-to));
192
192
  background-clip: text;
193
193
  -webkit-background-clip: text;
@@ -9,6 +9,7 @@ const styles = {
9
9
  "prokodo-Label--inherit": "prokodo-Label--inherit",
10
10
  "prokodo-Label--white": "prokodo-Label--white",
11
11
  "prokodo-Label__highlighted": "prokodo-Label__highlighted",
12
+ "pk-theme-dark": "pk-theme-dark",
12
13
  "prokodo-Label__highlighted--error": "prokodo-Label__highlighted--error"
13
14
  };
14
15
  export {
@@ -11,6 +11,5 @@ const Loading = createIsland({
11
11
  )
12
12
  });
13
13
  export {
14
- Loading,
15
- Loading as default
14
+ Loading
16
15
  };
@@ -145,6 +145,7 @@ function PostTeaserView(props) {
145
145
  /* @__PURE__ */ jsx(
146
146
  Image,
147
147
  {
148
+ fill: true,
148
149
  ...imageMerged,
149
150
  alt: (imageMerged == null ? void 0 : imageMerged.alt) ?? /* istanbul ignore next */
150
151
  "",
@@ -170,7 +170,7 @@ function PostWidgetView({
170
170
  ((_s = item.classes) == null ? void 0 : _s.article) ?? (classes == null ? void 0 : classes.listItemContent)
171
171
  ),
172
172
  children: [
173
- imgMerged && /* @__PURE__ */ jsx("header", { className: (_t = item.classes) == null ? void 0 : _t.header, children: /* @__PURE__ */ jsx(Link, { ...linkMerged, children: /* @__PURE__ */ jsx(Image, { ...imgMerged, itemProp: "image" }) }) }),
173
+ imgMerged && /* @__PURE__ */ jsx("header", { className: (_t = item.classes) == null ? void 0 : _t.header, children: /* @__PURE__ */ jsx(Link, { ...linkMerged, children: /* @__PURE__ */ jsx(Image, { fill: true, ...imgMerged, itemProp: "image" }) }) }),
174
174
  /* @__PURE__ */ jsxs(
175
175
  "div",
176
176
  {
@@ -167,6 +167,7 @@ function PostWidgetCarouselView(props) {
167
167
  imgMerged && /* @__PURE__ */ jsx(Link, { ...linkMerged, children: /* @__PURE__ */ jsx(
168
168
  Image,
169
169
  {
170
+ fill: true,
170
171
  ...imgMerged,
171
172
  className: bem(
172
173
  "carousel__item__image",
@@ -249,7 +249,7 @@
249
249
  line-height: 1.4;
250
250
  }
251
251
  }
252
- [data-theme="dark"] .prokodo-Rating__helperText, .pk-theme-dark .prokodo-Rating__helperText {
252
+ [data-theme=dark] .prokodo-Rating__helperText, .pk-theme-dark .prokodo-Rating__helperText {
253
253
  color: var(--pk-palette-grey-400);
254
254
  }
255
255
  .prokodo-Rating__helperText__content {
@@ -249,7 +249,7 @@
249
249
  line-height: 1.4;
250
250
  }
251
251
  }
252
- [data-theme="dark"] .prokodo-Rating__helperText, .pk-theme-dark .prokodo-Rating__helperText {
252
+ [data-theme=dark] .prokodo-Rating__helperText, .pk-theme-dark .prokodo-Rating__helperText {
253
253
  color: var(--pk-palette-grey-400);
254
254
  }
255
255
  .prokodo-Rating__helperText__content {
@@ -22,6 +22,7 @@ const styles = {
22
22
  "prokodo-Rating__icon--readonly": "prokodo-Rating__icon--readonly",
23
23
  "prokodo-Rating__footer": "prokodo-Rating__footer",
24
24
  "prokodo-Rating__helperText": "prokodo-Rating__helperText",
25
+ "pk-theme-dark": "pk-theme-dark",
25
26
  "prokodo-Rating__helperText__content": "prokodo-Rating__helperText__content",
26
27
  "prokodo-Rating__helperText__content--is-error": "prokodo-Rating__helperText__content--is-error"
27
28
  };
@@ -3,7 +3,7 @@ var __defProp = Object.defineProperty;
3
3
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { Marked as B } from "../../node_modules/.pnpm/marked@17.0.1/node_modules/marked/lib/marked.esm.js";
6
- import { useRef, useMemo, useState, useEffect, Fragment, Children, cloneElement, isValidElement, createElement } from "react";
6
+ import { useRef, useMemo, useState, useEffect, Fragment, isValidElement, createElement, Children, cloneElement } from "react";
7
7
  import { l as libExports } from "../../_virtual/index.js";
8
8
  import { create } from "../../helpers/bem.js";
9
9
  import { isString } from "../../helpers/validations.js";
@@ -212,12 +212,12 @@
212
212
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-select-bg));
213
213
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-select-bg));
214
214
  }
215
- html[data-theme="dark"] .prokodo-Select--info, [data-theme="dark"] .prokodo-Select--info, .pk-theme-dark .prokodo-Select--info, html[data-theme="dark"] .prokodo-Select--inherit, [data-theme="dark"] .prokodo-Select--inherit, .pk-theme-dark .prokodo-Select--inherit, html[data-theme="dark"] .prokodo-Select--white, [data-theme="dark"] .prokodo-Select--white, .pk-theme-dark .prokodo-Select--white {
215
+ html[data-theme=dark] .prokodo-Select--info, [data-theme=dark] .prokodo-Select--info, .pk-theme-dark .prokodo-Select--info, html[data-theme=dark] .prokodo-Select--inherit, [data-theme=dark] .prokodo-Select--inherit, .pk-theme-dark .prokodo-Select--inherit, html[data-theme=dark] .prokodo-Select--white, [data-theme=dark] .prokodo-Select--white, .pk-theme-dark .prokodo-Select--white {
216
216
  --pk-select-gradient-from: var(--pk-palette-grey-100);
217
217
  --pk-select-gradient-to: var(--pk-palette-grey-200);
218
218
  --pk-select-label-fg: var(--pk-palette-grey-200);
219
219
  }
220
- html[data-theme="dark"] .prokodo-Select, [data-theme="dark"] .prokodo-Select, .pk-theme-dark .prokodo-Select {
220
+ html[data-theme=dark] .prokodo-Select, [data-theme=dark] .prokodo-Select, .pk-theme-dark .prokodo-Select {
221
221
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-select-gradient-from) 15%, var(--pk-select-bg));
222
222
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-select-gradient-from) 25%, var(--pk-select-bg));
223
223
  --pk-select-fg-placeholder: var(--pk-palette-grey-400);
@@ -460,7 +460,7 @@ html[data-theme="dark"] .prokodo-Select, [data-theme="dark"] .prokodo-Select, .p
460
460
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-select-bg));
461
461
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-select-bg));
462
462
  }
463
- html[data-theme="dark"] .prokodo-Select__listbox, [data-theme="dark"] .prokodo-Select__listbox, .pk-theme-dark .prokodo-Select__listbox {
463
+ html[data-theme=dark] .prokodo-Select__listbox, [data-theme=dark] .prokodo-Select__listbox, .pk-theme-dark .prokodo-Select__listbox {
464
464
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-select-gradient-from) 15%, var(--pk-select-bg));
465
465
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-select-gradient-from) 25%, var(--pk-select-bg));
466
466
  --pk-select-fg: var(--pk-color-fg);
@@ -617,7 +617,7 @@ html[data-theme="dark"] .prokodo-Select__listbox, [data-theme="dark"] .prokodo-S
617
617
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-select-bg));
618
618
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-select-bg));
619
619
  }
620
- html[data-theme="dark"] .prokodo-Select__sheet, [data-theme="dark"] .prokodo-Select__sheet, .pk-theme-dark .prokodo-Select__sheet {
620
+ html[data-theme=dark] .prokodo-Select__sheet, [data-theme=dark] .prokodo-Select__sheet, .pk-theme-dark .prokodo-Select__sheet {
621
621
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-select-gradient-from) 15%, var(--pk-select-bg));
622
622
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-select-gradient-from) 25%, var(--pk-select-bg));
623
623
  --pk-select-fg: var(--pk-color-fg);
@@ -212,12 +212,12 @@
212
212
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-select-bg));
213
213
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-select-bg));
214
214
  }
215
- html[data-theme="dark"] .prokodo-Select--info, [data-theme="dark"] .prokodo-Select--info, .pk-theme-dark .prokodo-Select--info, html[data-theme="dark"] .prokodo-Select--inherit, [data-theme="dark"] .prokodo-Select--inherit, .pk-theme-dark .prokodo-Select--inherit, html[data-theme="dark"] .prokodo-Select--white, [data-theme="dark"] .prokodo-Select--white, .pk-theme-dark .prokodo-Select--white {
215
+ html[data-theme=dark] .prokodo-Select--info, [data-theme=dark] .prokodo-Select--info, .pk-theme-dark .prokodo-Select--info, html[data-theme=dark] .prokodo-Select--inherit, [data-theme=dark] .prokodo-Select--inherit, .pk-theme-dark .prokodo-Select--inherit, html[data-theme=dark] .prokodo-Select--white, [data-theme=dark] .prokodo-Select--white, .pk-theme-dark .prokodo-Select--white {
216
216
  --pk-select-gradient-from: var(--pk-palette-grey-100);
217
217
  --pk-select-gradient-to: var(--pk-palette-grey-200);
218
218
  --pk-select-label-fg: var(--pk-palette-grey-200);
219
219
  }
220
- html[data-theme="dark"] .prokodo-Select, [data-theme="dark"] .prokodo-Select, .pk-theme-dark .prokodo-Select {
220
+ html[data-theme=dark] .prokodo-Select, [data-theme=dark] .prokodo-Select, .pk-theme-dark .prokodo-Select {
221
221
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-select-gradient-from) 15%, var(--pk-select-bg));
222
222
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-select-gradient-from) 25%, var(--pk-select-bg));
223
223
  --pk-select-fg-placeholder: var(--pk-palette-grey-400);
@@ -460,7 +460,7 @@ html[data-theme="dark"] .prokodo-Select, [data-theme="dark"] .prokodo-Select, .p
460
460
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-select-bg));
461
461
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-select-bg));
462
462
  }
463
- html[data-theme="dark"] .prokodo-Select__listbox, [data-theme="dark"] .prokodo-Select__listbox, .pk-theme-dark .prokodo-Select__listbox {
463
+ html[data-theme=dark] .prokodo-Select__listbox, [data-theme=dark] .prokodo-Select__listbox, .pk-theme-dark .prokodo-Select__listbox {
464
464
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-select-gradient-from) 15%, var(--pk-select-bg));
465
465
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-select-gradient-from) 25%, var(--pk-select-bg));
466
466
  --pk-select-fg: var(--pk-color-fg);
@@ -617,7 +617,7 @@ html[data-theme="dark"] .prokodo-Select__listbox, [data-theme="dark"] .prokodo-S
617
617
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-select-bg));
618
618
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-select-bg));
619
619
  }
620
- html[data-theme="dark"] .prokodo-Select__sheet, [data-theme="dark"] .prokodo-Select__sheet, .pk-theme-dark .prokodo-Select__sheet {
620
+ html[data-theme=dark] .prokodo-Select__sheet, [data-theme=dark] .prokodo-Select__sheet, .pk-theme-dark .prokodo-Select__sheet {
621
621
  --pk-select-item-hover-bg: color-mix(in srgb, var(--pk-select-gradient-from) 15%, var(--pk-select-bg));
622
622
  --pk-select-item-active-bg: color-mix(in srgb, var(--pk-select-gradient-from) 25%, var(--pk-select-bg));
623
623
  --pk-select-fg: var(--pk-color-fg);
@@ -12,6 +12,7 @@ const styles = {
12
12
  "prokodo-Select--info": "prokodo-Select--info",
13
13
  "prokodo-Select--inherit": "prokodo-Select--inherit",
14
14
  "prokodo-Select--white": "prokodo-Select--white",
15
+ "pk-theme-dark": "pk-theme-dark",
15
16
  "prokodo-Select--fullWidth": "prokodo-Select--fullWidth",
16
17
  "prokodo-Select__label": "prokodo-Select__label",
17
18
  "prokodo-Select__label--is-focused": "prokodo-Select__label--is-focused",
@@ -157,10 +157,10 @@
157
157
  .prokodo-Switch--inherit {
158
158
  --pk-switch-active: currentColor;
159
159
  }
160
- [data-theme="dark"] .prokodo-Switch--info, .pk-theme-dark .prokodo-Switch--info {
160
+ [data-theme=dark] .prokodo-Switch--info, .pk-theme-dark .prokodo-Switch--info {
161
161
  --pk-switch-active: var(--pk-palette-grey-300);
162
162
  }
163
- [data-theme="dark"] .prokodo-Switch--inherit, .pk-theme-dark .prokodo-Switch--inherit {
163
+ [data-theme=dark] .prokodo-Switch--inherit, .pk-theme-dark .prokodo-Switch--inherit {
164
164
  --pk-switch-active: var(--pk-color-fg);
165
165
  }
166
166
  .prokodo-Switch__label {
@@ -262,17 +262,17 @@
262
262
  .prokodo-Switch__icon--isActive {
263
263
  color: var(--pk-color-fg);
264
264
  }
265
- [data-theme="dark"] .prokodo-Switch__thumb, .pk-theme-dark .prokodo-Switch__thumb {
265
+ [data-theme=dark] .prokodo-Switch__thumb, .pk-theme-dark .prokodo-Switch__thumb {
266
266
  --pk-switch-thumb-bg: #ffffff;
267
267
  --pk-switch-thumb-checked-bg: #ffffff;
268
268
  }
269
- [data-theme="dark"] .prokodo-Switch__icon__wrapper, .pk-theme-dark .prokodo-Switch__icon__wrapper, [data-theme="dark"] .prokodo-Switch__icon, .pk-theme-dark .prokodo-Switch__icon {
269
+ [data-theme=dark] .prokodo-Switch__icon__wrapper, .pk-theme-dark .prokodo-Switch__icon__wrapper, [data-theme=dark] .prokodo-Switch__icon, .pk-theme-dark .prokodo-Switch__icon {
270
270
  color: #000000;
271
271
  }
272
- [data-theme="dark"] .prokodo-Switch--inherit .prokodo-Switch__thumb--checked, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__thumb--checked {
272
+ [data-theme=dark] .prokodo-Switch--inherit .prokodo-Switch__thumb--checked, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__thumb--checked {
273
273
  --pk-switch-thumb-checked-bg: #000000;
274
274
  }
275
- [data-theme="dark"] .prokodo-Switch--inherit .prokodo-Switch__icon--isActive, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__icon--isActive {
275
+ [data-theme=dark] .prokodo-Switch--inherit .prokodo-Switch__icon--isActive, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__icon--isActive {
276
276
  color: #ffffff;
277
277
  }
278
278
  .prokodo-Switch--disabled, .prokodo-Switch__control--disabled {
@@ -157,10 +157,10 @@
157
157
  .prokodo-Switch--inherit {
158
158
  --pk-switch-active: currentColor;
159
159
  }
160
- [data-theme="dark"] .prokodo-Switch--info, .pk-theme-dark .prokodo-Switch--info {
160
+ [data-theme=dark] .prokodo-Switch--info, .pk-theme-dark .prokodo-Switch--info {
161
161
  --pk-switch-active: var(--pk-palette-grey-300);
162
162
  }
163
- [data-theme="dark"] .prokodo-Switch--inherit, .pk-theme-dark .prokodo-Switch--inherit {
163
+ [data-theme=dark] .prokodo-Switch--inherit, .pk-theme-dark .prokodo-Switch--inherit {
164
164
  --pk-switch-active: var(--pk-color-fg);
165
165
  }
166
166
  .prokodo-Switch__label {
@@ -262,17 +262,17 @@
262
262
  .prokodo-Switch__icon--isActive {
263
263
  color: var(--pk-color-fg);
264
264
  }
265
- [data-theme="dark"] .prokodo-Switch__thumb, .pk-theme-dark .prokodo-Switch__thumb {
265
+ [data-theme=dark] .prokodo-Switch__thumb, .pk-theme-dark .prokodo-Switch__thumb {
266
266
  --pk-switch-thumb-bg: #ffffff;
267
267
  --pk-switch-thumb-checked-bg: #ffffff;
268
268
  }
269
- [data-theme="dark"] .prokodo-Switch__icon__wrapper, .pk-theme-dark .prokodo-Switch__icon__wrapper, [data-theme="dark"] .prokodo-Switch__icon, .pk-theme-dark .prokodo-Switch__icon {
269
+ [data-theme=dark] .prokodo-Switch__icon__wrapper, .pk-theme-dark .prokodo-Switch__icon__wrapper, [data-theme=dark] .prokodo-Switch__icon, .pk-theme-dark .prokodo-Switch__icon {
270
270
  color: #000000;
271
271
  }
272
- [data-theme="dark"] .prokodo-Switch--inherit .prokodo-Switch__thumb--checked, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__thumb--checked {
272
+ [data-theme=dark] .prokodo-Switch--inherit .prokodo-Switch__thumb--checked, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__thumb--checked {
273
273
  --pk-switch-thumb-checked-bg: #000000;
274
274
  }
275
- [data-theme="dark"] .prokodo-Switch--inherit .prokodo-Switch__icon--isActive, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__icon--isActive {
275
+ [data-theme=dark] .prokodo-Switch--inherit .prokodo-Switch__icon--isActive, .pk-theme-dark .prokodo-Switch--inherit .prokodo-Switch__icon--isActive {
276
276
  color: #ffffff;
277
277
  }
278
278
  .prokodo-Switch--disabled, .prokodo-Switch__control--disabled {
@@ -7,6 +7,7 @@ const styles = {
7
7
  "prokodo-Switch--info": "prokodo-Switch--info",
8
8
  "prokodo-Switch--warning": "prokodo-Switch--warning",
9
9
  "prokodo-Switch--inherit": "prokodo-Switch--inherit",
10
+ "pk-theme-dark": "pk-theme-dark",
10
11
  "prokodo-Switch__label": "prokodo-Switch__label",
11
12
  "prokodo-Switch__control": "prokodo-Switch__control",
12
13
  "prokodo-Switch__track": "prokodo-Switch__track",
@@ -1,5 +1,6 @@
1
1
  const styles = {
2
2
  "prokodo-Tabs": "prokodo-Tabs",
3
+ "pk-theme-dark": "pk-theme-dark",
3
4
  "prokodo-Tabs--vertical": "prokodo-Tabs--vertical",
4
5
  "prokodo-Tabs__list": "prokodo-Tabs__list",
5
6
  "prokodo-Tabs__list--vertical": "prokodo-Tabs__list--vertical",
@@ -1,4 +1,4 @@
1
- const PROKODO_UI_VERSION = "1.0.3";
1
+ const PROKODO_UI_VERSION = "1.0.4";
2
2
  export {
3
3
  PROKODO_UI_VERSION
4
4
  };
package/dist/index.js CHANGED
@@ -39,9 +39,9 @@ import { PostWidget } from "./components/post-widget/PostWidget.js";
39
39
  import { PostWidgetCarousel } from "./components/post-widget-carousel/PostWidgetCarousel.js";
40
40
  import { ProgressBar } from "./components/progressBar/ProgressBar.js";
41
41
  import { Quote } from "./components/quote/Quote.js";
42
+ import { RTE } from "./components/RTE/RTE.js";
42
43
  import { Rating } from "./components/rating/Rating.js";
43
44
  import { RichText } from "./components/rich-text/RichText.js";
44
- import { RTE } from "./components/RTE/RTE.js";
45
45
  import { Select } from "./components/select/Select.js";
46
46
  import { SideNav } from "./components/sidenav/SideNav.js";
47
47
  import { Skeleton } from "./components/skeleton/Skeleton.js";
@@ -7,7 +7,7 @@ var hasRequiredLib;
7
7
  function requireLib() {
8
8
  if (hasRequiredLib) return lib.exports;
9
9
  hasRequiredLib = 1;
10
- (function(module, exports) {
10
+ (function(module, exports$1) {
11
11
  var DEFAULT = /* @__PURE__ */ require_default();
12
12
  var FilterCSS = /* @__PURE__ */ requireCss();
13
13
  function filterCSS(html, options) {
@@ -15,9 +15,9 @@ function requireLib() {
15
15
  return xss.process(html);
16
16
  }
17
17
  __name(filterCSS, "filterCSS");
18
- exports = module.exports = filterCSS;
19
- exports.FilterCSS = FilterCSS;
20
- for (var i in DEFAULT) exports[i] = DEFAULT[i];
18
+ exports$1 = module.exports = filterCSS;
19
+ exports$1.FilterCSS = FilterCSS;
20
+ for (var i in DEFAULT) exports$1[i] = DEFAULT[i];
21
21
  if (typeof window !== "undefined") {
22
22
  window.filterCSS = module.exports;
23
23
  }
@@ -1,6 +1,6 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
- import { isMdAsciiPunct, isPunctChar, isWhiteSpace } from "../common/utils.js";
3
+ import { isWhiteSpace, isMdAsciiPunct, isPunctChar } from "../common/utils.js";
4
4
  const QUOTE_TEST_RE = /['"]/;
5
5
  const QUOTE_RE = /['"]/g;
6
6
  const APOSTROPHE = "’";
@@ -1,6 +1,6 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
- import { fromCodePoint, isValidEntityCode } from "../common/utils.js";
3
+ import { isValidEntityCode, fromCodePoint } from "../common/utils.js";
4
4
  import { decodeHTML } from "../../../../../entities@4.5.0/node_modules/entities/lib/esm/decode.js";
5
5
  const DIGITAL_RE = /^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i;
6
6
  const NAMED_RE = /^&([a-z][a-z0-9]{1,31});/i;
@@ -10,7 +10,7 @@ var hasRequiredQuill;
10
10
  function requireQuill() {
11
11
  if (hasRequiredQuill) return quill.exports;
12
12
  hasRequiredQuill = 1;
13
- (function(module, exports) {
13
+ (function(module, exports$1) {
14
14
  !function(t, e) {
15
15
  module.exports = e();
16
16
  }(self, function() {
@@ -3730,7 +3730,7 @@ ${(0, l.X)(this.code(t3, e3))}
3730
3730
  return new r2.A(e3).set(new r2.A(t3)), e3;
3731
3731
  };
3732
3732
  }, 3812: function(t2, e2, n2) {
3733
- var r2 = n2(5507), i = exports && !exports.nodeType && exports, s = i && true && module && !module.nodeType && module, o = s && s.exports === i ? r2.A.Buffer : void 0, l = o ? o.allocUnsafe : void 0;
3733
+ var r2 = n2(5507), i = exports$1 && !exports$1.nodeType && exports$1, s = i && true && module && !module.nodeType && module, o = s && s.exports === i ? r2.A.Buffer : void 0, l = o ? o.allocUnsafe : void 0;
3734
3734
  e2.A = function(t3, e3) {
3735
3735
  if (e3) return t3.slice();
3736
3736
  var n3 = t3.length, r3 = l ? l(n3) : new t3.constructor(n3);
@@ -3860,7 +3860,7 @@ ${(0, l.X)(this.code(t3, e3))}
3860
3860
  return t3 === ("function" == typeof e3 && e3.prototype || n2);
3861
3861
  };
3862
3862
  }, 8795: function(t2, e2, n2) {
3863
- var r2 = n2(9646), i = exports && !exports.nodeType && exports, s = i && true && module && !module.nodeType && module, o = s && s.exports === i && r2.A.process, l = function() {
3863
+ var r2 = n2(9646), i = exports$1 && !exports$1.nodeType && exports$1, s = i && true && module && !module.nodeType && module, o = s && s.exports === i && r2.A.process, l = function() {
3864
3864
  try {
3865
3865
  return s && s.require && s.require("util").types || o && o.binding && o.binding("util");
3866
3866
  } catch (t3) {
@@ -4012,7 +4012,7 @@ ${(0, l.X)(this.code(t3, e3))}
4012
4012
  n2.d(e2, { A: /* @__PURE__ */ __name(function() {
4013
4013
  return l;
4014
4014
  }, "A") });
4015
- var r2 = n2(5507), i = exports && !exports.nodeType && exports, s = i && true && module && !module.nodeType && module, o = s && s.exports === i ? r2.A.Buffer : void 0, l = (o ? o.isBuffer : void 0) || function() {
4015
+ var r2 = n2(5507), i = exports$1 && !exports$1.nodeType && exports$1, s = i && true && module && !module.nodeType && module, o = s && s.exports === i ? r2.A.Buffer : void 0, l = (o ? o.isBuffer : void 0) || function() {
4016
4016
  return false;
4017
4017
  };
4018
4018
  }, 5123: function(t2, e2, n2) {
@@ -8,7 +8,7 @@ var hasRequiredLib;
8
8
  function requireLib() {
9
9
  if (hasRequiredLib) return lib.exports;
10
10
  hasRequiredLib = 1;
11
- (function(module, exports) {
11
+ (function(module, exports$1) {
12
12
  var DEFAULT = /* @__PURE__ */ require_default();
13
13
  var parser = /* @__PURE__ */ requireParser();
14
14
  var FilterXSS = /* @__PURE__ */ requireXss();
@@ -17,15 +17,15 @@ function requireLib() {
17
17
  return xss.process(html);
18
18
  }
19
19
  __name(filterXSS, "filterXSS");
20
- exports = module.exports = filterXSS;
21
- exports.filterXSS = filterXSS;
22
- exports.FilterXSS = FilterXSS;
20
+ exports$1 = module.exports = filterXSS;
21
+ exports$1.filterXSS = filterXSS;
22
+ exports$1.FilterXSS = FilterXSS;
23
23
  (function() {
24
24
  for (var i in DEFAULT) {
25
- exports[i] = DEFAULT[i];
25
+ exports$1[i] = DEFAULT[i];
26
26
  }
27
27
  for (var j in parser) {
28
- exports[j] = parser[j];
28
+ exports$1[j] = parser[j];
29
29
  }
30
30
  })();
31
31
  if (typeof window !== "undefined") {