@dnb/eufemia 10.13.0 → 10.15.0

package/cjs/components/radio/style/themes/dnb-radio-theme-ui.scss

@@ -3,148 +3,36 @@
 *
 */
 
-@import '../../../../style/core/utilities.scss';
-
 .dnb-radio {
-  &__dot {
-    background-color: var(--color-sea-green);
-    transition:
-      opacity 200ms ease-out,
-      transform 200ms ease-out;
-  }
-
-  // When radio is ON
-  &__input:checked ~ &__button,
-  &__input[data-checked='true'] ~ &__button {
-    background-color: var(--color-white);
-    border-color: var(--color-sea-green);
-  }
-  &__input:checked ~ &__dot,
-  &__input[data-checked='true'] ~ &__dot {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  // When radio is OFF
-  &__input:not(:checked):not([data-checked='true']) ~ &__dot {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  &__input:not(:checked):not([data-checked='true']) ~ &__button {
-    background-color: var(--color-white);
-    border-color: var(--color-sea-green);
-  }
-
-  // On disabled
-  &__input[disabled]:checked ~ &__button,
-  &__input[disabled][data-checked='true'] ~ &__button {
-    border-color: var(--color-sea-green-30);
-  }
-  &__input[disabled]:not(:checked):not([data-checked='true']) ~ &__button {
-    border-color: var(--color-mint-green-50);
-  }
-  &__input[disabled]:checked ~ &__dot,
-  &__input[disabled][data-checked='true'] ~ &__dot {
-    background-color: var(--color-sea-green-30);
-  }
-
-  // On active
-  &__input:not([disabled]):checked:active ~ &__button,
-  &__input:not([disabled])[data-checked='true']:active ~ &__button {
-    border-color: var(--color-mint-green-50);
-  }
-  &__input:not([disabled]):not(:checked):not([data-checked='true']):active
-    ~ &__button {
-    background-color: var(--color-mint-green-50);
-    border-color: transparent;
-  }
-  &__input:not([disabled]):checked:active ~ &__dot,
-  &__input:not([disabled])[data-checked='true']:active ~ &__dot {
-    background-color: var(--color-mint-green-50);
-  }
-
-  // On hover
-  &__input:not([disabled]):not(:focus):not(:checked):not(
-      [data-checked='true']
-    ):hover
-    ~ &__button {
-    background-color: var(--color-mint-green-50);
-  }
-  &__input:not([disabled]):not(:focus):checked:hover ~ &__dot,
-  &__input:not([disabled]):not(:focus)[data-checked='true']:hover
-    ~ &__dot {
-    background-color: var(--color-mint-green-50);
-  }
-
-  // On focus
-  /* stylelint-disable */
-  &__input:not([disabled]):not(:checked):not([data-checked='true']):focus
-    ~ &__button {
-    html[data-whatinput='keyboard'] & {
-      background-color: var(--color-mint-green-50);
-    }
-  }
-  &__input:not([disabled]):focus ~ &__button {
-    html[data-whatinput='keyboard'] & {
-      border: none;
-    }
-  }
-  &__input:not([disabled]):focus ~ &__focus,
-  &__input:not([disabled]):active ~ &__focus {
-    display: block;
-  }
-  &__input:not([disabled]):not(:checked):not([data-checked='true']):focus
-    ~ &__button,
-  &__input:not([disabled]):not(:checked):not([data-checked='true']):active
-    ~ &__button {
-    background-color: var(--color-mint-green-50);
-  }
-  /* stylelint-enable */
-
-  // On error state
-  /* stylelint-disable */
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(:active)
-    ~ &__button {
-    border: none;
-  }
-  /* stylelint-enable */
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(:active)
-    ~ &__focus {
-    display: block;
-    @include fakeBorder(var(--color-fire-red), var(--focus-ring-width));
-  }
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(:checked):not(
-      [data-checked='true']
-    ):hover
-    ~ &__button {
-    background-color: var(--color-fire-red-8);
-  }
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(:active):not(:hover):checked
-    ~ &__dot,
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(:active):not(
-      :hover
-    )[data-checked='true']
-    ~ &__dot {
-    background-color: var(--color-fire-red);
-  }
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(:active):checked:hover
-    ~ &__dot,
-  &__status--error
-    &__input:not([disabled]):not(:focus):not(
-      :active
-    )[data-checked='true']:hover
-    ~ &__dot {
-    background-color: var(--color-fire-red-8);
-  }
-
-  // adjust the form-status to the inner border for 3px
-  > .dnb-form-status {
-    transform: translateY(0.25rem); /* 4/16 */
-  }
+  // Normal state
+  --radio-color-dot-on: var(--color-sea-green);
+  --radio-color-background-on: var(--color-white);
+  --radio-color-border-on: var(--color-sea-green);
+  --radio-color-background-off: var(--color-white);
+  --radio-color-border-off: var(--color-sea-green);
+  // Disabled state
+  --radio-color-dot-on--disabled: var(--color-sea-green-30);
+  --radio-color-background--disabled: var(--color-white);
+  --radio-color-border-on--disabled: var(--color-sea-green-30);
+  --radio-color-border-off--disabled: var(--color-mint-green-50);
+  // Active state
+  --radio-color-dot-on--active: var(--color-mint-green-50);
+  --radio-color-border-on--active: var(--color-mint-green-50);
+  --radio-color-background-off--active: var(--color-mint-green-50);
+  --radio-color-border-off--active: transparent;
+  // Hover state
+  --radio-color-dot-on--hover: var(--color-mint-green-50);
+  --radio-color-background-on--hover: var(--color-white);
+  --radio-color-background-off--hover: var(--color-mint-green-50);
+  // Focus state
+  --radio-color-dot-on--focus: var(--color-sea-green);
+  --radio-color-background-on--focus: var(--color-white);
+  --radio-color-background-off--focus: var(--color-mint-green-50);
+  // Error state
+  --radio-color-dot-on--error: var(--color-fire-red);
+  --radio-color-border-on--error: var(--color-fire-red);
+  --radio-color-border--error-hover: var(--radio-color-border-on--error);
+  --radio-color-background-off--error-hover: var(--color-fire-red-8);
+  --radio-color-background-on--error-hover: var(--color-white);
+  --radio-color-dot-on--error-hover: var(--color-fire-red-8);
 }

package/cjs/components/section/Section.d.ts

@@ -30,6 +30,7 @@ export type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large'
 export type TextColor = string;
 export type OutlineColor = string | boolean;
 export type BackgroundColor = string;
+export type DropShadow = boolean;
 export type SectionProps = {
     /**
      * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop
@@ -55,6 +56,10 @@ export type SectionProps = {
      * Define a custom background color, instead of a variant. Use a Eufemia color.
      */
     backgroundColor?: BackgroundColor | ResponsiveProp<BackgroundColor>;
+    /**
+     * Define a custom drop-shadow.
+     */
+    dropShadow?: DropShadow | ResponsiveProp<DropShadow>;
     /**
      * Define what HTML element should be used. Defaults to `<section>`.
      */

package/cjs/components/section/Section.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +10,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
 var _Space = _interopRequireDefault(require("../space/Space"));
-const _excluded = ["element", "variant", "breakout", "roundedCorner", "textColor", "backgroundColor", "outline", "innerRef", "className", "children", "spacing", "style_type", "inner_ref"];
+const _excluded = ["element", "variant", "breakout", "roundedCorner", "textColor", "backgroundColor", "dropShadow", "outline", "innerRef", "className", "children", "spacing", "style_type", "inner_ref"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -32,6 +33,7 @@ function Section(localProps) {
       roundedCorner,
       textColor,
       backgroundColor,
+      dropShadow,
       outline,
       innerRef,
       className,
@@ -47,7 +49,7 @@ function Section(localProps) {
   const internalRef = _react.default.useRef();
   const elementRef = innerRef || inner_ref || internalRef;
   params.innerRef = elementRef;
-  const styleObj = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, computeStyle(breakout, 'breakout', value => `var(--breakout--${value ? 'on' : 'off'})`)), computeStyle(roundedCorner, 'rounded-corner', value => value && 'var(--rounded-corner--value)')), computeStyle(textColor, 'text-color', value => getColor(value))), computeStyle(backgroundColor, 'background-color', value => getColor(value))), computeStyle(outline, 'outline-color', value => String(value) === 'true' ? 'var(--outline-color--value)' : getColor(value))), params === null || params === void 0 ? void 0 : params.style);
+  const styleObj = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, computeStyle(breakout, 'breakout', value => `var(--breakout--${value ? 'on' : 'off'})`)), computeStyle(roundedCorner, 'rounded-corner', value => value && 'var(--rounded-corner--value)')), computeStyle(textColor, 'text-color', value => getColor(value))), computeStyle(backgroundColor, 'background-color', value => getColor(value))), computeStyle(dropShadow, 'drop-shadow', value => value && 'var(--shadow-default)')), computeStyle(outline, 'outline-color', value => String(value) === 'true' ? 'var(--outline-color--value)' : getColor(value))), params === null || params === void 0 ? void 0 : params.style);
   return _react.default.createElement(_Space.default, _extends({}, params, {
     element: element,
     style: styleObj

package/cjs/components/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_Space","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","context","React","useContext","Context","props","extendPropsWithContext","variant","breakout","roundedCorner","textColor","backgroundColor","outline","innerRef","className","children","spacing","style_type","inner_ref","attributes","params","classnames","isTrue","internalRef","useRef","elementRef","styleObj","computeStyle","getColor","style","createElement","test","property","name","valueCallback","media","small","medium","large","result","size","_media","_media2","_name","_supportsSpacingProps"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport type {\n  DynamicElement,\n  ResponsiveProp,\n  SpacingProps,\n} from '../../shared/types'\nimport Space from '../space/Space'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'lavender'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'pistachio'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'emerald-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sea-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red-8'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sand-yellow'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'black-3'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type TextColor = string\nexport type OutlineColor = string | boolean\nexport type BackgroundColor = string\n\nexport type SectionProps = {\n  /**\n   * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n   */\n  variant?: SectionVariants | string\n\n  /**\n   * Define if the background color should break-out to a fullscreen view. Defaults to `true`.\n   */\n  breakout?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define if the section should have rounded corners. Defaults to `false`.\n   */\n  roundedCorner?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define a custom border color. Use a Eufemia color.\n   */\n  outline?: OutlineColor | ResponsiveProp<OutlineColor>\n\n  /**\n   * Define a custom text color to compliment the backgroundColor. Use a Eufemia color.\n   */\n  textColor?: TextColor | ResponsiveProp<TextColor>\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   */\n  backgroundColor?: BackgroundColor | ResponsiveProp<BackgroundColor>\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  /**\n   * Define a React.Ref.\n   */\n  innerRef?: React.RefObject<HTMLElement>\n\n  /**\n   * @deprecated in v11 use \"innerSpace\" prop instead */\n  spacing?: SectionSpacing | ResponsiveProp<SectionSpacing>\n  /**\n   * @deprecated in v11 use \"background\" prop instead */\n  style_type?: SectionStyleTypes | string\n  /**\n   * @deprecated in v11 use \"innerRef\" prop instead */\n  inner_ref?: React.RefObject<HTMLElement>\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\ntype Attributes = Record<string, unknown> & { style?: React.CSSProperties }\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    element,\n    variant,\n    breakout = true,\n    roundedCorner,\n    textColor,\n    backgroundColor,\n    outline,\n    innerRef,\n\n    className,\n    children,\n\n    spacing,\n    style_type,\n    inner_ref,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${variant ? variant : style_type || 'default'}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      className\n    ),\n    ...attributes,\n  } as Attributes\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = innerRef || inner_ref || internalRef\n  params.innerRef = elementRef\n\n  const styleObj = {\n    ...computeStyle(\n      breakout,\n      'breakout',\n      (value) => `var(--breakout--${value ? 'on' : 'off'})`\n    ),\n    ...computeStyle(\n      roundedCorner,\n      'rounded-corner',\n      (value) => value && 'var(--rounded-corner--value)'\n    ),\n    ...computeStyle(textColor, 'text-color', (value) => getColor(value)),\n    ...computeStyle(backgroundColor, 'background-color', (value) =>\n      getColor(value)\n    ),\n    ...computeStyle(outline, 'outline-color', (value) =>\n      String(value) === 'true'\n        ? 'var(--outline-color--value)'\n        : getColor(value)\n    ),\n    ...params?.style,\n  } as React.CSSProperties\n\n  return (\n    <Space {...params} element={element} style={styleObj}>\n      {children}\n    </Space>\n  )\n}\n\nfunction getColor(value: string) {\n  return value\n    ? !/#|var/.test(value)\n      ? `var(--color-${value})`\n      : value\n    : undefined\n}\n\nfunction computeStyle(\n  property: ResponsiveProp<unknown> | boolean | string,\n  name: string,\n  valueCallback: (value: string) => string | undefined\n) {\n  let media = property as ResponsiveProp<unknown>\n\n  if (media !== null && typeof media !== 'object') {\n    media = {\n      small: property,\n      medium: property,\n      large: property,\n    } as ResponsiveProp<unknown>\n  }\n\n  const result = {}\n\n  for (const size in media as ResponsiveProp<unknown>) {\n    if (typeof media?.[size] !== 'undefined') {\n      const value = valueCallback(media?.[size])\n      if (typeof value === 'string') {\n        result[`--${name}--${size}`] = value\n      }\n    }\n  }\n\n  return result\n}\n\nSection._name = 'Section'\nSection._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_Space","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","context","React","useContext","Context","props","extendPropsWithContext","variant","breakout","roundedCorner","textColor","backgroundColor","dropShadow","outline","innerRef","className","children","spacing","style_type","inner_ref","attributes","params","classnames","isTrue","internalRef","useRef","elementRef","styleObj","computeStyle","getColor","style","createElement","test","property","name","valueCallback","media","small","medium","large","result","size","_media","_media2","_name","_supportsSpacingProps"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport type {\n  DynamicElement,\n  ResponsiveProp,\n  SpacingProps,\n} from '../../shared/types'\nimport Space from '../space/Space'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n  | 'divider'\n  | 'white'\n  | 'transparent'\n\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'lavender'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'pistachio'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'emerald-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sea-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'fire-red-8'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'sand-yellow'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'black-3'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green'\n  /** @deprecated in v11 use \"variant\" or \"backgroundColor\" prop instead */\n  | 'mint-green-12'\n\nexport type SectionSpacing =\n  | boolean\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type TextColor = string\nexport type OutlineColor = string | boolean\nexport type BackgroundColor = string\nexport type DropShadow = boolean\n\nexport type SectionProps = {\n  /**\n   * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n   */\n  variant?: SectionVariants | string\n\n  /**\n   * Define if the background color should break-out to a fullscreen view. Defaults to `true`.\n   */\n  breakout?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define if the section should have rounded corners. Defaults to `false`.\n   */\n  roundedCorner?: boolean | ResponsiveProp<boolean>\n\n  /**\n   * Define a custom border color. Use a Eufemia color.\n   */\n  outline?: OutlineColor | ResponsiveProp<OutlineColor>\n\n  /**\n   * Define a custom text color to compliment the backgroundColor. Use a Eufemia color.\n   */\n  textColor?: TextColor | ResponsiveProp<TextColor>\n\n  /**\n   * Define a custom background color, instead of a variant. Use a Eufemia color.\n   */\n  backgroundColor?: BackgroundColor | ResponsiveProp<BackgroundColor>\n\n  /**\n   * Define a custom drop-shadow.\n   */\n  dropShadow?: DropShadow | ResponsiveProp<DropShadow>\n\n  /**\n   * Define what HTML element should be used. Defaults to `<section>`.\n   */\n  element?: DynamicElement\n\n  /**\n   * Define a React.Ref.\n   */\n  innerRef?: React.RefObject<HTMLElement>\n\n  /**\n   * @deprecated in v11 use \"innerSpace\" prop instead */\n  spacing?: SectionSpacing | ResponsiveProp<SectionSpacing>\n  /**\n   * @deprecated in v11 use \"background\" prop instead */\n  style_type?: SectionStyleTypes | string\n  /**\n   * @deprecated in v11 use \"innerRef\" prop instead */\n  inner_ref?: React.RefObject<HTMLElement>\n}\n\nexport type SectionAllProps = SectionProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\ntype Attributes = Record<string, unknown> & { style?: React.CSSProperties }\n\nconst defaultProps = {\n  element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.Section\n  )\n\n  const {\n    element,\n    variant,\n    breakout = true,\n    roundedCorner,\n    textColor,\n    backgroundColor,\n    dropShadow,\n    outline,\n    innerRef,\n\n    className,\n    children,\n\n    spacing,\n    style_type,\n    inner_ref,\n\n    ...attributes\n  } = props\n\n  const params = {\n    className: classnames(\n      'dnb-section',\n      `dnb-section--${variant ? variant : style_type || 'default'}`,\n      spacing &&\n        `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n      className\n    ),\n    ...attributes,\n  } as Attributes\n\n  const internalRef = React.useRef<HTMLElement>()\n  const elementRef = innerRef || inner_ref || internalRef\n  params.innerRef = elementRef\n\n  const styleObj = {\n    ...computeStyle(\n      breakout,\n      'breakout',\n      (value) => `var(--breakout--${value ? 'on' : 'off'})`\n    ),\n    ...computeStyle(\n      roundedCorner,\n      'rounded-corner',\n      (value) => value && 'var(--rounded-corner--value)'\n    ),\n    ...computeStyle(textColor, 'text-color', (value) => getColor(value)),\n    ...computeStyle(backgroundColor, 'background-color', (value) =>\n      getColor(value)\n    ),\n    ...computeStyle(\n      dropShadow,\n      'drop-shadow',\n      (value) => value && 'var(--shadow-default)'\n    ),\n    ...computeStyle(outline, 'outline-color', (value) =>\n      String(value) === 'true'\n        ? 'var(--outline-color--value)'\n        : getColor(value)\n    ),\n    ...params?.style,\n  } as React.CSSProperties\n\n  return (\n    <Space {...params} element={element} style={styleObj}>\n      {children}\n    </Space>\n  )\n}\n\nfunction getColor(value: string) {\n  return value\n    ? !/#|var/.test(value)\n      ? `var(--color-${value})`\n      : value\n    : undefined\n}\n\nfunction computeStyle(\n  property: ResponsiveProp<unknown> | boolean | string,\n  name: string,\n  valueCallback: (value: string) => string | undefined\n) {\n  let media = property as ResponsiveProp<unknown>\n\n  if (media !== null && typeof media !== 'object') {\n    media = {\n      small: property,\n      medium: property,\n      large: property,\n    } as ResponsiveProp<unknown>\n  }\n\n  const result = {}\n\n  for (const size in media as ResponsiveProp<unknown>) {\n    if (typeof media?.[size] !== 'undefined') {\n      const value = valueCallback(media?.[size])\n      if (typeof value === 'string') {\n        result[`--${name}--${size}`] = value\n      }\n    }\n  }\n\n  return result\n}\n\nSection._name = 'Section'\nSection._supportsSpacingProps = true\n"],"mappings":";;;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AASA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAkC,MAAAK,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAhB,MAAA,CAAAgB,IAAA,CAAAF,MAAA,OAAAd,MAAA,CAAAiB,qBAAA,QAAAC,OAAA,GAAAlB,MAAA,CAAAiB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAApB,MAAA,CAAAqB,wBAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAE,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAX,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAArB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAS,OAAA,CAAAb,MAAA,CAAAO,MAAA,OAAAkB,OAAA,WAAAjB,GAAA,IAAAkB,eAAA,CAAAvB,MAAA,EAAAK,GAAA,EAAAD,MAAA,CAAAC,GAAA,SAAAR,MAAA,CAAA2B,yBAAA,GAAA3B,MAAA,CAAA4B,gBAAA,CAAAzB,MAAA,EAAAH,MAAA,CAAA2B,yBAAA,CAAApB,MAAA,KAAAM,OAAA,CAAAb,MAAA,CAAAO,MAAA,GAAAkB,OAAA,WAAAjB,GAAA,IAAAR,MAAA,CAAA6B,cAAA,CAAA1B,MAAA,EAAAK,GAAA,EAAAR,MAAA,CAAAqB,wBAAA,CAAAd,MAAA,EAAAC,GAAA,iBAAAL,MAAA;AAAA,SAAAuB,gBAAA9B,GAAA,EAAAY,GAAA,EAAAsB,KAAA,IAAAtB,GAAA,GAAAuB,cAAA,CAAAvB,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAA6B,cAAA,CAAAjC,GAAA,EAAAY,GAAA,IAAAsB,KAAA,EAAAA,KAAA,EAAAR,UAAA,QAAAU,YAAA,QAAAC,QAAA,oBAAArC,GAAA,CAAAY,GAAA,IAAAsB,KAAA,WAAAlC,GAAA;AAAA,SAAAmC,eAAAG,GAAA,QAAA1B,GAAA,GAAA2B,YAAA,CAAAD,GAAA,2BAAA1B,GAAA,gBAAAA,GAAA,GAAA4B,MAAA,CAAA5B,GAAA;AAAA,SAAA2B,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA5B,IAAA,CAAA0B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAAvC,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAiB,qBAAA,QAAAgC,gBAAA,GAAAjD,MAAA,CAAAiB,qBAAA,CAAAV,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA6C,gBAAA,CAAA3C,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAyC,gBAAA,CAAA7C,CAAA,OAAA2C,QAAA,CAAAG,OAAA,CAAA1C,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA0C,oBAAA,CAAAxC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAiD,UAAA,GAAApD,MAAA,CAAAgB,IAAA,CAAAT,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgD,UAAA,CAAA9C,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA4C,UAAA,CAAAhD,CAAA,OAAA2C,QAAA,CAAAG,OAAA,CAAA1C,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AA2GlC,MAAMkD,YAAY,GAAG;EACnBC,OAAO,EAAE;AACX,CAAC;AAEc,SAASC,OAAOA,CAACC,UAA2B,EAAE;EAC3D,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,gBAAO,CAAC;EAGzC,MAAMC,KAAK,GAAG,IAAAC,uCAAsB,EAClCN,UAAU,EACVH,YAAY,EACZI,OAAO,CAACF,OACV,CAAC;EAED,MAAM;MACJD,OAAO;MACPS,OAAO;MACPC,QAAQ,GAAG,IAAI;MACfC,aAAa;MACbC,SAAS;MACTC,eAAe;MACfC,UAAU;MACVC,OAAO;MACPC,QAAQ;MAERC,SAAS;MACTC,QAAQ;MAERC,OAAO;MACPC,UAAU;MACVC;IAGF,CAAC,GAAGd,KAAK;IADJe,UAAU,GAAA9B,wBAAA,CACXe,KAAK,EAAAlE,SAAA;EAET,MAAMkF,MAAM,GAAArD,aAAA;IACV+C,SAAS,EAAE,IAAAO,mBAAU,8BAEHf,OAAO,GAAGA,OAAO,GAAGW,UAAU,IAAI,SAAU,IAG5DH,SAAS,EAFTE,OAAO,IACJ,wBAAuB,IAAAM,uBAAM,EAACN,OAAO,CAAC,GAAG,OAAO,GAAGA,OAAQ,EAEhE;EAAC,GACEG,UAAU,CACA;EAEf,MAAMI,WAAW,GAAGtB,cAAK,CAACuB,MAAM,CAAc,CAAC;EAC/C,MAAMC,UAAU,GAAGZ,QAAQ,IAAIK,SAAS,IAAIK,WAAW;EACvDH,MAAM,CAACP,QAAQ,GAAGY,UAAU;EAE5B,MAAMC,QAAQ,GAAA3D,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACT4D,YAAY,CACbpB,QAAQ,EACR,UAAU,EACTlC,KAAK,IAAM,mBAAkBA,KAAK,GAAG,IAAI,GAAG,KAAM,GACrD,CAAC,GACEsD,YAAY,CACbnB,aAAa,EACb,gBAAgB,EACfnC,KAAK,IAAKA,KAAK,IAAI,8BACtB,CAAC,GACEsD,YAAY,CAAClB,SAAS,EAAE,YAAY,EAAGpC,KAAK,IAAKuD,QAAQ,CAACvD,KAAK,CAAC,CAAC,GACjEsD,YAAY,CAACjB,eAAe,EAAE,kBAAkB,EAAGrC,KAAK,IACzDuD,QAAQ,CAACvD,KAAK,CAChB,CAAC,GACEsD,YAAY,CACbhB,UAAU,EACV,aAAa,EACZtC,KAAK,IAAKA,KAAK,IAAI,uBACtB,CAAC,GACEsD,YAAY,CAACf,OAAO,EAAE,eAAe,EAAGvC,KAAK,IAC9CM,MAAM,CAACN,KAAK,CAAC,KAAK,MAAM,GACpB,6BAA6B,GAC7BuD,QAAQ,CAACvD,KAAK,CACpB,CAAC,GACE+C,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAES,KAAK,CACM;EAExB,OACElG,MAAA,CAAAU,OAAA,CAAAyF,aAAA,CAAC7F,MAAA,CAAAI,OAAK,EAAAC,QAAA,KAAK8E,MAAM;IAAEvB,OAAO,EAAEA,OAAQ;IAACgC,KAAK,EAAEH;EAAS,IAClDX,QACI,CAAC;AAEZ;AAEA,SAASa,QAAQA,CAACvD,KAAa,EAAE;EAC/B,OAAOA,KAAK,GACR,CAAC,OAAO,CAAC0D,IAAI,CAAC1D,KAAK,CAAC,GACjB,eAAcA,KAAM,GAAE,GACvBA,KAAK,GACPY,SAAS;AACf;AAEA,SAAS0C,YAAYA,CACnBK,QAAoD,EACpDC,IAAY,EACZC,aAAoD,EACpD;EACA,IAAIC,KAAK,GAAGH,QAAmC;EAE/C,IAAIG,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC/CA,KAAK,GAAG;MACNC,KAAK,EAAEJ,QAAQ;MACfK,MAAM,EAAEL,QAAQ;MAChBM,KAAK,EAAEN;IACT,CAA4B;EAC9B;EAEA,MAAMO,MAAM,GAAG,CAAC,CAAC;EAEjB,KAAK,MAAMC,IAAI,IAAIL,KAAK,EAA6B;IAAA,IAAAM,MAAA;IACnD,IAAI,SAAAA,MAAA,GAAON,KAAK,cAAAM,MAAA,uBAALA,MAAA,CAAQD,IAAI,CAAC,MAAK,WAAW,EAAE;MAAA,IAAAE,OAAA;MACxC,MAAMrE,KAAK,GAAG6D,aAAa,EAAAQ,OAAA,GAACP,KAAK,cAAAO,OAAA,uBAALA,OAAA,CAAQF,IAAI,CAAC,CAAC;MAC1C,IAAI,OAAOnE,KAAK,KAAK,QAAQ,EAAE;QAC7BkE,MAAM,CAAE,KAAIN,IAAK,KAAIO,IAAK,EAAC,CAAC,GAAGnE,KAAK;MACtC;IACF;EACF;EAEA,OAAOkE,MAAM;AACf;AAEAzC,OAAO,CAAC6C,KAAK,GAAG,SAAS;AACzB7C,OAAO,CAAC8C,qBAAqB,GAAG,IAAI"}

package/cjs/components/section/style/dnb-section.css

@@ -23,6 +23,15 @@
 .dnb-section[style*="--background-color"] {
   background-color: var(--background-color, white);
 }
+.dnb-section::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-shadow: var(--drop-shadow, none);
+}
 .dnb-section::after {
   content: "";
   visibility: var(--breakout, hidden);
@@ -47,6 +56,7 @@
     --background-color--value: var(--background-color--small);
     --text-color--value: var(--text-color--small);
     --outline-color: var(--outline-color--small);
+    --drop-shadow: var(--drop-shadow--small);
     --rounded-corner: var(
       --rounded-corner--small,
       var(--rounded-corner--fallback)
@@ -59,6 +69,7 @@
     --background-color--value: var(--background-color--medium);
     --text-color--value: var(--text-color--medium);
     --outline-color: var(--outline-color--medium);
+    --drop-shadow: var(--drop-shadow--medium);
     --rounded-corner: var(
       --rounded-corner--medium,
       var(--rounded-corner--fallback)
@@ -71,6 +82,7 @@
     --background-color--value: var(--background-color--large);
     --text-color--value: var(--text-color--large);
     --outline-color: var(--outline-color--large);
+    --drop-shadow: var(--drop-shadow--large);
     --rounded-corner: var(
       --rounded-corner--large,
       var(--rounded-corner--fallback)

package/cjs/components/section/style/dnb-section.min.css

@@ -1,7 +1,7 @@
-.dnb-section{--breakout--on:visible;--breakout--off:hidden;--rounded-corner--value:0.75rem;--outline:0 0 0 1px var(--outline-color,transparent);--top:0;--left:-100vw;--width:100vw;--height:100%;border-radius:var(--rounded-corner,0);box-shadow:var(--outline,none);color:var(--text-color,#000);display:flow-root;position:relative}.dnb-section[style*="--background-color"]{background-color:var(--background-color,#fff)}.dnb-section:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor;background-color:currentcolor;box-shadow:var(--box-shadow);color:var(--background-color,currentcolor);content:"";height:var(--height);left:var(--left);position:absolute;top:var(--top);visibility:var(--breakout,hidden);width:var(--width);z-index:-15}.dnb-section:not([style*="--breakout"]){--breakout:var(--breakout--on)}@media screen and (max-width:60em){.dnb-section{--breakout:var(--breakout--small,var(--breakout--fallback));--background-color--value:var(--background-color--small);--text-color--value:var(--text-color--small);--outline-color:var(--outline-color--small);--rounded-corner:var(
+.dnb-section{--breakout--on:visible;--breakout--off:hidden;--rounded-corner--value:0.75rem;--outline:0 0 0 1px var(--outline-color,transparent);--top:0;--left:-100vw;--width:100vw;--height:100%;border-radius:var(--rounded-corner,0);box-shadow:var(--outline,none);color:var(--text-color,#000);display:flow-root;position:relative}.dnb-section[style*="--background-color"]{background-color:var(--background-color,#fff)}.dnb-section:before{bottom:0;box-shadow:var(--drop-shadow,none);content:"";left:0;position:absolute;right:0;top:0}.dnb-section:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor;background-color:currentcolor;box-shadow:var(--box-shadow);color:var(--background-color,currentcolor);content:"";height:var(--height);left:var(--left);position:absolute;top:var(--top);visibility:var(--breakout,hidden);width:var(--width);z-index:-15}.dnb-section:not([style*="--breakout"]){--breakout:var(--breakout--on)}@media screen and (max-width:60em){.dnb-section{--breakout:var(--breakout--small,var(--breakout--fallback));--background-color--value:var(--background-color--small);--text-color--value:var(--text-color--small);--outline-color:var(--outline-color--small);--drop-shadow:var(--drop-shadow--small);--rounded-corner:var(
       --rounded-corner--small,var(--rounded-corner--fallback)
-    )}}@media screen and (max-width:59.9375em) and (min-width:40.0625em){.dnb-section{--breakout:var(--breakout--medium,var(--breakout--fallback));--background-color--value:var(--background-color--medium);--text-color--value:var(--text-color--medium);--outline-color:var(--outline-color--medium);--rounded-corner:var(
+    )}}@media screen and (max-width:59.9375em) and (min-width:40.0625em){.dnb-section{--breakout:var(--breakout--medium,var(--breakout--fallback));--background-color--value:var(--background-color--medium);--text-color--value:var(--text-color--medium);--outline-color:var(--outline-color--medium);--drop-shadow:var(--drop-shadow--medium);--rounded-corner:var(
       --rounded-corner--medium,var(--rounded-corner--fallback)
-    )}}@media screen and (min-width:60em){.dnb-section{--breakout:var(--breakout--large,var(--breakout--fallback));--background-color--value:var(--background-color--large);--text-color--value:var(--text-color--large);--outline-color:var(--outline-color--large);--rounded-corner:var(
+    )}}@media screen and (min-width:60em){.dnb-section{--breakout:var(--breakout--large,var(--breakout--fallback));--background-color--value:var(--background-color--large);--text-color--value:var(--text-color--large);--outline-color:var(--outline-color--large);--drop-shadow:var(--drop-shadow--large);--rounded-corner:var(
       --rounded-corner--large,var(--rounded-corner--fallback)
     )}}.dnb-section .dnb-section:after{z-index:-14}.dnb-section .dnb-section .dnb-section:after{z-index:-13}.dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-12}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-11}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-10}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-9}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-8}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-7}.dnb-section--spacing-x-small{padding-bottom:var(--spacing-x-small);padding-top:var(--spacing-x-small)}.dnb-section--spacing-small{padding-bottom:var(--spacing-small);padding-top:var(--spacing-small)}.dnb-section--spacing-medium{padding-bottom:var(--spacing-medium);padding-top:var(--spacing-medium)}.dnb-section--spacing,.dnb-section--spacing-large{padding-bottom:var(--spacing-large);padding-top:var(--spacing-large)}.dnb-section--spacing-x-large{padding-bottom:var(--spacing-x-large);padding-top:var(--spacing-x-large)}.dnb-section--spacing-xx-large{padding-bottom:var(--spacing-xx-large);padding-top:var(--spacing-xx-large)}

package/cjs/components/section/style/dnb-section.scss

@@ -29,6 +29,13 @@
     background-color: var(--background-color, white);
   }
 
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    box-shadow: var(--drop-shadow, none);
+  }
+
   &::after {
     content: '';
     visibility: var(--breakout, hidden);
@@ -58,6 +65,7 @@
     --background-color--value: var(--background-color--small);
     --text-color--value: var(--text-color--small);
     --outline-color: var(--outline-color--small);
+    --drop-shadow: var(--drop-shadow--small);
     --rounded-corner: var(
       --rounded-corner--small,
       var(--rounded-corner--fallback)
@@ -68,6 +76,7 @@
     --background-color--value: var(--background-color--medium);
     --text-color--value: var(--text-color--medium);
     --outline-color: var(--outline-color--medium);
+    --drop-shadow: var(--drop-shadow--medium);
     --rounded-corner: var(
       --rounded-corner--medium,
       var(--rounded-corner--fallback)
@@ -78,6 +87,7 @@
     --background-color--value: var(--background-color--large);
     --text-color--value: var(--text-color--large);
     --outline-color: var(--outline-color--large);
+    --drop-shadow: var(--drop-shadow--large);
     --rounded-corner: var(
       --rounded-corner--large,
       var(--rounded-corner--fallback)

package/cjs/components/skeleton/Skeleton.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/cjs/components/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_defaults","_Space","_SpacingHelper","_Context","_Provider","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Skeleton","React","PureComponent","constructor","props","state","ariaLiveUpdate","componentWillUnmount","clearTimeout","_ariaLiveUpdateTimeout","componentDidUpdate","prevProps","show","setAriaLiveUpdate","getProps","context","extendPropsWithContextInClassComponent","defaultProps","skeleton","no_animation","skeleton_no_animation","getTranslation","setTimeout","aria_busy","aria_ready","newString","isTrue","setState","render","figure","className","class","_className","children","attributes","showSkeleton","params","classnames","createSpacingClasses","lang","locale","LOCALE","validateDOMAttributes","createElement","exports","Context","element","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","bool","func","node","spacingPropTypes","Exclude","_supportsSpacingProps"],"sources":["../../../../src/components/skeleton/Skeleton.js"],"sourcesContent":["/**\n * Web Skeleton Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  isTrue,\n} from '../../shared/component-helper'\nimport { LOCALE } from '../../shared/defaults'\nimport Space from '../space/Space'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\n\nexport default class Skeleton extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    figure: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    aria_busy: PropTypes.string,\n    aria_ready: PropTypes.string,\n    element: PropTypes.node,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    show: null,\n    skeleton: null, // only to make sure we process extendPropsWithContextInClassComponent\n    no_animation: null,\n    figure: null,\n    aria_busy: null,\n    aria_ready: null,\n    element: null,\n    class: null,\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = { ariaLiveUpdate: null }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._ariaLiveUpdateTimeout)\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.show !== this.props.show) {\n      this.setAriaLiveUpdate()\n    }\n  }\n\n  getProps(props = this.props, context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      props,\n      Skeleton.defaultProps,\n      {\n        skeleton: context.Skeleton || context.skeleton,\n        no_animation: context.skeleton_no_animation,\n      },\n      context.getTranslation(props).Skeleton\n    )\n  }\n\n  setAriaLiveUpdate() {\n    // this is only to make a better screen reader ux\n    clearTimeout(this._ariaLiveUpdateTimeout)\n    this._ariaLiveUpdateTimeout = setTimeout(() => {\n      const { aria_busy, aria_ready } = this.getProps()\n\n      let newString = null\n\n      if (isTrue(this.props.show)) {\n        newString = aria_busy\n      } else {\n        newString = aria_ready\n      }\n\n      if (newString) {\n        this.setState({\n          ariaLiveUpdate: newString,\n        })\n        this._ariaLiveUpdateTimeout = setTimeout(() => {\n          this.setState({\n            ariaLiveUpdate: null,\n          })\n        }, 1e3)\n      }\n    }, 1e3) // so that the input gets read out first, and then the results\n  }\n\n  render() {\n    // consume the skeleton context\n    const props = this.getProps()\n\n    const {\n      show,\n      no_animation,\n      figure,\n      skeleton,\n      aria_busy,\n      aria_ready, // eslint-disable-line\n      className,\n      class: _className,\n      children,\n\n      ...attributes\n    } = props\n\n    const { ariaLiveUpdate } = this.state\n\n    const showSkeleton =\n      typeof show === 'boolean' || typeof show === 'string'\n        ? isTrue(show)\n        : skeleton\n\n    const params = {\n      className: classnames(\n        figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root',\n        isTrue(showSkeleton) && 'dnb-skeleton',\n        isTrue(no_animation) && 'dnb-skeleton--no-animation',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      // role: 'status',// is not needed as for now\n      'aria-busy': showSkeleton,\n      'aria-label': showSkeleton ? aria_busy : undefined,\n      lang: this.context.locale || LOCALE,\n      ...attributes,\n    }\n\n    validateDOMAttributes(props, params)\n\n    return (\n      <Space {...params}>\n        {figure ? (\n          showSkeleton ? (\n            typeof figure === 'function' ? (\n              figure()\n            ) : (\n              figure\n            )\n          ) : (\n            children\n          )\n        ) : (\n          <Provider\n            skeleton={showSkeleton}\n            skeleton_no_animation={no_animation}\n          >\n            {children}\n          </Provider>\n        )}\n        <span className=\"dnb-sr-only\" aria-live=\"assertive\">\n          {ariaLiveUpdate}\n        </span>\n      </Space>\n    )\n  }\n}\n\nfunction Exclude(props) {\n  return <Provider {...props} skeleton={false} />\n}\n\nSkeleton.Exclude = Exclude\n\nSkeleton._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_defaults","_Space","_SpacingHelper","_Context","_Provider","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Skeleton","React","PureComponent","constructor","props","state","ariaLiveUpdate","componentWillUnmount","clearTimeout","_ariaLiveUpdateTimeout","componentDidUpdate","prevProps","show","setAriaLiveUpdate","getProps","context","extendPropsWithContextInClassComponent","defaultProps","skeleton","no_animation","skeleton_no_animation","getTranslation","setTimeout","aria_busy","aria_ready","newString","isTrue","setState","render","figure","className","class","_className","children","attributes","showSkeleton","params","classnames","createSpacingClasses","lang","locale","LOCALE","validateDOMAttributes","createElement","exports","Context","element","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","bool","func","node","spacingPropTypes","Exclude","_supportsSpacingProps"],"sources":["../../../../src/components/skeleton/Skeleton.js"],"sourcesContent":["/**\n * Web Skeleton Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  isTrue,\n} from '../../shared/component-helper'\nimport { LOCALE } from '../../shared/defaults'\nimport Space from '../space/Space'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\n\nexport default class Skeleton extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    figure: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    aria_busy: PropTypes.string,\n    aria_ready: PropTypes.string,\n    element: PropTypes.node,\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    show: null,\n    skeleton: null, // only to make sure we process extendPropsWithContextInClassComponent\n    no_animation: null,\n    figure: null,\n    aria_busy: null,\n    aria_ready: null,\n    element: null,\n    class: null,\n    className: null,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = { ariaLiveUpdate: null }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._ariaLiveUpdateTimeout)\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.show !== this.props.show) {\n      this.setAriaLiveUpdate()\n    }\n  }\n\n  getProps(props = this.props, context = this.context) {\n    return extendPropsWithContextInClassComponent(\n      props,\n      Skeleton.defaultProps,\n      {\n        skeleton: context.Skeleton || context.skeleton,\n        no_animation: context.skeleton_no_animation,\n      },\n      context.getTranslation(props).Skeleton\n    )\n  }\n\n  setAriaLiveUpdate() {\n    // this is only to make a better screen reader ux\n    clearTimeout(this._ariaLiveUpdateTimeout)\n    this._ariaLiveUpdateTimeout = setTimeout(() => {\n      const { aria_busy, aria_ready } = this.getProps()\n\n      let newString = null\n\n      if (isTrue(this.props.show)) {\n        newString = aria_busy\n      } else {\n        newString = aria_ready\n      }\n\n      if (newString) {\n        this.setState({\n          ariaLiveUpdate: newString,\n        })\n        this._ariaLiveUpdateTimeout = setTimeout(() => {\n          this.setState({\n            ariaLiveUpdate: null,\n          })\n        }, 1e3)\n      }\n    }, 1e3) // so that the input gets read out first, and then the results\n  }\n\n  render() {\n    // consume the skeleton context\n    const props = this.getProps()\n\n    const {\n      show,\n      no_animation,\n      figure,\n      skeleton,\n      aria_busy,\n      aria_ready, // eslint-disable-line\n      className,\n      class: _className,\n      children,\n\n      ...attributes\n    } = props\n\n    const { ariaLiveUpdate } = this.state\n\n    const showSkeleton =\n      typeof show === 'boolean' || typeof show === 'string'\n        ? isTrue(show)\n        : skeleton\n\n    const params = {\n      className: classnames(\n        figure ? 'dnb-skeleton__figure' : 'dnb-skeleton__root',\n        isTrue(showSkeleton) && 'dnb-skeleton',\n        isTrue(no_animation) && 'dnb-skeleton--no-animation',\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      // role: 'status',// is not needed as for now\n      'aria-busy': showSkeleton,\n      'aria-label': showSkeleton ? aria_busy : undefined,\n      lang: this.context.locale || LOCALE,\n      ...attributes,\n    }\n\n    validateDOMAttributes(props, params)\n\n    return (\n      <Space {...params}>\n        {figure ? (\n          showSkeleton ? (\n            typeof figure === 'function' ? (\n              figure()\n            ) : (\n              figure\n            )\n          ) : (\n            children\n          )\n        ) : (\n          <Provider\n            skeleton={showSkeleton}\n            skeleton_no_animation={no_animation}\n          >\n            {children}\n          </Provider>\n        )}\n        <span className=\"dnb-sr-only\" aria-live=\"assertive\">\n          {ariaLiveUpdate}\n        </span>\n      </Space>\n    )\n  }\n}\n\nfunction Exclude(props) {\n  return <Provider {...props} skeleton={false} />\n}\n\nSkeleton.Exclude = Exclude\n\nSkeleton._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/components/skeleton/figures/Article.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/cjs/components/skeleton/figures/Article.js.map

@@ -1 +1 @@
-{"version":3,"file":"Article.js","names":["_react","_interopRequireDefault","require","_propTypes","_Context","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SkeletonArticle","React","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","c","concat","reverse","render","_this$props","children","rest","createElement","className","style","width","p","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Article.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonArticle extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Article.js","names":["_react","_interopRequireDefault","require","_propTypes","_Context","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SkeletonArticle","React","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","c","concat","reverse","render","_this$props","children","rest","createElement","className","style","width","p","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Article.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonArticle extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/skeleton/figures/Circle.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/cjs/components/skeleton/figures/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","names":["_react","_interopRequireDefault","require","_propTypes","_Context","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SkeletonCircle","React","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","c","concat","reverse","render","_this$props","children","rest","createElement","className","style","width","p","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Circle.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonCircle extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA6C,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAAA,SAAAmB,gBAAA1B,GAAA,EAAAY,GAAA,EAAAe,KAAA,IAAAf,GAAA,GAAAgB,cAAA,CAAAhB,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAAyB,cAAA,CAAA7B,GAAA,EAAAY,GAAA,IAAAe,KAAA,EAAAA,KAAA,EAAAG,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAhC,GAAA,CAAAY,GAAA,IAAAe,KAAA,WAAA3B,GAAA;AAAA,SAAA4B,eAAAK,GAAA,QAAArB,GAAA,GAAAsB,YAAA,CAAAD,GAAA,2BAAArB,GAAA,gBAAAA,GAAA,GAAAuB,MAAA,CAAAvB,GAAA;AAAA,SAAAsB,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAvB,IAAA,CAAAqB,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAG9B,MAAMS,cAAc,SAASC,cAAK,CAACC,aAAa,CAAC;EAgB9DC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,MAAM;MAAEC;IAAK,CAAC,GAAGD,KAAK;IAItB,MAAME,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,IAAI,CAACC,UAAU,GAAG,IAAIC,KAAK,CAACH,IAAI,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,CAACG,GAAG,CAAC,CAACC,CAAC,EAAE/C,CAAC,KAAK;MACzD,MAAMgD,CAAC,GAAGhD,CAAC,GAAG2C,IAAI,CAACzC,MAAM;MACzB,IAAI8C,CAAC,KAAKL,IAAI,CAACzC,MAAM,GAAG,CAAC,EAAE;QACzByC,IAAI,CAACM,MAAM,CAACN,IAAI,CAACO,OAAO,CAAC,CAAC,CAAC;MAC7B;MACA,OAAOP,IAAI,CAACK,CAAC,CAAC;IAChB,CAAC,CAAC;EACJ;EAEAG,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAII,IAAI,CAACX,KAAK;MAJR;QACJC,IAAI;QACJW;MAEF,CAAC,GAAAD,WAAA;MADIE,IAAI,GAAA7C,wBAAA,CAAA2C,WAAA,EAAA7D,SAAA;IAGT,OACEL,MAAA,CAAAQ,OAAA,CAAA6D,aAAA,QAAA5D,QAAA;MACE6D,SAAS,mDAGP;MACF;IAAS,GACLF,IAAI,GAERpE,MAAA,CAAAQ,OAAA,CAAA6D,aAAA;MACEC,SAAS,6EAKP;MACF,mBAAW;MACXC,KAAK,EAAE;QACLC,KAAK,EAAE;MACT;IAAE,GACH,QAEI,CAAC,EAEL,IAAI,CAACd,UAAU,CAACE,GAAG,CAAC,CAACa,CAAC,EAAE3D,CAAC,KACxBd,MAAA,CAAAQ,OAAA,CAAA6D,aAAA;MACEnD,GAAG,EAAEJ,CAAE;MACPwD,SAAS,kEAKP;MACFC,KAAK,EAAE;QACLC,KAAK,EAAG,GAAEC,CAAE;MACd;IAAE,GACH,QAEI,CACN,CAAC,EAEDN,QACE,CAAC;EAEV;AACF;AAACO,OAAA,CAAAlE,OAAA,GAAA2C,cAAA;AAAAnB,eAAA,CArFoBmB,cAAc,iBACZwB,gBAAO;AAAA3C,eAAA,CADTmB,cAAc,kBAWX;EACpBK,IAAI,EAAE,CAAC;EACPW,QAAQ,EAAE;AACZ,CAAC;AAAAS,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAdkB3B,cAAc,CAE1B4B,SAAS,GAAG;EACjBvB,IAAI,EAAEwB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,MAAM,CAAC,CAAC;EAC/DhB,QAAQ,EAAEa,kBAAS,CAACC,SAAS,CAAC,CAC5BD,kBAAS,CAACE,MAAM,EAChBF,kBAAS,CAACI,IAAI,EACdJ,kBAAS,CAACK,IAAI,CACf;AACH,CAAC"}
+{"version":3,"file":"Circle.js","names":["_react","_interopRequireDefault","require","_propTypes","_Context","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SkeletonCircle","React","PureComponent","constructor","props","rows","fill","rowsLength","Array","map","_","c","concat","reverse","render","_this$props","children","rest","createElement","className","style","width","p","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","number","func","node"],"sources":["../../../../../src/components/skeleton/figures/Circle.js"],"sourcesContent":["/**\n * Web Skeleton Figure\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../../shared/Context'\nimport classnames from 'classnames'\n\nexport default class SkeletonCircle extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    rows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n  }\n\n  static defaultProps = {\n    rows: 3,\n    children: null,\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { rows } = props\n\n    // Do this so we get the same result each time\n    // because of static generated markup\n    const fill = [70, 80, 60, 40, 50, 20, 0]\n    this.rowsLength = new Array(rows).fill(true).map((_, i) => {\n      const c = i % fill.length\n      if (c === fill.length - 1) {\n        fill.concat(fill.reverse())\n      }\n      return fill[c]\n    })\n  }\n\n  render() {\n    const {\n      rows, // eslint-disable-line\n      children,\n      ...rest\n    } = this.props\n\n    return (\n      <div\n        className={classnames(\n          'dnb-skeleton__figure',\n          'dnb-skeleton__figure--show'\n        )}\n        aria-busy\n        {...rest}\n      >\n        <div\n          className={classnames(\n            'dnb-h--xx-large',\n            'dnb-skeleton',\n            'dnb-skeleton--shape',\n            'dnb-space__bottom--large'\n          )}\n          aria-hidden\n          style={{\n            width: '50%',\n          }}\n        >\n          &zwnj;\n        </div>\n\n        {this.rowsLength.map((p, i) => (\n          <div\n            key={i}\n            className={classnames(\n              'dnb-p',\n              'dnb-skeleton',\n              'dnb-skeleton--shape',\n              'dnb-space__top--x-small'\n            )}\n            style={{\n              width: `${p}%`,\n            }}\n          >\n            &zwnj;\n          </div>\n        ))}\n\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/skeleton/figures/Product.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true