@prokodo/ui 1.0.3 → 1.0.5

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 (95) 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/animatedText/AnimatedText.server.js +2 -2
  5. package/dist/components/autocomplete/Autocomplete.css +1 -1
  6. package/dist/components/autocomplete/Autocomplete.module.css +1 -1
  7. package/dist/components/autocomplete/Autocomplete.module.scss.js +3 -0
  8. package/dist/components/avatar/Avatar.view.js +1 -1
  9. package/dist/components/button/Button.client.js +2 -2
  10. package/dist/components/button/Button.css +1 -3
  11. package/dist/components/button/Button.module.css +1 -3
  12. package/dist/components/button/Button.module.scss.js +3 -3
  13. package/dist/components/button/Button.server.js +9 -2
  14. package/dist/components/card/Card.client.js +0 -2
  15. package/dist/components/card/Card.view.js +1 -0
  16. package/dist/components/carousel/Carousel.client.js +14 -9
  17. package/dist/components/checkbox/Checkbox.css +2 -2
  18. package/dist/components/checkbox/Checkbox.module.css +2 -2
  19. package/dist/components/checkbox/Checkbox.module.scss.js +1 -0
  20. package/dist/components/checkbox-group/CheckboxGroup.css +5 -5
  21. package/dist/components/checkbox-group/CheckboxGroup.module.css +5 -5
  22. package/dist/components/checkbox-group/CheckboxGroup.module.scss.js +1 -0
  23. package/dist/components/chip/Chip.css +4 -4
  24. package/dist/components/chip/Chip.module.css +4 -4
  25. package/dist/components/datePicker/DatePicker.client.js +36 -3
  26. package/dist/components/datePicker/DatePicker.css +4 -4
  27. package/dist/components/datePicker/DatePicker.module.css +4 -4
  28. package/dist/components/datePicker/DatePicker.module.scss.js +1 -0
  29. package/dist/components/datePicker/DatePicker.view.js +3 -1
  30. package/dist/components/datePicker/DatePickerDialog.view.js +3 -1
  31. package/dist/components/dialog/Dialog.client.js +8 -0
  32. package/dist/components/dialog/Dialog.css +3 -5
  33. package/dist/components/dialog/Dialog.module.css +3 -5
  34. package/dist/components/dialog/Dialog.module.scss.js +1 -1
  35. package/dist/components/dialog/Dialog.view.js +1 -1
  36. package/dist/components/drawer/Drawer.js +1 -2
  37. package/dist/components/dynamic-list/DynamicList.css +1 -1
  38. package/dist/components/dynamic-list/DynamicList.module.css +1 -1
  39. package/dist/components/dynamic-list/DynamicList.module.scss.js +1 -0
  40. package/dist/components/form/FormField.client.js +7 -5
  41. package/dist/components/image/Image.client.js +8 -4
  42. package/dist/components/image/Image.server.js +6 -3
  43. package/dist/components/input/Input.css +3 -3
  44. package/dist/components/input/Input.module.css +3 -3
  45. package/dist/components/input/Input.module.scss.js +1 -0
  46. package/dist/components/input/Input.view.js +3 -3
  47. package/dist/components/label/Label.css +1 -1
  48. package/dist/components/label/Label.module.css +1 -1
  49. package/dist/components/label/Label.module.scss.js +1 -0
  50. package/dist/components/list/List.css +0 -3
  51. package/dist/components/list/List.module.css +0 -3
  52. package/dist/components/loading/Loading.js +1 -2
  53. package/dist/components/post-teaser/PostTeaser.view.js +1 -0
  54. package/dist/components/post-widget/PostWidget.view.js +1 -1
  55. package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +1 -0
  56. package/dist/components/rating/Rating.css +1 -1
  57. package/dist/components/rating/Rating.module.css +1 -1
  58. package/dist/components/rating/Rating.module.scss.js +1 -0
  59. package/dist/components/rich-text/RichText.client.js +1 -1
  60. package/dist/components/select/Select.client.js +13 -3
  61. package/dist/components/select/Select.css +14 -31
  62. package/dist/components/select/Select.module.css +14 -31
  63. package/dist/components/select/Select.module.scss.js +1 -0
  64. package/dist/components/snackbar/Snackbar.css +36 -0
  65. package/dist/components/snackbar/Snackbar.module.css +36 -0
  66. package/dist/components/snackbar/Snackbar.module.scss.js +6 -0
  67. package/dist/components/stepper/Stepper.css +11 -31
  68. package/dist/components/stepper/Stepper.module.css +11 -31
  69. package/dist/components/switch/Switch.css +6 -6
  70. package/dist/components/switch/Switch.module.css +6 -6
  71. package/dist/components/switch/Switch.module.scss.js +1 -0
  72. package/dist/components/table/Table.css +9 -0
  73. package/dist/components/table/Table.js +2 -1
  74. package/dist/components/table/Table.module.css +9 -0
  75. package/dist/components/table/Table.module.scss.js +2 -0
  76. package/dist/components/tabs/Tabs.module.scss.js +1 -0
  77. package/dist/components/tooltip/Tooltip.client.js +6 -2
  78. package/dist/constants/project.js +1 -1
  79. package/dist/index.js +1 -1
  80. package/dist/node_modules/.pnpm/cssfilter@0.0.10/node_modules/cssfilter/lib/index.js +4 -4
  81. package/dist/node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/rules_core/smartquotes.js +1 -1
  82. package/dist/node_modules/.pnpm/markdown-it@14.1.0/node_modules/markdown-it/lib/rules_inline/entity.js +1 -1
  83. package/dist/node_modules/.pnpm/quill@2.0.3/node_modules/quill/dist/quill.js +4 -4
  84. package/dist/node_modules/.pnpm/xss@1.0.15/node_modules/xss/lib/index.js +6 -6
  85. package/dist/theme.css +3708 -2237
  86. package/dist/tsconfig.build.tsbuildinfo +1 -1
  87. package/dist/types/components/RTE/RTE.d.ts +1 -1
  88. package/dist/types/components/RTE/RTE.lazy.d.ts +1 -1
  89. package/dist/types/components/datePicker/DatePicker.model.d.ts +2 -1
  90. package/dist/types/components/datePicker/DatePicker.view.d.ts +3 -2
  91. package/dist/types/components/datePicker/DatePickerDialog.view.d.ts +1 -1
  92. package/dist/types/components/form/Form.model.d.ts +5 -0
  93. package/dist/types/components/input/Input.view.d.ts +1 -1
  94. package/dist/types/components/select/Select.model.d.ts +2 -0
  95. package/package.json +22 -5
@@ -287,12 +287,12 @@ export declare const RTE: import("react").ComponentType<{
287
287
  wrap?: string | undefined | undefined;
288
288
  multiple?: boolean | undefined | undefined;
289
289
  list?: string | undefined | undefined;
290
- step?: number | string | undefined | undefined;
291
290
  src?: string | undefined | undefined;
292
291
  width?: number | string | undefined | undefined;
293
292
  height?: number | string | undefined | undefined;
294
293
  alt?: string | undefined | undefined;
295
294
  placeholder?: string | undefined | undefined;
295
+ step?: number | string | undefined | undefined;
296
296
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
297
297
  formEncType?: string | undefined | undefined;
298
298
  formMethod?: string | undefined | undefined;
@@ -287,12 +287,12 @@ declare const _default: import("react").ComponentType<{
287
287
  wrap?: string | undefined | undefined;
288
288
  multiple?: boolean | undefined | undefined;
289
289
  list?: string | undefined | undefined;
290
- step?: number | string | undefined | undefined;
291
290
  src?: string | undefined | undefined;
292
291
  width?: number | string | undefined | undefined;
293
292
  height?: number | string | undefined | undefined;
294
293
  alt?: string | undefined | undefined;
295
294
  placeholder?: string | undefined | undefined;
295
+ step?: number | string | undefined | undefined;
296
296
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
297
297
  formEncType?: string | undefined | undefined;
298
298
  formMethod?: string | undefined | undefined;
@@ -2,7 +2,7 @@ import type { InputProps } from "../input";
2
2
  import type { IconName } from "@/components/icon";
3
3
  import type { Variants } from "@/types/variants";
4
4
  import type { Dayjs } from "dayjs";
5
- import type { TouchEventHandler } from "react";
5
+ import type { CSSProperties, TouchEventHandler } from "react";
6
6
  export type DatePickerViewMode = "days" | "months" | "years";
7
7
  export interface CalendarDay {
8
8
  date: Dayjs;
@@ -53,6 +53,7 @@ export interface DatePickerDialogProps extends Omit<DatePickerDialogBehavior, "i
53
53
  onClose?: () => void;
54
54
  onDialogTouchStart?: TouchEventHandler<HTMLDivElement>;
55
55
  onDialogTouchEnd?: TouchEventHandler<HTMLDivElement>;
56
+ style?: CSSProperties;
56
57
  }
57
58
  export type DatePickerValue = Dayjs | string | null;
58
59
  export type DatePickerErrorTranslations = {
@@ -1,8 +1,9 @@
1
1
  import type { DatePickerDialogBehavior, DatePickerProps } from "./DatePicker.model";
2
- import type { JSX, TouchEventHandler } from "react";
2
+ import type { JSX, CSSProperties, TouchEventHandler } from "react";
3
3
  export type { DatePickerDialogBehavior } from "./DatePicker.model";
4
- export declare function DatePickerView({ name, label, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, color, required, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, isOpen, dialogPortalTarget, viewingMonth, selectedDate, onToggle, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, }: Omit<DatePickerProps, "onChange" | "value"> & DatePickerDialogBehavior & {
4
+ export declare function DatePickerView({ name, label, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, color, required, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, isOpen, dialogPortalTarget, viewingMonth, selectedDate, onToggle, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, dialogStyle, }: Omit<DatePickerProps, "onChange" | "value"> & DatePickerDialogBehavior & {
5
5
  dialogPortalTarget?: Element | null;
6
+ dialogStyle?: CSSProperties;
6
7
  onDialogTouchStart?: TouchEventHandler<HTMLDivElement>;
7
8
  onDialogTouchEnd?: TouchEventHandler<HTMLDivElement>;
8
9
  }): JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import type { DatePickerDialogProps } from "./DatePicker.model";
2
2
  import type { JSX } from "react";
3
3
  export type { DatePickerDialogProps } from "./DatePicker.model";
4
- export declare function DatePickerDialog({ name, label, withTime, minuteStep, selectedDate, viewingMonth, minDate, maxDate, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat: _monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onClose, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, }: DatePickerDialogProps): JSX.Element;
4
+ export declare function DatePickerDialog({ name, label, withTime, minuteStep, selectedDate, viewingMonth, minDate, maxDate, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat: _monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onClose, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, style, }: DatePickerDialogProps): JSX.Element;
@@ -75,8 +75,13 @@ export type FormFieldMessagesErrors = {
75
75
  input?: FormFieldMessagesErrorsInput;
76
76
  date?: FormFieldMessagesErrorsDate;
77
77
  };
78
+ export type FormFieldMessagesSelect = {
79
+ doneLabel?: string;
80
+ closeAriaLabel?: string;
81
+ };
78
82
  export type FormFieldMessages = {
79
83
  errors?: FormFieldMessagesErrors;
84
+ select?: FormFieldMessagesSelect;
80
85
  };
81
86
  export type FormAllowedChildren = ReactElement<typeof Autocomplete> | ReactElement<typeof Checkbox> | ReactElement<typeof CheckboxGroup> | ReactElement<typeof DatePicker> | ReactElement<typeof Input> | ReactElement<typeof InputOTP> | ReactElement<typeof Select> | ReactElement<typeof Slider> | ReactElement<typeof Switch> | ReactElement<typeof DynamicList> | ReactElement<typeof Rating>;
82
87
  export type ParentComponentProps = {
@@ -1,3 +1,3 @@
1
1
  import type { InputProps } from "./Input.model";
2
2
  import type { JSX } from "react";
3
- export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, hideLegend: _hideLegend, minRows, maxRows, type, renderNode, color, trailingIcon, trailingIconLabel, onTrailingIconClick, trailingIconButtonProps, ...rest }: InputProps): JSX.Element;
3
+ export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, hideLegend, minRows, maxRows, type, renderNode, color, trailingIcon, trailingIconLabel, onTrailingIconClick, trailingIconButtonProps, ...rest }: InputProps): JSX.Element;
@@ -34,6 +34,8 @@ export interface SelectProps<Value extends string = string> {
34
34
  fieldClassName?: string;
35
35
  selectClassName?: string;
36
36
  labelProps?: LabelProps;
37
+ doneLabel?: string;
38
+ closeAriaLabel?: string;
37
39
  ref?: Ref<HTMLSelectElement>;
38
40
  }
39
41
  type SelectClientState<V extends string = string> = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prokodo/ui",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "type": "module",
5
5
  "description": "UI components for production-grade Next.js + Headless CMS (Strapi, Contentful, Headless WordPress) websites by prokodo – built for Core Web Vitals & SEO.",
6
6
  "sideEffects": [
@@ -308,8 +308,8 @@
308
308
  "test:e2e": "cypress open --component",
309
309
  "test:e2e:ci": "cypress run --component --headless",
310
310
  "fix": "pnpm format:fix && pnpm lint:fix",
311
- "lint": "eslint 'src/**/*.{ts,tsx}' --cache --cache-location .eslintcache",
312
- "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix --cache --cache-location .eslintcache",
311
+ "lint": "eslint . --cache --cache-location .eslintcache",
312
+ "lint:fix": "eslint . --fix --cache --cache-location .eslintcache",
313
313
  "format": "prettier --check .",
314
314
  "format:fix": "prettier --write .",
315
315
  "storybook": "storybook dev -p 6006",
@@ -403,7 +403,7 @@
403
403
  "jest-css-modules": "^2.1.0",
404
404
  "jest-environment-jsdom": "^29.7.0",
405
405
  "lint-staged": "^16.3.0",
406
- "next": "^16.0.10",
406
+ "next": "^16.1.5",
407
407
  "postcss": "^8.4.39",
408
408
  "postcss-flexbugs-fixes": "^5.0.2",
409
409
  "postcss-preset-env": "^10.0.2",
@@ -419,7 +419,7 @@
419
419
  "ts-jest": "^29.2.4",
420
420
  "ts-node": "^10.9.2",
421
421
  "tsx": "^4.19.4",
422
- "vite": "^6.3.5",
422
+ "vite": "^6.4.1",
423
423
  "vite-plugin-checker": "^0.9.3",
424
424
  "vite-plugin-inspect": "^11.1.0",
425
425
  "@storybook/addon-docs": "10.2.14"
@@ -474,5 +474,22 @@
474
474
  "*.{mdx,md,json,css,html,yaml,yml}": [
475
475
  "prettier --write"
476
476
  ]
477
+ },
478
+ "pnpm": {
479
+ "overrides": {
480
+ "rollup": ">=4.59.0",
481
+ "minimatch@^3": "3.1.4",
482
+ "minimatch@^5": "5.1.8",
483
+ "minimatch@^9": "9.0.7",
484
+ "minimatch@^10": "10.2.3",
485
+ "@isaacs/brace-expansion": ">=5.0.1",
486
+ "immutable": ">=5.1.5",
487
+ "serialize-javascript": ">=7.0.3",
488
+ "svgo": ">=3.3.3",
489
+ "lodash": ">=4.17.23",
490
+ "lodash-es": ">=4.17.23",
491
+ "webpack-dev-server": ">=5.2.1",
492
+ "qs": ">=6.14.2"
493
+ }
477
494
  }
478
495
  }