@dnb/eufemia 10.69.1 → 10.70.1

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.70.1](https://github.com/dnbexperience/eufemia/compare/v10.70.0...v10.70.1) (2025-04-10)
+
+
+### :bug: Bug Fixes
+
+* **DatePicker:** enhance typing in input ([#4893](https://github.com/dnbexperience/eufemia/issues/4893)) ([1162c72](https://github.com/dnbexperience/eufemia/commit/1162c72842286e0383a15406a02f7e3846d275f4))
+* **Forms:** prevent form submit when `error` prop is set on a `Field.*` ([#4908](https://github.com/dnbexperience/eufemia/issues/4908)) ([687c249](https://github.com/dnbexperience/eufemia/commit/687c2493ab5f463163cb947aef162890f50153cd))
+
+## [10.70.0](https://github.com/dnbexperience/eufemia/compare/v10.69.1...v10.70.0) (2025-04-04)
+
+
+### :sparkles: Features
+
+* **Avatar:** add properties `color` & `backgroundColor` ([#4897](https://github.com/dnbexperience/eufemia/issues/4897)) ([2d1a675](https://github.com/dnbexperience/eufemia/commit/2d1a675e6d7d3ec679380dd2bfcc492de5da87de))
+* **Field.Password:** set default autocomplete attribute to `current-password` ([#4874](https://github.com/dnbexperience/eufemia/issues/4874)) ([c6b1454](https://github.com/dnbexperience/eufemia/commit/c6b1454980848a46ebc23ab56bd05be371cc7b4e))
+* **GlobalError:** deprecate `code` in favor of `errorMessageCode` ([#4872](https://github.com/dnbexperience/eufemia/issues/4872)) ([3634bce](https://github.com/dnbexperience/eufemia/commit/3634bce6ca174904b6921b0bc549a457f21e6a64))
+* **GlobalError:** deprecate `status` in favor of `statusCode` ([#4819](https://github.com/dnbexperience/eufemia/issues/4819)) ([6aeca86](https://github.com/dnbexperience/eufemia/commit/6aeca86b942855072d112b2ed719fe2c0c966216))
+* **InfoCard:** add `children` property ([#4831](https://github.com/dnbexperience/eufemia/issues/4831)) ([7d61f14](https://github.com/dnbexperience/eufemia/commit/7d61f14c921a40f35ca6a0fbee5e10528933d6d9))
+* **Pagination:** rename `place_maker_before_content` to `place_marker_before_content` ([#4875](https://github.com/dnbexperience/eufemia/issues/4875)) ([51974fa](https://github.com/dnbexperience/eufemia/commit/51974faf9872dafae1709daf7091de1427c540be))
+* **Upload:** add property `allowDuplicates` ([#4880](https://github.com/dnbexperience/eufemia/issues/4880)) ([192d98b](https://github.com/dnbexperience/eufemia/commit/192d98bce249e4fa936cf12435450659c9b0ec37))
+
+
+### :bug: Bug Fixes
+
+* **Avatar.Group:** forward `size`, `variant`, `color`, `backgroundColor` to single child ([#4903](https://github.com/dnbexperience/eufemia/issues/4903)) ([f4ad737](https://github.com/dnbexperience/eufemia/commit/f4ad737fa6a5e2c0f040ebd2a434d8c6db96c080))
+* **DatePicker:** update calendar views based on input value when `range` is `true` ([#4859](https://github.com/dnbexperience/eufemia/issues/4859)) ([99d7c72](https://github.com/dnbexperience/eufemia/commit/99d7c72e6493ccf551f832f7875a5c5a9711a134))
+* **Forms:** correctly report error during Wizard step navigation with async event handler or field validator ([#4899](https://github.com/dnbexperience/eufemia/issues/4899)) ([995aff6](https://github.com/dnbexperience/eufemia/commit/995aff653dd70e496e1e02ba13c7f858c98ea11b)), closes [#4892](https://github.com/dnbexperience/eufemia/issues/4892)
+* **Forms:** ensure `hasValue` runs in Form.Visibility when path is missing ([#4870](https://github.com/dnbexperience/eufemia/issues/4870)) ([01cd306](https://github.com/dnbexperience/eufemia/commit/01cd30613583a4dd370493fc3531eb27605248ef)), closes [#4864](https://github.com/dnbexperience/eufemia/issues/4864)
+* **Upload:** compare existing properties to determine duplicate ([#4895](https://github.com/dnbexperience/eufemia/issues/4895)) ([7286a33](https://github.com/dnbexperience/eufemia/commit/7286a332d749c8be16a037bda68db666b79858e8))
+* **Upload:** correct displaying of only text ([#4896](https://github.com/dnbexperience/eufemia/issues/4896)) ([ef9c565](https://github.com/dnbexperience/eufemia/commit/ef9c5652e784290a1d3c74b180e34ad665fa3936))
+
 ## [10.69.1](https://github.com/dnbexperience/eufemia/compare/v10.69.0...v10.69.1) (2025-04-01)
 
 

package/cjs/components/aria-live/AriaLiveDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const AriaLiveProperties: PropertiesTableProps;

package/cjs/components/aria-live/AriaLiveDocs.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AriaLiveProperties = void 0;
+const AriaLiveProperties = exports.AriaLiveProperties = {
+  variant: {
+    doc: 'Can be `text` for text messages or `content` for whole application content. Defaults to `text`.',
+    type: ['string'],
+    status: 'optional'
+  },
+  priority: {
+    doc: 'Priority of the announcement. Can be `low` or `high`. Defaults to `low`.',
+    type: ['string'],
+    status: 'optional'
+  },
+  delay: {
+    doc: 'Delay in milliseconds before the announcement is made. Defaults to `1000`.',
+    type: ['number'],
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'If `true`, the announcement will not be made. Defaults to `false`.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  atomic: {
+    doc: 'If `true`, assistive technologies will present the entire region as a whole. If `false`, only additions will be announced.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  politeness: {
+    doc: 'The politeness setting for the announcement. Can be `polite` or `assertive`.',
+    type: ['string'],
+    status: 'optional'
+  },
+  relevant: {
+    doc: 'A space-separated list of the types of changes that should be announced. Can be `additions`, `removals`, `text`, or `all`.',
+    type: ['string'],
+    status: 'optional'
+  },
+  showAnnouncement: {
+    doc: 'Whether to show the children or not. Defaults to `false`.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content that will be announced to the user.',
+    type: ['ReactNode'],
+    status: 'required'
+  }
+};
+//# sourceMappingURL=AriaLiveDocs.js.map

package/cjs/components/aria-live/AriaLiveDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaLiveDocs.js","names":["AriaLiveProperties","exports","variant","doc","type","status","priority","delay","disabled","atomic","politeness","relevant","showAnnouncement","children"],"sources":["../../../../src/components/aria-live/AriaLiveDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AriaLiveProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'Can be `text` for text messages or `content` for whole application content. Defaults to `text`.',\n    type: ['string'],\n    status: 'optional',\n  },\n  priority: {\n    doc: 'Priority of the announcement. Can be `low` or `high`. Defaults to `low`.',\n    type: ['string'],\n    status: 'optional',\n  },\n  delay: {\n    doc: 'Delay in milliseconds before the announcement is made. Defaults to `1000`.',\n    type: ['number'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If `true`, the announcement will not be made. Defaults to `false`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  atomic: {\n    doc: 'If `true`, assistive technologies will present the entire region as a whole. If `false`, only additions will be announced.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  politeness: {\n    doc: 'The politeness setting for the announcement. Can be `polite` or `assertive`.',\n    type: ['string'],\n    status: 'optional',\n  },\n  relevant: {\n    doc: 'A space-separated list of the types of changes that should be announced. Can be `additions`, `removals`, `text`, or `all`.',\n    type: ['string'],\n    status: 'optional',\n  },\n  showAnnouncement: {\n    doc: 'Whether to show the children or not. Defaults to `false`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content that will be announced to the user.',\n    type: ['ReactNode'],\n    status: 'required',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,kBAAwC,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EACtDE,OAAO,EAAE;IACPC,GAAG,EAAE,iGAAiG;IACtGC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,0EAA0E;IAC/EC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDI,MAAM,EAAE;IACNN,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDK,UAAU,EAAE;IACVP,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,CAAC,WAAW,CAAC;IACnBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/components/autocomplete/AutocompleteDocs.js

@@ -187,12 +187,12 @@ const autocompleteProperties = exports.autocompleteProperties = {
   },
   status: {
     doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
-    type: 'string',
+    type: ['error', 'info', 'boolean'],
     status: 'optional'
   },
   status_state: {
     doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',
-    type: 'string',
+    type: ['error', 'info'],
     status: 'optional'
   },
   status_props: {
@@ -232,7 +232,7 @@ const autocompleteProperties = exports.autocompleteProperties = {
   },
   input_ref: {
     doc: 'Use a React.Ref to get access to the `input` DOM element.',
-    type: 'React.Ref',
+    type: 'React.RefObject',
     status: 'optional'
   },
   input_element: {

package/cjs/components/autocomplete/AutocompleteDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteDocs.js","names":["autocompleteProperties","exports","mode","doc","type","status","input_value","placeholder","title","disable_filter","disable_highlighting","disable_reorder","search_numbers","search_in_word_index","keep_value","keep_selection","keep_value_and_selection","prevent_selection","show_clear_button","icon","icon_size","icon_position","input_icon","triangle_position","size","drawer_class","show_submit_button","align_autocomplete","no_options","aria_live_options","show_all","indicator_label","show_options_sr","selected_sr","submit_button_title","submit_button_icon","submit_element","opened","open_on_focus","stretch","skip_portal","status_state","status_props","globalStatus","label","label_direction","label_sr_only","suffix","skeleton","input_ref","input_element","AutocompleteEvents","on_type","on_focus","on_blur","on_change","on_select","on_show","on_hide"],"sources":["../../../../src/components/autocomplete/AutocompleteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const autocompleteProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'If set to `async`, it prevents showing the \"no options\" message during typing / filtering. Defaults to `sync`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_value: {\n    doc: 'Lets you define a custom input value.',\n    type: 'string',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Use this to define the pre-filled placeholder text in the input. Defaults to `title=\"Skriv og velg\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  disable_filter: {\n    doc: 'If set to `true`, word highlighting will still be active, but no options will be filtered out. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_highlighting: {\n    doc: 'If set to `true`, word highlighting will be disabled, but the options will still get filtered. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_reorder: {\n    doc: 'If set to `true`, reordering of search results will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_numbers: {\n    doc: 'If set to `true` and `search_in_word_index` is not set, the user will be able to more easily search and filter e.g. bank account numbers. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_in_word_index: {\n    doc: 'This gives you the possibility to change the threshold number, which defines from what word on we search \"inside words\". Defaults to `3`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value: {\n    doc: 'Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_selection: {\n    doc: 'Use `true` to not remove selected item on input blur, when the input value is empty. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value_and_selection: {\n    doc: 'Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, no permanent selection will be made. Also, the typed value will not disappear on input blur (like `keep_value`). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_clear_button: {\n    doc: 'If set to `true`, a clear button is shown inside the input field. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the autocomplete input.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Change the size of the icon pragmatically.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of the icon inside the autocomplete. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_icon: {\n    doc: 'Same as `icon`.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: 'Position of icon arrow / triangle the drawer. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Define the height of the Autocomplete. Can be set to `small`, `default`, `medium` and `large`. Defaults to `default`.',\n    type: 'string',\n    status: 'optional',\n  },\n  drawer_class: {\n    doc: 'Define a custom class for the internal drawer-list. This makes it possible more easily customize the drawer-list style with styled-components and the `css` style method. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  show_submit_button: {\n    doc: 'Use `true` to show a Autocomplete button to toggle the [DrawerList](/uilib/components/fragments/drawer-list). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_autocomplete: {\n    doc: 'Use `right` to change the options alignment direction. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  no_options: {\n    doc: 'Text show in the \"no options\" item. Defaults to `Ingen alternativer`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  aria_live_options: {\n    doc: 'Text read out by screen readers. This way users with screen readers know how many options they got during typing. Defaults to `%s alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_all: {\n    doc: 'Text that lets a user unravel all the available options. Defaults to `Vis alt`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  indicator_label: {\n    doc: 'Text show on indicator \"options\" item. Defaults to `Henter data ...`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_options_sr: {\n    doc: 'Only for screen readers. Title of the button to show the suggestions / options. It is always present and when activating, it opens the DrawerList and sets the focus on it. Defaults to `Bla gjennom alternativer`.',\n    type: 'string',\n    status: 'optional',\n  },\n  selected_sr: {\n    doc: 'Only for screen readers (VoiceOver). The label used to announce the selected item. Defaults to `Valgt:`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title on submit button. Defaults to `Vis alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  submit_button_icon: {\n    doc: 'The icon used in the submit button. Defaults to `chevron_down`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Replace the dropdown / submit button with a custom React element. Defaults to the input SubmitButton `import { SubmitButton } from '@dnb/eufemia/components/input/Input'`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  opened: {\n    doc: 'If set to `true`, the Autocomplete will be rendered initially with a visible and accessible data list / options.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  open_on_focus: {\n    doc: 'Use `true` to auto open the list once the user is entering the input field with the keyboard.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the autocomplete will be 100% in available `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'Set to `true` to disable the React Portal behavior. Defaults to `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Autocomplete more than the label. You can also send in a React component, so it gets wrapped inside the Autocomplete component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_ref: {\n    doc: 'Use a React.Ref to get access to the `input` DOM element.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'Lets you provide a custom React element as the input HTML element.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  '[DrawerList](/uilib/components/fragments/drawer-list/properties)': {\n    doc: 'all DrawerList properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AutocompleteEvents: PropertiesTableProps = {\n  on_type: {\n    doc: 'Will be called for every key change the users makes. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data)',\n    type: 'function',\n    status: 'optional',\n  },\n  on_focus: {\n    doc: 'Will be called on user generated focus action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_blur: {\n    doc: 'Will be called on user generated blur action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the users focuses or selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data). The \"active_item\" property is the currently selected item by keyboard navigation',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the autocomplete. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the autocomplete again, or clicks somewhere else. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AutocompleteDocs.js","names":["autocompleteProperties","exports","mode","doc","type","status","input_value","placeholder","title","disable_filter","disable_highlighting","disable_reorder","search_numbers","search_in_word_index","keep_value","keep_selection","keep_value_and_selection","prevent_selection","show_clear_button","icon","icon_size","icon_position","input_icon","triangle_position","size","drawer_class","show_submit_button","align_autocomplete","no_options","aria_live_options","show_all","indicator_label","show_options_sr","selected_sr","submit_button_title","submit_button_icon","submit_element","opened","open_on_focus","stretch","skip_portal","status_state","status_props","globalStatus","label","label_direction","label_sr_only","suffix","skeleton","input_ref","input_element","AutocompleteEvents","on_type","on_focus","on_blur","on_change","on_select","on_show","on_hide"],"sources":["../../../../src/components/autocomplete/AutocompleteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const autocompleteProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'If set to `async`, it prevents showing the \"no options\" message during typing / filtering. Defaults to `sync`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_value: {\n    doc: 'Lets you define a custom input value.',\n    type: 'string',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Use this to define the pre-filled placeholder text in the input. Defaults to `title=\"Skriv og velg\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  disable_filter: {\n    doc: 'If set to `true`, word highlighting will still be active, but no options will be filtered out. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_highlighting: {\n    doc: 'If set to `true`, word highlighting will be disabled, but the options will still get filtered. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disable_reorder: {\n    doc: 'If set to `true`, reordering of search results will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_numbers: {\n    doc: 'If set to `true` and `search_in_word_index` is not set, the user will be able to more easily search and filter e.g. bank account numbers. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  search_in_word_index: {\n    doc: 'This gives you the possibility to change the threshold number, which defines from what word on we search \"inside words\". Defaults to `3`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value: {\n    doc: 'Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_selection: {\n    doc: 'Use `true` to not remove selected item on input blur, when the input value is empty. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_value_and_selection: {\n    doc: 'Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, no permanent selection will be made. Also, the typed value will not disappear on input blur (like `keep_value`). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_clear_button: {\n    doc: 'If set to `true`, a clear button is shown inside the input field. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the autocomplete input.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Change the size of the icon pragmatically.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of the icon inside the autocomplete. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  input_icon: {\n    doc: 'Same as `icon`.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: 'Position of icon arrow / triangle the drawer. Set to `left` or `right`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Define the height of the Autocomplete. Can be set to `small`, `default`, `medium` and `large`. Defaults to `default`.',\n    type: 'string',\n    status: 'optional',\n  },\n  drawer_class: {\n    doc: 'Define a custom class for the internal drawer-list. This makes it possible more easily customize the drawer-list style with styled-components and the `css` style method. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  show_submit_button: {\n    doc: 'Use `true` to show a Autocomplete button to toggle the [DrawerList](/uilib/components/fragments/drawer-list). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_autocomplete: {\n    doc: 'Use `right` to change the options alignment direction. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  no_options: {\n    doc: 'Text show in the \"no options\" item. Defaults to `Ingen alternativer`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  aria_live_options: {\n    doc: 'Text read out by screen readers. This way users with screen readers know how many options they got during typing. Defaults to `%s alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_all: {\n    doc: 'Text that lets a user unravel all the available options. Defaults to `Vis alt`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  indicator_label: {\n    doc: 'Text show on indicator \"options\" item. Defaults to `Henter data ...`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  show_options_sr: {\n    doc: 'Only for screen readers. Title of the button to show the suggestions / options. It is always present and when activating, it opens the DrawerList and sets the focus on it. Defaults to `Bla gjennom alternativer`.',\n    type: 'string',\n    status: 'optional',\n  },\n  selected_sr: {\n    doc: 'Only for screen readers (VoiceOver). The label used to announce the selected item. Defaults to `Valgt:`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title on submit button. Defaults to `Vis alternativer`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  submit_button_icon: {\n    doc: 'The icon used in the submit button. Defaults to `chevron_down`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Replace the dropdown / submit button with a custom React element. Defaults to the input SubmitButton `import { SubmitButton } from '@dnb/eufemia/components/input/Input'`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  opened: {\n    doc: 'If set to `true`, the Autocomplete will be rendered initially with a visible and accessible data list / options.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  open_on_focus: {\n    doc: 'Use `true` to auto open the list once the user is entering the input field with the keyboard.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the autocomplete will be 100% in available `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'Set to `true` to disable the React Portal behavior. Defaults to `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Autocomplete more than the label. You can also send in a React component, so it gets wrapped inside the Autocomplete component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_ref: {\n    doc: 'Use a React.Ref to get access to the `input` DOM element.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'Lets you provide a custom React element as the input HTML element.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  '[DrawerList](/uilib/components/fragments/drawer-list/properties)': {\n    doc: 'all DrawerList properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AutocompleteEvents: PropertiesTableProps = {\n  on_type: {\n    doc: 'Will be called for every key change the users makes. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data)',\n    type: 'function',\n    status: 'optional',\n  },\n  on_focus: {\n    doc: 'Will be called on user generated focus action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_blur: {\n    doc: 'Will be called on user generated blur action. Returns an object with the input `value` inside `{ value, event, attributes }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data).',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the users focuses or selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }` including [these methods](/uilib/components/autocomplete/events#dynamically-change-data). The \"active_item\" property is the currently selected item by keyboard navigation',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the autocomplete. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the autocomplete again, or clicks somewhere else. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/avatar/Avatar.d.ts

@@ -53,6 +53,16 @@ export interface AvatarProps extends Omit<React.HTMLProps<HTMLElement>, 'size'>
      * Default: null
      */
     hasLabel?: boolean;
+    /**
+     * Define a custom background color, instead of a variant. Use a Eufemia color.
+     * Default: undefined
+     */
+    backgroundColor?: string;
+    /**
+     * Define a custom color to compliment the backgroundColor. Use a Eufemia color.
+     * Default: undefined
+     */
+    color?: string;
 }
 export declare const defaultProps: {
     size: string;

package/cjs/components/avatar/Avatar.js

@@ -20,7 +20,8 @@ var _Img = _interopRequireDefault(require("../../elements/img/Img"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
 var _AvatarGroup = _interopRequireWildcard(require("./AvatarGroup"));
-const _excluded = ["alt", "className", "children", "size", "skeleton", "variant", "src", "imgProps", "hasLabel"];
+var _helpers = require("../../shared/helpers");
+const _excluded = ["alt", "className", "children", "size", "skeleton", "variant", "src", "imgProps", "hasLabel", "backgroundColor", "color"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -52,7 +53,9 @@ const Avatar = localProps => {
       variant,
       src,
       imgProps,
-      hasLabel
+      hasLabel,
+      backgroundColor,
+      color
     } = allProps,
     props = _objectWithoutProperties(allProps, _excluded);
   let children = null;
@@ -77,9 +80,15 @@ const Avatar = localProps => {
     (0, _componentHelper.warn)(`Avatar group required: An Avatar requires an Avatar.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`);
   }
   (0, _componentHelper.validateDOMAttributes)(allProps, props);
+  const style = _objectSpread({
+    '--background-color': (0, _helpers.getColor)(backgroundColor),
+    '--color': (0, _helpers.getColor)(color)
+  }, props === null || props === void 0 ? void 0 : props.style);
   return _react.default.createElement("span", _extends({
     className: (0, _classnames.default)(`dnb-avatar dnb-avatar--${variant || 'primary'} dnb-avatar--size-${size || 'medium'}`, skeletonClasses, spacingClasses, className)
-  }, props), childrenIsString && _react.default.createElement("span", {
+  }, props, {
+    style: style
+  }), childrenIsString && _react.default.createElement("span", {
     className: "dnb-sr-only"
   }, childrenProp), children);
 };

package/cjs/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_SkeletonHelper","_Img","_Context","_componentHelper","_AvatarGroup","_interopRequireWildcard","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","size","variant","skeleton","Avatar","localProps","context","React","useContext","Context","avatarGroupContext","AvatarGroupContext","allProps","extendPropsWithContext","alt","className","children","childrenProp","src","imgProps","hasLabel","props","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","childrenIsString","imageProps","createElement","firstLetterUpperCase","charAt","toUpperCase","warn","validateDOMAttributes","classnames","Group","AvatarGroup","_supportsSpacingProps","_default"],"sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Elements\nimport Img, { ImgProps } from '../../elements/img/Img'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n  warn,\n} from '../../shared/component-helper'\n\n// Internal\nimport AvatarGroup, { AvatarGroupContext } from './AvatarGroup'\n\nexport type AvatarSizes = 'small' | 'medium' | 'large' | 'x-large'\nexport type AvatarVariants = 'primary' | 'secondary' | 'tertiary'\n\nexport type AvatarImgProps = ImgProps\n\nexport interface AvatarProps\n  extends Omit<React.HTMLProps<HTMLElement>, 'size'> {\n  /**\n   * Used in combination with `src` to provide an alt attribute for the `img` element.\n   * Default: null\n   */\n  alt?: string\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the component.\n   * Default: medium.\n   */\n  size?: AvatarSizes\n\n  /**\n   * Specifies the path to the image\n   * Default: null\n   */\n  src?: string\n\n  /**\n   * Props applied to the `img` element if the component is used to display an image.\n   * Default: null\n   */\n  imgProps?: ImgProps\n\n  /**\n   * The variant of the component.\n   * Default: primary.\n   */\n  variant?: AvatarVariants\n\n  /**\n   * If an avatar is hidden from the screen reader (by setting aria-hidden={true}) or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.\n   * Use `true` to omit the `Avatar group required:` warning.\n   * Default: null\n   */\n  hasLabel?: boolean\n}\n\nexport const defaultProps = {\n  size: 'medium',\n  variant: 'primary',\n  skeleton: false,\n}\n\nconst Avatar = (localProps: AvatarProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const avatarGroupContext = React.useContext(AvatarGroupContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Avatar,\n    { skeleton: context?.skeleton },\n    avatarGroupContext\n  )\n\n  const {\n    alt,\n    className,\n    children: childrenProp,\n    size,\n    skeleton,\n    variant,\n    src,\n    imgProps,\n    hasLabel,\n    ...props\n  } = allProps\n\n  let children = null\n\n  const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const childrenIsString = typeof childrenProp === 'string'\n\n  if (src || imgProps) {\n    const imageProps = { src, alt, ...imgProps }\n    children = <Img {...imageProps} />\n  } else if (childrenIsString) {\n    const firstLetterUpperCase = childrenProp.charAt(0).toUpperCase()\n    children = <span aria-hidden>{firstLetterUpperCase}</span>\n  } else {\n    children = childrenProp\n  }\n\n  if (!avatarGroupContext && !hasLabel) {\n    warn(\n      `Avatar group required: An Avatar requires an Avatar.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`\n    )\n  }\n\n  validateDOMAttributes(allProps, props)\n\n  return (\n    <span\n      className={classnames(\n        'dnb-avatar',\n        `dnb-avatar--${variant || 'primary'}`,\n        `dnb-avatar--size-${size || 'medium'}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      {childrenIsString && (\n        <span className=\"dnb-sr-only\">{childrenProp}</span>\n      )}\n      {children}\n    </span>\n  )\n}\n\nAvatar.Group = AvatarGroup\n\nexport { AvatarGroup }\n\nAvatar._supportsSpacingProps = true\n\nexport default Avatar\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_SkeletonHelper","_Img","_Context","_componentHelper","_AvatarGroup","_interopRequireWildcard","_helpers","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","size","variant","skeleton","Avatar","localProps","context","React","useContext","Context","avatarGroupContext","AvatarGroupContext","allProps","extendPropsWithContext","alt","className","children","childrenProp","src","imgProps","hasLabel","backgroundColor","color","props","skeletonClasses","createSkeletonClass","spacingClasses","createSpacingClasses","childrenIsString","imageProps","createElement","firstLetterUpperCase","charAt","toUpperCase","warn","validateDOMAttributes","style","getColor","classnames","Group","AvatarGroup","_supportsSpacingProps","_default"],"sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Elements\nimport Img, { ImgProps } from '../../elements/img/Img'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n  warn,\n} from '../../shared/component-helper'\n\n// Internal\nimport AvatarGroup, { AvatarGroupContext } from './AvatarGroup'\nimport { getColor } from '../../shared/helpers'\n\nexport type AvatarSizes = 'small' | 'medium' | 'large' | 'x-large'\nexport type AvatarVariants = 'primary' | 'secondary' | 'tertiary'\n\nexport type AvatarImgProps = ImgProps\n\nexport interface AvatarProps\n  extends Omit<React.HTMLProps<HTMLElement>, 'size'> {\n  /**\n   * Used in combination with `src` to provide an alt attribute for the `img` element.\n   * Default: null\n   */\n  alt?: string\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the component.\n   * Default: medium.\n   */\n  size?: AvatarSizes\n\n  /**\n   * Specifies the path to the image\n   * Default: null\n   */\n  src?: string\n\n  /**\n   * Props applied to the `img` element if the component is used to display an image.\n   * Default: null\n   */\n  imgProps?: ImgProps\n\n  /**\n   * The variant of the component.\n   * Default: primary.\n   */\n  variant?: AvatarVariants\n\n  /**\n   * If an avatar is hidden from the screen reader (by setting aria-hidden={true}) or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.\n   * Use `true` to omit the `Avatar group required:` warning.\n   * Default: null\n   */\n  hasLabel?: boolean\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   * Default: undefined\n   */\n  backgroundColor?: string\n\n  /**\n   * Define a custom color to compliment the backgroundColor. Use a Eufemia color.\n   * Default: undefined\n   */\n  color?: string\n}\n\nexport const defaultProps = {\n  size: 'medium',\n  variant: 'primary',\n  skeleton: false,\n}\n\nconst Avatar = (localProps: AvatarProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const avatarGroupContext = React.useContext(AvatarGroupContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Avatar,\n    { skeleton: context?.skeleton },\n    avatarGroupContext\n  )\n\n  const {\n    alt,\n    className,\n    children: childrenProp,\n    size,\n    skeleton,\n    variant,\n    src,\n    imgProps,\n    hasLabel,\n    backgroundColor,\n    color,\n    ...props\n  } = allProps\n\n  let children = null\n\n  const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const childrenIsString = typeof childrenProp === 'string'\n\n  if (src || imgProps) {\n    const imageProps = { src, alt, ...imgProps }\n    children = <Img {...imageProps} />\n  } else if (childrenIsString) {\n    const firstLetterUpperCase = childrenProp.charAt(0).toUpperCase()\n    children = <span aria-hidden>{firstLetterUpperCase}</span>\n  } else {\n    children = childrenProp\n  }\n\n  if (!avatarGroupContext && !hasLabel) {\n    warn(\n      `Avatar group required: An Avatar requires an Avatar.Group with label description as a parent component. This is to ensure correct semantic and accessibility.`\n    )\n  }\n\n  validateDOMAttributes(allProps, props)\n\n  const style = {\n    '--background-color': getColor(backgroundColor),\n    '--color': getColor(color),\n    ...props?.style,\n  } as React.CSSProperties\n\n  return (\n    <span\n      className={classnames(\n        'dnb-avatar',\n        `dnb-avatar--${variant || 'primary'}`,\n        `dnb-avatar--size-${size || 'medium'}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n      style={style}\n    >\n      {childrenIsString && (\n        <span className=\"dnb-sr-only\">{childrenProp}</span>\n      )}\n      {children}\n    </span>\n  )\n}\n\nAvatar.Group = AvatarGroup\n\nexport { AvatarGroup }\n\nAvatar._supportsSpacingProps = true\n\nexport default Avatar\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/avatar/AvatarDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const AvatarProperties: PropertiesTableProps;
+export declare const AvatarGroupProperties: PropertiesTableProps;

package/cjs/components/avatar/AvatarDocs.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarProperties = exports.AvatarGroupProperties = void 0;
+const AvatarProperties = exports.AvatarProperties = {
+  size: {
+    doc: 'Size of the Avatar. Options: `small` | `medium` | `large` | `x-large`. Defaults to `medium`.',
+    type: ['small', 'medium', 'large', 'x-large'],
+    status: 'optional'
+  },
+  children: {
+    doc: 'Content of the component.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  alt: {
+    doc: 'Used in combination with `src` to provide an alt attribute for the `img` element.',
+    type: 'string',
+    status: 'optional'
+  },
+  src: {
+    doc: 'Specifies the path to the image.',
+    type: 'string',
+    status: 'optional'
+  },
+  imgProps: {
+    doc: '[Image properties](/uilib/elements/image) applied to the `img` element if the component is used to display an image.',
+    type: ['ImgProps'],
+    status: 'optional'
+  },
+  variant: {
+    doc: 'Override the variant of the component. Options: `primary` | `secondary` | `tertiary`. Defaults to `primary`.',
+    type: ['primary', 'secondary', 'tertiary'],
+    status: 'optional'
+  },
+  hasLabel: {
+    doc: 'If aria-hidden is set to `true` or if a label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar. Use `true` to omit the `Avatar group required:` warning.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  backgroundColor: {
+    doc: 'Define a custom background color, instead of a variant. Use a Eufemia color.',
+    type: 'string',
+    status: 'optional'
+  },
+  color: {
+    doc: 'Define a custom color to compliment the backgroundColor. Use a Eufemia color.',
+    type: 'string',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+const AvatarGroupProperties = exports.AvatarGroupProperties = {
+  label: {
+    doc: 'The label description of the group of avatars.',
+    type: 'string',
+    status: 'required'
+  },
+  size: {
+    doc: 'Size of the Avatars, and "elements hidden text (+x)". Options: `small` | `medium` | `large` | `x-large`. Defaults to `medium`.',
+    type: ['small', 'medium', 'large', 'x-large'],
+    status: 'optional'
+  },
+  variant: {
+    doc: 'Override the variant of the Avatars. Options: `primary` | `secondary` | `tertiary`. Defaults to `primary`.',
+    type: ['primary', 'secondary', 'tertiary'],
+    status: 'optional'
+  },
+  maxElements: {
+    doc: 'Number of max displayed elements, including the "elements hidden text (+x)". Defaults to `4`.',
+    type: 'number',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The Avatars to group.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=AvatarDocs.js.map

package/cjs/components/avatar/AvatarDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDocs.js","names":["AvatarProperties","exports","size","doc","type","status","children","alt","src","imgProps","variant","hasLabel","backgroundColor","color","skeleton","AvatarGroupProperties","label","maxElements"],"sources":["../../../../src/components/avatar/AvatarDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AvatarProperties: PropertiesTableProps = {\n  size: {\n    doc: 'Size of the Avatar. Options: `small` | `medium` | `large` | `x-large`. Defaults to `medium`.',\n    type: ['small', 'medium', 'large', 'x-large'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'Content of the component.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  alt: {\n    doc: 'Used in combination with `src` to provide an alt attribute for the `img` element.',\n    type: 'string',\n    status: 'optional',\n  },\n  src: {\n    doc: 'Specifies the path to the image.',\n    type: 'string',\n    status: 'optional',\n  },\n  imgProps: {\n    doc: '[Image properties](/uilib/elements/image) applied to the `img` element if the component is used to display an image.',\n    type: ['ImgProps'],\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Override the variant of the component. Options: `primary` | `secondary` | `tertiary`. Defaults to `primary`.',\n    type: ['primary', 'secondary', 'tertiary'],\n    status: 'optional',\n  },\n  hasLabel: {\n    doc: 'If aria-hidden is set to `true` or if a label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar. Use `true` to omit the `Avatar group required:` warning.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  backgroundColor: {\n    doc: 'Define a custom background color, instead of a variant. Use a Eufemia color.',\n    type: 'string',\n    status: 'optional',\n  },\n  color: {\n    doc: 'Define a custom color to compliment the backgroundColor. Use a Eufemia color.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const AvatarGroupProperties: PropertiesTableProps = {\n  label: {\n    doc: 'The label description of the group of avatars.',\n    type: 'string',\n    status: 'required',\n  },\n  size: {\n    doc: 'Size of the Avatars, and \"elements hidden text (+x)\". Options: `small` | `medium` | `large` | `x-large`. Defaults to `medium`.',\n    type: ['small', 'medium', 'large', 'x-large'],\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Override the variant of the Avatars. Options: `primary` | `secondary` | `tertiary`. Defaults to `primary`.',\n    type: ['primary', 'secondary', 'tertiary'],\n    status: 'optional',\n  },\n  maxElements: {\n    doc: 'Number of max displayed elements, including the \"elements hidden text (+x)\". Defaults to `4`.',\n    type: 'number',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The Avatars to group.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACpDE,IAAI,EAAE;IACJC,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,GAAG,EAAE;IACHJ,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,GAAG,EAAE;IACHL,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClBC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,8GAA8G;IACnHC,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC;IAC1CC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,8NAA8N;IACnOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,eAAe,EAAE;IACfT,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,KAAK,EAAE;IACLV,GAAG,EAAE,+EAA+E;IACpFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,QAAQ,EAAE;IACRX,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMU,qBAA2C,GAAAd,OAAA,CAAAc,qBAAA,GAAG;EACzDC,KAAK,EAAE;IACLb,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDH,IAAI,EAAE;IACJC,GAAG,EAAE,gIAAgI;IACrIC,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC;IAC1CC,MAAM,EAAE;EACV,CAAC;EACDY,WAAW,EAAE;IACXd,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,uBAAuB;IAC5BC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,QAAQ,EAAE;IACRX,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/components/avatar/AvatarGroup.d.ts

@@ -38,6 +38,16 @@ export interface AvatarGroupProps extends Omit<React.HTMLProps<HTMLElement>, 'si
      * Default: false
      */
     skeleton?: SkeletonShow;
+    /**
+     * Define a custom background color for the Avatars, instead of a variant. Use a Eufemia color.
+     * Default: undefined
+     */
+    backgroundColor?: string;
+    /**
+     * Define a custom color to compliment the backgroundColor for the Avatars. Use a Eufemia color.
+     * Default: undefined
+     */
+    color?: string;
 }
 export declare const defaultProps: {
     label: any;

package/cjs/components/avatar/AvatarGroup.js

@@ -10,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _SpacingHelper = require("../space/SpacingHelper");
 var _componentHelper = require("../../shared/component-helper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-const _excluded = ["label", "className", "children", "size", "maxElements", "variant"],
+const _excluded = ["label", "className", "children", "size", "maxElements", "variant", "backgroundColor", "color"],
   _excluded2 = ["skeleton"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -42,7 +42,9 @@ const AvatarGroup = localProps => {
       children: childrenProp,
       size,
       maxElements: maxElementsProp,
-      variant
+      variant,
+      backgroundColor,
+      color
     } = _extendPropsWithConte,
     props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
   const maxElements = maxElementsProp && maxElementsProp > 0 ? maxElementsProp : 4;
@@ -54,11 +56,16 @@ const AvatarGroup = localProps => {
       numOfHiddenAvatars = total - maxElements + 1;
     }
     children = childrenProp.slice(0, total - numOfHiddenAvatars).map((child, i) => {
-      const appliedSize = child.props.size ? child.props.size : size;
-      const appliedVariant = child.props.variant ? child.props.variant : variant;
+      var _child$props$size, _child$props, _child$props$variant, _child$props2, _child$props$color, _child$props3, _child$props$backgrou, _child$props4;
+      const appliedSize = (_child$props$size = (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.size) !== null && _child$props$size !== void 0 ? _child$props$size : size;
+      const appliedVariant = (_child$props$variant = (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.variant) !== null && _child$props$variant !== void 0 ? _child$props$variant : variant;
+      const appliedColor = (_child$props$color = (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.color) !== null && _child$props$color !== void 0 ? _child$props$color : color;
+      const appliedBackgroundColor = (_child$props$backgrou = (_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.backgroundColor) !== null && _child$props$backgrou !== void 0 ? _child$props$backgrou : backgroundColor;
       return _react.default.cloneElement(child, {
         size: appliedSize,
         variant: appliedVariant,
+        color: appliedColor,
+        backgroundColor: appliedBackgroundColor,
         style: _objectSpread(_objectSpread({}, child.props.style), {}, {
           zIndex: total - i
         }),
@@ -73,7 +80,12 @@ const AvatarGroup = localProps => {
     } = _validateDOMAttribute,
     attributes = _objectWithoutProperties(_validateDOMAttribute, _excluded2);
   return _react.default.createElement(AvatarGroupContext.Provider, {
-    value: props
+    value: _objectSpread(_objectSpread({}, props), {}, {
+      variant,
+      size,
+      color,
+      backgroundColor
+    })
   }, _react.default.createElement("span", _extends({
     className: (0, _classnames.default)('dnb-avatar__group', spacingClasses, className)
   }, attributes), _react.default.createElement("span", {

package/cjs/components/avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_componentHelper","_Context","_excluded","_excluded2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","label","className","maxElements","size","children","variant","skeleton","AvatarGroupContext","React","createContext","AvatarGroup","localProps","context","useContext","Context","_extendPropsWithConte","extendPropsWithContext","childrenProp","maxElementsProp","props","numOfHiddenAvatars","Array","isArray","total","slice","map","child","appliedSize","appliedVariant","cloneElement","style","zIndex","key","spacingClasses","createSpacingClasses","_validateDOMAttribute","validateDOMAttributes","attributes","createElement","Provider","classnames","ElementsHidden","_supportsSpacingProps","_default"],"sources":["../../../../src/components/avatar/AvatarGroup.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { AvatarSizes, AvatarVariants } from './Avatar'\n\n// Shared\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\nexport interface AvatarGroupProps\n  extends Omit<React.HTMLProps<HTMLElement>, 'size' | 'label'> {\n  /**\n   * Label to describe the avatar group\n   * Default: null\n   */\n  label: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Number of max displayed elements, including the \"elements hidden text (+x)\".\n   * Default: 4\n   */\n  maxElements?: number\n\n  /**\n   * The avatars to group.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the Avatars, and \"elements hidden text (+x)\".\n   * Default: medium.\n   */\n  size?: AvatarSizes\n\n  /**\n   * The variant of the Avatars.\n   * Default: primary.\n   */\n  variant?: AvatarVariants\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: false\n   */\n  skeleton?: SkeletonShow\n}\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  maxElements: 4,\n  size: 'medium',\n  children: null,\n  variant: 'primary',\n  skeleton: false,\n}\n\nexport const AvatarGroupContext = React.createContext(null)\n\nconst AvatarGroup = (localProps: AvatarGroupProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  // Extract additional props from global context\n  const {\n    label,\n    className,\n    children: childrenProp,\n    size,\n    maxElements: maxElementsProp,\n    variant,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.AvatarGroup,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n\n  const maxElements =\n    maxElementsProp && maxElementsProp > 0 ? maxElementsProp : 4\n\n  let children = childrenProp\n  let numOfHiddenAvatars = 0\n\n  if (Array.isArray(childrenProp)) {\n    const total = childrenProp.length\n\n    if (total > maxElements) {\n      numOfHiddenAvatars = total - maxElements + 1\n    }\n\n    children = childrenProp\n      .slice(0, total - numOfHiddenAvatars)\n      .map((child, i) => {\n        const appliedSize = child.props.size ? child.props.size : size\n        const appliedVariant = child.props.variant\n          ? child.props.variant\n          : variant\n        return React.cloneElement(child, {\n          size: appliedSize,\n          variant: appliedVariant,\n          style: { ...child.props.style, zIndex: total - i },\n          key: i,\n        })\n      })\n  }\n\n  const spacingClasses = createSpacingClasses(props)\n  const {\n    skeleton, // eslint-disable-line\n    ...attributes\n  } = validateDOMAttributes({}, props)\n\n  return (\n    <AvatarGroupContext.Provider value={props}>\n      <span\n        className={classnames(\n          'dnb-avatar__group',\n          spacingClasses,\n          className\n        )}\n        {...attributes}\n      >\n        <span className=\"dnb-sr-only\">{label}</span>\n\n        {children}\n\n        {numOfHiddenAvatars ? (\n          <ElementsHidden size={size}>\n            +{numOfHiddenAvatars}\n          </ElementsHidden>\n        ) : null}\n      </span>\n    </AvatarGroupContext.Provider>\n  )\n}\n\nexport interface ElementsHiddenProps {\n  /**\n   * The avatars to group.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the \"elements hidden text (+x)\".\n   * Default: medium.\n   */\n  size?: AvatarSizes\n}\n\nfunction ElementsHidden(props: ElementsHiddenProps) {\n  const { size, children } = props\n  return (\n    <span\n      className={classnames(\n        'dnb-avatar__group--elements-left',\n        `dnb-avatar__group--elements-left--size-${size || 'medium'}`\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nAvatarGroup._supportsSpacingProps = true\n\nexport default AvatarGroup\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AvatarGroup.js","names":["_react","_interopRequireDefault","require","_classnames","_SpacingHelper","_componentHelper","_Context","_excluded","_excluded2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","label","className","maxElements","size","children","variant","skeleton","AvatarGroupContext","React","createContext","AvatarGroup","localProps","context","useContext","Context","_extendPropsWithConte","extendPropsWithContext","childrenProp","maxElementsProp","backgroundColor","color","props","numOfHiddenAvatars","Array","isArray","total","slice","map","child","_child$props$size","_child$props","_child$props$variant","_child$props2","_child$props$color","_child$props3","_child$props$backgrou","_child$props4","appliedSize","appliedVariant","appliedColor","appliedBackgroundColor","cloneElement","style","zIndex","key","spacingClasses","createSpacingClasses","_validateDOMAttribute","validateDOMAttributes","attributes","createElement","Provider","classnames","ElementsHidden","_supportsSpacingProps","_default"],"sources":["../../../../src/components/avatar/AvatarGroup.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { AvatarSizes, AvatarVariants } from './Avatar'\n\n// Shared\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\nexport interface AvatarGroupProps\n  extends Omit<React.HTMLProps<HTMLElement>, 'size' | 'label'> {\n  /**\n   * Label to describe the avatar group\n   * Default: null\n   */\n  label: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Number of max displayed elements, including the \"elements hidden text (+x)\".\n   * Default: 4\n   */\n  maxElements?: number\n\n  /**\n   * The avatars to group.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the Avatars, and \"elements hidden text (+x)\".\n   * Default: medium.\n   */\n  size?: AvatarSizes\n\n  /**\n   * The variant of the Avatars.\n   * Default: primary.\n   */\n  variant?: AvatarVariants\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: false\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Define a custom background color for the Avatars, instead of a variant. Use a Eufemia color.\n   * Default: undefined\n   */\n  backgroundColor?: string\n\n  /**\n   * Define a custom color to compliment the backgroundColor for the Avatars. Use a Eufemia color.\n   * Default: undefined\n   */\n  color?: string\n}\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  maxElements: 4,\n  size: 'medium',\n  children: null,\n  variant: 'primary',\n  skeleton: false,\n}\n\nexport const AvatarGroupContext = React.createContext(null)\n\nconst AvatarGroup = (localProps: AvatarGroupProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  // Extract additional props from global context\n  const {\n    label,\n    className,\n    children: childrenProp,\n    size,\n    maxElements: maxElementsProp,\n    variant,\n    backgroundColor,\n    color,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.AvatarGroup,\n    {\n      skeleton: context?.skeleton,\n    }\n  )\n\n  const maxElements =\n    maxElementsProp && maxElementsProp > 0 ? maxElementsProp : 4\n\n  let children = childrenProp\n  let numOfHiddenAvatars = 0\n\n  if (Array.isArray(childrenProp)) {\n    const total = childrenProp.length\n\n    if (total > maxElements) {\n      numOfHiddenAvatars = total - maxElements + 1\n    }\n\n    children = childrenProp\n      .slice(0, total - numOfHiddenAvatars)\n      .map((child, i) => {\n        const appliedSize = child.props?.size ?? size\n        const appliedVariant = child.props?.variant ?? variant\n        const appliedColor = child.props?.color ?? color\n        const appliedBackgroundColor =\n          child.props?.backgroundColor ?? backgroundColor\n        return React.cloneElement(child, {\n          size: appliedSize,\n          variant: appliedVariant,\n          color: appliedColor,\n          backgroundColor: appliedBackgroundColor,\n          style: { ...child.props.style, zIndex: total - i },\n          key: i,\n        })\n      })\n  }\n\n  const spacingClasses = createSpacingClasses(props)\n  const {\n    skeleton, // eslint-disable-line\n    ...attributes\n  } = validateDOMAttributes({}, props)\n\n  return (\n    <AvatarGroupContext.Provider\n      value={{ ...props, variant, size, color, backgroundColor }}\n    >\n      <span\n        className={classnames(\n          'dnb-avatar__group',\n          spacingClasses,\n          className\n        )}\n        {...attributes}\n      >\n        <span className=\"dnb-sr-only\">{label}</span>\n\n        {children}\n\n        {numOfHiddenAvatars ? (\n          <ElementsHidden size={size}>\n            +{numOfHiddenAvatars}\n          </ElementsHidden>\n        ) : null}\n      </span>\n    </AvatarGroupContext.Provider>\n  )\n}\n\nexport interface ElementsHiddenProps {\n  /**\n   * The avatars to group.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the \"elements hidden text (+x)\".\n   * Default: medium.\n   */\n  size?: AvatarSizes\n}\n\nfunction ElementsHidden(props: ElementsHiddenProps) {\n  const { size, children } = props\n  return (\n    <span\n      className={classnames(\n        'dnb-avatar__group--elements-left',\n        `dnb-avatar__group--elements-left--size-${size || 'medium'}`\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nAvatarGroup._supportsSpacingProps = true\n\nexport default AvatarGroup\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,gBAAA,GAAAH,OAAA;AAIA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA0C,MAAAK,SAAA;EAAAC,UAAA;AAAA,SAAAP,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,QAAAf,CAAA,EAAAW,CAAA,QAAAD,CAAA,GAAAN,MAAA,CAAAY,IAAA,CAAAhB,CAAA,OAAAI,MAAA,CAAAa,qBAAA,QAAAC,CAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAjB,CAAA,GAAAW,CAAA,KAAAO,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAR,CAAA,WAAAP,MAAA,CAAAgB,wBAAA,CAAApB,CAAA,EAAAW,CAAA,EAAAU,UAAA,OAAAX,CAAA,CAAAY,IAAA,CAAAR,KAAA,CAAAJ,CAAA,EAAAQ,CAAA,YAAAR,CAAA;AAAA,SAAAa,cAAAvB,CAAA,aAAAW,CAAA,MAAAA,CAAA,GAAAH,SAAA,CAAAC,MAAA,EAAAE,CAAA,UAAAD,CAAA,WAAAF,SAAA,CAAAG,CAAA,IAAAH,SAAA,CAAAG,CAAA,QAAAA,CAAA,OAAAI,OAAA,CAAAX,MAAA,CAAAM,CAAA,OAAAc,OAAA,WAAAb,CAAA,IAAAc,eAAA,CAAAzB,CAAA,EAAAW,CAAA,EAAAD,CAAA,CAAAC,CAAA,SAAAP,MAAA,CAAAsB,yBAAA,GAAAtB,MAAA,CAAAuB,gBAAA,CAAA3B,CAAA,EAAAI,MAAA,CAAAsB,yBAAA,CAAAhB,CAAA,KAAAK,OAAA,CAAAX,MAAA,CAAAM,CAAA,GAAAc,OAAA,WAAAb,CAAA,IAAAP,MAAA,CAAAwB,cAAA,CAAA5B,CAAA,EAAAW,CAAA,EAAAP,MAAA,CAAAgB,wBAAA,CAAAV,CAAA,EAAAC,CAAA,iBAAAX,CAAA;AAAA,SAAAyB,gBAAAzB,CAAA,EAAAW,CAAA,EAAAD,CAAA,YAAAC,CAAA,GAAAkB,cAAA,CAAAlB,CAAA,MAAAX,CAAA,GAAAI,MAAA,CAAAwB,cAAA,CAAA5B,CAAA,EAAAW,CAAA,IAAAmB,KAAA,EAAApB,CAAA,EAAAW,UAAA,MAAAU,YAAA,MAAAC,QAAA,UAAAhC,CAAA,CAAAW,CAAA,IAAAD,CAAA,EAAAV,CAAA;AAAA,SAAA6B,eAAAnB,CAAA,QAAAuB,CAAA,GAAAC,YAAA,CAAAxB,CAAA,uCAAAuB,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAxB,CAAA,EAAAC,CAAA,2BAAAD,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAV,CAAA,GAAAU,CAAA,CAAAyB,MAAA,CAAAC,WAAA,kBAAApC,CAAA,QAAAiC,CAAA,GAAAjC,CAAA,CAAAa,IAAA,CAAAH,CAAA,EAAAC,CAAA,uCAAAsB,CAAA,SAAAA,CAAA,YAAAI,SAAA,yEAAA1B,CAAA,GAAA2B,MAAA,GAAAC,MAAA,EAAA7B,CAAA;AAAA,SAAA8B,yBAAAxC,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAkB,CAAA,EAAAP,CAAA,EAAAsB,CAAA,GAAAQ,6BAAA,CAAAzC,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAa,qBAAA,QAAAV,CAAA,GAAAH,MAAA,CAAAa,qBAAA,CAAAjB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAO,CAAA,GAAAX,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAgC,OAAA,CAAAxB,CAAA,QAAAyB,oBAAA,CAAA9B,IAAA,CAAAb,CAAA,EAAAkB,CAAA,MAAAe,CAAA,CAAAf,CAAA,IAAAlB,CAAA,CAAAkB,CAAA,aAAAe,CAAA;AAAA,SAAAQ,8BAAA9B,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAA0C,OAAA,CAAAnC,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AA6DnC,MAAMkC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,KAAK,EAAE,IAAI;EACXC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE,CAAC;EACdC,IAAI,EAAE,QAAQ;EACdC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAMC,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAGC,cAAK,CAACC,aAAa,CAAC,IAAI,CAAC;AAE3D,MAAMC,WAAW,GAAIC,UAA2C,IAAK;EAEnE,MAAMC,OAAO,GAAGJ,cAAK,CAACK,UAAU,CAACC,gBAAO,CAAC;EAEzC,MAAAC,qBAAA,GAUI,IAAAC,uCAAsB,EACxBL,UAAU,EACVb,YAAY,EACZc,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,WAAW,EACpB;MACEJ,QAAQ,EAAEM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEN;IACrB,CACF,CAAC;IAjBK;MACJN,KAAK;MACLC,SAAS;MACTG,QAAQ,EAAEa,YAAY;MACtBd,IAAI;MACJD,WAAW,EAAEgB,eAAe;MAC5Bb,OAAO;MACPc,eAAe;MACfC;IAEF,CAAC,GAAAL,qBAAA;IADIM,KAAK,GAAA3B,wBAAA,CAAAqB,qBAAA,EAAA/D,SAAA;EAUV,MAAMkD,WAAW,GACfgB,eAAe,IAAIA,eAAe,GAAG,CAAC,GAAGA,eAAe,GAAG,CAAC;EAE9D,IAAId,QAAQ,GAAGa,YAAY;EAC3B,IAAIK,kBAAkB,GAAG,CAAC;EAE1B,IAAIC,KAAK,CAACC,OAAO,CAACP,YAAY,CAAC,EAAE;IAC/B,MAAMQ,KAAK,GAAGR,YAAY,CAACtD,MAAM;IAEjC,IAAI8D,KAAK,GAAGvB,WAAW,EAAE;MACvBoB,kBAAkB,GAAGG,KAAK,GAAGvB,WAAW,GAAG,CAAC;IAC9C;IAEAE,QAAQ,GAAGa,YAAY,CACpBS,KAAK,CAAC,CAAC,EAAED,KAAK,GAAGH,kBAAkB,CAAC,CACpCK,GAAG,CAAC,CAACC,KAAK,EAAEzC,CAAC,KAAK;MAAA,IAAA0C,iBAAA,EAAAC,YAAA,EAAAC,oBAAA,EAAAC,aAAA,EAAAC,kBAAA,EAAAC,aAAA,EAAAC,qBAAA,EAAAC,aAAA;MACjB,MAAMC,WAAW,IAAAR,iBAAA,IAAAC,YAAA,GAAGF,KAAK,CAACP,KAAK,cAAAS,YAAA,uBAAXA,YAAA,CAAa3B,IAAI,cAAA0B,iBAAA,cAAAA,iBAAA,GAAI1B,IAAI;MAC7C,MAAMmC,cAAc,IAAAP,oBAAA,IAAAC,aAAA,GAAGJ,KAAK,CAACP,KAAK,cAAAW,aAAA,uBAAXA,aAAA,CAAa3B,OAAO,cAAA0B,oBAAA,cAAAA,oBAAA,GAAI1B,OAAO;MACtD,MAAMkC,YAAY,IAAAN,kBAAA,IAAAC,aAAA,GAAGN,KAAK,CAACP,KAAK,cAAAa,aAAA,uBAAXA,aAAA,CAAad,KAAK,cAAAa,kBAAA,cAAAA,kBAAA,GAAIb,KAAK;MAChD,MAAMoB,sBAAsB,IAAAL,qBAAA,IAAAC,aAAA,GAC1BR,KAAK,CAACP,KAAK,cAAAe,aAAA,uBAAXA,aAAA,CAAajB,eAAe,cAAAgB,qBAAA,cAAAA,qBAAA,GAAIhB,eAAe;MACjD,OAAOX,cAAK,CAACiC,YAAY,CAACb,KAAK,EAAE;QAC/BzB,IAAI,EAAEkC,WAAW;QACjBhC,OAAO,EAAEiC,cAAc;QACvBlB,KAAK,EAAEmB,YAAY;QACnBpB,eAAe,EAAEqB,sBAAsB;QACvCE,KAAK,EAAAjE,aAAA,CAAAA,aAAA,KAAOmD,KAAK,CAACP,KAAK,CAACqB,KAAK;UAAEC,MAAM,EAAElB,KAAK,GAAGtC;QAAC,EAAE;QAClDyD,GAAG,EAAEzD;MACP,CAAC,CAAC;IACJ,CAAC,CAAC;EACN;EAEA,MAAM0D,cAAc,GAAG,IAAAC,mCAAoB,EAACzB,KAAK,CAAC;EAClD,MAAA0B,qBAAA,GAGI,IAAAC,sCAAqB,EAAC,CAAC,CAAC,EAAE3B,KAAK,CAAC;IAH9B;MACJf;IAEF,CAAC,GAAAyC,qBAAA;IADIE,UAAU,GAAAvD,wBAAA,CAAAqD,qBAAA,EAAA9F,UAAA;EAGf,OACER,MAAA,CAAAW,OAAA,CAAA8F,aAAA,CAAC3C,kBAAkB,CAAC4C,QAAQ;IAC1BnE,KAAK,EAAAP,aAAA,CAAAA,aAAA,KAAO4C,KAAK;MAAEhB,OAAO;MAAEF,IAAI;MAAEiB,KAAK;MAAED;IAAe;EAAG,GAE3D1E,MAAA,CAAAW,OAAA,CAAA8F,aAAA,SAAA7F,QAAA;IACE4C,SAAS,EAAE,IAAAmD,mBAAU,EACnB,mBAAmB,EACnBP,cAAc,EACd5C,SACF;EAAE,GACEgD,UAAU,GAEdxG,MAAA,CAAAW,OAAA,CAAA8F,aAAA;IAAMjD,SAAS,EAAC;EAAa,GAAED,KAAY,CAAC,EAE3CI,QAAQ,EAERkB,kBAAkB,GACjB7E,MAAA,CAAAW,OAAA,CAAA8F,aAAA,CAACG,cAAc;IAAClD,IAAI,EAAEA;EAAK,GAAC,GACzB,EAACmB,kBACY,CAAC,GACf,IACA,CACqB,CAAC;AAElC,CAAC;AAgBD,SAAS+B,cAAcA,CAAChC,KAA0B,EAAE;EAClD,MAAM;IAAElB,IAAI;IAAEC;EAAS,CAAC,GAAGiB,KAAK;EAChC,OACE5E,MAAA,CAAAW,OAAA,CAAA8F,aAAA;IACEjD,SAAS,6EAEmCE,IAAI,IAAI,QAAQ;EAC1D,GAEDC,QACG,CAAC;AAEX;AAEAM,WAAW,CAAC4C,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAAAxD,OAAA,CAAA3C,OAAA,GAEzBsD,WAAW","ignoreList":[]}