@dnb/eufemia 10.22.0 → 10.23.0

package/es/components/date-picker/DatePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["React","PropTypes","isSameMonth","isValid","format","differenceInCalendarDays","Context","isTrue","dispatchCustomElementEvent","convertStringToDate","correctV1Format","isDisabled","DatePickerContext","getViews","DatePickerProvider","PureComponent","getDerivedStateFromProps","props","state","isRange","range","_listenForPropChanges","startDate","undefined","date_format","date","_date","start_date","_startDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","lastEventCallCache","__startDay","pad","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","views","month","_month","constructor","_defineProperty","cb","setState","_objectSpread","args","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","attributes","returnFormat","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","value","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","process","env","NODE_ENV","propTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","object","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n    }\n\n    /**\n     * Because now we do not any more relay on auto \"correction\",\n     * but rather return \"is_valid_start_date=false\"\n     */\n    if (\n      isTrue(props.correct_invalid_date) ||\n      ((typeof props.min_date !== 'undefined' ||\n        typeof props.max_date !== 'undefined') &&\n        props.correct_invalid_date !== false)\n    ) {\n      if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n        state.startDate = state.minDate\n      }\n      if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n        // state.endDate is only used by the input if range is set to true.\n        // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n        if (!props.range && !props.min_date) {\n          state.startDate = state.maxDate\n        } else {\n          state.endDate = state.maxDate\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate } = { ...this.state, ...rest }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerProvider.js","names":["React","PropTypes","isSameMonth","isValid","format","differenceInCalendarDays","Context","isTrue","dispatchCustomElementEvent","convertStringToDate","correctV1Format","isDisabled","DatePickerContext","getViews","DatePickerProvider","PureComponent","getDerivedStateFromProps","props","state","isRange","range","_listenForPropChanges","startDate","undefined","date_format","date","_date","start_date","_startDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","lastEventCallCache","__startDay","pad","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","views","month","_month","constructor","_defineProperty","cb","setState","_objectSpread","args","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","attributes","returnFormat","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","value","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","process","env","NODE_ENV","propTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","object","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n    }\n\n    /**\n     * Because now we do not any more relay on auto \"correction\",\n     * but rather return \"is_valid_start_date=false\"\n     */\n    if (isTrue(props.correct_invalid_date)) {\n      if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n        state.startDate = state.minDate\n      }\n      if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n        // state.endDate is only used by the input if range is set to true.\n        // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n        if (!props.range && !props.min_date) {\n          state.startDate = state.maxDate\n        } else {\n          state.endDate = state.maxDate\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate, partialStartDate, partialEndDate } = {\n      ...this.state,\n      ...rest,\n    }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n        partialStartDate,\n        partialEndDate,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        partialStartDate,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}

package/es/components/dropdown/style/dnb-dropdown.css

@@ -174,6 +174,9 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
 .dnb-dropdown--icon-position-left .dnb-button--tertiary .dnb-dropdown__text, .dnb-dropdown--icon-position-right .dnb-button--tertiary .dnb-dropdown__text {
   padding: 0;
 }
+.dnb-dropdown .dnb-button--tertiary {
+  padding: 0;
+}
 .dnb-dropdown .dnb-button--tertiary:focus::before {
   left: 0 !important;
   right: 0 !important;

package/es/components/dropdown/style/dnb-dropdown.min.css

@@ -1 +1 @@
-.dnb-dropdown{--dropdown-width:16rem;--dropdown-height:2rem;--dropdown-height--small:1.5rem;--dropdown-height--medium:2.5rem;--dropdown-height--large:3rem;--dropdown-padding-horizontal:1rem;--dropdown-focus-border-width:0.125rem;--dropdown-error-border-width:0.125rem;--dropdown-text-padding:0.5rem;--dropdown-button-padding:0 1rem;--dropdown-border-radius:0.25rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8);align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--dropdown-height)}.dnb-dropdown__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-dropdown__shell{color:inherit;height:var(--dropdown-height);margin:0;padding:0;position:relative;width:var(--dropdown-width)}.dnb-dropdown__row{display:inline-flex}.dnb-dropdown--large .dnb-drawer-list__triangle{margin-left:calc(var(--dropdown-padding-horizontal) - .25rem)}.dnb-dropdown--icon-position-left.dnb-dropdown--large .dnb-drawer-list__triangle{margin-left:calc(var(--dropdown-padding-horizontal) + .25rem)}.dnb-dropdown__icon{display:inline-flex;justify-content:center;order:2;pointer-events:none;position:relative}.dnb-dropdown__trigger{position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.dnb-dropdown__trigger.dnb-button{border-radius:var(--dropdown-border-radius);padding:var(--dropdown-button-padding)}.dnb-dropdown--is-popup .dnb-dropdown__trigger.dnb-button{border-radius:50%;padding:0}.dnb-dropdown__text{color:inherit;display:inline-block;font-size:var(--font-size-basis);line-height:inherit;order:1;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;width:100%;z-index:4}.dnb-dropdown__text__inner{display:inherit;overflow:hidden;text-overflow:inherit;white-space:nowrap}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--dropdown-foreground-color-error);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--dropdown-foreground-color-error);--border-width:var(--dropdown-error-border-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--dropdown-foreground-color-error)}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:var(--dropdown-foreground-color-error)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:var(--dropdown-background-color-error-active);color:var(--dropdown-foreground-color-error)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:var(--dropdown-foreground-color-error)}.dnb-dropdown>.dnb-form-status{transform:translateY(-.4375rem)}.dnb-dropdown--icon-position-left .dnb-dropdown__text{order:2;padding-left:var(--dropdown-text-padding);padding-right:0}.dnb-dropdown--icon-position-left .dnb-dropdown__icon{order:1}.dnb-dropdown--icon-position-right .dnb-dropdown__text{padding-right:var(--dropdown-text-padding)}.dnb-dropdown--independent-width .dnb-dropdown__shell{width:auto}@media screen and (max-width:40em){.dnb-dropdown--action-menu .dnb-dropdown__trigger.dnb-button{border-radius:50%;padding-left:.5rem;padding-right:.5rem}}@media screen and (min-width:40em){.dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text{padding:0 .5rem}}@media screen and (max-width:40em){.dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text{padding:0;width:0}}.dnb-dropdown--icon-position-left .dnb-button--tertiary~.dnb-drawer-list__root--portal{left:-.5rem}.dnb-dropdown--icon-position-right .dnb-button--tertiary~.dnb-drawer-list__root--portal{left:.5rem}.dnb-dropdown .dnb-button--tertiary.dnb-button--active{box-shadow:none}.dnb-dropdown .dnb-button--tertiary .dnb-button__text{margin:0 .5rem}.dnb-dropdown .dnb-button--tertiary .dnb-button__text:after{bottom:0}.dnb-dropdown--icon-position-left .dnb-button--tertiary .dnb-dropdown__text,.dnb-dropdown--icon-position-right .dnb-button--tertiary .dnb-dropdown__text{padding:0}.dnb-dropdown .dnb-button--tertiary:focus:before{left:0!important;right:0!important}.dnb-dropdown--default.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--is-popup .dnb-dropdown__trigger{height:var(--dropdown-height);padding:0;width:var(--dropdown-height)}.dnb-dropdown--is-popup .dnb-dropdown__icon{width:100%}.dnb-dropdown--is-popup.dnb-dropdown--scroll .dnb-dropdown__options{min-height:1rem}.dnb-dropdown--is-popup .dnb-drawer-list__root{width:var(--dropdown-width)}.dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__trigger{width:var(--dropdown-height--small)}.dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__trigger{width:var(--dropdown-height--medium)}.dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__trigger{width:var(--dropdown-height--large)}.dnb-dropdown--small .dnb-dropdown__shell,.dnb-dropdown--small .dnb-dropdown__trigger{height:var(--dropdown-height--small)}.dnb-dropdown--small,.dnb-dropdown--small .dnb-dropdown__trigger.dnb-button{line-height:var(--dropdown-height--small)}.dnb-dropdown--medium .dnb-dropdown__shell,.dnb-dropdown--medium .dnb-dropdown__trigger{height:var(--dropdown-height--medium)}.dnb-dropdown--medium,.dnb-dropdown--medium .dnb-dropdown__trigger.dnb-button{line-height:var(--dropdown-height--medium)}.dnb-dropdown--large .dnb-dropdown__shell,.dnb-dropdown--large .dnb-dropdown__trigger{height:var(--dropdown-height--large)}.dnb-dropdown--large,.dnb-dropdown--large .dnb-dropdown__trigger.dnb-button{line-height:var(--dropdown-height--large)}.dnb-dropdown--large .dnb-dropdown__trigger.dnb-button .dnb-dropdown__text,.dnb-dropdown>.dnb-form-label{line-height:var(--line-height-basis)}.dnb-dropdown>.dnb-form-label{margin-right:1rem}@media screen and (max-width:40em){.dnb-dropdown{flex-wrap:wrap}.dnb-dropdown>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-dropdown--stretch{display:flex;flex-grow:1}.dnb-dropdown--stretch .dnb-dropdown__inner{flex-grow:1}.dnb-dropdown--stretch .dnb-dropdown__inner,.dnb-dropdown--stretch .dnb-dropdown__row,.dnb-dropdown--stretch .dnb-dropdown__shell{width:100%}.dnb-dropdown--stretch .dnb-form-label+.dnb-dropdown__inner{width:auto}.dnb-dropdown--vertical.dnb-dropdown--stretch .dnb-dropdown__inner,.dnb-form-row--horizontal .dnb-dropdown--stretch{width:100%}label+.dnb-dropdown[class*=__form-status]{vertical-align:top}label+.dnb-dropdown[class*=__form-status] .dnb-dropdown__shell{top:-.375rem}.dnb-dropdown__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-dropdown--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-dropdown:not(.dnb-dropdown--vertical)[class*=__status]{align-items:flex-start}.dnb-dropdown:not(.dnb-dropdown--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-responsive-component .dnb-dropdown{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-dropdown>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-dropdown__helper{display:none}}
+.dnb-dropdown{--dropdown-width:16rem;--dropdown-height:2rem;--dropdown-height--small:1.5rem;--dropdown-height--medium:2.5rem;--dropdown-height--large:3rem;--dropdown-padding-horizontal:1rem;--dropdown-focus-border-width:0.125rem;--dropdown-error-border-width:0.125rem;--dropdown-text-padding:0.5rem;--dropdown-button-padding:0 1rem;--dropdown-border-radius:0.25rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8);align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--dropdown-height)}.dnb-dropdown__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-dropdown__shell{color:inherit;height:var(--dropdown-height);margin:0;padding:0;position:relative;width:var(--dropdown-width)}.dnb-dropdown__row{display:inline-flex}.dnb-dropdown--large .dnb-drawer-list__triangle{margin-left:calc(var(--dropdown-padding-horizontal) - .25rem)}.dnb-dropdown--icon-position-left.dnb-dropdown--large .dnb-drawer-list__triangle{margin-left:calc(var(--dropdown-padding-horizontal) + .25rem)}.dnb-dropdown__icon{display:inline-flex;justify-content:center;order:2;pointer-events:none;position:relative}.dnb-dropdown__trigger{position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.dnb-dropdown__trigger.dnb-button{border-radius:var(--dropdown-border-radius);padding:var(--dropdown-button-padding)}.dnb-dropdown--is-popup .dnb-dropdown__trigger.dnb-button{border-radius:50%;padding:0}.dnb-dropdown__text{color:inherit;display:inline-block;font-size:var(--font-size-basis);line-height:inherit;order:1;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;width:100%;z-index:4}.dnb-dropdown__text__inner{display:inherit;overflow:hidden;text-overflow:inherit;white-space:nowrap}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--dropdown-foreground-color-error);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--dropdown-foreground-color-error);--border-width:var(--dropdown-error-border-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--dropdown-foreground-color-error)}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:var(--dropdown-foreground-color-error)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:var(--dropdown-background-color-error-active);color:var(--dropdown-foreground-color-error)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:var(--dropdown-foreground-color-error)}.dnb-dropdown>.dnb-form-status{transform:translateY(-.4375rem)}.dnb-dropdown--icon-position-left .dnb-dropdown__text{order:2;padding-left:var(--dropdown-text-padding);padding-right:0}.dnb-dropdown--icon-position-left .dnb-dropdown__icon{order:1}.dnb-dropdown--icon-position-right .dnb-dropdown__text{padding-right:var(--dropdown-text-padding)}.dnb-dropdown--independent-width .dnb-dropdown__shell{width:auto}@media screen and (max-width:40em){.dnb-dropdown--action-menu .dnb-dropdown__trigger.dnb-button{border-radius:50%;padding-left:.5rem;padding-right:.5rem}}@media screen and (min-width:40em){.dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text{padding:0 .5rem}}@media screen and (max-width:40em){.dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text{padding:0;width:0}}.dnb-dropdown--icon-position-left .dnb-button--tertiary~.dnb-drawer-list__root--portal{left:-.5rem}.dnb-dropdown--icon-position-right .dnb-button--tertiary~.dnb-drawer-list__root--portal{left:.5rem}.dnb-dropdown .dnb-button--tertiary.dnb-button--active{box-shadow:none}.dnb-dropdown .dnb-button--tertiary .dnb-button__text{margin:0 .5rem}.dnb-dropdown .dnb-button--tertiary .dnb-button__text:after{bottom:0}.dnb-dropdown .dnb-button--tertiary,.dnb-dropdown--icon-position-left .dnb-button--tertiary .dnb-dropdown__text,.dnb-dropdown--icon-position-right .dnb-button--tertiary .dnb-dropdown__text{padding:0}.dnb-dropdown .dnb-button--tertiary:focus:before{left:0!important;right:0!important}.dnb-dropdown--default.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--is-popup .dnb-dropdown__trigger{height:var(--dropdown-height);padding:0;width:var(--dropdown-height)}.dnb-dropdown--is-popup .dnb-dropdown__icon{width:100%}.dnb-dropdown--is-popup.dnb-dropdown--scroll .dnb-dropdown__options{min-height:1rem}.dnb-dropdown--is-popup .dnb-drawer-list__root{width:var(--dropdown-width)}.dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__trigger{width:var(--dropdown-height--small)}.dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__trigger{width:var(--dropdown-height--medium)}.dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__shell,.dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__trigger{width:var(--dropdown-height--large)}.dnb-dropdown--small .dnb-dropdown__shell,.dnb-dropdown--small .dnb-dropdown__trigger{height:var(--dropdown-height--small)}.dnb-dropdown--small,.dnb-dropdown--small .dnb-dropdown__trigger.dnb-button{line-height:var(--dropdown-height--small)}.dnb-dropdown--medium .dnb-dropdown__shell,.dnb-dropdown--medium .dnb-dropdown__trigger{height:var(--dropdown-height--medium)}.dnb-dropdown--medium,.dnb-dropdown--medium .dnb-dropdown__trigger.dnb-button{line-height:var(--dropdown-height--medium)}.dnb-dropdown--large .dnb-dropdown__shell,.dnb-dropdown--large .dnb-dropdown__trigger{height:var(--dropdown-height--large)}.dnb-dropdown--large,.dnb-dropdown--large .dnb-dropdown__trigger.dnb-button{line-height:var(--dropdown-height--large)}.dnb-dropdown--large .dnb-dropdown__trigger.dnb-button .dnb-dropdown__text,.dnb-dropdown>.dnb-form-label{line-height:var(--line-height-basis)}.dnb-dropdown>.dnb-form-label{margin-right:1rem}@media screen and (max-width:40em){.dnb-dropdown{flex-wrap:wrap}.dnb-dropdown>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-dropdown--stretch{display:flex;flex-grow:1}.dnb-dropdown--stretch .dnb-dropdown__inner{flex-grow:1}.dnb-dropdown--stretch .dnb-dropdown__inner,.dnb-dropdown--stretch .dnb-dropdown__row,.dnb-dropdown--stretch .dnb-dropdown__shell{width:100%}.dnb-dropdown--stretch .dnb-form-label+.dnb-dropdown__inner{width:auto}.dnb-dropdown--vertical.dnb-dropdown--stretch .dnb-dropdown__inner,.dnb-form-row--horizontal .dnb-dropdown--stretch{width:100%}label+.dnb-dropdown[class*=__form-status]{vertical-align:top}label+.dnb-dropdown[class*=__form-status] .dnb-dropdown__shell{top:-.375rem}.dnb-dropdown__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-dropdown--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-dropdown:not(.dnb-dropdown--vertical)[class*=__status]{align-items:flex-start}.dnb-dropdown:not(.dnb-dropdown--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-responsive-component .dnb-dropdown{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-dropdown>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-dropdown__helper{display:none}}

package/es/components/dropdown/style/dnb-dropdown.scss

@@ -226,6 +226,10 @@
     padding: 0;
   }
 
+  .dnb-button--tertiary {
+    padding: 0;
+  }
+
   .dnb-button--tertiary:focus::before {
     left: 0 !important;
     right: 0 !important;

package/es/components/form-label/FormLabel.js

@@ -34,7 +34,7 @@ export default function FormLabel(localProps) {
     } = props,
     attributes = _objectWithoutProperties(props, _excluded);
   const content = text || children;
-  const isInteractive = !props.disabled && !srOnly && (typeof props.onClick === 'function' || forId);
+  const isInteractive = Boolean(!props.disabled && !srOnly && (typeof props.onClick === 'function' || forId));
   const params = _objectSpread({
     className: classnames('dnb-form-label', (isTrue(vertical) || labelDirection === 'vertical') && `dnb-form-label--vertical`, createSkeletonClass('font', skeleton, context), createSpacingClasses(content ? _objectSpread({
       right: 'small'

package/es/components/form-label/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","names":["React","classnames","extendPropsWithContext","isTrue","validateDOMAttributes","createSpacingClasses","createSkeletonClass","skeletonDOMAttributes","pickFormElementProps","convertSnakeCaseProps","omitSpacingProps","Context","FormLabel","localProps","context","useContext","props","skeleton","FormRow","formElement","forId","text","srOnly","vertical","labelDirection","size","element","Element","innerRef","className","children","attributes","_objectWithoutProperties","_excluded","content","isInteractive","disabled","onClick","params","_objectSpread","right","htmlFor","createElement","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport {\n  FormElementProps,\n  pickFormElementProps,\n} from '../../shared/helpers/filterValidProps'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport { omitSpacingProps } from '../flex/utils'\nimport Context from '../../shared/Context'\nimport type {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /**\n   * For internal use only\n   */\n  labelDirection?: FormElementProps['labelDirection']\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use \"vertical\" (or \"labelDirection\" for internal use) instead (was not documented before) */\n  label_direction?: FormElementProps['label_direction']\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps(\n    extendPropsWithContext(\n      localProps,\n      null,\n      { skeleton: context?.skeleton },\n      pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n      pickFormElementProps(context?.formElement),\n      context?.FormLabel\n    )\n  )\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    labelDirection,\n    size,\n    skeleton,\n    element: Element = 'label',\n    innerRef,\n    className,\n    children,\n    ...attributes\n  } = props\n\n  const content = text || children\n\n  const isInteractive =\n    !props.disabled &&\n    !srOnly &&\n    (typeof props.onClick === 'function' || forId)\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || labelDirection === 'vertical') &&\n        `dnb-form-label--vertical`,\n      srOnly && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      isInteractive && 'dnb-form-label--interactive',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(\n        content ? { right: 'small', ...props } : omitSpacingProps(props)\n      ),\n      className\n    ),\n    htmlFor: forId,\n    ...(attributes as DynamicElementParams),\n  }\n\n  params['ref'] = innerRef\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{content}</Element>\n}\n\nFormLabel._formElement = true\nFormLabel._supportsSpacingProps = true\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,sBAAsB,EACtBC,MAAM,EACNC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SACEC,mBAAmB,EACnBC,qBAAqB,QAChB,4BAA4B;AACnC,SAEEC,oBAAoB,QACf,uCAAuC;AAC9C,SAASC,qBAAqB,QAAQ,yCAAyC;AAC/E,SAASC,gBAAgB,QAAQ,eAAe;AAChD,OAAOC,OAAO,MAAM,sBAAsB;AAuC1C,eAAe,SAASC,SAASA,CAACC,UAA6B,EAAE;EAC/D,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACJ,OAAO,CAAC;EAGzC,MAAMK,KAAK,GAAGP,qBAAqB,CACjCP,sBAAsB,CACpBW,UAAU,EACV,IAAI,EACJ;IAAEI,QAAQ,EAAEH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG;EAAS,CAAC,EAC/BT,oBAAoB,CAACM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEI,OAAO,CAAC,EACtCV,oBAAoB,CAACM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,WAAW,CAAC,EAC1CL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,SACX,CACF,CAAC;EAED,MAAM;MACJQ,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,cAAc;MACdC,IAAI;MACJR,QAAQ;MACRS,OAAO,EAAEC,OAAO,GAAG,OAAO;MAC1BC,QAAQ;MACRC,SAAS;MACTC;IAEF,CAAC,GAAGd,KAAK;IADJe,UAAU,GAAAC,wBAAA,CACXhB,KAAK,EAAAiB,SAAA;EAET,MAAMC,OAAO,GAAGb,IAAI,IAAIS,QAAQ;EAEhC,MAAMK,aAAa,GACjB,CAACnB,KAAK,CAACoB,QAAQ,IACf,CAACd,MAAM,KACN,OAAON,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAIjB,KAAK,CAAC;EAEhD,MAAMkB,MAAM,GAAAC,aAAA;IACVV,SAAS,EAAE5B,UAAU,CACnB,gBAAgB,EAChB,CAACE,MAAM,CAACoB,QAAQ,CAAC,IAAIC,cAAc,KAAK,UAAU,KAC/C,0BAAyB,EAI5BlB,mBAAmB,CAAC,MAAM,EAAEW,QAAQ,EAAEH,OAAO,CAAC,EAC9CT,oBAAoB,CAClB6B,OAAO,GAAAK,aAAA;MAAKC,KAAK,EAAE;IAAO,GAAKxB,KAAK,IAAKN,gBAAgB,CAACM,KAAK,CACjE,CAAC,EACDa,SAAS,EAPTP,MAAM,IAAI,aAAa,EACvBG,IAAI,IAAK,UAASA,IAAK,EAAC,EACxBU,aAAa,IAAI,6BAMnB,CAAC;IACDM,OAAO,EAAErB;EAAK,GACVW,UAAU,CACf;EAEDO,MAAM,CAAC,KAAK,CAAC,GAAGV,QAAQ;EAExBrB,qBAAqB,CAAC+B,MAAM,EAAErB,QAAQ,EAAEH,OAAO,CAAC;EAChDV,qBAAqB,CAACS,UAAU,EAAEyB,MAAM,CAAC;EAEzC,OAAOtC,KAAA,CAAA0C,aAAA,CAACf,OAAO,EAAKW,MAAM,EAAGJ,OAAiB,CAAC;AACjD;AAEAtB,SAAS,CAAC+B,YAAY,GAAG,IAAI;AAC7B/B,SAAS,CAACgC,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"FormLabel.js","names":["React","classnames","extendPropsWithContext","isTrue","validateDOMAttributes","createSpacingClasses","createSkeletonClass","skeletonDOMAttributes","pickFormElementProps","convertSnakeCaseProps","omitSpacingProps","Context","FormLabel","localProps","context","useContext","props","skeleton","FormRow","formElement","forId","text","srOnly","vertical","labelDirection","size","element","Element","innerRef","className","children","attributes","_objectWithoutProperties","_excluded","content","isInteractive","Boolean","disabled","onClick","params","_objectSpread","right","htmlFor","createElement","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/form-label/FormLabel.tsx"],"sourcesContent":["/**\n * Web FormLabel Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  extendPropsWithContext,\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n} from '../skeleton/SkeletonHelper'\nimport {\n  FormElementProps,\n  pickFormElementProps,\n} from '../../shared/helpers/filterValidProps'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport { omitSpacingProps } from '../flex/utils'\nimport Context from '../../shared/Context'\nimport type {\n  DynamicElement,\n  DynamicElementParams,\n  SpacingProps,\n} from '../../shared/types'\n\nexport type FormLabelProps = {\n  forId?: string\n  element?: DynamicElement<HTMLLabelElement>\n  text?: React.ReactNode\n  size?: 'basis' | 'medium' | 'large'\n  id?: string\n  skeleton?: boolean\n  label?: React.ReactNode\n  vertical?: boolean\n  srOnly?: boolean\n  innerRef?: React.RefObject<HTMLElement>\n\n  /** Is not a part of HTMLLabelElement and not documented as of now */\n  disabled?: boolean\n\n  /**\n   * For internal use only\n   */\n  labelDirection?: FormElementProps['labelDirection']\n\n  /** @deprecated use forId instead */\n  for_id?: string\n  /** @deprecated use srOnly instead */\n  sr_only?: boolean\n  /** @deprecated use \"vertical\" (or \"labelDirection\" for internal use) instead (was not documented before) */\n  label_direction?: FormElementProps['label_direction']\n}\n\nexport type FormLabelAllProps = FormLabelProps &\n  React.HTMLAttributes<HTMLLabelElement> &\n  SpacingProps\n\nexport default function FormLabel(localProps: FormLabelAllProps) {\n  const context = React.useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = convertSnakeCaseProps(\n    extendPropsWithContext(\n      localProps,\n      null,\n      { skeleton: context?.skeleton },\n      pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n      pickFormElementProps(context?.formElement),\n      context?.FormLabel\n    )\n  )\n\n  const {\n    forId,\n    text,\n    srOnly,\n    vertical,\n    labelDirection,\n    size,\n    skeleton,\n    element: Element = 'label',\n    innerRef,\n    className,\n    children,\n    ...attributes\n  } = props\n\n  const content = text || children\n\n  const isInteractive = Boolean(\n    !props.disabled &&\n      !srOnly &&\n      (typeof props.onClick === 'function' || forId)\n  )\n\n  const params = {\n    className: classnames(\n      'dnb-form-label',\n      (isTrue(vertical) || labelDirection === 'vertical') &&\n        `dnb-form-label--vertical`,\n      srOnly && 'dnb-sr-only',\n      size && `dnb-h--${size}`,\n      isInteractive && 'dnb-form-label--interactive',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(\n        content ? { right: 'small', ...props } : omitSpacingProps(props)\n      ),\n      className\n    ),\n    htmlFor: forId,\n    ...(attributes as DynamicElementParams),\n  }\n\n  params['ref'] = innerRef\n\n  skeletonDOMAttributes(params, skeleton, context)\n  validateDOMAttributes(localProps, params)\n\n  return <Element {...params}>{content}</Element>\n}\n\nFormLabel._formElement = true\nFormLabel._supportsSpacingProps = true\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,sBAAsB,EACtBC,MAAM,EACNC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SACEC,mBAAmB,EACnBC,qBAAqB,QAChB,4BAA4B;AACnC,SAEEC,oBAAoB,QACf,uCAAuC;AAC9C,SAASC,qBAAqB,QAAQ,yCAAyC;AAC/E,SAASC,gBAAgB,QAAQ,eAAe;AAChD,OAAOC,OAAO,MAAM,sBAAsB;AAuC1C,eAAe,SAASC,SAASA,CAACC,UAA6B,EAAE;EAC/D,MAAMC,OAAO,GAAGd,KAAK,CAACe,UAAU,CAACJ,OAAO,CAAC;EAGzC,MAAMK,KAAK,GAAGP,qBAAqB,CACjCP,sBAAsB,CACpBW,UAAU,EACV,IAAI,EACJ;IAAEI,QAAQ,EAAEH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG;EAAS,CAAC,EAC/BT,oBAAoB,CAACM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEI,OAAO,CAAC,EACtCV,oBAAoB,CAACM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,WAAW,CAAC,EAC1CL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,SACX,CACF,CAAC;EAED,MAAM;MACJQ,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,cAAc;MACdC,IAAI;MACJR,QAAQ;MACRS,OAAO,EAAEC,OAAO,GAAG,OAAO;MAC1BC,QAAQ;MACRC,SAAS;MACTC;IAEF,CAAC,GAAGd,KAAK;IADJe,UAAU,GAAAC,wBAAA,CACXhB,KAAK,EAAAiB,SAAA;EAET,MAAMC,OAAO,GAAGb,IAAI,IAAIS,QAAQ;EAEhC,MAAMK,aAAa,GAAGC,OAAO,CAC3B,CAACpB,KAAK,CAACqB,QAAQ,IACb,CAACf,MAAM,KACN,OAAON,KAAK,CAACsB,OAAO,KAAK,UAAU,IAAIlB,KAAK,CACjD,CAAC;EAED,MAAMmB,MAAM,GAAAC,aAAA;IACVX,SAAS,EAAE5B,UAAU,CACnB,gBAAgB,EAChB,CAACE,MAAM,CAACoB,QAAQ,CAAC,IAAIC,cAAc,KAAK,UAAU,KAC/C,0BAAyB,EAI5BlB,mBAAmB,CAAC,MAAM,EAAEW,QAAQ,EAAEH,OAAO,CAAC,EAC9CT,oBAAoB,CAClB6B,OAAO,GAAAM,aAAA;MAAKC,KAAK,EAAE;IAAO,GAAKzB,KAAK,IAAKN,gBAAgB,CAACM,KAAK,CACjE,CAAC,EACDa,SAAS,EAPTP,MAAM,IAAI,aAAa,EACvBG,IAAI,IAAK,UAASA,IAAK,EAAC,EACxBU,aAAa,IAAI,6BAMnB,CAAC;IACDO,OAAO,EAAEtB;EAAK,GACVW,UAAU,CACf;EAEDQ,MAAM,CAAC,KAAK,CAAC,GAAGX,QAAQ;EAExBrB,qBAAqB,CAACgC,MAAM,EAAEtB,QAAQ,EAAEH,OAAO,CAAC;EAChDV,qBAAqB,CAACS,UAAU,EAAE0B,MAAM,CAAC;EAEzC,OAAOvC,KAAA,CAAA2C,aAAA,CAAChB,OAAO,EAAKY,MAAM,EAAGL,OAAiB,CAAC;AACjD;AAEAtB,SAAS,CAACgC,YAAY,GAAG,IAAI;AAC7BhC,SAAS,CAACiC,qBAAqB,GAAG,IAAI"}

package/es/components/form-label/style/dnb-form-label.css

@@ -21,6 +21,9 @@
   margin-right: 0;
   margin-bottom: 0.5rem;
 }
+.dnb-form-label--interactive {
+  cursor: pointer;
+}
 .dnb-form-label[disabled] {
   cursor: not-allowed;
 }

package/es/components/form-label/style/dnb-form-label.min.css

@@ -1 +1 @@
-.dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;word-break:normal}.dnb-form-label[for]{width:-moz-fit-content;width:fit-content}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}
+.dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;word-break:normal}.dnb-form-label[for]{width:-moz-fit-content;width:fit-content}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label--interactive{cursor:pointer}.dnb-form-label[disabled]{cursor:not-allowed}legend.dnb-form-label{display:inline-block}

package/es/components/form-label/style/dnb-form-label.scss

@@ -27,6 +27,10 @@
     margin-bottom: 0.5rem;
   }
 
+  &--interactive {
+    cursor: pointer;
+  }
+
   &[disabled] {
     cursor: not-allowed;
   }

package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.css

@@ -4,7 +4,4 @@
  */
 .dnb-form-label {
   color: var(--sb-color-text);
-}
-.dnb-checkbox .dnb-form-label[for]:not([disabled]), .dnb-switch .dnb-form-label[for]:not([disabled]), .dnb-radio .dnb-form-label[for]:not([disabled]) {
-  cursor: pointer;
 }

package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css

@@ -1 +1 @@
-.dnb-form-label{color:var(--sb-color-text)}.dnb-checkbox .dnb-form-label[for]:not([disabled]),.dnb-radio .dnb-form-label[for]:not([disabled]),.dnb-switch .dnb-form-label[for]:not([disabled]){cursor:pointer}
+.dnb-form-label{color:var(--sb-color-text)}

package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss

@@ -5,12 +5,4 @@
 
 .dnb-form-label {
   color: var(--sb-color-text);
-
-  .dnb-checkbox &,
-  .dnb-switch &,
-  .dnb-radio & {
-    &[for]:not([disabled]) {
-      cursor: pointer;
-    }
-  }
 }

package/es/components/form-label/style/themes/dnb-form-label-theme-ui.css

@@ -4,10 +4,4 @@
  */
 .dnb-form-label {
   color: var(--color-black-80);
-}
-.dnb-form-label--interactive {
-  cursor: pointer;
-}
-.dnb-form-label--interactive:hover {
-  color: var(--color-sea-green);
 }

package/es/components/form-label/style/themes/dnb-form-label-theme-ui.min.css

@@ -1 +1 @@
-.dnb-form-label{color:var(--color-black-80)}.dnb-form-label--interactive{cursor:pointer}.dnb-form-label--interactive:hover{color:var(--color-sea-green)}
+.dnb-form-label{color:var(--color-black-80)}

package/es/components/form-label/style/themes/dnb-form-label-theme-ui.scss

@@ -5,12 +5,4 @@
 
 .dnb-form-label {
   color: var(--color-black-80);
-
-  &--interactive {
-    cursor: pointer;
-
-    &:hover {
-      color: var(--color-sea-green);
-    }
-  }
 }

package/es/components/heading/HeadingContext.d.ts

@@ -8,5 +8,5 @@ import { HeadingProps } from './Heading';
 export type HeadingContextProps = {
     heading?: HeadingProps;
 } & SkeletonContextProps;
-declare const HeadingContext: React.Context<HeadingContextProps>;
+declare const HeadingContext: React.Context<any>;
 export default HeadingContext;

package/es/components/height-animation/style/dnb-height-animation.css

@@ -11,8 +11,8 @@
   will-change: height;
   transition: var(--height-animation);
 }
-html[data-visual-test] .dnb-height-animation {
-  transition: none;
+html[data-visual-test] .dnb-height-animation, html[data-visual-test] .dnb-height-animation * {
+  transition: none !important;
 }
 .dnb-height-animation--animating {
   overflow-y: hidden;

package/es/components/height-animation/style/dnb-height-animation.min.css

@@ -1 +1 @@
-.dnb-height-animation{--height-animation:height var(--duration,400ms) var(--easing-default) var(--delay,0ms);transition:var(--height-animation);will-change:height}html[data-visual-test] .dnb-height-animation{transition:none}.dnb-height-animation--animating{overflow-y:hidden}@supports (overflow-y:clip){.dnb-height-animation--animating{overflow-y:clip}}.dnb-height-animation--hidden{display:none}.dnb-height-animation--show-overflow{overflow:visible}
+.dnb-height-animation{--height-animation:height var(--duration,400ms) var(--easing-default) var(--delay,0ms);transition:var(--height-animation);will-change:height}html[data-visual-test] .dnb-height-animation,html[data-visual-test] .dnb-height-animation *{transition:none!important}.dnb-height-animation--animating{overflow-y:hidden}@supports (overflow-y:clip){.dnb-height-animation--animating{overflow-y:clip}}.dnb-height-animation--hidden{display:none}.dnb-height-animation--show-overflow{overflow:visible}

package/es/components/height-animation/style/dnb-height-animation.scss

@@ -12,8 +12,9 @@
   will-change: height;
   transition: var(--height-animation);
 
-  html[data-visual-test] & {
-    transition: none;
+  html[data-visual-test] &,
+  html[data-visual-test] & * {
+    transition: none !important;
   }
 
   &--animating {

package/es/components/number-format/NumberUtils.d.ts

@@ -23,7 +23,7 @@ export interface formatReturnValue {
   aria: string;
 
   /** Language code, like en-US */
-  locale: string;
+  locale: Locale;
 
   /** The given type */
   type: formatTypes | string;

package/es/components/radio/style/dnb-radio.css

@@ -39,6 +39,8 @@
   --radio-color-background-on--error-hover: lavenderblush;
   --radio-color-dot-on--error-hover: lavenderblush;
   --radio-focus-ring-width--error: var(--focus-ring-width);
+  --radio-bounding--medium: 1.75, 1.5;
+  --radio-bounding--large: 1.25, 1.12;
   display: inline-flex;
   flex-direction: column;
   font-size: var(--font-size-small);
@@ -117,10 +119,12 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
   margin: 0;
   padding: 0;
   border: 0;
+  transform: scale(var(--radio-bounding--medium));
 }
 .dnb-radio--large .dnb-radio__input {
   width: var(--radio-width--large);
   height: var(--radio-height--large);
+  transform: scale(var(--radio-bounding--large));
 }
 .dnb-radio__input:not([disabled]) {
   cursor: pointer;

package/es/components/radio/style/dnb-radio.min.css

@@ -1 +1 @@
-:root{--radio-width--medium:1.5rem;--radio-height--medium:1.5rem}.dnb-radio{--radio-width--large:2rem;--radio-height--large:2rem;--radio-border-width:0.125rem;--radio-color-dot-on:#000;--radio-color-background-on:#fff;--radio-color-border-on:#000;--radio-color-background-off:#fff;--radio-color-border-off:#000;--radio-color-dot-on--disabled:#d3d3d3;--radio-color-background--disabled:#fff;--radio-color-border-on--disabled:#d3d3d3;--radio-color-border-off--disabled:#d3d3d3;--radio-color-dot-on--active:#d3d3d3;--radio-color-border-on--active:#d3d3d3;--radio-color-background-off--active:#d3d3d3;--radio-color-border-off--active:transparent;--radio-color-dot-on--hover:#d3d3d3;--radio-color-background-on--hover:#d3d3d3;--radio-color-background-off--hover:#d3d3d3;--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:#d3d3d3;--radio-color-dot-on--error:red;--radio-color-border-on--error:red;--radio-color-border--error-hover:red;--radio-color-background-off--error-hover:#fff0f5;--radio-color-background-on--error-hover:#fff0f5;--radio-color-dot-on--error-hover:#fff0f5;--radio-focus-ring-width--error:var(--focus-ring-width);font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-radio,.dnb-radio__inner{display:inline-flex;flex-direction:column}.dnb-radio__inner{align-self:center}.dnb-radio__shell{align-items:center;display:flex;flex-shrink:0;height:var(--radio-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--radio-width--medium)}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus{position:absolute;z-index:4}.dnb-radio__button{border:var(--radio-border-width) solid transparent}.dnb-radio__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-radio__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-radio__button,.dnb-radio__focus{border-radius:50%;height:calc(var(--radio-height--medium) - .25rem);width:calc(var(--radio-width--medium) - .25rem)}.dnb-radio--large .dnb-radio__button,.dnb-radio--large .dnb-radio__focus{height:calc(var(--radio-height--large) - .125rem);width:calc(var(--radio-width--large) - .125rem)}.dnb-radio__dot{background-color:var(--radio-color-dot-on);border-radius:50%;height:calc(var(--radio-height--medium) - .75rem);transition:opacity .2s ease-out,transform .2s ease-out;width:calc(var(--radio-width--medium) - .75rem)}.dnb-radio--large .dnb-radio__dot{height:calc(var(--radio-height--large) - .875rem);width:calc(var(--radio-width--large) - .875rem)}.dnb-radio__input{border:0;height:var(--radio-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;width:var(--radio-width--medium);z-index:5}.dnb-radio--large .dnb-radio__input{height:var(--radio-height--large);width:var(--radio-width--large)}.dnb-radio__input:not([disabled]){cursor:pointer}.dnb-radio__order{align-items:baseline;display:inline-flex}.dnb-radio-group--column .dnb-radio__order{display:flex}.dnb-radio__row{display:inline-flex}.dnb-radio__suffix{order:3}.dnb-radio__suffix .dnb-modal__trigger{margin-bottom:-.25rem;margin-top:-.25rem}.dnb-radio-group__suffix{font-size:var(--font-size-basis)}.dnb-radio--large,.dnb-radio--large .dnb-radio__suffix{line-height:var(--radio-height--large)}.dnb-radio--large .dnb-radio__shell{height:var(--radio-height--large);width:var(--radio-width--large)}.dnb-radio .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner{order:2}.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label{order:1;padding-right:.5rem}.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner{order:1}.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label{order:2;padding-left:.5rem}:not(.dnb-radio-group)>.dnb-form-label+.dnb-radio{vertical-align:top}.dnb-radio .dnb-form-status{margin-bottom:0;margin-top:.375rem;order:4}.dnb-radio+.dnb-form-status{margin-bottom:1rem;margin-top:.5rem}.dnb-radio>.dnb-form-status{transform:translateY(.25rem)}.dnb-radio-group{--radio-group-margin-bottom:0.5rem;--radio-group-margin-right:1rem;display:inline-flex;flex-direction:row}.dnb-radio-group fieldset{border:none;margin:0;padding:0}.dnb-radio-group .dnb-radio{margin-bottom:var(--radio-group-margin-bottom);margin-right:var(--radio-group-margin-right)}.dnb-radio-group--column .dnb-radio{display:flex;margin-right:0}.dnb-radio-group .dnb-radio:last-of-type{margin-right:0}.dnb-radio-group [role=radiogroup],.dnb-radio-group__shell{display:block}.dnb-radio-group__shell>.dnb-form-status{margin-bottom:0;margin-top:0}.dnb-radio-group--column .dnb-radio-group__shell{flex-direction:column}.dnb-radio-group .dnb-flex-container{margin-bottom:calc(0px - var(--radio-group-margin-bottom))}.dnb-radio-group .dnb-flex-container:before{font-size:var(--font-size-basis)}.dnb-radio__input:checked~.dnb-radio__button,.dnb-radio__input[data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background-on);border-color:var(--radio-color-border-on)}.dnb-radio__input:checked~.dnb-radio__dot,.dnb-radio__input[data-checked=true]~.dnb-radio__dot{opacity:1;transform:scale(1)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__dot{opacity:0;transform:scale(.8)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__button{background-color:var(--radio-color-background-off);border-color:var(--radio-color-border-off)}.dnb-radio__input[disabled]:checked~.dnb-radio__button,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-on--disabled)}.dnb-radio__input[disabled]:checked~.dnb-radio__dot,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--disabled)}.dnb-radio__input[disabled]:not(:checked):not([data-checked=true])~.dnb-radio__button:not(.dnb-skeleton){background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-off--disabled)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton{border-color:var(--skeleton-color)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton:before{border-radius:0}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__button,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__button{border-color:var(--radio-color-border-on--active)}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__dot,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__dot{background-color:var(--radio-color-dot-on--active)}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button{background-color:var(--radio-color-background-off--active);border-color:var(--radio-color-border-off--active)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--hover)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus~.dnb-radio__button{border:none}.dnb-radio__input:not([disabled]):active~.dnb-radio__focus,.dnb-radio__input:not([disabled]):focus~.dnb-radio__focus{display:block}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__button,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__button{background-color:var(--radio-color-background-on--focus)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__dot{background-color:var(--radio-color-dot-on--focus,var(--focus-ring-color))}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:var(--radio-color-background-off--focus)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__button{border:none}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{--border-color:var(--radio-color-border-on--error);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):hover~.dnb-radio__focus{--border-color:var(--radio-color-border--error-hover);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__button,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--error-hover)}
+:root{--radio-width--medium:1.5rem;--radio-height--medium:1.5rem}.dnb-radio{--radio-width--large:2rem;--radio-height--large:2rem;--radio-border-width:0.125rem;--radio-color-dot-on:#000;--radio-color-background-on:#fff;--radio-color-border-on:#000;--radio-color-background-off:#fff;--radio-color-border-off:#000;--radio-color-dot-on--disabled:#d3d3d3;--radio-color-background--disabled:#fff;--radio-color-border-on--disabled:#d3d3d3;--radio-color-border-off--disabled:#d3d3d3;--radio-color-dot-on--active:#d3d3d3;--radio-color-border-on--active:#d3d3d3;--radio-color-background-off--active:#d3d3d3;--radio-color-border-off--active:transparent;--radio-color-dot-on--hover:#d3d3d3;--radio-color-background-on--hover:#d3d3d3;--radio-color-background-off--hover:#d3d3d3;--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:#d3d3d3;--radio-color-dot-on--error:red;--radio-color-border-on--error:red;--radio-color-border--error-hover:red;--radio-color-background-off--error-hover:#fff0f5;--radio-color-background-on--error-hover:#fff0f5;--radio-color-dot-on--error-hover:#fff0f5;--radio-focus-ring-width--error:var(--focus-ring-width);--radio-bounding--medium:1.75,1.5;--radio-bounding--large:1.25,1.12;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-radio,.dnb-radio__inner{display:inline-flex;flex-direction:column}.dnb-radio__inner{align-self:center}.dnb-radio__shell{align-items:center;display:flex;flex-shrink:0;height:var(--radio-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--radio-width--medium)}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus{position:absolute;z-index:4}.dnb-radio__button{border:var(--radio-border-width) solid transparent}.dnb-radio__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-radio__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-radio__button,.dnb-radio__focus{border-radius:50%;height:calc(var(--radio-height--medium) - .25rem);width:calc(var(--radio-width--medium) - .25rem)}.dnb-radio--large .dnb-radio__button,.dnb-radio--large .dnb-radio__focus{height:calc(var(--radio-height--large) - .125rem);width:calc(var(--radio-width--large) - .125rem)}.dnb-radio__dot{background-color:var(--radio-color-dot-on);border-radius:50%;height:calc(var(--radio-height--medium) - .75rem);transition:opacity .2s ease-out,transform .2s ease-out;width:calc(var(--radio-width--medium) - .75rem)}.dnb-radio--large .dnb-radio__dot{height:calc(var(--radio-height--large) - .875rem);width:calc(var(--radio-width--large) - .875rem)}.dnb-radio__input{border:0;height:var(--radio-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;transform:scale(var(--radio-bounding--medium));width:var(--radio-width--medium);z-index:5}.dnb-radio--large .dnb-radio__input{height:var(--radio-height--large);transform:scale(var(--radio-bounding--large));width:var(--radio-width--large)}.dnb-radio__input:not([disabled]){cursor:pointer}.dnb-radio__order{align-items:baseline;display:inline-flex}.dnb-radio-group--column .dnb-radio__order{display:flex}.dnb-radio__row{display:inline-flex}.dnb-radio__suffix{order:3}.dnb-radio__suffix .dnb-modal__trigger{margin-bottom:-.25rem;margin-top:-.25rem}.dnb-radio-group__suffix{font-size:var(--font-size-basis)}.dnb-radio--large,.dnb-radio--large .dnb-radio__suffix{line-height:var(--radio-height--large)}.dnb-radio--large .dnb-radio__shell{height:var(--radio-height--large);width:var(--radio-width--large)}.dnb-radio .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner{order:2}.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label{order:1;padding-right:.5rem}.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner{order:1}.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label{order:2;padding-left:.5rem}:not(.dnb-radio-group)>.dnb-form-label+.dnb-radio{vertical-align:top}.dnb-radio .dnb-form-status{margin-bottom:0;margin-top:.375rem;order:4}.dnb-radio+.dnb-form-status{margin-bottom:1rem;margin-top:.5rem}.dnb-radio>.dnb-form-status{transform:translateY(.25rem)}.dnb-radio-group{--radio-group-margin-bottom:0.5rem;--radio-group-margin-right:1rem;display:inline-flex;flex-direction:row}.dnb-radio-group fieldset{border:none;margin:0;padding:0}.dnb-radio-group .dnb-radio{margin-bottom:var(--radio-group-margin-bottom);margin-right:var(--radio-group-margin-right)}.dnb-radio-group--column .dnb-radio{display:flex;margin-right:0}.dnb-radio-group .dnb-radio:last-of-type{margin-right:0}.dnb-radio-group [role=radiogroup],.dnb-radio-group__shell{display:block}.dnb-radio-group__shell>.dnb-form-status{margin-bottom:0;margin-top:0}.dnb-radio-group--column .dnb-radio-group__shell{flex-direction:column}.dnb-radio-group .dnb-flex-container{margin-bottom:calc(0px - var(--radio-group-margin-bottom))}.dnb-radio-group .dnb-flex-container:before{font-size:var(--font-size-basis)}.dnb-radio__input:checked~.dnb-radio__button,.dnb-radio__input[data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background-on);border-color:var(--radio-color-border-on)}.dnb-radio__input:checked~.dnb-radio__dot,.dnb-radio__input[data-checked=true]~.dnb-radio__dot{opacity:1;transform:scale(1)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__dot{opacity:0;transform:scale(.8)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__button{background-color:var(--radio-color-background-off);border-color:var(--radio-color-border-off)}.dnb-radio__input[disabled]:checked~.dnb-radio__button,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__button{background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-on--disabled)}.dnb-radio__input[disabled]:checked~.dnb-radio__dot,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--disabled)}.dnb-radio__input[disabled]:not(:checked):not([data-checked=true])~.dnb-radio__button:not(.dnb-skeleton){background-color:var(--radio-color-background--disabled);border-color:var(--radio-color-border-off--disabled)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton{border-color:var(--skeleton-color)}.dnb-radio__input[disabled]~.dnb-radio__button.dnb-skeleton:before{border-radius:0}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__button,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__button{border-color:var(--radio-color-border-on--active)}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__dot,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__dot{background-color:var(--radio-color-dot-on--active)}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button{background-color:var(--radio-color-background-off--active);border-color:var(--radio-color-border-off--active)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--hover)}.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--hover)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus~.dnb-radio__button{border:none}.dnb-radio__input:not([disabled]):active~.dnb-radio__focus,.dnb-radio__input:not([disabled]):focus~.dnb-radio__focus{display:block}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__button,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__button{background-color:var(--radio-color-background-on--focus)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus~.dnb-radio__dot{background-color:var(--radio-color-dot-on--focus,var(--focus-ring-color))}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:var(--radio-color-background-off--focus)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__button{border:none}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{--border-color:var(--radio-color-border-on--error);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):hover~.dnb-radio__focus{--border-color:var(--radio-color-border--error-hover);--border-width:var(--radio-focus-ring-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true]~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__dot{background-color:var(--radio-color-dot-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__button,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__button{background-color:var(--radio-color-background-on--error-hover)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:var(--radio-color-background-off--error-hover)}

package/es/components/radio/style/dnb-radio.scss

@@ -45,6 +45,9 @@
   --radio-color-background-on--error-hover: lavenderblush;
   --radio-color-dot-on--error-hover: lavenderblush;
   --radio-focus-ring-width--error: var(--focus-ring-width);
+  // Bounding box
+  --radio-bounding--medium: 1.75, 1.5;
+  --radio-bounding--large: 1.25, 1.12;
 
   display: inline-flex;
   flex-direction: column;
@@ -130,11 +133,17 @@
     padding: 0;
 
     border: 0;
+
+    // Larger bounding box
+    transform: scale(var(--radio-bounding--medium));
   }
 
   &--large &__input {
     width: var(--radio-width--large);
     height: var(--radio-height--large);
+
+    // Larger bounding box
+    transform: scale(var(--radio-bounding--large));
   }
 
   &__input:not([disabled]) {

package/es/components/section/style/themes/dnb-section-theme-ui.css

@@ -92,8 +92,7 @@
 }
 .dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
   color: var(--anchor-color--contrast);
-  --anchor-background-gutter: 0.125em;
-  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
 }
 .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
   /* stylelint-disable-next-line scss/operator-no-unspaced */
@@ -101,15 +100,13 @@
 @supports not (selector(*:where(*))) {
   .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
     color: var(--anchor-color--contrast);
-    --anchor-background-gutter: 0.125em;
-    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter) 0 0 0 var(--color-white);
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
   }
 }
 .dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active, .dnb-section--success .dnb-anchor:active {
   color: var(--color-white);
   background-color: transparent;
-  --anchor-background-gutter: 0.125em;
-  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter) * -1) 0 0 0 transparent, var(--anchor-background-gutter) 0 0 0 transparent;
+  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
 }
 .dnb-section--fire-red .dnb-anchor:focus-visible, .dnb-section--emerald-green .dnb-anchor:focus-visible, .dnb-section--sea-green .dnb-anchor:focus-visible, .dnb-section--success .dnb-anchor:focus-visible {
   color: var(--color-white);

package/es/components/section/style/themes/dnb-section-theme-ui.min.css

@@ -1,3 +1,3 @@
 .dnb-section{--background-color:var(--color-white);--outline-color--value:var(--color-black-8)}.dnb-section--divider{--text-color:var(--color-black-80);--background-color:var(--color-white);--sc:var(--color-mint-green-50);z-index:0}.dnb-section--divider:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 0.0625rem 0 0 var(--sc),99vw 0.0625rem 0 0 var(--sc),0 -0.0625rem 0 0 var(--sc),99vw -0.0625rem 0 0 var(--sc),198vw 0.0625rem 0 0 var(--sc),198vw -0.0625rem 0 0 var(--sc)}.dnb-section--transparent{--background-color:transparent}.dnb-section--default,.dnb-section--mint-green-12{--text-color:var(--text-color--value,var(--color-black-80));--background-color:var(
     --background-color--value,var(--color-mint-green-12)
-  )}.dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}
+  )}.dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}

package/es/components/skeleton/SkeletonHelper.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { SkeletonShow } from './Skeleton';
-export interface AutoSizeProps {
+export type AutoSizeProps = {
   __element?: React.ReactNode;
   children?: React.ReactNode;
   className?: string;
   style?: React.CSSProperties;
-}
+};
 export class AutoSize extends React.Component<AutoSizeProps, any> {
   render(): JSX.Element;
 }
-export interface SkeletonContextProps {
+export type SkeletonContextProps = ContextProps & {
   translation?: {
     Skeleton?: {
       /**
@@ -18,14 +18,14 @@ export interface SkeletonContextProps {
       aria_busy: string;
     };
   };
-}
+};
 export type SkeletonMethods = 'shape' | 'font' | 'code';
 export declare const createSkeletonClass: (
   method: SkeletonMethods,
   skeleton: SkeletonShow,
   context?: SkeletonContextProps
 ) => string;
-export interface skeletonDOMAttributesContext {
+export type skeletonDOMAttributesContext = {
   translation?: {
     Skeleton: {
       /**
@@ -34,7 +34,7 @@ export interface skeletonDOMAttributesContext {
       aria_busy: string;
     };
   };
-}
+};
 export declare const skeletonDOMAttributes: (
   params: React.HTMLProps<HTMLElement>,
   skeleton: SkeletonShow,

package/es/components/skeleton/style/dnb-skeleton.css

@@ -68,6 +68,7 @@
   --font-family-monospace: "DNBMonoSkeleton" !important;
   font-family: var(--font-family-monospace) !important;
   font-style: unset !important;
+  box-shadow: none !important;
 }
 .dnb-skeleton--font-only, .dnb-skeleton--font, .dnb-skeleton--font .dnb-skeleton--show-font, .dnb-skeleton--font .dnb-p {
   pointer-events: none;

package/es/components/skeleton/style/dnb-skeleton.min.css

@@ -1 +1 @@
-.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font,.dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font-only::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}
+.dnb-skeleton{--skeleton-delay:5s}.dnb-skeleton img,.dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--block{display:block}.dnb-skeleton--overflow{overflow:hidden}.dnb-skeleton--grey{filter:grayscale(100%)}.dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--code code,.dnb-skeleton--code code *,.dnb-skeleton--code pre,.dnb-skeleton--code pre *,.dnb-skeleton--font code,.dnb-skeleton--font code *,.dnb-skeleton--font pre,.dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;box-shadow:none!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font,.dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font-only::marker,.dnb-skeleton--font::marker{color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .dnb-skeleton--font,html[data-visual-test] .dnb-skeleton--font .dnb-p,html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.dnb-skeleton__figure{border-radius:.25rem;position:relative}.dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.dnb-skeleton__figure--product{align-items:center;display:flex}.dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.dnb-skeleton--no-animation * .dnb-skeleton:after,.dnb-skeleton--no-animation .dnb-skeleton,.dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}

package/es/components/skeleton/style/dnb-skeleton.scss

@@ -87,6 +87,7 @@
       --font-family-monospace: 'DNBMonoSkeleton' !important;
       font-family: var(--font-family-monospace) !important;
       font-style: unset !important;
+      box-shadow: none !important;
     }
   }