@dnb/eufemia 10.18.0 → 10.20.0

package/cjs/components/card/style/themes/dnb-card-theme-ui.css

@@ -2,25 +2,7 @@
  * Utilities
  */
 .dnb-card.dnb-section {
-  --background-color: var(--color-white);
   --outline-color: var(--border-color, var(--color-lavender));
   --outline-width: 0.25rem;
-}
-@media screen and (max-width: 40em) {
-  .dnb-card::before {
-    left: -100%;
-    right: -100%;
-  }
-}
-.dnb-card + .dnb-card:not([class*=space__top])::before {
-  top: var(--outline-width);
-}
-@media screen and (max-width: 40em) {
-  .dnb-flex-container.dnb-flex-container--divider-space .dnb-card + .dnb-card {
-    margin-top: 0;
-  }
-  .dnb-flex-container.dnb-flex-container--divider-space .dnb-card + .dnb-card::before {
-    top: var(--outline-width);
-    z-index: 0;
-  }
+  --background-color: var(--color-white);
 }

package/cjs/components/card/style/themes/dnb-card-theme-ui.min.css

@@ -1 +1 @@
-.dnb-card.dnb-section{--background-color:var(--color-white);--outline-color:var(--border-color,var(--color-lavender));--outline-width:0.25rem}@media screen and (max-width:40em){.dnb-card:before{left:-100%;right:-100%}}.dnb-card+.dnb-card:not([class*=space__top]):before{top:var(--outline-width)}@media screen and (max-width:40em){.dnb-flex-container.dnb-flex-container--divider-space .dnb-card+.dnb-card{margin-top:0}.dnb-flex-container.dnb-flex-container--divider-space .dnb-card+.dnb-card:before{top:var(--outline-width);z-index:0}}
+.dnb-card.dnb-section{--outline-color:var(--border-color,var(--color-lavender));--outline-width:0.25rem;--background-color:var(--color-white)}

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

@@ -2,34 +2,8 @@
 
 .dnb-card {
   &.dnb-section {
-    --background-color: var(--color-white);
     --outline-color: var(--border-color, var(--color-lavender));
     --outline-width: 0.25rem;
-  }
-
-  @include allBelow(small) {
-    &::before {
-      left: -100%;
-      right: -100%;
-    }
-  }
-
-  // Show only one border (combined) when stacked
-  & + .dnb-card:not([class*='space__top']) {
-    &::before {
-      top: var(--outline-width);
-    }
-  }
-
-  // Combine the two borers to one
-  .dnb-flex-container.dnb-flex-container--divider-space & + .dnb-card {
-    @include allBelow(small) {
-      margin-top: 0;
-
-      &::before {
-        top: var(--outline-width);
-        z-index: 0;
-      }
-    }
+    --background-color: var(--color-white);
   }
 }

package/cjs/components/date-picker/DatePicker.d.ts

@@ -69,6 +69,9 @@ export interface DatePickerProps
    * To limit a date range to a maximum `end_date`. Defaults to `null`.
    */
   max_date?: DatePickerMaxDate;
+  /**
+   * Corrects the input date value to be the same as either `min_date` or `max_date`, when the user types in a date that is either before or after one of these. Defaults to `false`.
+   */
   correct_invalid_date?: boolean;
   /**
    * To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`

package/cjs/components/date-picker/DatePickerProvider.js

@@ -70,11 +70,15 @@ class DatePickerProvider extends _react.default.PureComponent {
           date_format
         });
       }
-      if ((0, _componentHelper.isTrue)(props.correct_invalid_date)) {
-        if ((0, _DatePickerCalc.isDisabled)(state.startDate, state.minDate, state.maxDate)) {
-          state.startDate = state.minDate;
-        }
-        if ((0, _DatePickerCalc.isDisabled)(state.endDate, state.minDate, state.maxDate)) {
+    }
+    if ((0, _componentHelper.isTrue)(props.correct_invalid_date) || (typeof props.min_date !== 'undefined' || typeof props.max_date !== 'undefined') && props.correct_invalid_date !== false) {
+      if ((0, _DatePickerCalc.isDisabled)(state.startDate, state.minDate, state.maxDate)) {
+        state.startDate = state.minDate;
+      }
+      if ((0, _DatePickerCalc.isDisabled)(state.endDate, state.minDate, state.maxDate)) {
+        if (!props.range && !props.min_date) {
+          state.startDate = state.maxDate;
+        } else {
           state.endDate = state.maxDate;
         }
       }

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["_react","_interopRequireDefault","require","_propTypes","_isSameMonth","_isValid","_format","_differenceInCalendarDays","_Context","_componentHelper","_DatePickerCalc","_DatePickerContext","_DatePickerRange","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DatePickerProvider","React","PureComponent","getDerivedStateFromProps","props","state","isRange","isTrue","range","_listenForPropChanges","startDate","date_format","date","_date","start_date","_startDate","convertStringToDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","isDisabled","lastEventCallCache","isValid","__startDay","pad","format","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","isSameMonth","views","getViews","month","_month","constructor","_this","this","cb","setState","args","dispatchCustomElementEvent","getReturnObject","_ref","event","rest","attributes","returnFormat","correctV1Format","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","differenceInCalendarDays","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","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       * 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 = 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","_interopRequireDefault","require","_propTypes","_isSameMonth","_isValid","_format","_differenceInCalendarDays","_Context","_componentHelper","_DatePickerCalc","_DatePickerContext","_DatePickerRange","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DatePickerProvider","React","PureComponent","getDerivedStateFromProps","props","state","isRange","isTrue","range","_listenForPropChanges","startDate","date_format","date","_date","start_date","_startDate","convertStringToDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","isDisabled","lastEventCallCache","isValid","__startDay","pad","format","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","isSameMonth","views","getViews","month","_month","constructor","_this","this","cb","setState","args","dispatchCustomElementEvent","getReturnObject","_ref","event","rest","attributes","returnFormat","correctV1Format","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","differenceInCalendarDays","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","exports","Context","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","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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"}

package/cjs/components/flex/Container.d.ts

@@ -5,12 +5,14 @@ import type { UseMediaQueries } from '../../shared/useMedia';
 export type BasicProps = {
     direction?: 'horizontal' | 'vertical';
     wrap?: boolean;
-    rowGap?: 'small' | 'medium' | 'large' | true;
+    rowGap?: 'small' | 'medium' | 'large' | boolean;
     sizeCount?: number;
     justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
     align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    /** For when used as a flex item in an outer container in addition to being a container: */
     alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-    divider?: 'space' | 'line';
+    /** When "line-framed" is used, a line will be shown between items and above the first and below the last item */
+    divider?: 'space' | 'line' | 'line-framed';
     /** Spacing between items inside */
     spacing?: false | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
     breakpoints?: MediaQueryBreakpoints;

package/cjs/components/flex/Container.js

@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.pickFlexContainerProps = pickFlexContainerProps;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Space = _interopRequireDefault(require("../space/Space"));
 var _elements = require("../../elements");
 var _useMedia = _interopRequireDefault(require("../../shared/useMedia"));
 var _utils = require("./utils");
-var _Hr;
 const _excluded = ["className", "style", "children", "element", "direction", "wrap", "sizeCount", "rowGap", "justify", "align", "alignSelf", "divider", "spacing", "breakpoints", "queries"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -70,28 +71,32 @@ function FlexContainer(props) {
   const content = childrenArray.map((child, i) => {
     var _previousChild$type;
     const isFirst = i === 0;
+    const isLast = i >= childrenArray.length - 1;
     const previousChild = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[i - 1];
+    const isHeading = hasHeading && (0, _utils.isHeadingElement)(previousChild);
     const start = direction === 'horizontal' ? 'left' : 'top';
     const end = direction === 'horizontal' ? 'right' : 'bottom';
     const endSpacing = 0;
     let startSpacing = null;
-    const isHeading = hasHeading && (0, _utils.isHeadingElement)(previousChild);
-    if (divider === 'line' && !isFirst && !isHeading) {
+    if (!isHeading && (divider === 'line' && !isFirst || divider === 'line-framed')) {
       var _getSpaceValue, _getSpaceValue2;
       const spaceAboveLine = (_getSpaceValue = (0, _utils.getSpaceValue)(end, previousChild)) !== null && _getSpaceValue !== void 0 ? _getSpaceValue : spacing;
       startSpacing = (_getSpaceValue2 = (0, _utils.getSpaceValue)(start, child)) !== null && _getSpaceValue2 !== void 0 ? _getSpaceValue2 : spacing;
       return _react.default.createElement(_react.default.Fragment, {
         key: `element-${i}`
-      }, _react.default.createElement(_Space.default, {
-        top: spaceAboveLine
-      }), _Hr || (_Hr = _react.default.createElement(_elements.Hr, {
+      }, _react.default.createElement(_elements.Hr, {
+        top: !isFirst ? spaceAboveLine : 0,
         space: 0,
         className: "dnb-flex-container__hr"
-      })), (0, _utils.renderWithSpacing)(child, {
+      }), (0, _utils.renderWithSpacing)(child, {
         space: {
           [start]: startSpacing,
           [end]: endSpacing
         }
+      }), divider === 'line-framed' && isLast && _react.default.createElement(_elements.Hr, {
+        top: spaceAboveLine,
+        space: 0,
+        className: "dnb-flex-container__hr"
       }));
     }
     if (isFirst && direction !== 'horizontal') {
@@ -116,7 +121,21 @@ function FlexContainer(props) {
     });
   });
   const n = 'dnb-flex-container';
-  const cn = (0, _classnames.default)('dnb-flex-container', className, direction && `${n}--direction-${direction}`, justify && `${n}--justify-${justify}`, align && `${n}--align-${align}`, alignSelf && `${n}--align-self-${alignSelf}`, spacing && `${n}--spacing-${spacing}`, wrap && `${n}--wrap`, rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`, hasSizeProp && `${n}--has-size`, divider && `${n}--divider-${divider}`);
+  const getRowGapClass = (0, _react.useCallback)(() => {
+    if (rowGap === false) {
+      return `${n}--row-gap-off`;
+    }
+    if (rowGap === true || !rowGap && wrap && direction === 'horizontal') {
+      return `${n}--row-gap-small`;
+    }
+    if (hasSizeProp && spacing) {
+      return `${n}--row-gap-${spacing}`;
+    }
+    if (rowGap) {
+      return `${n}--row-gap-${rowGap}`;
+    }
+  }, [direction, hasSizeProp, rowGap, spacing, wrap]);
+  const cn = (0, _classnames.default)('dnb-flex-container', getRowGapClass(), className, direction && `${n}--direction-${direction}`, justify && `${n}--justify-${justify}`, align && `${n}--align-${align}`, alignSelf && `${n}--align-self-${alignSelf}`, spacing && `${n}--spacing-${spacing}`, wrap && `${n}--wrap`, hasSizeProp && `${n}--has-size`, divider && `${n}--divider-${divider}`);
   return _react.default.createElement(_Space.default, _extends({
     element: element,
     className: cn,

package/cjs/components/flex/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["_react","_interopRequireDefault","require","_classnames","_Space","_elements","_useMedia","_utils","_Hr","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","propNames","pickFlexContainerProps","props","defaults","skip","fromEntries","entries","_ref","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","childrenArray","wrapChildren","hasHeading","some","child","previousChild","isHeadingElement","hasSizeProp","_child$props","size","mediaKey","useMedia","disabled","content","map","_previousChild$type","isFirst","start","end","endSpacing","startSpacing","isHeading","_getSpaceValue","_getSpaceValue2","spaceAboveLine","getSpaceValue","createElement","Fragment","top","Hr","space","renderWithSpacing","_ref2","_getSpaceValue3","React","isValidElement","type","n","cn","classnames","Children","toArray","cloneElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | true\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  // For when used as a flex item in an outer container in addition to being a container:\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const previousChild = childrenArray?.[i - 1]\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n    if (\n      divider === 'line' &&\n      // No line above first element\n      !isFirst &&\n      // No line above heading\n      !isHeading\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Space top={spaceAboveLine} />\n          <Hr space={0} className=\"dnb-flex-container__hr\" />\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`,\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"Container.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Space","_elements","_useMedia","_utils","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","propNames","pickFlexContainerProps","props","defaults","skip","fromEntries","entries","_ref","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","childrenArray","wrapChildren","hasHeading","some","child","previousChild","isHeadingElement","hasSizeProp","_child$props","size","mediaKey","useMedia","disabled","content","map","_previousChild$type","isFirst","isLast","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","getSpaceValue","createElement","Fragment","Hr","top","space","renderWithSpacing","_ref2","_getSpaceValue3","React","isValidElement","type","n","getRowGapClass","useCallback","cn","classnames","Children","toArray","cloneElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return `${n}--row-gap-off`\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}

package/cjs/components/flex/Item.js

@@ -7,15 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Space = _interopRequireDefault(require("../space/Space"));
-var _utils = require("./utils");
 const _excluded = ["element", "className", "grow", "shrink", "alignSelf", "size", "style", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function FlexItem(props) {
@@ -30,7 +24,7 @@ function FlexItem(props) {
       children
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const cn = (0, _classnames.default)('dnb-flex-item', className, grow && 'dnb-flex-item--grow', shrink && 'dnb-flex-item--shrink', alignSelf && `dnb-flex-item--align-self-${alignSelf}`, size && 'dnb-flex-item--responsive');
+  const cn = (0, _classnames.default)('dnb-flex-item', grow && 'dnb-flex-item--grow', shrink && 'dnb-flex-item--shrink', alignSelf && `dnb-flex-item--align-self-${alignSelf}`, size && 'dnb-flex-item--responsive');
   const spaceStyles = {};
   if (size) {
     if (isValidSize(size)) {
@@ -45,17 +39,18 @@ function FlexItem(props) {
     }
   }
   if (Object.keys(spaceStyles).length) {
-    return _react.default.createElement(_Space.default, _extends({
+    return _react.default.createElement(_Space.default, {
       element: element,
       className: cn,
-      style: _objectSpread(_objectSpread({}, spaceStyles), style)
-    }, (0, _utils.omitSpacingProps)(rest)), _react.default.createElement(_Space.default, _extends({
-      className: "dnb-flex-item__spacer"
-    }, (0, _utils.pickSpacingProps)(rest)), children));
+      style: spaceStyles
+    }, _react.default.createElement(_Space.default, _extends({
+      className: (0, _classnames.default)('dnb-flex-item__spacer', className),
+      style: style
+    }, rest), children));
   }
   return _react.default.createElement(_Space.default, _extends({
     element: element,
-    className: cn,
+    className: (0, _classnames.default)(cn, className),
     style: style
   }, rest), children);
   function isValidSize(size) {

package/cjs/components/flex/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["_react","_interopRequireDefault","require","_classnames","_Space","_utils","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FlexItem","props","element","className","grow","shrink","alignSelf","size","style","children","rest","cn","classnames","spaceStyles","isValidSize","sizes","createElement","omitSpacingProps","pickSpacingProps","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/flex/Item.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { omitSpacingProps, pickSpacingProps } from './utils'\n\nexport type Sizes =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 'auto'\ntype MediaSizes = {\n  xsmall?: Sizes\n  small?: Sizes\n  medium?: Sizes\n  large?: Sizes\n}\nexport type Size = MediaSizes | Sizes\n\nexport type BasicProps = {\n  grow?: boolean\n  shrink?: boolean\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  size?: Size\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>\n\nfunction FlexItem(props: Props) {\n  const {\n    element = 'div',\n    className,\n    grow,\n    shrink,\n    alignSelf,\n    size,\n    style,\n    children,\n    ...rest\n  } = props\n\n  const cn = classnames(\n    'dnb-flex-item',\n    grow && 'dnb-flex-item--grow',\n    shrink && 'dnb-flex-item--shrink',\n    alignSelf && `dnb-flex-item--align-self-${alignSelf}`,\n    size && 'dnb-flex-item--responsive',\n    className\n  )\n\n  const spaceStyles = {} as React.CSSProperties\n\n  if (size) {\n    if (isValidSize(size as Sizes)) {\n      spaceStyles['--size--default'] = size\n    } else {\n      const sizes = size as MediaSizes\n      for (const key in sizes) {\n        if (isValidSize(size[key])) {\n          spaceStyles[`--${key}`] = size[key]\n        }\n      }\n    }\n  }\n\n  if (Object.keys(spaceStyles).length) {\n    return (\n      <Space\n        element={element}\n        className={cn}\n        style={{ ...spaceStyles, ...style }}\n        {...omitSpacingProps(rest)}\n      >\n        <Space\n          className=\"dnb-flex-item__spacer\"\n          {...pickSpacingProps(rest)}\n        >\n          {children}\n        </Space>\n      </Space>\n    )\n  }\n\n  return (\n    <Space element={element} className={cn} style={style} {...rest}>\n      {children}\n    </Space>\n  )\n\n  function isValidSize(size: Sizes) {\n    return typeof size === 'number' || size === 'auto'\n  }\n}\n\nFlexItem._supportsSpacingProps = true\n\nexport default FlexItem\n"],"mappings":"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"}
+{"version":3,"file":"Item.js","names":["_react","_interopRequireDefault","require","_classnames","_Space","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FlexItem","props","element","className","grow","shrink","alignSelf","size","style","children","rest","cn","classnames","spaceStyles","isValidSize","sizes","createElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/flex/Item.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\n\nexport type Sizes =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 'auto'\ntype MediaSizes = {\n  xsmall?: Sizes\n  small?: Sizes\n  medium?: Sizes\n  large?: Sizes\n}\nexport type Size = MediaSizes | Sizes\n\nexport type BasicProps = {\n  grow?: boolean\n  shrink?: boolean\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  size?: Size\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size'>\n\nfunction FlexItem(props: Props) {\n  const {\n    element = 'div',\n    className,\n    grow,\n    shrink,\n    alignSelf,\n    size,\n    style,\n    children,\n    ...rest\n  } = props\n\n  const cn = classnames(\n    'dnb-flex-item',\n    grow && 'dnb-flex-item--grow',\n    shrink && 'dnb-flex-item--shrink',\n    alignSelf && `dnb-flex-item--align-self-${alignSelf}`,\n    size && 'dnb-flex-item--responsive'\n  )\n\n  const spaceStyles = {} as React.CSSProperties\n\n  if (size) {\n    if (isValidSize(size as Sizes)) {\n      spaceStyles['--size--default'] = size\n    } else {\n      const sizes = size as MediaSizes\n      for (const key in sizes) {\n        if (isValidSize(size[key])) {\n          spaceStyles[`--${key}`] = size[key]\n        }\n      }\n    }\n  }\n\n  if (Object.keys(spaceStyles).length) {\n    return (\n      <Space element={element} className={cn} style={spaceStyles}>\n        <Space\n          className={classnames('dnb-flex-item__spacer', className)}\n          style={style}\n          {...rest}\n        >\n          {children}\n        </Space>\n      </Space>\n    )\n  }\n\n  return (\n    <Space\n      element={element}\n      className={classnames(cn, className)}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </Space>\n  )\n\n  function isValidSize(size: Sizes) {\n    return typeof size === 'number' || size === 'auto'\n  }\n}\n\nFlexItem._supportsSpacingProps = true\n\nexport default FlexItem\n"],"mappings":"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"}

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

@@ -60,13 +60,16 @@
 .dnb-flex-container--wrap {
   flex-wrap: wrap;
 }
-.dnb-flex-container--row-gap-small, .dnb-flex-container--has-size.dnb-flex-container--spacing-small, .dnb-flex-container--wrap.dnb-flex-container--direction-horizontal {
+.dnb-flex-container--row-gap-off {
+  --gap: 0;
+}
+.dnb-flex-container--row-gap-small {
   --gap: var(--spacing-small);
 }
-.dnb-flex-container--row-gap-medium, .dnb-flex-container--has-size.dnb-flex-container--spacing-medium {
+.dnb-flex-container--row-gap-medium {
   --gap: var(--spacing-medium);
 }
-.dnb-flex-container--row-gap-large, .dnb-flex-container--has-size.dnb-flex-container--spacing-large {
+.dnb-flex-container--row-gap-large {
   --gap: var(--spacing-large);
 }
 .dnb-flex-container__hr.dnb-hr {

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

@@ -1 +1 @@
-.dnb-flex-container{display:flex;row-gap:var(--gap,0)}.dnb-flex-container--direction-horizontal{flex-direction:row;margin-right:calc(var(--gap)*-1)}.dnb-flex-container--direction-vertical{flex-direction:column}.dnb-flex-container--justify-flex-start{justify-content:flex-start}.dnb-flex-container--justify-flex-end{justify-content:flex-end}.dnb-flex-container--justify-center{justify-content:center}.dnb-flex-container--justify-space-between{justify-content:space-between}.dnb-flex-container--justify-space-around{justify-content:space-around}.dnb-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-flex-container--align-flex-start{align-items:flex-start}.dnb-flex-container--align-flex-end{align-items:flex-end}.dnb-flex-container--align-center{align-items:center}.dnb-flex-container--align-stretch{align-items:stretch}.dnb-flex-container--align-baseline{align-items:baseline}.dnb-flex-container--align-self-flex-start{align-self:flex-start}.dnb-flex-container--align-self-flex-end{align-self:flex-end}.dnb-flex-container--align-self-center{align-self:center}.dnb-flex-container--align-self-baseline{align-self:baseline}.dnb-flex-container--align-self-stretch{align-self:stretch}.dnb-flex-container--wrap{flex-wrap:wrap}.dnb-flex-container--has-size.dnb-flex-container--spacing-small,.dnb-flex-container--row-gap-small,.dnb-flex-container--wrap.dnb-flex-container--direction-horizontal{--gap:var(--spacing-small)}.dnb-flex-container--has-size.dnb-flex-container--spacing-medium,.dnb-flex-container--row-gap-medium{--gap:var(--spacing-medium)}.dnb-flex-container--has-size.dnb-flex-container--spacing-large,.dnb-flex-container--row-gap-large{--gap:var(--spacing-large)}.dnb-flex-container__hr.dnb-hr{color:var(--color-black-8);width:100%}.dnb-flex-item--grow{flex-grow:1}.dnb-flex-item--shrink{flex-shrink:1}.dnb-flex-item--align-self-flex-start{align-self:flex-start}.dnb-flex-item--align-self-flex-end{align-self:flex-end}.dnb-flex-item--align-self-center{align-self:center}.dnb-flex-item--align-self-baseline{align-self:baseline}.dnb-flex-item--align-self-stretch{align-self:stretch}.dnb-flex-item--responsive{--sizeCount--default:12;--size--default:var(--small);--flex-basis:calc(100%/var(--sizeCount, var(--sizeCount--default))*var(--size, var(--size--default)));flex-basis:var(--flex-basis);flex-grow:0;max-width:var(--flex-basis)}.dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive{--size:var(--small,var(--medium))}.dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive{--size:var(--medium,var(--large))}.dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive{--size:var(--large,var(--medium))}.dnb-flex-stack+.dnb-flex-stack{margin-top:var(--spacing-large)}
+.dnb-flex-container{display:flex;row-gap:var(--gap,0)}.dnb-flex-container--direction-horizontal{flex-direction:row;margin-right:calc(var(--gap)*-1)}.dnb-flex-container--direction-vertical{flex-direction:column}.dnb-flex-container--justify-flex-start{justify-content:flex-start}.dnb-flex-container--justify-flex-end{justify-content:flex-end}.dnb-flex-container--justify-center{justify-content:center}.dnb-flex-container--justify-space-between{justify-content:space-between}.dnb-flex-container--justify-space-around{justify-content:space-around}.dnb-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-flex-container--align-flex-start{align-items:flex-start}.dnb-flex-container--align-flex-end{align-items:flex-end}.dnb-flex-container--align-center{align-items:center}.dnb-flex-container--align-stretch{align-items:stretch}.dnb-flex-container--align-baseline{align-items:baseline}.dnb-flex-container--align-self-flex-start{align-self:flex-start}.dnb-flex-container--align-self-flex-end{align-self:flex-end}.dnb-flex-container--align-self-center{align-self:center}.dnb-flex-container--align-self-baseline{align-self:baseline}.dnb-flex-container--align-self-stretch{align-self:stretch}.dnb-flex-container--wrap{flex-wrap:wrap}.dnb-flex-container--row-gap-off{--gap:0}.dnb-flex-container--row-gap-small{--gap:var(--spacing-small)}.dnb-flex-container--row-gap-medium{--gap:var(--spacing-medium)}.dnb-flex-container--row-gap-large{--gap:var(--spacing-large)}.dnb-flex-container__hr.dnb-hr{color:var(--color-black-8);width:100%}.dnb-flex-item--grow{flex-grow:1}.dnb-flex-item--shrink{flex-shrink:1}.dnb-flex-item--align-self-flex-start{align-self:flex-start}.dnb-flex-item--align-self-flex-end{align-self:flex-end}.dnb-flex-item--align-self-center{align-self:center}.dnb-flex-item--align-self-baseline{align-self:baseline}.dnb-flex-item--align-self-stretch{align-self:stretch}.dnb-flex-item--responsive{--sizeCount--default:12;--size--default:var(--small);--flex-basis:calc(100%/var(--sizeCount, var(--sizeCount--default))*var(--size, var(--size--default)));flex-basis:var(--flex-basis);flex-grow:0;max-width:var(--flex-basis)}.dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive{--size:var(--small,var(--medium))}.dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive{--size:var(--medium,var(--large))}.dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive{--size:var(--large,var(--medium))}.dnb-flex-stack+.dnb-flex-stack{margin-top:var(--spacing-large)}

package/cjs/components/flex/style/flex-container.scss

@@ -88,17 +88,16 @@
     flex-wrap: wrap;
   }
 
-  &--row-gap-small,
-  &--has-size#{&}--spacing-small,
-  &--wrap#{&}--direction-horizontal {
+  &--row-gap-off {
+    --gap: 0;
+  }
+  &--row-gap-small {
     --gap: var(--spacing-small);
   }
-  &--row-gap-medium,
-  &--has-size#{&}--spacing-medium {
+  &--row-gap-medium {
     --gap: var(--spacing-medium);
   }
-  &--row-gap-large,
-  &--has-size#{&}--spacing-large {
+  &--row-gap-large {
     --gap: var(--spacing-large);
   }