@designsystem-se/af 35.3.1 → 35.4.1-beta.0

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 (107) hide show
  1. package/components/digi-bar-chart.js +126 -111
  2. package/components/digi-chart-line.js +1 -1
  3. package/components/digi-code-block.js +1 -1
  4. package/components/digi-code-example.js +1 -1
  5. package/components/digi-info-card.js +1 -1
  6. package/components/digi-link-button.js +3 -1
  7. package/components/p-472bc7d3.js +129 -0
  8. package/custom-elements.json +6 -2
  9. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  10. package/dist/cjs/{digi-button_24.cjs.entry.js → digi-bar-chart_27.cjs.entry.js} +1611 -47
  11. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +2 -2
  12. package/dist/cjs/digi-chart-line.cjs.entry.js +1 -1
  13. package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -3
  14. package/dist/cjs/digi-dialog.cjs.entry.js +2 -2
  15. package/dist/cjs/digi-footer.cjs.entry.js +2 -2
  16. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -2
  17. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -2
  18. package/dist/cjs/digi-form-select-filter.cjs.entry.js +2 -2
  19. package/dist/cjs/digi-info-card.cjs.entry.js +1 -1
  20. package/dist/cjs/digi-link-button.cjs.entry.js +2 -1
  21. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -2
  22. package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -2
  23. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -2
  24. package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -2
  25. package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +38 -0
  26. package/dist/cjs/digi-typography-preamble.cjs.entry.js +20 -0
  27. package/dist/cjs/index-7a477838.js +10 -14
  28. package/dist/cjs/index.cjs.js +20 -20
  29. package/dist/cjs/loader.cjs.js +1 -1
  30. package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +17 -0
  31. package/dist/cjs/{typography-variation.enum-9f56fd50.js → typography-variation.enum-8fd8bed4.js} +6 -16
  32. package/dist/collection/components/_chart/bar-chart/bar-chart.css +13 -19
  33. package/dist/collection/components/_chart/bar-chart/bar-chart.js +125 -110
  34. package/dist/collection/components/_chart/chart-line/chart-line.css +19 -23
  35. package/dist/collection/components/_code/code-block/code-block.css +2 -2
  36. package/dist/collection/components/_info-card/info-card/info-card.js +5 -5
  37. package/dist/collection/components/_link/link-button/link-button.js +24 -1
  38. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  39. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  40. package/dist/digi-arbetsformedlingen/p-044b32d7.entry.js +1 -0
  41. package/dist/digi-arbetsformedlingen/{p-e2330d9c.entry.js → p-1241d74a.entry.js} +1 -1
  42. package/dist/digi-arbetsformedlingen/{p-e54f5b28.entry.js → p-222a2b41.entry.js} +1 -1
  43. package/dist/digi-arbetsformedlingen/p-37377041.entry.js +1 -0
  44. package/dist/digi-arbetsformedlingen/p-3ae60edc.entry.js +1 -0
  45. package/dist/digi-arbetsformedlingen/p-431baa4e.entry.js +1 -0
  46. package/dist/digi-arbetsformedlingen/{p-0d35dc92.entry.js → p-56ca6c5c.entry.js} +1 -1
  47. package/dist/digi-arbetsformedlingen/{p-6559910e.entry.js → p-58f76475.entry.js} +1 -1
  48. package/dist/digi-arbetsformedlingen/{p-092d0e3e.entry.js → p-5a08f170.entry.js} +1 -1
  49. package/dist/digi-arbetsformedlingen/p-5aae7437.entry.js +1 -0
  50. package/dist/digi-arbetsformedlingen/{p-c04b06a2.entry.js → p-5ac3d7a9.entry.js} +1 -1
  51. package/dist/digi-arbetsformedlingen/{p-e0db40e9.entry.js → p-69010d14.entry.js} +1 -1
  52. package/dist/digi-arbetsformedlingen/{p-f1a6524e.entry.js → p-83b3f053.entry.js} +1 -1
  53. package/dist/digi-arbetsformedlingen/p-86eddf30.js +1 -0
  54. package/dist/digi-arbetsformedlingen/p-9f03b573.entry.js +1 -0
  55. package/dist/digi-arbetsformedlingen/p-a884ccf8.entry.js +1 -0
  56. package/dist/digi-arbetsformedlingen/{p-01f5f243.entry.js → p-c4cf1215.entry.js} +1 -1
  57. package/dist/digi-arbetsformedlingen/p-d1886fff.js +1 -0
  58. package/dist/digi-arbetsformedlingen/{p-5c7acd45.entry.js → p-e3bdf65a.entry.js} +1 -1
  59. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  60. package/dist/esm/{digi-button_24.entry.js → digi-bar-chart_27.entry.js} +1608 -47
  61. package/dist/esm/digi-calendar-datepicker.entry.js +2 -2
  62. package/dist/esm/digi-chart-line.entry.js +1 -1
  63. package/dist/esm/digi-code-block_3.entry.js +3 -3
  64. package/dist/esm/digi-dialog.entry.js +2 -2
  65. package/dist/esm/digi-footer.entry.js +2 -2
  66. package/dist/esm/digi-form-error-list.entry.js +2 -2
  67. package/dist/esm/digi-form-receipt.entry.js +2 -2
  68. package/dist/esm/digi-form-select-filter.entry.js +2 -2
  69. package/dist/esm/digi-info-card.entry.js +1 -1
  70. package/dist/esm/digi-link-button.entry.js +2 -1
  71. package/dist/esm/digi-navigation-pagination.entry.js +2 -2
  72. package/dist/esm/digi-notification-alert.entry.js +2 -2
  73. package/dist/esm/digi-notification-error-page.entry.js +2 -2
  74. package/dist/esm/digi-tools-feedback.entry.js +2 -2
  75. package/dist/esm/digi-typography-heading-jumbo.entry.js +34 -0
  76. package/dist/esm/digi-typography-preamble.entry.js +16 -0
  77. package/dist/esm/index-148a7577.js +10 -14
  78. package/dist/esm/index.js +2 -2
  79. package/dist/esm/loader.js +1 -1
  80. package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +17 -0
  81. package/dist/esm/{typography-variation.enum-8ba40d15.js → typography-variation.enum-531cdf64.js} +7 -17
  82. package/dist/types/components/_chart/bar-chart/bar-chart.d.ts +9 -0
  83. package/dist/types/components/_info-card/info-card/info-card.d.ts +4 -4
  84. package/dist/types/components/_link/link-button/link-button.d.ts +5 -0
  85. package/dist/types/components.d.ts +18 -8
  86. package/hydrate/index.js +132 -115
  87. package/hydrate/index.mjs +132 -115
  88. package/package.json +1 -1
  89. package/components/p-2bc16106.js +0 -129
  90. package/dist/cjs/bar-chart-variation.enum-a4e866b6.js +0 -7
  91. package/dist/cjs/digi-bar-chart.cjs.entry.js +0 -1510
  92. package/dist/cjs/digi-icon-caret-down_2.cjs.entry.js +0 -53
  93. package/dist/cjs/digi-icon-chart_2.cjs.entry.js +0 -53
  94. package/dist/digi-arbetsformedlingen/p-0c271457.entry.js +0 -1
  95. package/dist/digi-arbetsformedlingen/p-2422b0d1.entry.js +0 -1
  96. package/dist/digi-arbetsformedlingen/p-54a797ed.entry.js +0 -1
  97. package/dist/digi-arbetsformedlingen/p-a5c6e42e.entry.js +0 -1
  98. package/dist/digi-arbetsformedlingen/p-b22f09f1.entry.js +0 -1
  99. package/dist/digi-arbetsformedlingen/p-bd6e0b22.entry.js +0 -1
  100. package/dist/digi-arbetsformedlingen/p-c1606b8a.entry.js +0 -1
  101. package/dist/digi-arbetsformedlingen/p-d2d0856f.js +0 -1
  102. package/dist/digi-arbetsformedlingen/p-d8b9b535.entry.js +0 -1
  103. package/dist/digi-arbetsformedlingen/p-dcdffb3c.js +0 -1
  104. package/dist/esm/bar-chart-variation.enum-97c0b47f.js +0 -7
  105. package/dist/esm/digi-bar-chart.entry.js +0 -1506
  106. package/dist/esm/digi-icon-caret-down_2.entry.js +0 -48
  107. package/dist/esm/digi-icon-chart_2.entry.js +0 -48
@@ -12,6 +12,12 @@ var CalendarDatepickerValidation;
12
12
  CalendarDatepickerValidation["NEUTRAL"] = "neutral";
13
13
  })(CalendarDatepickerValidation || (CalendarDatepickerValidation = {}));
14
14
 
15
+ var BarChartVariation;
16
+ (function (BarChartVariation) {
17
+ BarChartVariation["Vertical"] = "vertical";
18
+ BarChartVariation["Horizontal"] = "horizontal";
19
+ })(BarChartVariation || (BarChartVariation = {}));
20
+
15
21
  var CodeBlockLanguage;
16
22
  (function (CodeBlockLanguage) {
17
23
  CodeBlockLanguage["JSON"] = "json";
@@ -253,26 +259,10 @@ var FeedbackVariation;
253
259
  FeedbackVariation["SECONDARY"] = "secondary";
254
260
  })(FeedbackVariation || (FeedbackVariation = {}));
255
261
 
256
- var TypographyHeadingJumboLevel;
257
- (function (TypographyHeadingJumboLevel) {
258
- TypographyHeadingJumboLevel["H1"] = "h1";
259
- TypographyHeadingJumboLevel["H2"] = "h2";
260
- TypographyHeadingJumboLevel["H3"] = "h3";
261
- TypographyHeadingJumboLevel["H4"] = "h4";
262
- TypographyHeadingJumboLevel["H5"] = "h5";
263
- TypographyHeadingJumboLevel["H6"] = "h6";
264
- })(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
265
-
266
- var TypographyHeadingJumboVariation;
267
- (function (TypographyHeadingJumboVariation) {
268
- TypographyHeadingJumboVariation["PRIMARY"] = "primary";
269
- TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
270
- })(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
271
-
272
262
  var TypographyVariation;
273
263
  (function (TypographyVariation) {
274
264
  TypographyVariation["SMALL"] = "small";
275
265
  TypographyVariation["LARGE"] = "large";
276
266
  })(TypographyVariation || (TypographyVariation = {}));
277
267
 
278
- export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NavigationVerticalMenuActiveIndicatorSize as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormRadiobuttonLayout as e, FormRadiobuttonValidation as f, FormRadiobuttonVariation as g, FormReceiptHeadingLevel as h, FormReceiptType as i, FormReceiptVariation as j, FormSelectFilterValidation as k, InfoCardMultiHeadingLevel as l, InfoCardMultiVariation as m, InfoCardHeadingLevel as n, LayoutContainerVariation as o, LayoutContainerMaxWidth as p, NavigationVerticalMenuVariation as q, NotificationAlertHeadingLevel as r, NotificationAlertSize as s, NotificationAlertVariation as t, ToolsFeedbackHeadingLevel as u, ToolsFeedbackType as v, FeedbackVariation as w, TypographyHeadingJumboLevel as x, TypographyHeadingJumboVariation as y, TypographyVariation as z };
268
+ export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NavigationVerticalMenuActiveIndicatorSize as N, TitleLogoVariation as T, BarChartVariation as a, CodeBlockLanguage as b, DialogSize as c, DialogVariation as d, FormErrorListHeadingLevel as e, FormRadiobuttonLayout as f, FormRadiobuttonValidation as g, FormRadiobuttonVariation as h, FormReceiptHeadingLevel as i, FormReceiptType as j, FormReceiptVariation as k, FormSelectFilterValidation as l, InfoCardMultiHeadingLevel as m, InfoCardMultiVariation as n, InfoCardHeadingLevel as o, LayoutContainerVariation as p, LayoutContainerMaxWidth as q, NavigationVerticalMenuVariation as r, NotificationAlertHeadingLevel as s, NotificationAlertSize as t, NotificationAlertVariation as u, ToolsFeedbackHeadingLevel as v, ToolsFeedbackType as w, FeedbackVariation as x, TypographyVariation as y };
@@ -43,6 +43,9 @@ export declare class barChart {
43
43
  private _placeholderTicks;
44
44
  private _prevHeight;
45
45
  private _tempScale;
46
+ private mappedData;
47
+ private dataWidth;
48
+ private barGap;
46
49
  afChartDataUpdate(data: ChartLineData | string): void;
47
50
  private _chartDiv;
48
51
  private _host;
@@ -66,6 +69,7 @@ export declare class barChart {
66
69
  private defaultDuration;
67
70
  fontSize: string;
68
71
  private _numberFormat;
72
+ private colorPalettes;
69
73
  barChartObserver: ResizeObserver;
70
74
  tableObserver: ResizeObserver;
71
75
  initSvg(): void;
@@ -89,6 +93,11 @@ export declare class barChart {
89
93
  private adjustBarText;
90
94
  private reshapeData;
91
95
  private adjustBarSize;
96
+ colorFunction(input: number | string): string;
97
+ xFunction: (d: any, i: number) => any;
98
+ yFunction: (d: any, i: number) => any;
99
+ heightFunction: (d: any) => number;
100
+ widthFunction: (d: any) => number;
92
101
  resize(): void;
93
102
  private resizeTable;
94
103
  private getLargestText;
@@ -31,13 +31,13 @@ export declare class InfoCard {
31
31
  */
32
32
  afType: InfoCardType;
33
33
  /**
34
- * Sätter storlek på kortet. Kan vara 'Standar'.
35
- * @en Set info card variation. Can be 'Standar'.
34
+ * Sätter storlek på kortet. Kan vara 'Standard'.
35
+ * @en Set info card size. Can be 'Standard'.
36
36
  */
37
37
  afSize: InfoCardSize;
38
38
  /**
39
- * Sätter storlek kortet. Kan vara 'Standard'.
40
- * @en Set info card variation. Can be 'Standard'.
39
+ * Sätter position för kantlinjen. Kan vara 'top' eller 'left'. Detta har endast genomslag om 'af-type' är 'related'.
40
+ * @en Set border position. Can be 'top' or 'left'. This only applies if 'af-type' is 'related'.
41
41
  */
42
42
  afBorderPosition: InfoCardBorderPosition;
43
43
  /**
@@ -15,6 +15,11 @@ export declare class LinkButton {
15
15
  * @en Set `href` attribute
16
16
  */
17
17
  afHref: string;
18
+ /**
19
+ * Sätter attributet 'aria-label'.
20
+ * @en Sets 'aria-label' attribute.
21
+ */
22
+ afAriaLabel: string;
18
23
  /**
19
24
  * Sätter variant. Kan vara 'primary', 'secondary', 'primary-alt' eller 'secondary-alt'
20
25
  * @en Set variation. Can be 'primary', 'secondary', 'primary-alt' or 'secondary-alt'
@@ -6611,8 +6611,8 @@ export namespace Components {
6611
6611
  */
6612
6612
  interface DigiInfoCard {
6613
6613
  /**
6614
- * Sätter storlek kortet. Kan vara 'Standard'.
6615
- * @en Set info card variation. Can be 'Standard'.
6614
+ * Sätter position för kantlinjen. Kan vara 'top' eller 'left'. Detta har endast genomslag om 'af-type' är 'related'.
6615
+ * @en Set border position. Can be 'top' or 'left'. This only applies if 'af-type' is 'related'.
6616
6616
  */
6617
6617
  "afBorderPosition": InfoCardBorderPosition;
6618
6618
  /**
@@ -6636,8 +6636,8 @@ export namespace Components {
6636
6636
  */
6637
6637
  "afLinkText": string;
6638
6638
  /**
6639
- * Sätter storlek på kortet. Kan vara 'Standar'.
6640
- * @en Set info card variation. Can be 'Standar'.
6639
+ * Sätter storlek på kortet. Kan vara 'Standard'.
6640
+ * @en Set info card size. Can be 'Standard'.
6641
6641
  */
6642
6642
  "afSize": InfoCardSize;
6643
6643
  /**
@@ -6870,6 +6870,11 @@ export namespace Components {
6870
6870
  * @swedishName Länkknapp
6871
6871
  */
6872
6872
  interface DigiLinkButton {
6873
+ /**
6874
+ * Sätter attributet 'aria-label'.
6875
+ * @en Sets 'aria-label' attribute.
6876
+ */
6877
+ "afAriaLabel": string;
6873
6878
  /**
6874
6879
  * Fullbredd.
6875
6880
  * @en Fullwidth.
@@ -18311,8 +18316,8 @@ declare namespace LocalJSX {
18311
18316
  */
18312
18317
  interface DigiInfoCard {
18313
18318
  /**
18314
- * Sätter storlek kortet. Kan vara 'Standard'.
18315
- * @en Set info card variation. Can be 'Standard'.
18319
+ * Sätter position för kantlinjen. Kan vara 'top' eller 'left'. Detta har endast genomslag om 'af-type' är 'related'.
18320
+ * @en Set border position. Can be 'top' or 'left'. This only applies if 'af-type' is 'related'.
18316
18321
  */
18317
18322
  "afBorderPosition"?: InfoCardBorderPosition;
18318
18323
  /**
@@ -18336,8 +18341,8 @@ declare namespace LocalJSX {
18336
18341
  */
18337
18342
  "afLinkText"?: string;
18338
18343
  /**
18339
- * Sätter storlek på kortet. Kan vara 'Standar'.
18340
- * @en Set info card variation. Can be 'Standar'.
18344
+ * Sätter storlek på kortet. Kan vara 'Standard'.
18345
+ * @en Set info card size. Can be 'Standard'.
18341
18346
  */
18342
18347
  "afSize"?: InfoCardSize;
18343
18348
  /**
@@ -18589,6 +18594,11 @@ declare namespace LocalJSX {
18589
18594
  * @swedishName Länkknapp
18590
18595
  */
18591
18596
  interface DigiLinkButton {
18597
+ /**
18598
+ * Sätter attributet 'aria-label'.
18599
+ * @en Sets 'aria-label' attribute.
18600
+ */
18601
+ "afAriaLabel"?: string;
18592
18602
  /**
18593
18603
  * Fullbredd.
18594
18604
  * @en Fullwidth.