@porsche-design-system/components-react 4.0.0-beta.1 → 4.0.0-beta.2

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 (48) hide show
  1. package/CHANGELOG.md +84 -6
  2. package/cjs/lib/components/scroller.wrapper.cjs +3 -3
  3. package/cjs/lib/components/table.wrapper.cjs +3 -3
  4. package/cjs/lib/components/tabs-bar.wrapper.cjs +3 -3
  5. package/cjs/lib/components/tabs.wrapper.cjs +3 -3
  6. package/esm/lib/components/scroller.wrapper.d.ts +20 -4
  7. package/esm/lib/components/scroller.wrapper.mjs +3 -3
  8. package/esm/lib/components/table.wrapper.d.ts +10 -2
  9. package/esm/lib/components/table.wrapper.mjs +3 -3
  10. package/esm/lib/components/tabs-bar.wrapper.d.ts +19 -3
  11. package/esm/lib/components/tabs-bar.wrapper.mjs +3 -3
  12. package/esm/lib/components/tabs.wrapper.d.ts +19 -3
  13. package/esm/lib/components/tabs.wrapper.mjs +3 -3
  14. package/esm/lib/types.d.ts +34 -16
  15. package/package.json +2 -2
  16. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +302 -216
  17. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +3 -12
  18. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/scroller.wrapper.cjs +4 -4
  19. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/table.wrapper.cjs +4 -4
  20. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.cjs +4 -4
  21. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.cjs +4 -4
  22. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.cjs +8 -12
  23. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-option.cjs +1 -1
  24. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.cjs +3 -2
  25. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.cjs +1 -1
  26. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.cjs +8 -8
  27. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.cjs +3 -2
  28. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +302 -216
  29. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +4 -11
  30. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/scroller.wrapper.mjs +4 -4
  31. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table.wrapper.mjs +4 -4
  32. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs-bar.wrapper.mjs +4 -4
  33. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/tabs.wrapper.mjs +4 -4
  34. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.mjs +9 -13
  35. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-option.mjs +1 -1
  36. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.mjs +3 -2
  37. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.mjs +1 -1
  38. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.mjs +8 -8
  39. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.mjs +3 -2
  40. package/ssr/esm/lib/components/scroller.wrapper.d.ts +20 -4
  41. package/ssr/esm/lib/components/table.wrapper.d.ts +10 -2
  42. package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +19 -3
  43. package/ssr/esm/lib/components/tabs.wrapper.d.ts +19 -3
  44. package/ssr/esm/lib/dsr-components/scroller.d.ts +5 -3
  45. package/ssr/esm/lib/dsr-components/stepper-horizontal.d.ts +3 -2
  46. package/ssr/esm/lib/dsr-components/tabs-bar.d.ts +6 -6
  47. package/ssr/esm/lib/dsr-components/tabs.d.ts +2 -1
  48. package/ssr/esm/lib/types.d.ts +34 -16
@@ -752,19 +752,6 @@ declare const LINK_ARIA_ATTRIBUTES: readonly [
752
752
  "aria-haspopup"
753
753
  ];
754
754
  export type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
755
- declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
756
- "role"
757
- ];
758
- export type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
759
- export type ScrollerScrollToPosition = {
760
- scrollPosition: number;
761
- isSmooth?: boolean;
762
- } | string;
763
- declare const SCROLL_INDICATOR_POSITIONS: readonly [
764
- "top",
765
- "center"
766
- ];
767
- export type ScrollerAlignScrollIndicator = (typeof SCROLL_INDICATOR_POSITIONS)[number];
768
755
  export type MultiSelectState = FormState;
769
756
  export type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
770
757
  export type MultiSelectChangeEventDetail = {
@@ -1222,6 +1209,21 @@ export type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
1222
1209
  export type RadioGroupState = FormState;
1223
1210
  export type RadioGroupDirection = GroupDirection;
1224
1211
  export type RadioGroupChangeEventDetail = Event;
1212
+ declare const SCROLLER_ALIGN_SCROLL_INDICATORS: readonly [
1213
+ "top",
1214
+ "center"
1215
+ ];
1216
+ /** @deprecated */
1217
+ export type ScrollerAlignScrollIndicator = (typeof SCROLLER_ALIGN_SCROLL_INDICATORS)[number];
1218
+ declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
1219
+ "role"
1220
+ ];
1221
+ export type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
1222
+ /** @deprecated */
1223
+ export type ScrollerScrollToPosition = {
1224
+ scrollPosition: number;
1225
+ isSmooth?: boolean;
1226
+ } | string;
1225
1227
  export type SegmentedControlChangeEventDetail = {
1226
1228
  value: string | number;
1227
1229
  };
@@ -1291,27 +1293,43 @@ declare const TABS_SIZES: readonly [
1291
1293
  "medium"
1292
1294
  ];
1293
1295
  export type TabsSize = (typeof TABS_SIZES)[number];
1296
+ declare const TABS_BACKGROUNDS: readonly [
1297
+ "canvas",
1298
+ "surface",
1299
+ "frosted",
1300
+ "none"
1301
+ ];
1302
+ export type TabsBackground = (typeof TABS_BACKGROUNDS)[number];
1294
1303
  declare const TABS_WEIGHTS: readonly [
1295
1304
  "regular",
1296
1305
  "semi-bold"
1297
1306
  ];
1307
+ /** @deprecated */
1298
1308
  export type TabsWeight = (typeof TABS_WEIGHTS)[number];
1299
1309
  export type TabsUpdateEventDetail = {
1300
1310
  activeTabIndex: number;
1301
1311
  };
1312
+ declare const TABS_BAR_BACKGROUNDS: readonly [
1313
+ "canvas",
1314
+ "surface",
1315
+ "frosted",
1316
+ "none"
1317
+ ];
1318
+ export type TabsBarBackground = (typeof TABS_BAR_BACKGROUNDS)[number];
1302
1319
  declare const TABS_BAR_SIZES: readonly [
1303
1320
  "small",
1304
1321
  "medium"
1305
1322
  ];
1306
1323
  export type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
1324
+ export type TabsBarUpdateEventDetail = {
1325
+ activeTabIndex: number;
1326
+ };
1307
1327
  declare const TABS_BAR_WEIGHTS: readonly [
1308
1328
  "regular",
1309
1329
  "semi-bold"
1310
1330
  ];
1331
+ /** @deprecated */
1311
1332
  export type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
1312
- export type TabsBarUpdateEventDetail = {
1313
- activeTabIndex: number;
1314
- };
1315
1333
  export type TagIcon = IconName | "none";
1316
1334
  declare const TAG_VARIANTS: readonly [
1317
1335
  "primary",