@porsche-design-system/components-angular 2.20.0 → 3.0.0-alpha.1

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 (82) hide show
  1. package/CHANGELOG.md +418 -3
  2. package/esm2020/lib/components/accordion.wrapper.mjs +1 -1
  3. package/esm2020/lib/components/barrel.mjs +7 -1
  4. package/esm2020/lib/components/button-pure.wrapper.mjs +3 -3
  5. package/esm2020/lib/components/button.wrapper.mjs +3 -3
  6. package/esm2020/lib/components/checkbox-wrapper.wrapper.mjs +3 -3
  7. package/esm2020/lib/components/content-wrapper.wrapper.mjs +2 -1
  8. package/esm2020/lib/components/display.wrapper.mjs +35 -0
  9. package/esm2020/lib/components/fieldset-wrapper.wrapper.mjs +3 -3
  10. package/esm2020/lib/components/flex-item.wrapper.mjs +2 -1
  11. package/esm2020/lib/components/flex.wrapper.mjs +2 -1
  12. package/esm2020/lib/components/grid-item.wrapper.mjs +2 -1
  13. package/esm2020/lib/components/grid.wrapper.mjs +2 -1
  14. package/esm2020/lib/components/heading.wrapper.mjs +35 -0
  15. package/esm2020/lib/components/headline.wrapper.mjs +2 -1
  16. package/esm2020/lib/components/icon.wrapper.mjs +1 -1
  17. package/esm2020/lib/components/link-pure.wrapper.mjs +3 -3
  18. package/esm2020/lib/components/link-social.wrapper.mjs +2 -1
  19. package/esm2020/lib/components/link.wrapper.mjs +1 -1
  20. package/esm2020/lib/components/popover.wrapper.mjs +3 -3
  21. package/esm2020/lib/components/radio-button-wrapper.wrapper.mjs +3 -3
  22. package/esm2020/lib/components/scroller.wrapper.mjs +1 -1
  23. package/esm2020/lib/components/spinner.wrapper.mjs +1 -1
  24. package/esm2020/lib/components/switch.wrapper.mjs +3 -3
  25. package/esm2020/lib/components/tabs-bar.wrapper.mjs +1 -1
  26. package/esm2020/lib/components/tabs.wrapper.mjs +1 -1
  27. package/esm2020/lib/components/tag-dismissible.wrapper.mjs +3 -3
  28. package/esm2020/lib/components/text-field-wrapper.wrapper.mjs +3 -3
  29. package/esm2020/lib/components/textarea-wrapper.wrapper.mjs +3 -3
  30. package/esm2020/lib/types.mjs +1 -1
  31. package/esm2020/porsche-design-system.module.mjs +48 -46
  32. package/fesm2015/porsche-design-system-components-angular.mjs +168 -89
  33. package/fesm2015/porsche-design-system-components-angular.mjs.map +1 -1
  34. package/fesm2020/porsche-design-system-components-angular.mjs +160 -89
  35. package/fesm2020/porsche-design-system-components-angular.mjs.map +1 -1
  36. package/lib/components/accordion.wrapper.d.ts +3 -3
  37. package/lib/components/barrel.d.ts +5 -1
  38. package/lib/components/button-pure.wrapper.d.ts +5 -6
  39. package/lib/components/button.wrapper.d.ts +5 -6
  40. package/lib/components/checkbox-wrapper.wrapper.d.ts +3 -2
  41. package/lib/components/content-wrapper.wrapper.d.ts +1 -0
  42. package/lib/components/display.wrapper.d.ts +16 -0
  43. package/lib/components/fieldset-wrapper.wrapper.d.ts +3 -2
  44. package/lib/components/flex-item.wrapper.d.ts +1 -0
  45. package/lib/components/flex.wrapper.d.ts +1 -0
  46. package/lib/components/grid-item.wrapper.d.ts +1 -0
  47. package/lib/components/grid.wrapper.d.ts +1 -0
  48. package/lib/components/heading.wrapper.d.ts +16 -0
  49. package/lib/components/headline.wrapper.d.ts +4 -3
  50. package/lib/components/icon.wrapper.d.ts +3 -3
  51. package/lib/components/link-pure.wrapper.d.ts +5 -4
  52. package/lib/components/link-social.wrapper.d.ts +1 -0
  53. package/lib/components/link.wrapper.d.ts +3 -3
  54. package/lib/components/popover.wrapper.d.ts +3 -2
  55. package/lib/components/radio-button-wrapper.wrapper.d.ts +3 -2
  56. package/lib/components/scroller.wrapper.d.ts +2 -2
  57. package/lib/components/spinner.wrapper.d.ts +2 -2
  58. package/lib/components/switch.wrapper.d.ts +3 -4
  59. package/lib/components/tabs-bar.wrapper.d.ts +2 -2
  60. package/lib/components/tabs.wrapper.d.ts +2 -2
  61. package/lib/components/tag-dismissible.wrapper.d.ts +3 -2
  62. package/lib/components/text-field-wrapper.wrapper.d.ts +3 -2
  63. package/lib/components/textarea-wrapper.wrapper.d.ts +3 -2
  64. package/lib/types.d.ts +293 -42
  65. package/package.json +12 -12
  66. package/partials/esm/{partials.js → index.js} +0 -0
  67. package/partials/{partials.d.ts → index.d.ts} +0 -0
  68. package/partials/{partials.js → index.js} +0 -0
  69. package/porsche-design-system.module.d.ts +47 -45
  70. package/styles/esm/index.js +1 -0
  71. package/styles/index.d.ts +1 -0
  72. package/styles/index.js +12 -0
  73. package/styles/scss.scss +1 -0
  74. package/testing/{testing.d.ts → index.d.ts} +0 -0
  75. package/testing/{testing.js → index.js} +0 -0
  76. package/partials/package.json +0 -6
  77. package/testing/package.json +0 -5
  78. package/utilities/js/esm/js.js +0 -1
  79. package/utilities/js/js.d.ts +0 -1
  80. package/utilities/js/js.js +0 -12
  81. package/utilities/js/package.json +0 -6
  82. package/utilities/scss.scss +0 -1
package/lib/types.d.ts CHANGED
@@ -1,4 +1,186 @@
1
- export declare type IconName = "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-full" | "bell" | "bookmark" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "document" | "download" | "duration" | "edit" | "email" | "exclamation" | "external" | "filter" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "grid" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "key" | "leaf" | "leather" | "light" | "list" | "locate" | "lock" | "lock-open" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "route" | "rss" | "save" | "screen" | "search" | "send" | "share" | "shopping-bag" | "shopping-cart" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "sun" | "switch" | "tablet" | "tachometer" | "truck" | "upload" | "user" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out";
1
+ declare const ICON_NAMES: readonly [
2
+ "360",
3
+ "accessibility",
4
+ "active-cabin-ventilation",
5
+ "add",
6
+ "adjust",
7
+ "arrow-double-down",
8
+ "arrow-double-left",
9
+ "arrow-double-right",
10
+ "arrow-double-up",
11
+ "arrow-down",
12
+ "arrow-first",
13
+ "arrow-head-down",
14
+ "arrow-head-left",
15
+ "arrow-head-right",
16
+ "arrow-head-up",
17
+ "arrow-last",
18
+ "arrow-left",
19
+ "arrow-right",
20
+ "arrow-up",
21
+ "augmented-reality",
22
+ "battery-empty",
23
+ "battery-full",
24
+ "bell",
25
+ "bookmark",
26
+ "broadcast",
27
+ "calculator",
28
+ "calendar",
29
+ "camera",
30
+ "car",
31
+ "car-battery",
32
+ "card",
33
+ "charging-active",
34
+ "charging-state",
35
+ "charging-station",
36
+ "chart",
37
+ "chat",
38
+ "check",
39
+ "city",
40
+ "climate",
41
+ "climate-control",
42
+ "clock",
43
+ "close",
44
+ "closed-caption",
45
+ "co2-emission",
46
+ "compare",
47
+ "configurate",
48
+ "country-road",
49
+ "cubic-capacity",
50
+ "delete",
51
+ "disable",
52
+ "document",
53
+ "download",
54
+ "duration",
55
+ "edit",
56
+ "email",
57
+ "error-filled",
58
+ "exclamation",
59
+ "external",
60
+ "filter",
61
+ "flash",
62
+ "fuel-station",
63
+ "garage",
64
+ "gift",
65
+ "globe",
66
+ "grid",
67
+ "highway",
68
+ "home",
69
+ "horn",
70
+ "image",
71
+ "increase",
72
+ "information",
73
+ "information-filled",
74
+ "key",
75
+ "leaf",
76
+ "leather",
77
+ "light",
78
+ "list",
79
+ "locate",
80
+ "lock",
81
+ "lock-open",
82
+ "logo-baidu",
83
+ "logo-delicious",
84
+ "logo-digg",
85
+ "logo-facebook",
86
+ "logo-foursquare",
87
+ "logo-gmail",
88
+ "logo-google",
89
+ "logo-hatena",
90
+ "logo-instagram",
91
+ "logo-kaixin",
92
+ "logo-kakaotalk",
93
+ "logo-linkedin",
94
+ "logo-naver",
95
+ "logo-pinterest",
96
+ "logo-qq",
97
+ "logo-qq-share",
98
+ "logo-reddit",
99
+ "logo-skyrock",
100
+ "logo-sohu",
101
+ "logo-tecent",
102
+ "logo-telegram",
103
+ "logo-tiktok",
104
+ "logo-tumblr",
105
+ "logo-twitter",
106
+ "logo-viber",
107
+ "logo-vk",
108
+ "logo-wechat",
109
+ "logo-weibo",
110
+ "logo-whatsapp",
111
+ "logo-xing",
112
+ "logo-yahoo",
113
+ "logo-youku",
114
+ "logo-youtube",
115
+ "logout",
116
+ "map",
117
+ "menu-dots-horizontal",
118
+ "menu-dots-vertical",
119
+ "menu-lines",
120
+ "minus",
121
+ "mobile",
122
+ "moon",
123
+ "oil-can",
124
+ "parking-brake",
125
+ "parking-light",
126
+ "pause",
127
+ "phone",
128
+ "pin",
129
+ "play",
130
+ "plug",
131
+ "plus",
132
+ "preheating",
133
+ "printer",
134
+ "purchase",
135
+ "question",
136
+ "racing-flag",
137
+ "refresh",
138
+ "replay",
139
+ "reset",
140
+ "route",
141
+ "rss",
142
+ "save",
143
+ "screen",
144
+ "search",
145
+ "send",
146
+ "share",
147
+ "shopping-bag",
148
+ "shopping-cart",
149
+ "sidelights",
150
+ "snowflake",
151
+ "sort",
152
+ "stack",
153
+ "star",
154
+ "steering-wheel",
155
+ "stopwatch",
156
+ "subtract",
157
+ "success",
158
+ "success-filled",
159
+ "sun",
160
+ "switch",
161
+ "tablet",
162
+ "tachometer",
163
+ "truck",
164
+ "upload",
165
+ "user",
166
+ "user-group",
167
+ "user-manual",
168
+ "video",
169
+ "view",
170
+ "view-off",
171
+ "volume-off",
172
+ "volume-up",
173
+ "warning",
174
+ "warning-filled",
175
+ "weight",
176
+ "wifi",
177
+ "work",
178
+ "wrench",
179
+ "wrenches",
180
+ "zoom-in",
181
+ "zoom-out"
182
+ ];
183
+ export declare type IconName = typeof ICON_NAMES[number];
2
184
  declare const FORM_STATES: readonly [
3
185
  "none",
4
186
  "error",
@@ -11,7 +193,7 @@ declare const BUTTON_ARIA_ATTRIBUTES: readonly [
11
193
  "aria-pressed",
12
194
  "aria-haspopup"
13
195
  ];
14
- export declare type ButtonAriaAttributes = typeof BUTTON_ARIA_ATTRIBUTES[number];
196
+ export declare type ButtonAriaAttribute = typeof BUTTON_ARIA_ATTRIBUTES[number];
15
197
  declare const BREAKPOINTS: readonly [
16
198
  "base",
17
199
  "xs",
@@ -46,19 +228,6 @@ declare const THEMES: readonly [
46
228
  "dark"
47
229
  ];
48
230
  export declare type Theme = typeof THEMES[number];
49
- declare const THEMES_EXTENDED_ELECTRIC: readonly [
50
- "light",
51
- "dark",
52
- "light-electric"
53
- ];
54
- export declare type ThemeExtendedElectric = typeof THEMES_EXTENDED_ELECTRIC[number];
55
- declare const THEMES_EXTENDED_ELECTRIC_DARK: readonly [
56
- "light",
57
- "dark",
58
- "light-electric",
59
- "dark-electric"
60
- ];
61
- export declare type ThemeExtendedElectricDark = typeof THEMES_EXTENDED_ELECTRIC_DARK[number];
62
231
  declare const ALIGN_LABELS: readonly [
63
232
  "left",
64
233
  "right"
@@ -70,18 +239,7 @@ declare const BUTTON_TYPES: readonly [
70
239
  "reset"
71
240
  ];
72
241
  export declare type ButtonType = typeof BUTTON_TYPES[number];
73
- declare const HEADLINE_VARIANTS: readonly [
74
- "large-title",
75
- "headline-1",
76
- "headline-2",
77
- "headline-3",
78
- "headline-4",
79
- "headline-5"
80
- ];
81
- export declare type VariantType = typeof HEADLINE_VARIANTS[number];
82
- export declare type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
83
- export declare type HeadlineVariant = VariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
84
- declare const HEADLINE_TAGS: readonly [
242
+ declare const HEADING_TAGS: readonly [
85
243
  "h1",
86
244
  "h2",
87
245
  "h3",
@@ -89,14 +247,7 @@ declare const HEADLINE_TAGS: readonly [
89
247
  "h5",
90
248
  "h6"
91
249
  ];
92
- export declare type HeadlineTag = typeof HEADLINE_TAGS[number];
93
- declare const ICON_SIZES: readonly [
94
- "small",
95
- "medium",
96
- "large",
97
- "inherit"
98
- ];
99
- export declare type IconSize = typeof ICON_SIZES[number];
250
+ export declare type HeadingTag = typeof HEADING_TAGS[number];
100
251
  declare const LINK_BUTTON_VARIANTS: readonly [
101
252
  "primary",
102
253
  "secondary",
@@ -110,14 +261,19 @@ declare const TEXT_ALIGNS: readonly [
110
261
  ];
111
262
  export declare type TextAlign = typeof TEXT_ALIGNS[number];
112
263
  declare const TEXT_COLORS: readonly [
264
+ "primary",
113
265
  "brand",
114
266
  "default",
115
- "neutral-contrast-high",
116
- "neutral-contrast-medium",
267
+ "contrast-low",
117
268
  "neutral-contrast-low",
269
+ "contrast-medium",
270
+ "neutral-contrast-medium",
271
+ "contrast-high",
272
+ "neutral-contrast-high",
118
273
  "notification-success",
119
274
  "notification-warning",
120
275
  "notification-error",
276
+ "notification-info",
121
277
  "notification-neutral",
122
278
  "inherit"
123
279
  ];
@@ -135,6 +291,7 @@ declare const TEXT_WEIGHTS: readonly [
135
291
  "thin",
136
292
  "regular",
137
293
  "semibold",
294
+ "semi-bold",
138
295
  "bold"
139
296
  ];
140
297
  export declare type TextWeight = typeof TEXT_WEIGHTS[number];
@@ -332,7 +489,7 @@ export declare type AriaAttributes = {
332
489
  /** Defines the human readable text alternative of aria-valuenow for a range widget. */
333
490
  "aria-valuetext"?: string | undefined;
334
491
  };
335
- export declare type LinkButtonPureIconName = IconName | "none";
492
+ export declare type LinkButtonIconName = IconName | "none";
336
493
  export declare type ButtonVariant = LinkButtonVariant;
337
494
  export declare type LinkVariant = LinkButtonVariant;
338
495
  export declare type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
@@ -344,9 +501,11 @@ export declare type AccordionSize = typeof ACCORDION_SIZES[number];
344
501
  export declare type AccordionChangeEvent = {
345
502
  open: boolean;
346
503
  };
504
+ export declare type AccordionTag = HeadingTag;
347
505
  declare const BANNER_STATES: readonly [
348
506
  "error",
349
507
  "warning",
508
+ "info",
350
509
  "neutral"
351
510
  ];
352
511
  export declare type BannerState = typeof BANNER_STATES[number];
@@ -372,11 +531,34 @@ declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
372
531
  ];
373
532
  export declare type ContentWrapperBackgroundColor = typeof CONTENT_WRAPPER_BACKGROUND_COLORS[number];
374
533
  declare const CONTENT_WRAPPER_WIDTHS: readonly [
534
+ "narrow",
375
535
  "basic",
376
536
  "extended",
377
- "fluid"
537
+ "fluid",
538
+ "full"
378
539
  ];
379
540
  export declare type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
541
+ declare const DISPLAY_TAGS: readonly [
542
+ "h1",
543
+ "h2",
544
+ "h3",
545
+ "h4",
546
+ "h5",
547
+ "h6"
548
+ ];
549
+ export declare type DisplayTag = typeof DISPLAY_TAGS[number];
550
+ declare const DISPLAY_SIZES: readonly [
551
+ "medium",
552
+ "large",
553
+ "inherit"
554
+ ];
555
+ export declare type DisplaySize = typeof DISPLAY_SIZES[number];
556
+ declare const DISPLAY_COLORS: readonly [
557
+ "primary",
558
+ "inherit"
559
+ ];
560
+ export declare type DisplayColor = typeof DISPLAY_COLORS[number];
561
+ export declare type DisplayAlign = TextAlign;
380
562
  declare const DIVIDER_COLORS: readonly [
381
563
  "neutral-contrast-high",
382
564
  "neutral-contrast-medium",
@@ -527,13 +709,77 @@ declare const GRID_ITEM_OFFSETS: readonly [
527
709
  11
528
710
  ];
529
711
  export declare type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
712
+ declare const HEADING_SIZES: readonly [
713
+ "small",
714
+ "medium",
715
+ "large",
716
+ "x-large",
717
+ "xx-large",
718
+ "xxx-large",
719
+ "inherit"
720
+ ];
721
+ export declare type HeadingSize = typeof HEADING_SIZES[number];
722
+ declare const HEADING_COLORS: readonly [
723
+ "primary",
724
+ "inherit"
725
+ ];
726
+ export declare type HeadingColor = typeof HEADING_COLORS[number];
727
+ export declare type HeadingAlign = TextAlign;
728
+ declare const HEADLINE_VARIANTS: readonly [
729
+ "large-title",
730
+ "headline-1",
731
+ "headline-2",
732
+ "headline-3",
733
+ "headline-4",
734
+ "headline-5"
735
+ ];
736
+ export declare type HeadlineVariantType = typeof HEADLINE_VARIANTS[number];
737
+ export declare type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
738
+ export declare type HeadlineVariant = HeadlineVariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
739
+ declare const HEADLINE_TAGS: readonly [
740
+ "h1",
741
+ "h2",
742
+ "h3",
743
+ "h4",
744
+ "h5",
745
+ "h6"
746
+ ];
747
+ export declare type HeadlineTag = typeof HEADLINE_TAGS[number];
748
+ declare const HEADLINE_COLORS: readonly [
749
+ "primary",
750
+ "default",
751
+ "inherit"
752
+ ];
753
+ export declare type HeadlineColor = typeof HEADLINE_COLORS[number];
754
+ export declare type HeadlineAlign = TextAlign;
530
755
  declare const ICON_ARIA_ATTRIBUTES: readonly [
531
756
  "aria-label"
532
757
  ];
533
758
  export declare type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
759
+ export declare type IconSize = TextSize;
760
+ declare const ICON_COLORS: readonly [
761
+ "primary",
762
+ "brand",
763
+ "default",
764
+ "contrast-low",
765
+ "neutral-contrast-low",
766
+ "contrast-medium",
767
+ "neutral-contrast-medium",
768
+ "contrast-high",
769
+ "neutral-contrast-high",
770
+ "notification-success",
771
+ "notification-warning",
772
+ "notification-error",
773
+ "notification-info",
774
+ "notification-neutral",
775
+ "inherit",
776
+ "disabled"
777
+ ];
778
+ export declare type IconColor = typeof ICON_COLORS[number];
534
779
  declare const INLINE_NOTIFICATION_STATES: readonly [
535
780
  "error",
536
781
  "warning",
782
+ "info",
537
783
  "neutral",
538
784
  "success"
539
785
  ];
@@ -662,8 +908,11 @@ export declare type TabGradientColorTheme = GradientColorTheme;
662
908
  declare const TAG_COLORS: readonly [
663
909
  "background-surface",
664
910
  "background-default",
911
+ "background-base",
665
912
  "neutral-contrast-high",
913
+ "primary",
666
914
  "notification-neutral",
915
+ "notification-info",
667
916
  "notification-warning",
668
917
  "notification-success",
669
918
  "notification-error"
@@ -671,7 +920,8 @@ declare const TAG_COLORS: readonly [
671
920
  export declare type TagColor = typeof TAG_COLORS[number];
672
921
  declare const TAG_DISMISSIBLE_COLORS: readonly [
673
922
  "background-surface",
674
- "background-default"
923
+ "background-default",
924
+ "background-base"
675
925
  ];
676
926
  export declare type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
677
927
  declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
@@ -706,8 +956,9 @@ declare const ORDER_TYPES: readonly [
706
956
  ];
707
957
  export declare type OrderType = typeof ORDER_TYPES[number];
708
958
  declare const TOAST_STATES: readonly [
709
- "neutral",
710
- "success"
959
+ "info",
960
+ "success",
961
+ "neutral"
711
962
  ];
712
963
  export declare type ToastState = typeof TOAST_STATES[number];
713
964
  export declare type ToastMessage = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@porsche-design-system/components-angular",
3
- "version": "2.20.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
5
5
  "keywords": [
6
6
  "porsche",
@@ -17,7 +17,7 @@
17
17
  "license": "SEE LICENSE IN LICENSE",
18
18
  "homepage": "https://designsystem.porsche.com",
19
19
  "dependencies": {
20
- "@porsche-design-system/components-js": "2.20.0",
20
+ "@porsche-design-system/components-js": "3.0.0-alpha.1",
21
21
  "tslib": "^2.0.1"
22
22
  },
23
23
  "peerDependencies": {
@@ -27,19 +27,19 @@
27
27
  "exports": {
28
28
  "./jsdom-polyfill": "./jsdom-polyfill/index.js",
29
29
  "./partials": {
30
- "types": "./partials/partials.d.ts",
31
- "import": "./partials/esm/partials.js",
32
- "require": "./partials/partials.js"
30
+ "types": "./partials/index.d.ts",
31
+ "import": "./partials/esm/index.js",
32
+ "require": "./partials/index.js"
33
33
  },
34
34
  "./testing": {
35
- "types": "./testing/testing.d.ts",
36
- "import": "./testing/testing.js",
37
- "require": "./testing/testing.js"
35
+ "types": "./testing/index.d.ts",
36
+ "import": "./testing/index.js",
37
+ "require": "./testing/index.js"
38
38
  },
39
- "./utilities/js": {
40
- "types": "./utilities/js/js.d.ts",
41
- "import": "./utilities/js/esm/js.js",
42
- "require": "./utilities/js/js.js"
39
+ "./styles": {
40
+ "types": "./styles/index.d.ts",
41
+ "import": "./styles/esm/index.js",
42
+ "require": "./styles/index.js"
43
43
  },
44
44
  "./package.json": {
45
45
  "default": "./package.json"
File without changes
File without changes
File without changes
@@ -8,50 +8,52 @@ import * as i5 from "./lib/components/button-pure.wrapper";
8
8
  import * as i6 from "./lib/components/carousel.wrapper";
9
9
  import * as i7 from "./lib/components/checkbox-wrapper.wrapper";
10
10
  import * as i8 from "./lib/components/content-wrapper.wrapper";
11
- import * as i9 from "./lib/components/divider.wrapper";
12
- import * as i10 from "./lib/components/fieldset-wrapper.wrapper";
13
- import * as i11 from "./lib/components/flex.wrapper";
14
- import * as i12 from "./lib/components/flex-item.wrapper";
15
- import * as i13 from "./lib/components/grid.wrapper";
16
- import * as i14 from "./lib/components/grid-item.wrapper";
17
- import * as i15 from "./lib/components/headline.wrapper";
18
- import * as i16 from "./lib/components/icon.wrapper";
19
- import * as i17 from "./lib/components/inline-notification.wrapper";
20
- import * as i18 from "./lib/components/link.wrapper";
21
- import * as i19 from "./lib/components/link-pure.wrapper";
22
- import * as i20 from "./lib/components/link-social.wrapper";
23
- import * as i21 from "./lib/components/link-tile.wrapper";
24
- import * as i22 from "./lib/components/marque.wrapper";
25
- import * as i23 from "./lib/components/modal.wrapper";
26
- import * as i24 from "./lib/components/pagination.wrapper";
27
- import * as i25 from "./lib/components/popover.wrapper";
28
- import * as i26 from "./lib/components/radio-button-wrapper.wrapper";
29
- import * as i27 from "./lib/components/scroller.wrapper";
30
- import * as i28 from "./lib/components/segmented-control.wrapper";
31
- import * as i29 from "./lib/components/segmented-control-item.wrapper";
32
- import * as i30 from "./lib/components/select-wrapper.wrapper";
33
- import * as i31 from "./lib/components/spinner.wrapper";
34
- import * as i32 from "./lib/components/stepper-horizontal.wrapper";
35
- import * as i33 from "./lib/components/stepper-horizontal-item.wrapper";
36
- import * as i34 from "./lib/components/switch.wrapper";
37
- import * as i35 from "./lib/components/table.wrapper";
38
- import * as i36 from "./lib/components/table-body.wrapper";
39
- import * as i37 from "./lib/components/table-cell.wrapper";
40
- import * as i38 from "./lib/components/table-head.wrapper";
41
- import * as i39 from "./lib/components/table-head-cell.wrapper";
42
- import * as i40 from "./lib/components/table-head-row.wrapper";
43
- import * as i41 from "./lib/components/table-row.wrapper";
44
- import * as i42 from "./lib/components/tabs.wrapper";
45
- import * as i43 from "./lib/components/tabs-bar.wrapper";
46
- import * as i44 from "./lib/components/tabs-item.wrapper";
47
- import * as i45 from "./lib/components/tag.wrapper";
48
- import * as i46 from "./lib/components/tag-dismissible.wrapper";
49
- import * as i47 from "./lib/components/text.wrapper";
50
- import * as i48 from "./lib/components/text-field-wrapper.wrapper";
51
- import * as i49 from "./lib/components/text-list.wrapper";
52
- import * as i50 from "./lib/components/text-list-item.wrapper";
53
- import * as i51 from "./lib/components/textarea-wrapper.wrapper";
54
- import * as i52 from "./lib/components/toast.wrapper";
11
+ import * as i9 from "./lib/components/display.wrapper";
12
+ import * as i10 from "./lib/components/divider.wrapper";
13
+ import * as i11 from "./lib/components/fieldset-wrapper.wrapper";
14
+ import * as i12 from "./lib/components/flex.wrapper";
15
+ import * as i13 from "./lib/components/flex-item.wrapper";
16
+ import * as i14 from "./lib/components/grid.wrapper";
17
+ import * as i15 from "./lib/components/grid-item.wrapper";
18
+ import * as i16 from "./lib/components/heading.wrapper";
19
+ import * as i17 from "./lib/components/headline.wrapper";
20
+ import * as i18 from "./lib/components/icon.wrapper";
21
+ import * as i19 from "./lib/components/inline-notification.wrapper";
22
+ import * as i20 from "./lib/components/link.wrapper";
23
+ import * as i21 from "./lib/components/link-pure.wrapper";
24
+ import * as i22 from "./lib/components/link-social.wrapper";
25
+ import * as i23 from "./lib/components/link-tile.wrapper";
26
+ import * as i24 from "./lib/components/marque.wrapper";
27
+ import * as i25 from "./lib/components/modal.wrapper";
28
+ import * as i26 from "./lib/components/pagination.wrapper";
29
+ import * as i27 from "./lib/components/popover.wrapper";
30
+ import * as i28 from "./lib/components/radio-button-wrapper.wrapper";
31
+ import * as i29 from "./lib/components/scroller.wrapper";
32
+ import * as i30 from "./lib/components/segmented-control.wrapper";
33
+ import * as i31 from "./lib/components/segmented-control-item.wrapper";
34
+ import * as i32 from "./lib/components/select-wrapper.wrapper";
35
+ import * as i33 from "./lib/components/spinner.wrapper";
36
+ import * as i34 from "./lib/components/stepper-horizontal.wrapper";
37
+ import * as i35 from "./lib/components/stepper-horizontal-item.wrapper";
38
+ import * as i36 from "./lib/components/switch.wrapper";
39
+ import * as i37 from "./lib/components/table.wrapper";
40
+ import * as i38 from "./lib/components/table-body.wrapper";
41
+ import * as i39 from "./lib/components/table-cell.wrapper";
42
+ import * as i40 from "./lib/components/table-head.wrapper";
43
+ import * as i41 from "./lib/components/table-head-cell.wrapper";
44
+ import * as i42 from "./lib/components/table-head-row.wrapper";
45
+ import * as i43 from "./lib/components/table-row.wrapper";
46
+ import * as i44 from "./lib/components/tabs.wrapper";
47
+ import * as i45 from "./lib/components/tabs-bar.wrapper";
48
+ import * as i46 from "./lib/components/tabs-item.wrapper";
49
+ import * as i47 from "./lib/components/tag.wrapper";
50
+ import * as i48 from "./lib/components/tag-dismissible.wrapper";
51
+ import * as i49 from "./lib/components/text.wrapper";
52
+ import * as i50 from "./lib/components/text-field-wrapper.wrapper";
53
+ import * as i51 from "./lib/components/text-list.wrapper";
54
+ import * as i52 from "./lib/components/text-list-item.wrapper";
55
+ import * as i53 from "./lib/components/textarea-wrapper.wrapper";
56
+ import * as i54 from "./lib/components/toast.wrapper";
55
57
  export declare type PorscheDesignSystemModuleConfig = {
56
58
  prefix?: string;
57
59
  };
@@ -62,6 +64,6 @@ export declare class PorscheDesignSystemModule {
62
64
  constructor(configParam: DefaultConfig);
63
65
  static load(config: PorscheDesignSystemModuleConfig): ModuleWithProviders<PorscheDesignSystemModule>;
64
66
  static ɵfac: i0.ɵɵFactoryDeclaration<PorscheDesignSystemModule, [{ optional: true; }]>;
65
- static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof i1.PAccordion, typeof i2.PBanner, typeof i3.PButton, typeof i4.PButtonGroup, typeof i5.PButtonPure, typeof i6.PCarousel, typeof i7.PCheckboxWrapper, typeof i8.PContentWrapper, typeof i9.PDivider, typeof i10.PFieldsetWrapper, typeof i11.PFlex, typeof i12.PFlexItem, typeof i13.PGrid, typeof i14.PGridItem, typeof i15.PHeadline, typeof i16.PIcon, typeof i17.PInlineNotification, typeof i18.PLink, typeof i19.PLinkPure, typeof i20.PLinkSocial, typeof i21.PLinkTile, typeof i22.PMarque, typeof i23.PModal, typeof i24.PPagination, typeof i25.PPopover, typeof i26.PRadioButtonWrapper, typeof i27.PScroller, typeof i28.PSegmentedControl, typeof i29.PSegmentedControlItem, typeof i30.PSelectWrapper, typeof i31.PSpinner, typeof i32.PStepperHorizontal, typeof i33.PStepperHorizontalItem, typeof i34.PSwitch, typeof i35.PTable, typeof i36.PTableBody, typeof i37.PTableCell, typeof i38.PTableHead, typeof i39.PTableHeadCell, typeof i40.PTableHeadRow, typeof i41.PTableRow, typeof i42.PTabs, typeof i43.PTabsBar, typeof i44.PTabsItem, typeof i45.PTag, typeof i46.PTagDismissible, typeof i47.PText, typeof i48.PTextFieldWrapper, typeof i49.PTextList, typeof i50.PTextListItem, typeof i51.PTextareaWrapper, typeof i52.PToast], never, [typeof i1.PAccordion, typeof i2.PBanner, typeof i3.PButton, typeof i4.PButtonGroup, typeof i5.PButtonPure, typeof i6.PCarousel, typeof i7.PCheckboxWrapper, typeof i8.PContentWrapper, typeof i9.PDivider, typeof i10.PFieldsetWrapper, typeof i11.PFlex, typeof i12.PFlexItem, typeof i13.PGrid, typeof i14.PGridItem, typeof i15.PHeadline, typeof i16.PIcon, typeof i17.PInlineNotification, typeof i18.PLink, typeof i19.PLinkPure, typeof i20.PLinkSocial, typeof i21.PLinkTile, typeof i22.PMarque, typeof i23.PModal, typeof i24.PPagination, typeof i25.PPopover, typeof i26.PRadioButtonWrapper, typeof i27.PScroller, typeof i28.PSegmentedControl, typeof i29.PSegmentedControlItem, typeof i30.PSelectWrapper, typeof i31.PSpinner, typeof i32.PStepperHorizontal, typeof i33.PStepperHorizontalItem, typeof i34.PSwitch, typeof i35.PTable, typeof i36.PTableBody, typeof i37.PTableCell, typeof i38.PTableHead, typeof i39.PTableHeadCell, typeof i40.PTableHeadRow, typeof i41.PTableRow, typeof i42.PTabs, typeof i43.PTabsBar, typeof i44.PTabsItem, typeof i45.PTag, typeof i46.PTagDismissible, typeof i47.PText, typeof i48.PTextFieldWrapper, typeof i49.PTextList, typeof i50.PTextListItem, typeof i51.PTextareaWrapper, typeof i52.PToast]>;
67
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof i1.PAccordion, typeof i2.PBanner, typeof i3.PButton, typeof i4.PButtonGroup, typeof i5.PButtonPure, typeof i6.PCarousel, typeof i7.PCheckboxWrapper, typeof i8.PContentWrapper, typeof i9.PDisplay, typeof i10.PDivider, typeof i11.PFieldsetWrapper, typeof i12.PFlex, typeof i13.PFlexItem, typeof i14.PGrid, typeof i15.PGridItem, typeof i16.PHeading, typeof i17.PHeadline, typeof i18.PIcon, typeof i19.PInlineNotification, typeof i20.PLink, typeof i21.PLinkPure, typeof i22.PLinkSocial, typeof i23.PLinkTile, typeof i24.PMarque, typeof i25.PModal, typeof i26.PPagination, typeof i27.PPopover, typeof i28.PRadioButtonWrapper, typeof i29.PScroller, typeof i30.PSegmentedControl, typeof i31.PSegmentedControlItem, typeof i32.PSelectWrapper, typeof i33.PSpinner, typeof i34.PStepperHorizontal, typeof i35.PStepperHorizontalItem, typeof i36.PSwitch, typeof i37.PTable, typeof i38.PTableBody, typeof i39.PTableCell, typeof i40.PTableHead, typeof i41.PTableHeadCell, typeof i42.PTableHeadRow, typeof i43.PTableRow, typeof i44.PTabs, typeof i45.PTabsBar, typeof i46.PTabsItem, typeof i47.PTag, typeof i48.PTagDismissible, typeof i49.PText, typeof i50.PTextFieldWrapper, typeof i51.PTextList, typeof i52.PTextListItem, typeof i53.PTextareaWrapper, typeof i54.PToast], never, [typeof i1.PAccordion, typeof i2.PBanner, typeof i3.PButton, typeof i4.PButtonGroup, typeof i5.PButtonPure, typeof i6.PCarousel, typeof i7.PCheckboxWrapper, typeof i8.PContentWrapper, typeof i9.PDisplay, typeof i10.PDivider, typeof i11.PFieldsetWrapper, typeof i12.PFlex, typeof i13.PFlexItem, typeof i14.PGrid, typeof i15.PGridItem, typeof i16.PHeading, typeof i17.PHeadline, typeof i18.PIcon, typeof i19.PInlineNotification, typeof i20.PLink, typeof i21.PLinkPure, typeof i22.PLinkSocial, typeof i23.PLinkTile, typeof i24.PMarque, typeof i25.PModal, typeof i26.PPagination, typeof i27.PPopover, typeof i28.PRadioButtonWrapper, typeof i29.PScroller, typeof i30.PSegmentedControl, typeof i31.PSegmentedControlItem, typeof i32.PSelectWrapper, typeof i33.PSpinner, typeof i34.PStepperHorizontal, typeof i35.PStepperHorizontalItem, typeof i36.PSwitch, typeof i37.PTable, typeof i38.PTableBody, typeof i39.PTableCell, typeof i40.PTableHead, typeof i41.PTableHeadCell, typeof i42.PTableHeadRow, typeof i43.PTableRow, typeof i44.PTabs, typeof i45.PTabsBar, typeof i46.PTabsItem, typeof i47.PTag, typeof i48.PTagDismissible, typeof i49.PText, typeof i50.PTextFieldWrapper, typeof i51.PTextList, typeof i52.PTextListItem, typeof i53.PTextareaWrapper, typeof i54.PToast]>;
66
68
  static ɵinj: i0.ɵɵInjectorDeclaration<PorscheDesignSystemModule>;
67
69
  }
@@ -0,0 +1 @@
1
+ export * from '@porsche-design-system/components-js/styles';
@@ -0,0 +1 @@
1
+ export * from '@porsche-design-system/components-js/styles';
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('@porsche-design-system/components-js/styles');
4
+
5
+
6
+
7
+ Object.keys(styles).forEach(function (k) {
8
+ if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
9
+ enumerable: true,
10
+ get: function () { return styles[k]; }
11
+ });
12
+ });
@@ -0,0 +1 @@
1
+ @import '~@porsche-design-system/components-js/styles/scss';
File without changes
File without changes
@@ -1,6 +0,0 @@
1
- {
2
- "main": "partials.js",
3
- "module": "esm/partials.js",
4
- "types": "partials.d.ts",
5
- "sideEffects": false
6
- }
@@ -1,5 +0,0 @@
1
- {
2
- "main": "testing.js",
3
- "types": "testing.d.ts",
4
- "sideEffects": false
5
- }