@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
package/dist/components/RTE/RTE.css CHANGED
@@ -520,32 +520,32 @@
520
520
  text-align: left;
521
521
  text-decoration: none;
522
522
  }
523
- [data-theme="dark"] .prokodo-RTE, .pk-theme-dark .prokodo-RTE {
523
+ [data-theme=dark] .prokodo-RTE, .pk-theme-dark .prokodo-RTE {
524
524
  --pk-rte-toolbar-bg: color-mix(in srgb, var(--pk-color-brand) 14%, var(--pk-palette-slate-950));
525
525
  --pk-rte-icon-color: var(--pk-palette-white);
526
526
  --pk-rte-picker-bg: var(--pk-palette-slate-950);
527
527
  --pk-rte-picker-shadow: 0 10px 40px rgba(0, 0, 0, 0.7),
528
528
  0 2px 12px rgba(0, 0, 0, 0.4);
529
529
  }
530
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-stroke, .pk-theme-dark .prokodo-RTE .ql-snow .ql-stroke {
530
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-stroke, .pk-theme-dark .prokodo-RTE .ql-snow .ql-stroke {
531
531
  stroke: var(--pk-palette-white) !important;
532
532
  }
533
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-fill,
534
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-stroke.ql-fill, .pk-theme-dark .prokodo-RTE .ql-snow .ql-fill,
533
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-fill,
534
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-stroke.ql-fill, .pk-theme-dark .prokodo-RTE .ql-snow .ql-fill,
535
535
  .pk-theme-dark .prokodo-RTE .ql-snow .ql-stroke.ql-fill {
536
536
  fill: var(--pk-palette-white) !important;
537
537
  }
538
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-picker, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker {
538
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-picker, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker {
539
539
  color: var(--pk-palette-white) !important;
540
540
  }
541
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-picker-label::before, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker-label::before {
541
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-picker-label::before, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker-label::before {
542
542
  color: var(--pk-palette-white) !important;
543
543
  }
544
- [data-theme="dark"] .prokodo-RTE .ql-toolbar .ql-picker-options, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-options {
544
+ [data-theme=dark] .prokodo-RTE .ql-toolbar .ql-picker-options, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-options {
545
545
  background: var(--pk-palette-slate-950) !important;
546
546
  border-color: color-mix(in srgb, var(--pk-color-brand) 30%, transparent) !important;
547
547
  }
548
- [data-theme="dark"] .prokodo-RTE .ql-toolbar .ql-picker-item, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-item {
548
+ [data-theme=dark] .prokodo-RTE .ql-toolbar .ql-picker-item, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-item {
549
549
  color: var(--pk-palette-white) !important;
550
550
  }
551
551
  .prokodo-RTE--primary {
@@ -566,7 +566,7 @@
566
566
  .prokodo-RTE--info, .prokodo-RTE--inherit, .prokodo-RTE--white {
567
567
  --pk-rte-accent: var(--pk-color-muted);
568
568
  }
569
- [data-theme="dark"] .prokodo-RTE--info, [data-theme="dark"] .prokodo-RTE--inherit, [data-theme="dark"] .prokodo-RTE--white, .pk-theme-dark .prokodo-RTE--info, .pk-theme-dark .prokodo-RTE--inherit, .pk-theme-dark .prokodo-RTE--white {
569
+ [data-theme=dark] .prokodo-RTE--info, [data-theme=dark] .prokodo-RTE--inherit, [data-theme=dark] .prokodo-RTE--white, .pk-theme-dark .prokodo-RTE--info, .pk-theme-dark .prokodo-RTE--inherit, .pk-theme-dark .prokodo-RTE--white {
570
570
  --pk-rte-accent: var(--pk-palette-grey-200);
571
571
  }
572
572
  .prokodo-RTE--disabled {
package/dist/components/RTE/RTE.module.css CHANGED
@@ -520,32 +520,32 @@
520
520
  text-align: left;
521
521
  text-decoration: none;
522
522
  }
523
- [data-theme="dark"] .prokodo-RTE, .pk-theme-dark .prokodo-RTE {
523
+ [data-theme=dark] .prokodo-RTE, .pk-theme-dark .prokodo-RTE {
524
524
  --pk-rte-toolbar-bg: color-mix(in srgb, var(--pk-color-brand) 14%, var(--pk-palette-slate-950));
525
525
  --pk-rte-icon-color: var(--pk-palette-white);
526
526
  --pk-rte-picker-bg: var(--pk-palette-slate-950);
527
527
  --pk-rte-picker-shadow: 0 10px 40px rgba(0, 0, 0, 0.7),
528
528
  0 2px 12px rgba(0, 0, 0, 0.4);
529
529
  }
530
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-stroke, .pk-theme-dark .prokodo-RTE .ql-snow .ql-stroke {
530
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-stroke, .pk-theme-dark .prokodo-RTE .ql-snow .ql-stroke {
531
531
  stroke: var(--pk-palette-white) !important;
532
532
  }
533
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-fill,
534
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-stroke.ql-fill, .pk-theme-dark .prokodo-RTE .ql-snow .ql-fill,
533
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-fill,
534
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-stroke.ql-fill, .pk-theme-dark .prokodo-RTE .ql-snow .ql-fill,
535
535
  .pk-theme-dark .prokodo-RTE .ql-snow .ql-stroke.ql-fill {
536
536
  fill: var(--pk-palette-white) !important;
537
537
  }
538
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-picker, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker {
538
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-picker, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker {
539
539
  color: var(--pk-palette-white) !important;
540
540
  }
541
- [data-theme="dark"] .prokodo-RTE .ql-snow .ql-picker-label::before, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker-label::before {
541
+ [data-theme=dark] .prokodo-RTE .ql-snow .ql-picker-label::before, .pk-theme-dark .prokodo-RTE .ql-snow .ql-picker-label::before {
542
542
  color: var(--pk-palette-white) !important;
543
543
  }
544
- [data-theme="dark"] .prokodo-RTE .ql-toolbar .ql-picker-options, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-options {
544
+ [data-theme=dark] .prokodo-RTE .ql-toolbar .ql-picker-options, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-options {
545
545
  background: var(--pk-palette-slate-950) !important;
546
546
  border-color: color-mix(in srgb, var(--pk-color-brand) 30%, transparent) !important;
547
547
  }
548
- [data-theme="dark"] .prokodo-RTE .ql-toolbar .ql-picker-item, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-item {
548
+ [data-theme=dark] .prokodo-RTE .ql-toolbar .ql-picker-item, .pk-theme-dark .prokodo-RTE .ql-toolbar .ql-picker-item {
549
549
  color: var(--pk-palette-white) !important;
550
550
  }
551
551
  .prokodo-RTE--primary {
@@ -566,7 +566,7 @@
566
566
  .prokodo-RTE--info, .prokodo-RTE--inherit, .prokodo-RTE--white {
567
567
  --pk-rte-accent: var(--pk-color-muted);
568
568
  }
569
- [data-theme="dark"] .prokodo-RTE--info, [data-theme="dark"] .prokodo-RTE--inherit, [data-theme="dark"] .prokodo-RTE--white, .pk-theme-dark .prokodo-RTE--info, .pk-theme-dark .prokodo-RTE--inherit, .pk-theme-dark .prokodo-RTE--white {
569
+ [data-theme=dark] .prokodo-RTE--info, [data-theme=dark] .prokodo-RTE--inherit, [data-theme=dark] .prokodo-RTE--white, .pk-theme-dark .prokodo-RTE--info, .pk-theme-dark .prokodo-RTE--inherit, .pk-theme-dark .prokodo-RTE--white {
570
570
  --pk-rte-accent: var(--pk-palette-grey-200);
571
571
  }
572
572
  .prokodo-RTE--disabled {
package/dist/components/RTE/RTE.module.scss.js CHANGED
@@ -1,12 +1,21 @@
1
1
  const styles = {
2
2
  "prokodo-RTE": "prokodo-RTE",
3
3
  "prokodo-RTE__surface": "prokodo-RTE__surface",
4
+ "ql-toolbar": "ql-toolbar",
5
+ "ql-container": "ql-container",
6
+ "ql-snow": "ql-snow",
7
+ "ql-stroke": "ql-stroke",
8
+ "ql-active": "ql-active",
9
+ "ql-fill": "ql-fill",
10
+ "ql-picker-label": "ql-picker-label",
11
+ "ql-picker": "ql-picker",
12
+ "ql-expanded": "ql-expanded",
13
+ "ql-picker-options": "ql-picker-options",
4
14
  "prokodo-RTE__toolbar": "prokodo-RTE__toolbar",
5
15
  "prokodo-RTE__toolbar__icon__part__stroke": "prokodo-RTE__toolbar__icon__part__stroke",
6
16
  "prokodo-RTE__toolbar__icon__part__stroke__miter": "prokodo-RTE__toolbar__icon__part__stroke__miter",
7
17
  "prokodo-RTE__toolbar__icon__part__fill": "prokodo-RTE__toolbar__icon__part__fill",
8
18
  "prokodo-RTE__toolbar__button": "prokodo-RTE__toolbar__button",
9
- "ql-active": "ql-active",
10
19
  "prokodo-RTE__toolbar__picker__label": "prokodo-RTE__toolbar__picker__label",
11
20
  "prokodo-RTE__toolbar__picker__options": "prokodo-RTE__toolbar__picker__options",
12
21
  "prokodo-RTE__toolbar__picker__item": "prokodo-RTE__toolbar__picker__item",
@@ -15,6 +24,8 @@ const styles = {
15
24
  "prokodo-RTE__mount--disabled": "prokodo-RTE__mount--disabled",
16
25
  "prokodo-RTE__tooltip": "prokodo-RTE__tooltip",
17
26
  "prokodo-RTE__editor": "prokodo-RTE__editor",
27
+ "pk-theme-dark": "pk-theme-dark",
28
+ "ql-picker-item": "ql-picker-item",
18
29
  "prokodo-RTE--primary": "prokodo-RTE--primary",
19
30
  "prokodo-RTE--secondary": "prokodo-RTE--secondary",
20
31
  "prokodo-RTE--success": "prokodo-RTE--success",
package/dist/components/autocomplete/Autocomplete.css CHANGED
@@ -171,7 +171,7 @@
171
171
  --pk-autocomplete-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-autocomplete-bg));
172
172
  --pk-autocomplete-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-autocomplete-bg));
173
173
  }
174
- html[data-theme="dark"] .prokodo-Autocomplete, [data-theme="dark"] .prokodo-Autocomplete, .pk-theme-dark .prokodo-Autocomplete {
174
+ html[data-theme=dark] .prokodo-Autocomplete, [data-theme=dark] .prokodo-Autocomplete, .pk-theme-dark .prokodo-Autocomplete {
175
175
  --pk-autocomplete-state-fg: var(--pk-color-fg);
176
176
  --pk-autocomplete-fg-muted: var(--pk-palette-grey-200);
177
177
  --pk-autocomplete-item-hover-bg: color-mix(in srgb, var(--pk-autocomplete-gradient-from) 15%, var(--pk-autocomplete-bg));
package/dist/components/autocomplete/Autocomplete.module.css CHANGED
@@ -171,7 +171,7 @@
171
171
  --pk-autocomplete-item-hover-bg: color-mix(in srgb, var(--pk-color-muted) 10%, var(--pk-autocomplete-bg));
172
172
  --pk-autocomplete-item-active-bg: color-mix(in srgb, var(--pk-color-muted) 18%, var(--pk-autocomplete-bg));
173
173
  }
174
- html[data-theme="dark"] .prokodo-Autocomplete, [data-theme="dark"] .prokodo-Autocomplete, .pk-theme-dark .prokodo-Autocomplete {
174
+ html[data-theme=dark] .prokodo-Autocomplete, [data-theme=dark] .prokodo-Autocomplete, .pk-theme-dark .prokodo-Autocomplete {
175
175
  --pk-autocomplete-state-fg: var(--pk-color-fg);
176
176
  --pk-autocomplete-fg-muted: var(--pk-palette-grey-200);
177
177
  --pk-autocomplete-item-hover-bg: color-mix(in srgb, var(--pk-autocomplete-gradient-from) 15%, var(--pk-autocomplete-bg));
package/dist/components/autocomplete/Autocomplete.module.scss.js CHANGED
@@ -8,8 +8,11 @@ const styles = {
8
8
  "prokodo-Autocomplete--info": "prokodo-Autocomplete--info",
9
9
  "prokodo-Autocomplete--inherit": "prokodo-Autocomplete--inherit",
10
10
  "prokodo-Autocomplete--white": "prokodo-Autocomplete--white",
11
+ "pk-theme-dark": "pk-theme-dark",
11
12
  "prokodo-Autocomplete__inputWrap": "prokodo-Autocomplete__inputWrap",
12
13
  "prokodo-Autocomplete__input--is-open": "prokodo-Autocomplete__input--is-open",
14
+ "prokodo-Input__field": "prokodo-Input__field",
15
+ "prokodo-Input__notch": "prokodo-Input__notch",
13
16
  "prokodo-Autocomplete__input__inner--is-open": "prokodo-Autocomplete__input__inner--is-open",
14
17
  "prokodo-Autocomplete__input__node": "prokodo-Autocomplete__input__node",
15
18
  "prokodo-Autocomplete__input__node--is-open": "prokodo-Autocomplete__input__node--is-open",
package/dist/components/avatar/Avatar.view.js CHANGED
@@ -4,8 +4,8 @@ import { jsx } from "react/jsx-runtime";
4
4
  import { create } from "../../helpers/bem.js";
5
5
  import { isNumber } from "../../helpers/validations.js";
6
6
  import styles from "./Avatar.module.scss.js";
7
- import { Icon, getIconSize } from "../icon/Icon.js";
8
7
  import { Link } from "../link/Link.js";
8
+ import { Icon, getIconSize } from "../icon/Icon.js";
9
9
  import { Image } from "../image/Image.js";
10
10
  const bem = create(styles, "Avatar");
11
11
  function AvatarView({
package/dist/components/button/Button.client.js CHANGED
@@ -3,7 +3,7 @@ var __defProp = Object.defineProperty;
3
3
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  import { forwardRef } from "react";
6
- import LinkClient from "../link/Link.client.js";
6
+ import BaseLinkClient from "../base-link/BaseLink.client.js";
7
7
  import { ButtonView } from "./Button.view.js";
8
8
  function ButtonClient(props, ref) {
9
9
  const { loading, iconProps = {}, ...rest } = props;
@@ -15,7 +15,7 @@ function ButtonClient(props, ref) {
15
15
  buttonRef: ref,
16
16
  iconProps,
17
17
  isIconOnly: Boolean(isIconOnly),
18
- LinkComponent: LinkClient,
18
+ LinkComponent: BaseLinkClient,
19
19
  loading
20
20
  }
21
21
  );
package/dist/components/button/Button.css CHANGED
@@ -156,7 +156,7 @@
156
156
  border-radius: 1.5rem;
157
157
  border-radius: var(--pk-button-radius);
158
158
  }
159
- .prokodo-Button--has-bg-info, .prokodo-Button--has-bg-error {
159
+ .prokodo-Button--has-bg-primary, .prokodo-Button--has-bg-secondary, .prokodo-Button--has-bg-info, .prokodo-Button--has-bg-success, .prokodo-Button--has-bg-warning, .prokodo-Button--has-bg-error {
160
160
  color: var(--pk-palette-white);
161
161
  }
162
162
  .prokodo-Button--has-bg-primary {
@@ -171,7 +171,6 @@
171
171
  }
172
172
  .prokodo-Button--has-bg-info {
173
173
  background: var(--gradient-background-info);
174
- color: var(--pk-palette-white);
175
174
  }
176
175
  .prokodo-Button--has-bg-success {
177
176
  background: var(--gradient-background-success);
@@ -181,7 +180,6 @@
181
180
  }
182
181
  .prokodo-Button--has-bg-error {
183
182
  background: var(--gradient-background-error);
184
- color: var(--pk-palette-white);
185
183
  }
186
184
  .prokodo-Button--has-bg-primary, .prokodo-Button--has-text-primary, .prokodo-Button--has-variant-outlined--has-outline-primary {
187
185
  box-shadow: 0 4px 20px color-mix(in srgb, var(--pk-color-brand) 18%, transparent);
package/dist/components/button/Button.module.css CHANGED
@@ -156,7 +156,7 @@
156
156
  border-radius: 1.5rem;
157
157
  border-radius: var(--pk-button-radius);
158
158
  }
159
- .prokodo-Button--has-bg-info, .prokodo-Button--has-bg-error {
159
+ .prokodo-Button--has-bg-primary, .prokodo-Button--has-bg-secondary, .prokodo-Button--has-bg-info, .prokodo-Button--has-bg-success, .prokodo-Button--has-bg-warning, .prokodo-Button--has-bg-error {
160
160
  color: var(--pk-palette-white);
161
161
  }
162
162
  .prokodo-Button--has-bg-primary {
@@ -171,7 +171,6 @@
171
171
  }
172
172
  .prokodo-Button--has-bg-info {
173
173
  background: var(--gradient-background-info);
174
- color: var(--pk-palette-white);
175
174
  }
176
175
  .prokodo-Button--has-bg-success {
177
176
  background: var(--gradient-background-success);
@@ -181,7 +180,6 @@
181
180
  }
182
181
  .prokodo-Button--has-bg-error {
183
182
  background: var(--gradient-background-error);
184
- color: var(--pk-palette-white);
185
183
  }
186
184
  .prokodo-Button--has-bg-primary, .prokodo-Button--has-text-primary, .prokodo-Button--has-variant-outlined--has-outline-primary {
187
185
  box-shadow: 0 4px 20px color-mix(in srgb, var(--pk-color-brand) 18%, transparent);
package/dist/components/button/Button.module.scss.js CHANGED
@@ -1,12 +1,12 @@
1
1
  const styles = {
2
2
  "prokodo-Button": "prokodo-Button",
3
- "prokodo-Button--has-bg-info": "prokodo-Button--has-bg-info",
4
- "prokodo-Button--has-bg-error": "prokodo-Button--has-bg-error",
5
3
  "prokodo-Button--has-bg-primary": "prokodo-Button--has-bg-primary",
6
- "prokodo-Button--has-bg-inherit": "prokodo-Button--has-bg-inherit",
7
4
  "prokodo-Button--has-bg-secondary": "prokodo-Button--has-bg-secondary",
5
+ "prokodo-Button--has-bg-info": "prokodo-Button--has-bg-info",
8
6
  "prokodo-Button--has-bg-success": "prokodo-Button--has-bg-success",
9
7
  "prokodo-Button--has-bg-warning": "prokodo-Button--has-bg-warning",
8
+ "prokodo-Button--has-bg-error": "prokodo-Button--has-bg-error",
9
+ "prokodo-Button--has-bg-inherit": "prokodo-Button--has-bg-inherit",
10
10
  "prokodo-Button--has-text-primary": "prokodo-Button--has-text-primary",
11
11
  "prokodo-Button--has-variant-outlined--has-outline-primary": "prokodo-Button--has-variant-outlined--has-outline-primary",
12
12
  "prokodo-Button--has-text-secondary": "prokodo-Button--has-text-secondary",
package/dist/components/button/Button.server.js CHANGED
@@ -1,12 +1,19 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
3
  import { jsx } from "react/jsx-runtime";
4
- import LinkServer from "../link/Link.server.js";
4
+ import BaseLinkServer from "../base-link/BaseLink.server.js";
5
5
  import { ButtonView } from "./Button.view.js";
6
6
  function ButtonServer(p) {
7
7
  var _a;
8
8
  const isIconOnly = ((_a = p.iconProps) == null ? void 0 : _a.name) && !("title" in p && p.title);
9
- return /* @__PURE__ */ jsx(ButtonView, { ...p, isIconOnly: Boolean(isIconOnly), LinkComponent: LinkServer });
9
+ return /* @__PURE__ */ jsx(
10
+ ButtonView,
11
+ {
12
+ ...p,
13
+ isIconOnly: Boolean(isIconOnly),
14
+ LinkComponent: BaseLinkServer
15
+ }
16
+ );
10
17
  }
11
18
  __name(ButtonServer, "ButtonServer");
12
19
  export {
package/dist/components/card/Card.view.js CHANGED
@@ -101,6 +101,7 @@ function CardView({
101
101
  isString(background) && /* @__PURE__ */ jsx(
102
102
  Image,
103
103
  {
104
+ fill: true,
104
105
  alt: "card background",
105
106
  src: background,
106
107
  className: bem(
package/dist/components/checkbox/Checkbox.css CHANGED
@@ -135,7 +135,7 @@
135
135
  width: 100%;
136
136
  position: relative;
137
137
  }
138
- html[data-theme="dark"] .prokodo-Checkbox, [data-theme="dark"] .prokodo-Checkbox, .pk-theme-dark .prokodo-Checkbox {
138
+ html[data-theme=dark] .prokodo-Checkbox, [data-theme=dark] .prokodo-Checkbox, .pk-theme-dark .prokodo-Checkbox {
139
139
  --pk-checkbox-control-border: rgba(255, 255, 255, 0.18);
140
140
  --pk-checkbox-control-bg: rgba(255, 255, 255, 0.04);
141
141
  --pk-checkbox-card-bg: rgba(255, 255, 255, 0.03);
@@ -171,7 +171,7 @@ html[data-theme="dark"] .prokodo-Checkbox, [data-theme="dark"] .prokodo-Checkbox
171
171
  --pk-checkbox-gradient-to: var(--pk-color-border);
172
172
  --pk-checkbox-shadow-color: rgba(0, 0, 0, 0.1);
173
173
  }
174
- html[data-theme="dark"] .prokodo-Checkbox--info, [data-theme="dark"] .prokodo-Checkbox--info, .pk-theme-dark .prokodo-Checkbox--info, html[data-theme="dark"] .prokodo-Checkbox--inherit, [data-theme="dark"] .prokodo-Checkbox--inherit, .pk-theme-dark .prokodo-Checkbox--inherit, html[data-theme="dark"] .prokodo-Checkbox--white, [data-theme="dark"] .prokodo-Checkbox--white, .pk-theme-dark .prokodo-Checkbox--white {
174
+ html[data-theme=dark] .prokodo-Checkbox--info, [data-theme=dark] .prokodo-Checkbox--info, .pk-theme-dark .prokodo-Checkbox--info, html[data-theme=dark] .prokodo-Checkbox--inherit, [data-theme=dark] .prokodo-Checkbox--inherit, .pk-theme-dark .prokodo-Checkbox--inherit, html[data-theme=dark] .prokodo-Checkbox--white, [data-theme=dark] .prokodo-Checkbox--white, .pk-theme-dark .prokodo-Checkbox--white {
175
175
  --pk-checkbox-gradient-from: var(--pk-palette-grey-100);
176
176
  --pk-checkbox-gradient-to: var(--pk-palette-grey-200);
177
177
  }
package/dist/components/checkbox/Checkbox.module.css CHANGED
@@ -135,7 +135,7 @@
135
135
  width: 100%;
136
136
  position: relative;
137
137
  }
138
- html[data-theme="dark"] .prokodo-Checkbox, [data-theme="dark"] .prokodo-Checkbox, .pk-theme-dark .prokodo-Checkbox {
138
+ html[data-theme=dark] .prokodo-Checkbox, [data-theme=dark] .prokodo-Checkbox, .pk-theme-dark .prokodo-Checkbox {
139
139
  --pk-checkbox-control-border: rgba(255, 255, 255, 0.18);
140
140
  --pk-checkbox-control-bg: rgba(255, 255, 255, 0.04);
141
141
  --pk-checkbox-card-bg: rgba(255, 255, 255, 0.03);
@@ -171,7 +171,7 @@ html[data-theme="dark"] .prokodo-Checkbox, [data-theme="dark"] .prokodo-Checkbox
171
171
  --pk-checkbox-gradient-to: var(--pk-color-border);
172
172
  --pk-checkbox-shadow-color: rgba(0, 0, 0, 0.1);
173
173
  }
174
- html[data-theme="dark"] .prokodo-Checkbox--info, [data-theme="dark"] .prokodo-Checkbox--info, .pk-theme-dark .prokodo-Checkbox--info, html[data-theme="dark"] .prokodo-Checkbox--inherit, [data-theme="dark"] .prokodo-Checkbox--inherit, .pk-theme-dark .prokodo-Checkbox--inherit, html[data-theme="dark"] .prokodo-Checkbox--white, [data-theme="dark"] .prokodo-Checkbox--white, .pk-theme-dark .prokodo-Checkbox--white {
174
+ html[data-theme=dark] .prokodo-Checkbox--info, [data-theme=dark] .prokodo-Checkbox--info, .pk-theme-dark .prokodo-Checkbox--info, html[data-theme=dark] .prokodo-Checkbox--inherit, [data-theme=dark] .prokodo-Checkbox--inherit, .pk-theme-dark .prokodo-Checkbox--inherit, html[data-theme=dark] .prokodo-Checkbox--white, [data-theme=dark] .prokodo-Checkbox--white, .pk-theme-dark .prokodo-Checkbox--white {
175
175
  --pk-checkbox-gradient-from: var(--pk-palette-grey-100);
176
176
  --pk-checkbox-gradient-to: var(--pk-palette-grey-200);
177
177
  }
package/dist/components/checkbox/Checkbox.module.scss.js CHANGED
@@ -1,5 +1,6 @@
1
1
  const styles = {
2
2
  "prokodo-Checkbox": "prokodo-Checkbox",
3
+ "pk-theme-dark": "pk-theme-dark",
3
4
  "prokodo-Checkbox--primary": "prokodo-Checkbox--primary",
4
5
  "prokodo-Checkbox--secondary": "prokodo-Checkbox--secondary",
5
6
  "prokodo-Checkbox--success": "prokodo-Checkbox--success",
package/dist/components/checkbox-group/CheckboxGroup.css CHANGED
@@ -133,25 +133,25 @@
133
133
  .prokodo-CheckboxGroup--primary {
134
134
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-brand) 80%, #000000);
135
135
  }
136
- html[data-theme="dark"] .prokodo-CheckboxGroup--primary, [data-theme="dark"] .prokodo-CheckboxGroup--primary, .pk-theme-dark .prokodo-CheckboxGroup--primary {
136
+ html[data-theme=dark] .prokodo-CheckboxGroup--primary, [data-theme=dark] .prokodo-CheckboxGroup--primary, .pk-theme-dark .prokodo-CheckboxGroup--primary {
137
137
  --pk-cg-legend-color: var(--pk-color-brand);
138
138
  }
139
139
  .prokodo-CheckboxGroup--secondary {
140
140
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-accent) 80%, #000000);
141
141
  }
142
- html[data-theme="dark"] .prokodo-CheckboxGroup--secondary, [data-theme="dark"] .prokodo-CheckboxGroup--secondary, .pk-theme-dark .prokodo-CheckboxGroup--secondary {
142
+ html[data-theme=dark] .prokodo-CheckboxGroup--secondary, [data-theme=dark] .prokodo-CheckboxGroup--secondary, .pk-theme-dark .prokodo-CheckboxGroup--secondary {
143
143
  --pk-cg-legend-color: var(--pk-color-accent);
144
144
  }
145
145
  .prokodo-CheckboxGroup--success {
146
146
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-success) 80%, #000000);
147
147
  }
148
- html[data-theme="dark"] .prokodo-CheckboxGroup--success, [data-theme="dark"] .prokodo-CheckboxGroup--success, .pk-theme-dark .prokodo-CheckboxGroup--success {
148
+ html[data-theme=dark] .prokodo-CheckboxGroup--success, [data-theme=dark] .prokodo-CheckboxGroup--success, .pk-theme-dark .prokodo-CheckboxGroup--success {
149
149
  --pk-cg-legend-color: var(--pk-color-success);
150
150
  }
151
151
  .prokodo-CheckboxGroup--warning {
152
152
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-warning) 80%, #000000);
153
153
  }
154
- html[data-theme="dark"] .prokodo-CheckboxGroup--warning, [data-theme="dark"] .prokodo-CheckboxGroup--warning, .pk-theme-dark .prokodo-CheckboxGroup--warning {
154
+ html[data-theme=dark] .prokodo-CheckboxGroup--warning, [data-theme=dark] .prokodo-CheckboxGroup--warning, .pk-theme-dark .prokodo-CheckboxGroup--warning {
155
155
  --pk-cg-legend-color: var(--pk-color-warning);
156
156
  }
157
157
  .prokodo-CheckboxGroup--error {
@@ -160,7 +160,7 @@ html[data-theme="dark"] .prokodo-CheckboxGroup--warning, [data-theme="dark"] .pr
160
160
  .prokodo-CheckboxGroup--info, .prokodo-CheckboxGroup--inherit, .prokodo-CheckboxGroup--white {
161
161
  --pk-cg-legend-color: var(--pk-color-muted);
162
162
  }
163
- html[data-theme="dark"] .prokodo-CheckboxGroup--info, [data-theme="dark"] .prokodo-CheckboxGroup--info, .pk-theme-dark .prokodo-CheckboxGroup--info, html[data-theme="dark"] .prokodo-CheckboxGroup--inherit, [data-theme="dark"] .prokodo-CheckboxGroup--inherit, .pk-theme-dark .prokodo-CheckboxGroup--inherit, html[data-theme="dark"] .prokodo-CheckboxGroup--white, [data-theme="dark"] .prokodo-CheckboxGroup--white, .pk-theme-dark .prokodo-CheckboxGroup--white {
163
+ html[data-theme=dark] .prokodo-CheckboxGroup--info, [data-theme=dark] .prokodo-CheckboxGroup--info, .pk-theme-dark .prokodo-CheckboxGroup--info, html[data-theme=dark] .prokodo-CheckboxGroup--inherit, [data-theme=dark] .prokodo-CheckboxGroup--inherit, .pk-theme-dark .prokodo-CheckboxGroup--inherit, html[data-theme=dark] .prokodo-CheckboxGroup--white, [data-theme=dark] .prokodo-CheckboxGroup--white, .pk-theme-dark .prokodo-CheckboxGroup--white {
164
164
  --pk-cg-legend-color: var(--pk-palette-grey-200);
165
165
  }
166
166
  .prokodo-CheckboxGroup__legend {
package/dist/components/checkbox-group/CheckboxGroup.module.css CHANGED
@@ -133,25 +133,25 @@
133
133
  .prokodo-CheckboxGroup--primary {
134
134
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-brand) 80%, #000000);
135
135
  }
136
- html[data-theme="dark"] .prokodo-CheckboxGroup--primary, [data-theme="dark"] .prokodo-CheckboxGroup--primary, .pk-theme-dark .prokodo-CheckboxGroup--primary {
136
+ html[data-theme=dark] .prokodo-CheckboxGroup--primary, [data-theme=dark] .prokodo-CheckboxGroup--primary, .pk-theme-dark .prokodo-CheckboxGroup--primary {
137
137
  --pk-cg-legend-color: var(--pk-color-brand);
138
138
  }
139
139
  .prokodo-CheckboxGroup--secondary {
140
140
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-accent) 80%, #000000);
141
141
  }
142
- html[data-theme="dark"] .prokodo-CheckboxGroup--secondary, [data-theme="dark"] .prokodo-CheckboxGroup--secondary, .pk-theme-dark .prokodo-CheckboxGroup--secondary {
142
+ html[data-theme=dark] .prokodo-CheckboxGroup--secondary, [data-theme=dark] .prokodo-CheckboxGroup--secondary, .pk-theme-dark .prokodo-CheckboxGroup--secondary {
143
143
  --pk-cg-legend-color: var(--pk-color-accent);
144
144
  }
145
145
  .prokodo-CheckboxGroup--success {
146
146
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-success) 80%, #000000);
147
147
  }
148
- html[data-theme="dark"] .prokodo-CheckboxGroup--success, [data-theme="dark"] .prokodo-CheckboxGroup--success, .pk-theme-dark .prokodo-CheckboxGroup--success {
148
+ html[data-theme=dark] .prokodo-CheckboxGroup--success, [data-theme=dark] .prokodo-CheckboxGroup--success, .pk-theme-dark .prokodo-CheckboxGroup--success {
149
149
  --pk-cg-legend-color: var(--pk-color-success);
150
150
  }
151
151
  .prokodo-CheckboxGroup--warning {
152
152
  --pk-cg-legend-color: color-mix(in srgb, var(--pk-color-warning) 80%, #000000);
153
153
  }
154
- html[data-theme="dark"] .prokodo-CheckboxGroup--warning, [data-theme="dark"] .prokodo-CheckboxGroup--warning, .pk-theme-dark .prokodo-CheckboxGroup--warning {
154
+ html[data-theme=dark] .prokodo-CheckboxGroup--warning, [data-theme=dark] .prokodo-CheckboxGroup--warning, .pk-theme-dark .prokodo-CheckboxGroup--warning {
155
155
  --pk-cg-legend-color: var(--pk-color-warning);
156
156
  }
157
157
  .prokodo-CheckboxGroup--error {
@@ -160,7 +160,7 @@ html[data-theme="dark"] .prokodo-CheckboxGroup--warning, [data-theme="dark"] .pr
160
160
  .prokodo-CheckboxGroup--info, .prokodo-CheckboxGroup--inherit, .prokodo-CheckboxGroup--white {
161
161
  --pk-cg-legend-color: var(--pk-color-muted);
162
162
  }
163
- html[data-theme="dark"] .prokodo-CheckboxGroup--info, [data-theme="dark"] .prokodo-CheckboxGroup--info, .pk-theme-dark .prokodo-CheckboxGroup--info, html[data-theme="dark"] .prokodo-CheckboxGroup--inherit, [data-theme="dark"] .prokodo-CheckboxGroup--inherit, .pk-theme-dark .prokodo-CheckboxGroup--inherit, html[data-theme="dark"] .prokodo-CheckboxGroup--white, [data-theme="dark"] .prokodo-CheckboxGroup--white, .pk-theme-dark .prokodo-CheckboxGroup--white {
163
+ html[data-theme=dark] .prokodo-CheckboxGroup--info, [data-theme=dark] .prokodo-CheckboxGroup--info, .pk-theme-dark .prokodo-CheckboxGroup--info, html[data-theme=dark] .prokodo-CheckboxGroup--inherit, [data-theme=dark] .prokodo-CheckboxGroup--inherit, .pk-theme-dark .prokodo-CheckboxGroup--inherit, html[data-theme=dark] .prokodo-CheckboxGroup--white, [data-theme=dark] .prokodo-CheckboxGroup--white, .pk-theme-dark .prokodo-CheckboxGroup--white {
164
164
  --pk-cg-legend-color: var(--pk-palette-grey-200);
165
165
  }
166
166
  .prokodo-CheckboxGroup__legend {
package/dist/components/checkbox-group/CheckboxGroup.module.scss.js CHANGED
@@ -1,6 +1,7 @@
1
1
  const styles = {
2
2
  "prokodo-CheckboxGroup": "prokodo-CheckboxGroup",
3
3
  "prokodo-CheckboxGroup--primary": "prokodo-CheckboxGroup--primary",
4
+ "pk-theme-dark": "pk-theme-dark",
4
5
  "prokodo-CheckboxGroup--secondary": "prokodo-CheckboxGroup--secondary",
5
6
  "prokodo-CheckboxGroup--success": "prokodo-CheckboxGroup--success",
6
7
  "prokodo-CheckboxGroup--warning": "prokodo-CheckboxGroup--warning",
package/dist/components/chip/Chip.css CHANGED
@@ -221,7 +221,7 @@
221
221
  .prokodo-Chip--filled--inherit {
222
222
  background: var(--gradient-background-inherit);
223
223
  }
224
- html[data-theme="dark"] .prokodo-Chip--filled--inherit, [data-theme="dark"] .prokodo-Chip--filled--inherit {
224
+ html[data-theme=dark] .prokodo-Chip--filled--inherit, [data-theme=dark] .prokodo-Chip--filled--inherit {
225
225
  background: var(--pk-color-surface-raised);
226
226
  }
227
227
  .prokodo-Chip--outlined {
@@ -262,7 +262,7 @@ html[data-theme="dark"] .prokodo-Chip--filled--inherit, [data-theme="dark"] .pro
262
262
  .prokodo-Chip--outlined--white::before, .prokodo-Chip--outlined--inherit::before {
263
263
  background: linear-gradient(90deg, var(--pk-palette-grey-100) 0%, var(--pk-palette-grey-200) 100%);
264
264
  }
265
- html[data-theme="dark"] .prokodo-Chip--outlined--white::before, [data-theme="dark"] .prokodo-Chip--outlined--white::before, html[data-theme="dark"] .prokodo-Chip--outlined--inherit::before, [data-theme="dark"] .prokodo-Chip--outlined--inherit::before {
265
+ html[data-theme=dark] .prokodo-Chip--outlined--white::before, [data-theme=dark] .prokodo-Chip--outlined--white::before, html[data-theme=dark] .prokodo-Chip--outlined--inherit::before, [data-theme=dark] .prokodo-Chip--outlined--inherit::before {
266
266
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.5) 100%);
267
267
  }
268
268
  .prokodo-Chip__delete {
@@ -364,7 +364,7 @@ html[data-theme="dark"] .prokodo-Chip--outlined--white::before, [data-theme="dar
364
364
  background-clip: text;
365
365
  -webkit-text-fill-color: transparent;
366
366
  }
367
- html[data-theme="dark"] .prokodo-Chip--filled--white .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--filled--white .prokodo-Chip__label, html[data-theme="dark"] .prokodo-Chip--outlined--white .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--outlined--white .prokodo-Chip__label {
367
+ html[data-theme=dark] .prokodo-Chip--filled--white .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--filled--white .prokodo-Chip__label, html[data-theme=dark] .prokodo-Chip--outlined--white .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--outlined--white .prokodo-Chip__label {
368
368
  background-image: linear-gradient(90deg, var(--pk-palette-grey-400) 0%, var(--pk-palette-grey-600) 100%);
369
369
  }
370
370
  .prokodo-Chip--filled--inherit .prokodo-Chip__label {
@@ -379,7 +379,7 @@ html[data-theme="dark"] .prokodo-Chip--filled--white .prokodo-Chip__label, [data
379
379
  background-clip: text;
380
380
  -webkit-text-fill-color: transparent;
381
381
  }
382
- html[data-theme="dark"] .prokodo-Chip--filled--inherit .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--filled--inherit .prokodo-Chip__label, html[data-theme="dark"] .prokodo-Chip--outlined--inherit .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--outlined--inherit .prokodo-Chip__label {
382
+ html[data-theme=dark] .prokodo-Chip--filled--inherit .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--filled--inherit .prokodo-Chip__label, html[data-theme=dark] .prokodo-Chip--outlined--inherit .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--outlined--inherit .prokodo-Chip__label {
383
383
  background-image: linear-gradient(90deg, var(--pk-palette-white) 0%, var(--pk-palette-grey-100) 100%);
384
384
  }
385
385
  .prokodo-Chip__label {
package/dist/components/chip/Chip.module.css CHANGED
@@ -221,7 +221,7 @@
221
221
  .prokodo-Chip--filled--inherit {
222
222
  background: var(--gradient-background-inherit);
223
223
  }
224
- html[data-theme="dark"] .prokodo-Chip--filled--inherit, [data-theme="dark"] .prokodo-Chip--filled--inherit {
224
+ html[data-theme=dark] .prokodo-Chip--filled--inherit, [data-theme=dark] .prokodo-Chip--filled--inherit {
225
225
  background: var(--pk-color-surface-raised);
226
226
  }
227
227
  .prokodo-Chip--outlined {
@@ -262,7 +262,7 @@ html[data-theme="dark"] .prokodo-Chip--filled--inherit, [data-theme="dark"] .pro
262
262
  .prokodo-Chip--outlined--white::before, .prokodo-Chip--outlined--inherit::before {
263
263
  background: linear-gradient(90deg, var(--pk-palette-grey-100) 0%, var(--pk-palette-grey-200) 100%);
264
264
  }
265
- html[data-theme="dark"] .prokodo-Chip--outlined--white::before, [data-theme="dark"] .prokodo-Chip--outlined--white::before, html[data-theme="dark"] .prokodo-Chip--outlined--inherit::before, [data-theme="dark"] .prokodo-Chip--outlined--inherit::before {
265
+ html[data-theme=dark] .prokodo-Chip--outlined--white::before, [data-theme=dark] .prokodo-Chip--outlined--white::before, html[data-theme=dark] .prokodo-Chip--outlined--inherit::before, [data-theme=dark] .prokodo-Chip--outlined--inherit::before {
266
266
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.5) 100%);
267
267
  }
268
268
  .prokodo-Chip__delete {
@@ -364,7 +364,7 @@ html[data-theme="dark"] .prokodo-Chip--outlined--white::before, [data-theme="dar
364
364
  background-clip: text;
365
365
  -webkit-text-fill-color: transparent;
366
366
  }
367
- html[data-theme="dark"] .prokodo-Chip--filled--white .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--filled--white .prokodo-Chip__label, html[data-theme="dark"] .prokodo-Chip--outlined--white .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--outlined--white .prokodo-Chip__label {
367
+ html[data-theme=dark] .prokodo-Chip--filled--white .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--filled--white .prokodo-Chip__label, html[data-theme=dark] .prokodo-Chip--outlined--white .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--outlined--white .prokodo-Chip__label {
368
368
  background-image: linear-gradient(90deg, var(--pk-palette-grey-400) 0%, var(--pk-palette-grey-600) 100%);
369
369
  }
370
370
  .prokodo-Chip--filled--inherit .prokodo-Chip__label {
@@ -379,7 +379,7 @@ html[data-theme="dark"] .prokodo-Chip--filled--white .prokodo-Chip__label, [data
379
379
  background-clip: text;
380
380
  -webkit-text-fill-color: transparent;
381
381
  }
382
- html[data-theme="dark"] .prokodo-Chip--filled--inherit .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--filled--inherit .prokodo-Chip__label, html[data-theme="dark"] .prokodo-Chip--outlined--inherit .prokodo-Chip__label, [data-theme="dark"] .prokodo-Chip--outlined--inherit .prokodo-Chip__label {
382
+ html[data-theme=dark] .prokodo-Chip--filled--inherit .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--filled--inherit .prokodo-Chip__label, html[data-theme=dark] .prokodo-Chip--outlined--inherit .prokodo-Chip__label, [data-theme=dark] .prokodo-Chip--outlined--inherit .prokodo-Chip__label {
383
383
  background-image: linear-gradient(90deg, var(--pk-palette-white) 0%, var(--pk-palette-grey-100) 100%);
384
384
  }
385
385
  .prokodo-Chip__label {
package/dist/components/datePicker/DatePicker.css CHANGED
@@ -199,7 +199,7 @@
199
199
  --pk-dp-trigger-label-float-fg: var(--pk-color-muted);
200
200
  --pk-dp-day-today-ring: var(--pk-color-muted);
201
201
  }
202
- html[data-theme="dark"] .prokodo-DatePicker--info, [data-theme="dark"] .prokodo-DatePicker--info, html[data-theme="dark"] .prokodo-DatePicker--inherit, [data-theme="dark"] .prokodo-DatePicker--inherit, html[data-theme="dark"] .prokodo-DatePicker--white, [data-theme="dark"] .prokodo-DatePicker--white {
202
+ html[data-theme=dark] .prokodo-DatePicker--info, [data-theme=dark] .prokodo-DatePicker--info, html[data-theme=dark] .prokodo-DatePicker--inherit, [data-theme=dark] .prokodo-DatePicker--inherit, html[data-theme=dark] .prokodo-DatePicker--white, [data-theme=dark] .prokodo-DatePicker--white {
203
203
  --pk-dp-gradient-from: var(--pk-palette-grey-100);
204
204
  --pk-dp-gradient-to: var(--pk-palette-grey-200);
205
205
  }
@@ -291,7 +291,7 @@ html[data-theme="dark"] .prokodo-DatePicker--info, [data-theme="dark"] .prokodo-
291
291
  padding: var(--pk-dp-dialog-padding);
292
292
  animation: dpDialogIn 180ms ease both;
293
293
  }
294
- html[data-theme="dark"] .prokodo-DatePicker__dialog, [data-theme="dark"] .prokodo-DatePicker__dialog, .pk-theme-dark .prokodo-DatePicker__dialog {
294
+ html[data-theme=dark] .prokodo-DatePicker__dialog, [data-theme=dark] .prokodo-DatePicker__dialog, .pk-theme-dark .prokodo-DatePicker__dialog {
295
295
  --pk-dp-header-fg: var(--pk-palette-grey-50);
296
296
  --pk-dp-nav-fg: var(--pk-palette-grey-300);
297
297
  --pk-dp-nav-hover-bg: rgba(255, 255, 255, 0.10);
package/dist/components/datePicker/DatePicker.module.css CHANGED
@@ -199,7 +199,7 @@
199
199
  --pk-dp-trigger-label-float-fg: var(--pk-color-muted);
200
200
  --pk-dp-day-today-ring: var(--pk-color-muted);
201
201
  }
202
- html[data-theme="dark"] .prokodo-DatePicker--info, [data-theme="dark"] .prokodo-DatePicker--info, html[data-theme="dark"] .prokodo-DatePicker--inherit, [data-theme="dark"] .prokodo-DatePicker--inherit, html[data-theme="dark"] .prokodo-DatePicker--white, [data-theme="dark"] .prokodo-DatePicker--white {
202
+ html[data-theme=dark] .prokodo-DatePicker--info, [data-theme=dark] .prokodo-DatePicker--info, html[data-theme=dark] .prokodo-DatePicker--inherit, [data-theme=dark] .prokodo-DatePicker--inherit, html[data-theme=dark] .prokodo-DatePicker--white, [data-theme=dark] .prokodo-DatePicker--white {
203
203
  --pk-dp-gradient-from: var(--pk-palette-grey-100);
204
204
  --pk-dp-gradient-to: var(--pk-palette-grey-200);
205
205
  }
@@ -291,7 +291,7 @@ html[data-theme="dark"] .prokodo-DatePicker--info, [data-theme="dark"] .prokodo-
291
291
  padding: var(--pk-dp-dialog-padding);
292
292
  animation: dpDialogIn 180ms ease both;
293
293
  }
294
- html[data-theme="dark"] .prokodo-DatePicker__dialog, [data-theme="dark"] .prokodo-DatePicker__dialog, .pk-theme-dark .prokodo-DatePicker__dialog {
294
+ html[data-theme=dark] .prokodo-DatePicker__dialog, [data-theme=dark] .prokodo-DatePicker__dialog, .pk-theme-dark .prokodo-DatePicker__dialog {
295
295
  --pk-dp-header-fg: var(--pk-palette-grey-50);
296
296
  --pk-dp-nav-fg: var(--pk-palette-grey-300);
297
297
  --pk-dp-nav-hover-bg: rgba(255, 255, 255, 0.10);
package/dist/components/datePicker/DatePicker.module.scss.js CHANGED
@@ -21,6 +21,7 @@ const styles = {
21
21
  "prokodo-DatePicker__trigger__icon": "prokodo-DatePicker__trigger__icon",
22
22
  "prokodo-DatePicker__dialog": "prokodo-DatePicker__dialog",
23
23
  dpDialogIn,
24
+ "pk-theme-dark": "pk-theme-dark",
24
25
  dpSlideUp,
25
26
  "prokodo-DatePicker__dialog__backdrop": "prokodo-DatePicker__dialog__backdrop",
26
27
  "prokodo-DatePicker__dialog__close": "prokodo-DatePicker__dialog__close",
package/dist/components/dialog/Dialog.view.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
- import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { create } from "../../helpers/bem.js";
5
5
  import { isNumber } from "../../helpers/validations.js";
6
6
  import styles from "./Dialog.module.scss.js";
package/dist/components/drawer/Drawer.js CHANGED
@@ -11,6 +11,5 @@ const Drawer = createIsland({
11
11
  )
12
12
  });
13
13
  export {
14
- Drawer,
15
- Drawer as default
14
+ Drawer
16
15
  };
package/dist/components/dynamic-list/DynamicList.css CHANGED
@@ -196,7 +196,7 @@
196
196
  line-height: 1.4;
197
197
  }
198
198
  }
199
- [data-theme="dark"] .prokodo-DynamicList__helperText, .pk-theme-dark .prokodo-DynamicList__helperText {
199
+ [data-theme=dark] .prokodo-DynamicList__helperText, .pk-theme-dark .prokodo-DynamicList__helperText {
200
200
  color: var(--pk-palette-grey-400);
201
201
  }
202
202
  .prokodo-DynamicList__helperText__content {
package/dist/components/dynamic-list/DynamicList.module.css CHANGED
@@ -196,7 +196,7 @@
196
196
  line-height: 1.4;
197
197
  }
198
198
  }
199
- [data-theme="dark"] .prokodo-DynamicList__helperText, .pk-theme-dark .prokodo-DynamicList__helperText {
199
+ [data-theme=dark] .prokodo-DynamicList__helperText, .pk-theme-dark .prokodo-DynamicList__helperText {
200
200
  color: var(--pk-palette-grey-400);
201
201
  }
202
202
  .prokodo-DynamicList__helperText__content {
package/dist/components/dynamic-list/DynamicList.module.scss.js CHANGED
@@ -8,6 +8,7 @@ const styles = {
8
8
  "prokodo-DynamicList__field--is-multi": "prokodo-DynamicList__field--is-multi",
9
9
  "prokodo-DynamicList__delete__button--is-multi": "prokodo-DynamicList__delete__button--is-multi",
10
10
  "prokodo-DynamicList__helperText": "prokodo-DynamicList__helperText",
11
+ "pk-theme-dark": "pk-theme-dark",
11
12
  "prokodo-DynamicList__helperText__content": "prokodo-DynamicList__helperText__content",
12
13
  "prokodo-DynamicList__helperText__content--is-error": "prokodo-DynamicList__helperText__content--is-error"
13
14
  };