@designsystem-se/af 38.2.1-beta.dark-mode-css-labb → 39.0.1-beta.dark-mode

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 (78) hide show
  1. package/components/digi-badge-status.js +1 -1
  2. package/components/digi-calendar-datepicker.js +1 -1
  3. package/components/digi-code-example.js +6 -6
  4. package/components/digi-context-menu.js +4 -4
  5. package/components/digi-form-checkbox.js +1 -1
  6. package/components/digi-form-error-list.js +1 -1
  7. package/components/digi-form-filter.js +1 -1
  8. package/components/digi-form-select-filter.js +84 -47
  9. package/components/digi-header-avatar.js +1 -1
  10. package/components/digi-info-card.js +1 -1
  11. package/components/digi-link-internal.js +1 -1
  12. package/components/digi-notification-alert.js +1 -1
  13. package/components/digi-progress-indicator.js +1 -1
  14. package/components/digi-progress-list-item.js +1 -1
  15. package/components/{p-78154d00.js → p-90f7d507.js} +1 -1
  16. package/components/p-a162b186.js +177 -0
  17. package/components/p-d516f6af.js +66 -0
  18. package/custom-elements.json +1 -1
  19. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  20. package/dist/cjs/digi-badge-status.cjs.entry.js +1 -1
  21. package/dist/cjs/digi-button_84.cjs.entry.js +94 -57
  22. package/dist/cjs/digi-code-example.cjs.entry.js +5 -5
  23. package/dist/cjs/digi-progress-list-item.cjs.entry.js +1 -1
  24. package/dist/cjs/loader.cjs.js +1 -1
  25. package/dist/collection/components/_badge/badge-status/badge-status.css +2 -2
  26. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +131 -381
  27. package/dist/collection/components/_code/code-example/code-example.js +4 -5
  28. package/dist/collection/components/_form/form-checkbox/form-checkbox.css +130 -380
  29. package/dist/collection/components/_form/form-select-filter/form-select-filter.js +85 -48
  30. package/dist/collection/components/_header/header-avatar/header-avatar.css +130 -380
  31. package/dist/collection/components/_link/link-internal/link-internal.css +130 -380
  32. package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js +6 -6
  33. package/dist/collection/components/_notification/notification-alert/notification-alert.css +1 -1
  34. package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +1 -1
  35. package/dist/collection/components/_progress/progress-list-item/progress-list-item.css +2 -2
  36. package/dist/collection/design-tokens/components/_badge-status.variables.scss +1 -1
  37. package/dist/collection/design-tokens/components/_logo.variables.scss +0 -2
  38. package/dist/collection/design-tokens/components/_notification-alert.variables.scss +1 -1
  39. package/dist/collection/design-tokens/components/_progress-indicator.variables.scss +1 -1
  40. package/dist/collection/styles/src/_alias.mixin.scss +252 -2
  41. package/dist/collection/styles/src/index.scss +2 -16
  42. package/dist/collection/styles/src/themes/_brand-af25.mixin.scss +2 -2
  43. package/dist/collection/styles/src/tokens-documentation/web-AF25.json +308 -154
  44. package/dist/digi-arbetsformedlingen/design-tokens/components/_badge-status.variables.scss +1 -1
  45. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +17 -15
  46. package/dist/digi-arbetsformedlingen/design-tokens/components/_notification-alert.variables.scss +1 -1
  47. package/dist/digi-arbetsformedlingen/design-tokens/components/_progress-indicator.variables.scss +1 -1
  48. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
  49. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  50. package/dist/digi-arbetsformedlingen/{p-c1fd535b.entry.js → p-03b818fc.entry.js} +1 -1
  51. package/dist/digi-arbetsformedlingen/p-53880b04.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-a2fb7d64.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-f4b540e3.entry.js +1 -0
  54. package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +252 -2
  55. package/dist/digi-arbetsformedlingen/styles/src/index.scss +2 -16
  56. package/dist/digi-arbetsformedlingen/styles/src/themes/_brand-af25.mixin.scss +2 -2
  57. package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +308 -154
  58. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  59. package/dist/esm/digi-badge-status.entry.js +1 -1
  60. package/dist/esm/digi-button_84.entry.js +94 -57
  61. package/dist/esm/digi-code-example.entry.js +5 -5
  62. package/dist/esm/digi-progress-list-item.entry.js +1 -1
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +22 -3
  65. package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts +2 -2
  66. package/dist/types/components.d.ts +6 -6
  67. package/hydrate/index.js +102 -65
  68. package/hydrate/index.mjs +102 -65
  69. package/package.json +4 -2
  70. package/components/p-a90b746e.js +0 -177
  71. package/components/p-fdb31c30.js +0 -66
  72. package/dist/collection/styles/src/themes/_alias-dark.scss +0 -126
  73. package/dist/collection/styles/src/themes/_alias-light.scss +0 -126
  74. package/dist/digi-arbetsformedlingen/p-7ed49934.entry.js +0 -1
  75. package/dist/digi-arbetsformedlingen/p-ad638968.entry.js +0 -1
  76. package/dist/digi-arbetsformedlingen/p-ede12626.entry.js +0 -1
  77. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-dark.scss +0 -126
  78. package/dist/digi-arbetsformedlingen/styles/src/themes/_alias-light.scss +0 -126
@@ -20,6 +20,10 @@ export declare class FormSelectFilter {
20
20
  private _toggleButton;
21
21
  private _submitButton;
22
22
  private _searchQuery;
23
+ /** True when `value` was set from outside (e.g. Angular CVA) — then value is selection master. */
24
+ private _valueIsMaster;
25
+ /** Guards internal `value` writes so they don't flip `_valueIsMaster`. */
26
+ private _updatingValueInternally;
23
27
  /**
24
28
  * En valfri beskrivningstext.
25
29
  * @en An optional description text.
@@ -71,9 +75,14 @@ export declare class FormSelectFilter {
71
75
  sortAlphabetically: boolean;
72
76
  /**
73
77
  * @ignore
78
+ * Propertyn `value` finns inte dokumenterad på komponentens sida på dokumentationswebben, utan
79
+ * är endast till för att användas tillsammans med Angulars Control Value Accessors (CVA).
80
+ * Används CVA för att hantera komponentens värden så ska inte afListItems användas för att
81
+ * påverka vilka val som är gjorda eller ej.
82
+ * Exempel på båda sätten att hantera datat finns i Angular Playground.
74
83
  */
75
84
  value: IListItem[];
76
- onValueChanged(value: IListItem[]): void;
85
+ onValueChanged(newValue: IListItem[] | string): void;
77
86
  /**
78
87
  * Sätts till true om det ska gå att välja flera val från listan.
79
88
  * @en Set to true if you should be able to choose multiple items from the list.
@@ -201,7 +210,18 @@ export declare class FormSelectFilter {
201
210
  * @en Listens for when focus is set on the custom element and propagates it down to the toggle butto.
202
211
  */
203
212
  focusOnElement(): void;
204
- debounce(func: any, timeout?: number): (...args: any[]) => void;
213
+ componentWillLoad(): void;
214
+ private bootstrapInitialValue;
215
+ /**
216
+ * Keep `value` and `afListItems[].selected` in sync.
217
+ * - If `value` was set externally (`_valueIsMaster`), value wins on list updates.
218
+ * - Otherwise selection is seeded from `afListItems[].selected` (React/vanilla data-as-master).
219
+ * Does not emit `afOnSelect` — that is reserved for user interaction so Angular Control Value Accessors
220
+ * does not get feedback loops on prop sync.
221
+ */
222
+ syncValueAndSelectedListItems(whereDidTheChangeComeFrom: 'valueChange' | 'afListItemsChange'): void;
223
+ private applyValueToListItems;
224
+ private setValueInternally;
205
225
  setClosed(focusToggleButton?: boolean): void;
206
226
  setScroll(scrollY: number): void;
207
227
  setOpen(): void;
@@ -210,7 +230,6 @@ export declare class FormSelectFilter {
210
230
  toggleDropdown(): void;
211
231
  inputItem(identifier: any, index: any): HTMLInputElement;
212
232
  emitFilterClosedEvent(): void;
213
- componentWillLoad(): void;
214
233
  setFocusItem(): void;
215
234
  setFocusSearch(): void;
216
235
  incrementFocusItem(): void;
@@ -50,8 +50,8 @@ export declare class ContextMenu {
50
50
  */
51
51
  afMenuPosition?: ContextMenuPosition;
52
52
  /**
53
- * Sätter ett förvalt värde. I React måste detta vara av typen string.
54
- * @en Sets a preselected value. In React this has to be of the type string.
53
+ * Sätter ett förvalt värde.
54
+ * @en Sets a preselected value.
55
55
  */
56
56
  afActiveItem: ContextMenuItem['id'];
57
57
  /**
@@ -774,8 +774,8 @@ export namespace Components {
774
774
  */
775
775
  interface DigiContextMenu {
776
776
  /**
777
- * Sätter ett förvalt värde. I React måste detta vara av typen string.
778
- * @en Sets a preselected value. In React this has to be of the type string.
777
+ * Sätter ett förvalt värde.
778
+ * @en Sets a preselected value.
779
779
  */
780
780
  "afActiveItem": ContextMenuItem['id'];
781
781
  /**
@@ -2205,7 +2205,7 @@ export namespace Components {
2205
2205
  */
2206
2206
  "sortAlphabetically": boolean;
2207
2207
  /**
2208
- * @ignore
2208
+ * @ignore Propertyn `value` finns inte dokumenterad på komponentens sida på dokumentationswebben, utan är endast till för att användas tillsammans med Angulars Control Value Accessors (CVA). Används CVA för att hantera komponentens värden så ska inte afListItems användas för att påverka vilka val som är gjorda eller ej. Exempel på båda sätten att hantera datat finns i Angular Playground.
2209
2209
  */
2210
2210
  "value": IListItem[];
2211
2211
  }
@@ -12245,8 +12245,8 @@ declare namespace LocalJSX {
12245
12245
  */
12246
12246
  interface DigiContextMenu {
12247
12247
  /**
12248
- * Sätter ett förvalt värde. I React måste detta vara av typen string.
12249
- * @en Sets a preselected value. In React this has to be of the type string.
12248
+ * Sätter ett förvalt värde.
12249
+ * @en Sets a preselected value.
12250
12250
  */
12251
12251
  "afActiveItem"?: ContextMenuItem['id'];
12252
12252
  /**
@@ -13956,7 +13956,7 @@ declare namespace LocalJSX {
13956
13956
  */
13957
13957
  "sortAlphabetically"?: boolean;
13958
13958
  /**
13959
- * @ignore
13959
+ * @ignore Propertyn `value` finns inte dokumenterad på komponentens sida på dokumentationswebben, utan är endast till för att användas tillsammans med Angulars Control Value Accessors (CVA). Används CVA för att hantera komponentens värden så ska inte afListItems användas för att påverka vilka val som är gjorda eller ej. Exempel på båda sätten att hantera datat finns i Angular Playground.
13960
13960
  */
13961
13961
  "value"?: IListItem[];
13962
13962
  }