npm - @dnb/eufemia - Versions diffs - 10.14.0 → 10.15.1 - Mend

@dnb/eufemia 10.14.0 → 10.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1059) hide show

package/components/autocomplete/style/dnb-autocomplete.css CHANGED Viewed

@@ -157,6 +157,7 @@ html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-
   overflow: hidden;
   white-space: nowrap;
   color: inherit;
+  -webkit-text-decoration: none;
   text-decoration: none;
   text-overflow: inherit;
   text-align: inherit;

package/components/autocomplete/style/dnb-autocomplete.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-autocomplete{--autocomplete-width:16rem;--autocomplete-height:2rem;--autocomplete-height--small:1.5rem;--autocomplete-height--medium:2.5rem;--autocomplete-height--large:3rem;--autocomplete-padding-horizontal:1rem;--autocomplete-focus-border-width:0.125rem;--autocomplete-text-padding:0.5rem;--autocomplete-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--autocomplete-height)}.dnb-autocomplete__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-autocomplete--right .dnb-autocomplete__inner{align-items:flex-end}.dnb-autocomplete__shell{color:inherit;margin:0;padding:0;position:relative;width:var(--autocomplete-width)}.dnb-autocomplete__row{align-items:center;display:inline-flex}.dnb-autocomplete--small{line-height:var(--autocomplete-height--small)}.dnb-autocomplete--medium{line-height:var(--autocomplete-height--medium)}.dnb-autocomplete--large{line-height:var(--autocomplete-height--large)}.dnb-autocomplete__icon{display:inline-flex;justify-content:center;pointer-events:none}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner{align-items:center;color:var(--color-sea-green);display:flex;justify-content:center}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item{display:flex;flex-direction:column}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon{align-self:center}.dnb-autocomplete__input{align-items:center;display:inline-flex;outline:none}.dnb-autocomplete__input,.dnb-autocomplete__input .dnb-input__inner,.dnb-autocomplete__input .dnb-input__input,.dnb-autocomplete__input .dnb-input__shell{width:100%}.dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition:transform .4s ease-out}html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition-duration:1ms!important}.dnb-autocomplete .dnb-input__inner__element{cursor:text;position:relative;z-index:3}@media screen and (min-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:0!important}}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:2.5rem!important}}.dnb-autocomplete .dnb-input__inner__element.dnb-p{padding:0 .5rem;white-space:nowrap}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input__inner__element.dnb-p{display:none}}.dnb-autocomplete .dnb-input__inner__element.dnb-p,.dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p{margin:0}.dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element{margin-right:2.5rem!important}.dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p{padding-right:3rem}.dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input{padding-right:1rem}.dnb-autocomplete--disabled .dnb-input__inner__element{cursor:not-allowed}.dnb-autocomplete__text{font-size:var(--font-size-basis);line-height:inherit;order:1;padding:0 var(--autocomplete-text-padding) 0 0;position:relative;text-align:left;text-overflow:ellipsis;z-index:4}.dnb-autocomplete__text,.dnb-autocomplete__text__inner{color:inherit;height:inherit;overflow:hidden;width:100%}.dnb-autocomplete__text__inner{display:inline-block;padding:0;text-align:inherit;text-decoration:none;text-overflow:inherit;white-space:nowrap}.dnb-autocomplete>.dnb-form-label{line-height:var(--line-height-basis);margin-right:1rem}@media screen and (max-width:40em){.dnb-autocomplete{flex-wrap:wrap}.dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-autocomplete--stretch{display:flex;flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner{flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-autocomplete--stretch .dnb-autocomplete__row,.dnb-autocomplete--stretch .dnb-autocomplete__shell{width:100%}.dnb-autocomplete--stretch .dnb-form-label+.dnb-autocomplete__inner{width:auto}.dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-form-row--horizontal .dnb-autocomplete--stretch{width:100%}label+.dnb-autocomplete[class=__form-status]{vertical-align:top}label+.dnb-autocomplete[class=__form-status] .dnb-autocomplete__shell{top:-.375rem}.dnb-autocomplete__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-autocomplete--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class=__status]{align-items:flex-start}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-responsive-component .dnb-autocomplete{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete__helper{display:none}}.dnb-autocomplete__list .dnb-drawer-list__option__item>span{padding-right:.125em}
1	+ .dnb-autocomplete{--autocomplete-width:16rem;--autocomplete-height:2rem;--autocomplete-height--small:1.5rem;--autocomplete-height--medium:2.5rem;--autocomplete-height--large:3rem;--autocomplete-padding-horizontal:1rem;--autocomplete-focus-border-width:0.125rem;--autocomplete-text-padding:0.5rem;--autocomplete-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--autocomplete-height)}.dnb-autocomplete__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-autocomplete--right .dnb-autocomplete__inner{align-items:flex-end}.dnb-autocomplete__shell{color:inherit;margin:0;padding:0;position:relative;width:var(--autocomplete-width)}.dnb-autocomplete__row{align-items:center;display:inline-flex}.dnb-autocomplete--small{line-height:var(--autocomplete-height--small)}.dnb-autocomplete--medium{line-height:var(--autocomplete-height--medium)}.dnb-autocomplete--large{line-height:var(--autocomplete-height--large)}.dnb-autocomplete__icon{display:inline-flex;justify-content:center;pointer-events:none}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner{align-items:center;color:var(--color-sea-green);display:flex;justify-content:center}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item{display:flex;flex-direction:column}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon{align-self:center}.dnb-autocomplete__input{align-items:center;display:inline-flex;outline:none}.dnb-autocomplete__input,.dnb-autocomplete__input .dnb-input__inner,.dnb-autocomplete__input .dnb-input__input,.dnb-autocomplete__input .dnb-input__shell{width:100%}.dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition:transform .4s ease-out}html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition-duration:1ms!important}.dnb-autocomplete .dnb-input__inner__element{cursor:text;position:relative;z-index:3}@media screen and (min-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:0!important}}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:2.5rem!important}}.dnb-autocomplete .dnb-input__inner__element.dnb-p{padding:0 .5rem;white-space:nowrap}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input__inner__element.dnb-p{display:none}}.dnb-autocomplete .dnb-input__inner__element.dnb-p,.dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p{margin:0}.dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element{margin-right:2.5rem!important}.dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p{padding-right:3rem}.dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input{padding-right:1rem}.dnb-autocomplete--disabled .dnb-input__inner__element{cursor:not-allowed}.dnb-autocomplete__text{font-size:var(--font-size-basis);line-height:inherit;order:1;padding:0 var(--autocomplete-text-padding) 0 0;position:relative;text-align:left;text-overflow:ellipsis;z-index:4}.dnb-autocomplete__text,.dnb-autocomplete__text__inner{color:inherit;height:inherit;overflow:hidden;width:100%}.dnb-autocomplete__text__inner{display:inline-block;padding:0;text-align:inherit;-webkit-text-decoration:none;text-decoration:none;text-overflow:inherit;white-space:nowrap}.dnb-autocomplete>.dnb-form-label{line-height:var(--line-height-basis);margin-right:1rem}@media screen and (max-width:40em){.dnb-autocomplete{flex-wrap:wrap}.dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-autocomplete--stretch{display:flex;flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner{flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-autocomplete--stretch .dnb-autocomplete__row,.dnb-autocomplete--stretch .dnb-autocomplete__shell{width:100%}.dnb-autocomplete--stretch .dnb-form-label+.dnb-autocomplete__inner{width:auto}.dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-form-row--horizontal .dnb-autocomplete--stretch{width:100%}label+.dnb-autocomplete[class=__form-status]{vertical-align:top}label+.dnb-autocomplete[class=__form-status] .dnb-autocomplete__shell{top:-.375rem}.dnb-autocomplete__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-autocomplete--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class=__status]{align-items:flex-start}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-responsive-component .dnb-autocomplete{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete__helper{display:none}}.dnb-autocomplete__list .dnb-drawer-list__option__item>span{padding-right:.125em}

package/components/breadcrumb/style/dnb-breadcrumb.css CHANGED Viewed

@@ -21,6 +21,7 @@
   list-style: none;
   flex-flow: row wrap;
   align-items: center;
+  gap: 1.5rem;
 }
 .dnb-breadcrumb__item__span {
   display: flex;
@@ -29,12 +30,8 @@
   padding: 0.5rem 0;
 }
 .dnb-breadcrumb__item__span__icon {
-  margin-left: calc(var(--button-icon-size) / 2);
   margin-right: 0.5rem;
 }
-.dnb-breadcrumb__item:not(:first-of-type) .dnb-button.dnb-button--has-text {
-  padding-left: 0.5rem;
-}
 .dnb-breadcrumb__animation {
   display: flex;
   flex-direction: column;
@@ -56,4 +53,5 @@
   align-items: flex-start;
   margin: 0.5rem 0;
   margin-left: 1.5rem;
+  gap: 0;
 }

package/components/breadcrumb/style/dnb-breadcrumb.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.dnb-breadcrumb__bar.dnb-section{display:flex}.dnb-breadcrumb__list.dnb-section{align-items:center;display:flex;flex-flow:row wrap;list-style:none;margin:0;padding:0}.dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:normal;padding:.5rem 0}.dnb-breadcrumb__item__span__icon{margin-~~left:calc(var(--button-icon-size)/2);margin-~~right:.5rem}.dnb-~~breadcrumb__item:not(:first-of-type) .dnb-button.dnb-button--has-text{padding-left:.5rem}.dnb-~~breadcrumb__animation{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.dnb-breadcrumb__animation .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}.dnb-breadcrumb__collapse{display:flex;flex-direction:column}.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{align-items:flex-start;flex-direction:column;margin:.5rem 0 .5rem 1.5rem}
1	+ .dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.dnb-breadcrumb__bar.dnb-section{display:flex}.dnb-breadcrumb__list.dnb-section{align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:normal;padding:.5rem 0}.dnb-breadcrumb__item__span__icon{margin-right:.5rem}.dnb-breadcrumb__animation{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.dnb-breadcrumb__animation .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}.dnb-breadcrumb__collapse{display:flex;flex-direction:column}.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{align-items:flex-start;flex-direction:column;gap:0;margin:.5rem 0 .5rem 1.5rem}

package/components/breadcrumb/style/dnb-breadcrumb.scss CHANGED Viewed

@@ -25,6 +25,7 @@
     flex-flow: row wrap;
     align-items: center;
+    gap: 1.5rem;
   }
   &__item {
@@ -36,18 +37,11 @@
       // To match the other tertiary buttons
       &__icon {
-        margin-left: calc(var(--button-icon-size) / 2);
         margin-right: 0.5rem;
       }
     }
   }
-  &__item:not(:first-of-type) {
-    .dnb-button.dnb-button--has-text {
-      padding-left: 0.5rem;
-    }
-  }
   &__animation {
     display: flex;
     flex-direction: column;
@@ -76,5 +70,6 @@
     margin: 0.5rem 0;
     margin-left: 1.5rem;
+    gap: 0;
   }
 }

package/components/button/Button.d.ts CHANGED Viewed

@@ -138,7 +138,7 @@ export type ButtonProps = {
    */
   skeleton?: ButtonSkeleton;
   disabled?: boolean;
-  inner_ref?: any;
+  inner_ref?: React.Ref;
   className?: string;
   innerRef?: any;
   /**

package/components/button/Button.js CHANGED Viewed

@@ -17,7 +17,8 @@ import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/Skeleton
 import { pickFormElementProps } from '../../shared/helpers/filterValidProps';
 import IconPrimary from '../icon-primary/IconPrimary';
 import FormStatus from '../form-status/FormStatus';
-import Anchor, { pickIcon } from '../anchor/Anchor';
+import Anchor, { pickIcon, opensNewTab } from '../anchor/Anchor';
+import { launch } from '../../icons';
 import Tooltip from '../tooltip/Tooltip';
 export const buttonVariantPropType = {
   variant: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'signal', 'unstyled'])
@@ -46,10 +47,10 @@ export default class Button extends React.PureComponent {
   }
   componentDidMount() {
     if (this.props.innerRef) {
-      this.props.innerRef.current = this._ref.current;
+      typeof this.props.innerRef === 'function' ? this.props.innerRef(this._ref.current) : this.props.innerRef.current = this._ref.current;
     }
     if (this.props.inner_ref) {
-      this.props.inner_ref.current = this._ref.current;
+      typeof this.props.innerRef === 'function' ? this.props.inner_ref(this._ref.current) : this.props.inner_ref.current = this._ref.current;
     }
   }
   render() {
@@ -123,8 +124,11 @@ export default class Button extends React.PureComponent {
     const Element = element ? element : props.href || props.to ? Anchor : 'button';
     if (Element === Anchor) {
       attributes.omitClass = true;
+      if (opensNewTab(props.target, props.href) && !icon) {
+        icon = launch;
+      }
     }
-    const classes = classnames(`dnb-button dnb-button--${usedVariant || 'primary'}`, (text || content || custom_content) && 'dnb-button--has-text', createSkeletonClass(variant === 'tertiary' ? 'font' : 'shape', skeleton, this.context), createSpacingClasses(props), class_name, className, (props.href || props.to) && '', icon && `dnb-button--icon-position-${icon_position} dnb-button--has-icon` + (iconSize ? ` dnb-button--icon-size-${iconSize}` : ""), usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`, isTrue(stretch) && 'dnb-button--stretch', wrap && 'dnb-button--wrap', status && `dnb-button__status--${status_state}`);
+    const classes = classnames(`dnb-button dnb-button--${usedVariant || 'primary'}`, (text || content || custom_content) && 'dnb-button--has-text', createSkeletonClass(variant === 'tertiary' ? 'font' : 'shape', skeleton, this.context), createSpacingClasses(props), class_name, className, (props.href || props.to) && '', icon && `dnb-button--icon-position-${icon_position} dnb-button--has-icon` + (iconSize ? ` dnb-button--icon-size-${iconSize}` : ""), usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`, isTrue(stretch) && 'dnb-button--stretch', wrap && 'dnb-button--wrap', status && `dnb-button__status--${status_state}`, Element === Anchor && 'dnb-anchor--no-style');
     const params = _objectSpread({
       className: classes,
       title,
@@ -196,9 +200,9 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  inner_ref: PropTypes.object,
+  inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   className: PropTypes.string,
-  innerRef: PropTypes.object,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
   element: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.node])
 }, spacingPropTypes), {}, {

package/components/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","names":["React","PropTypes","classnames","Context","warn","makeUniqueId","isTrue","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","dispatchCustomElementEvent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","pickFormElementProps","IconPrimary","FormStatus","Anchor","pickIcon","Tooltip","buttonVariantPropType","variant","oneOf","Button","PureComponent","getContent","props","constructor","_defineProperty","event","afterContent","isValidElement","setState","_id","id","status","tooltip","_ref","createRef","state","componentDidMount","innerRef","current","inner_ref","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","FormRow","formElement","class","class_name","className","size","title","custom_content","status_state","status_props","status_no_animation","globalStatus","disabled","text","_text","icon","_icon","icon_position","icon_size","wrap","bounding","stretch","element","attributes","_objectWithoutProperties","_excluded","showStatus","usedVariant","usedSize","iconSize","content","isIconOnly","Boolean","Element","href","to","omitClass","classes","params","_objectSpread","on_click","onClick","onClickHandler","type","undefined","createElement","Fragment","_extends","ref","Content","show","label","text_id","no_animation","targetElement","process","env","NODE_ENV","propTypes","oneOfType","string","node","func","number","bool","object","shape","message","target","rel","children","_span","key","_span2","_span3","array","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/button/Button.js"],"sourcesContent":["/*\n Web Button Component\n \n /\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n warn,\n makeUniqueId,\n isTrue,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n getStatusState,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport FormStatus from '../form-status/FormStatus'\nimport Anchor, { pickIcon } from '../anchor/Anchor'\nimport Tooltip from '../tooltip/Tooltip'\n\nexport const buttonVariantPropType = {\n variant: PropTypes.oneOf([\n 'primary',\n 'secondary',\n 'tertiary',\n 'signal',\n\n /*\n For internal use only (as of now)\n /\n 'unstyled',\n ]),\n}\n\n/\n The button component should be used as the call-to-action in a form, or as a user interaction mechanism. Generally speaking, a button should not be used when a link would do the trick. Exceptions are made at times when it is used as a navigation element in the action-nav element.\n */\nexport default class Button extends React.PureComponent {\n static contextType = Context\n\n static getContent(props) {\n return processChildren(props)\n }\n\n constructor(props) {\n super(props)\n\n this._id =\n props.id \|\| ((props.status \|\| props.tooltip) && makeUniqueId()) // cause we need an id anyway\n this._ref = React.createRef()\n\n this.state = { afterContent: null }\n }\n\n componentDidMount() {\n if (this.props.innerRef) {\n this.props.innerRef.current = this._ref.current\n }\n if (this.props.inner_ref) {\n this.props.inner_ref.current = this._ref.current\n }\n }\n\n onClickHandler = (event) => {\n const afterContent = dispatchCustomElementEvent(this, 'on_click', {\n event,\n })\n if (afterContent && React.isValidElement(afterContent)) {\n this.setState({\n afterContent,\n })\n }\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Button.defaultProps,\n { skeleton: this.context?.skeleton },\n // Deprecated – can be removed in v11\n pickFormElementProps(this.context?.FormRow),\n pickFormElementProps(this.context?.formElement),\n this.context.Button\n )\n\n const {\n class: class_name,\n className,\n variant,\n size,\n title,\n custom_content,\n tooltip,\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n id, // eslint-disable-line\n disabled,\n text: _text, // eslint-disable-line\n icon: _icon, // eslint-disable-line\n icon_position,\n icon_size,\n wrap,\n bounding, // eslint-disable-line\n stretch,\n skeleton,\n element,\n inner_ref, // eslint-disable-line\n innerRef, // eslint-disable-line\n ...attributes\n } = props\n\n const showStatus = getStatusState(status)\n\n let { text, icon } = props\n let usedVariant = variant\n let usedSize = size\n let iconSize = icon_size\n const content = Button.getContent(this.props)\n\n if (\n variant === 'tertiary' &&\n (text \|\| content) &&\n !icon &&\n icon !== false\n ) {\n warn(\n `Icon required: A Tertiary Button requires an icon to be WCAG compliant in most cases, because variant tertiary has no underline.\n(Override this warning using icon={false}, or consider using one of the other variants)`\n )\n }\n\n // if only has Icon, then resize it and define it as secondary\n const isIconOnly = Boolean(!text && !content && icon)\n if (isIconOnly) {\n if (!usedVariant) {\n usedVariant = 'secondary'\n }\n if (!iconSize && (usedSize === 'default' \|\| usedSize === 'large')) {\n iconSize = 'medium'\n }\n if (!usedSize) {\n usedSize = 'medium'\n }\n } else if (content) {\n if (!usedVariant) {\n usedVariant = 'primary'\n }\n if (!usedSize) {\n usedSize = 'default'\n }\n }\n if (!iconSize && variant === 'tertiary' && icon_position === 'top') {\n iconSize = 'medium'\n }\n\n const Element = element\n ? element\n : props.href \|\| props.to\n ? Anchor\n : 'button'\n if (Element === Anchor) {\n attributes.omitClass = true\n }\n\n const classes = classnames(\n 'dnb-button',\n `dnb-button--${usedVariant \|\| 'primary'}`,\n usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`,\n icon && `dnb-button--icon-position-${icon_position}`,\n isTrue(stretch) && 'dnb-button--stretch',\n icon && iconSize && `dnb-button--icon-size-${iconSize}`,\n (text \|\| content \|\| custom_content) && 'dnb-button--has-text',\n icon && 'dnb-button--has-icon',\n wrap && 'dnb-button--wrap',\n status && `dnb-button__status--${status_state}`,\n createSkeletonClass(\n variant === 'tertiary' ? 'font' : 'shape',\n skeleton,\n this.context\n ),\n createSpacingClasses(props),\n class_name,\n className,\n props.href \|\| props.to ? '' : null // dnb-anchor--no-underline dnb-anchor--no-hover\n )\n\n const params = {\n className: classes,\n title,\n id: this._id,\n disabled: isTrue(disabled),\n ...attributes,\n }\n\n if (this.props.on_click \|\| this.props.onClick) {\n params.onClick = this.onClickHandler\n }\n\n if (Element !== Anchor && !params.type) {\n params.type = params.type === '' ? undefined : 'button'\n }\n\n skeletonDOMAttributes(params, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n return (\n <>\n <Element ref={this._ref} {...params}>\n <Content\n {...this.props}\n icon={icon}\n icon_size={iconSize}\n content={text \|\| content}\n custom_content={custom_content}\n isIconOnly={isIconOnly}\n skeleton={isTrue(skeleton)}\n />\n </Element>\n\n {this.state.afterContent}\n\n <FormStatus\n show={showStatus}\n id={this._id + '-form-status'}\n globalStatus={globalStatus}\n label={text}\n text={status}\n state={status_state}\n text_id={this._id + '-status'} // used for \"aria-describedby\"\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n {tooltip && this._ref && (\n <Tooltip\n id={this._id + '-tooltip'}\n targetElement={this._ref}\n tooltip={tooltip}\n />\n )}\n </>\n )\n }\n}\n\nButton.propTypes = {\n text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n type: PropTypes.string,\n title: PropTypes.node,\n variant: buttonVariantPropType.variant,\n size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.node,\n PropTypes.func,\n ]),\n icon_position: PropTypes.oneOf(['left', 'right', 'top']),\n icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n tooltip: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n id: PropTypes.string,\n class: PropTypes.string,\n href: PropTypes.string,\n target: PropTypes.string,\n rel: PropTypes.string,\n to: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n PropTypes.func,\n ]),\n custom_content: PropTypes.node,\n wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n inner_ref: PropTypes.object,\n\n className: PropTypes.string,\n innerRef: PropTypes.object,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n element: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.object,\n PropTypes.node,\n ]),\n\n ...spacingPropTypes,\n\n on_click: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n}\n\nButton.defaultProps = {\n type: null, // set the type because of the anchor/href situation – can be made more smart in future\n text: null,\n variant: null,\n size: null,\n title: null,\n icon: null,\n icon_position: 'right',\n icon_size: null,\n href: null,\n target: null,\n rel: null,\n to: null,\n id: null,\n class: null,\n custom_content: null,\n wrap: null,\n bounding: null,\n stretch: null,\n skeleton: null,\n disabled: null,\n tooltip: null,\n status: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n inner_ref: null,\n\n className: null,\n innerRef: null,\n children: null,\n element: null,\n\n on_click: null,\n}\n\nfunction Content({\n title,\n content,\n custom_content,\n icon,\n icon_size,\n bounding,\n skeleton,\n isIconOnly,\n}) {\n return (\n <>\n {isTrue(bounding) && (\n <span key=\"button-bounding\" className=\"dnb-button__bounding\" />\n )}\n\n {custom_content && (\n <React.Fragment key=\"button-custom-content\">\n {custom_content}\n </React.Fragment>\n )}\n\n {content && (\n <>\n <span\n key=\"button-alignment\"\n className=\"dnb-button__alignment\"\n aria-hidden\n >\n &zwnj;\n </span>\n <span\n key=\"button-text\"\n className=\"dnb-button__text dnb-skeleton--show-font\"\n >\n {content}\n </span>\n </>\n )}\n\n {\n // on empty text, use a zero-width non-joiner\n // so the icon button gets vertical aligned\n // we need the dnb-button__text for alignment\n !content && icon && (\n <span\n key=\"button-alignment\"\n className=\"dnb-button__alignment\"\n aria-hidden\n >\n &zwnj;\n </span>\n )\n }\n\n {icon &&\n (pickIcon(icon) \|\| (\n <IconPrimary\n key=\"button-icon\"\n className=\"dnb-button__icon\"\n icon={icon}\n size={icon_size}\n aria-hidden={isIconOnly && !title ? null : true}\n skeleton={skeleton}\n />\n ))}\n </>\n )\n}\n\nContent.propTypes = {\n title: PropTypes.node,\n custom_content: PropTypes.node,\n content: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.array,\n PropTypes.node,\n ]),\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.node,\n PropTypes.func,\n ]),\n icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.bool,\n isIconOnly: PropTypes.bool,\n}\n\nContent.defaultProps = {\n custom_content: null,\n title: null,\n content: null,\n icon: null,\n icon_size: 'default',\n bounding: null,\n skeleton: null,\n isIconOnly: null,\n}\n\nButton._formElement = true\nButton._supportsSpacingProps = true\n"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","names":["React","PropTypes","classnames","Context","warn","makeUniqueId","isTrue","extendPropsWithContextInClassComponent","validateDOMAttributes","processChildren","getStatusState","dispatchCustomElementEvent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","pickFormElementProps","IconPrimary","FormStatus","Anchor","pickIcon","opensNewTab","launch","Tooltip","buttonVariantPropType","variant","oneOf","Button","PureComponent","getContent","props","constructor","_defineProperty","event","afterContent","isValidElement","setState","_id","id","status","tooltip","_ref","createRef","state","componentDidMount","innerRef","current","inner_ref","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","context","FormRow","formElement","class","class_name","className","size","title","custom_content","status_state","status_props","status_no_animation","globalStatus","disabled","text","_text","icon","_icon","icon_position","icon_size","wrap","bounding","stretch","element","attributes","_objectWithoutProperties","_excluded","showStatus","usedVariant","usedSize","iconSize","content","isIconOnly","Boolean","Element","href","to","omitClass","target","classes","params","_objectSpread","on_click","onClick","onClickHandler","type","undefined","createElement","Fragment","_extends","ref","Content","show","label","text_id","no_animation","targetElement","process","env","NODE_ENV","propTypes","oneOfType","string","node","func","number","bool","object","shape","message","rel","children","_span","key","_span2","_span3","array","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/button/Button.js"],"sourcesContent":["/*\n Web Button Component\n \n /\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n warn,\n makeUniqueId,\n isTrue,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n getStatusState,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport FormStatus from '../form-status/FormStatus'\nimport Anchor, { pickIcon, opensNewTab } from '../anchor/Anchor'\nimport { launch } from '../../icons'\nimport Tooltip from '../tooltip/Tooltip'\n\nexport const buttonVariantPropType = {\n variant: PropTypes.oneOf([\n 'primary',\n 'secondary',\n 'tertiary',\n 'signal',\n\n /*\n For internal use only (as of now)\n /\n 'unstyled',\n ]),\n}\n\n/\n The button component should be used as the call-to-action in a form, or as a user interaction mechanism. Generally speaking, a button should not be used when a link would do the trick. Exceptions are made at times when it is used as a navigation element in the action-nav element.\n */\nexport default class Button extends React.PureComponent {\n static contextType = Context\n\n static getContent(props) {\n return processChildren(props)\n }\n\n constructor(props) {\n super(props)\n\n this._id =\n props.id \|\| ((props.status \|\| props.tooltip) && makeUniqueId()) // cause we need an id anyway\n this._ref = React.createRef()\n\n this.state = { afterContent: null }\n }\n\n componentDidMount() {\n if (this.props.innerRef) {\n typeof this.props.innerRef === 'function'\n ? this.props.innerRef(this._ref.current)\n : (this.props.innerRef.current = this._ref.current)\n }\n if (this.props.inner_ref) {\n typeof this.props.innerRef === 'function'\n ? this.props.inner_ref(this._ref.current)\n : (this.props.inner_ref.current = this._ref.current)\n }\n }\n\n onClickHandler = (event) => {\n const afterContent = dispatchCustomElementEvent(this, 'on_click', {\n event,\n })\n if (afterContent && React.isValidElement(afterContent)) {\n this.setState({\n afterContent,\n })\n }\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Button.defaultProps,\n { skeleton: this.context?.skeleton },\n // Deprecated – can be removed in v11\n pickFormElementProps(this.context?.FormRow),\n pickFormElementProps(this.context?.formElement),\n this.context.Button\n )\n\n const {\n class: class_name,\n className,\n variant,\n size,\n title,\n custom_content,\n tooltip,\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n id, // eslint-disable-line\n disabled,\n text: _text, // eslint-disable-line\n icon: _icon, // eslint-disable-line\n icon_position,\n icon_size,\n wrap,\n bounding, // eslint-disable-line\n stretch,\n skeleton,\n element,\n inner_ref, // eslint-disable-line\n innerRef, // eslint-disable-line\n ...attributes\n } = props\n\n const showStatus = getStatusState(status)\n\n let { text, icon } = props\n let usedVariant = variant\n let usedSize = size\n let iconSize = icon_size\n const content = Button.getContent(this.props)\n\n if (\n variant === 'tertiary' &&\n (text \|\| content) &&\n !icon &&\n icon !== false\n ) {\n warn(\n `Icon required: A Tertiary Button requires an icon to be WCAG compliant in most cases, because variant tertiary has no underline.\n(Override this warning using icon={false}, or consider using one of the other variants)`\n )\n }\n\n // if only has Icon, then resize it and define it as secondary\n const isIconOnly = Boolean(!text && !content && icon)\n if (isIconOnly) {\n if (!usedVariant) {\n usedVariant = 'secondary'\n }\n if (!iconSize && (usedSize === 'default' \|\| usedSize === 'large')) {\n iconSize = 'medium'\n }\n if (!usedSize) {\n usedSize = 'medium'\n }\n } else if (content) {\n if (!usedVariant) {\n usedVariant = 'primary'\n }\n if (!usedSize) {\n usedSize = 'default'\n }\n }\n if (!iconSize && variant === 'tertiary' && icon_position === 'top') {\n iconSize = 'medium'\n }\n\n const Element = element\n ? element\n : props.href \|\| props.to\n ? Anchor\n : 'button'\n if (Element === Anchor) {\n attributes.omitClass = true\n if (opensNewTab(props.target, props.href) && !icon) {\n icon = launch\n }\n }\n\n const classes = classnames(\n 'dnb-button',\n `dnb-button--${usedVariant \|\| 'primary'}`,\n usedSize && usedSize !== 'default' && `dnb-button--size-${usedSize}`,\n icon && `dnb-button--icon-position-${icon_position}`,\n isTrue(stretch) && 'dnb-button--stretch',\n icon && iconSize && `dnb-button--icon-size-${iconSize}`,\n (text \|\| content \|\| custom_content) && 'dnb-button--has-text',\n icon && 'dnb-button--has-icon',\n wrap && 'dnb-button--wrap',\n status && `dnb-button__status--${status_state}`,\n createSkeletonClass(\n variant === 'tertiary' ? 'font' : 'shape',\n skeleton,\n this.context\n ),\n createSpacingClasses(props),\n class_name,\n className,\n props.href \|\| props.to ? '' : null, // dnb-anchor--no-underline dnb-anchor--no-hover\n Element === Anchor && 'dnb-anchor--no-style'\n )\n\n const params = {\n className: classes,\n title,\n id: this._id,\n disabled: isTrue(disabled),\n ...attributes,\n }\n\n if (this.props.on_click \|\| this.props.onClick) {\n params.onClick = this.onClickHandler\n }\n\n if (Element !== Anchor && !params.type) {\n params.type = params.type === '' ? undefined : 'button'\n }\n\n skeletonDOMAttributes(params, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n return (\n <>\n <Element ref={this._ref} {...params}>\n <Content\n {...this.props}\n icon={icon}\n icon_size={iconSize}\n content={text \|\| content}\n custom_content={custom_content}\n isIconOnly={isIconOnly}\n skeleton={isTrue(skeleton)}\n />\n </Element>\n\n {this.state.afterContent}\n\n <FormStatus\n show={showStatus}\n id={this._id + '-form-status'}\n globalStatus={globalStatus}\n label={text}\n text={status}\n state={status_state}\n text_id={this._id + '-status'} // used for \"aria-describedby\"\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n {tooltip && this._ref && (\n <Tooltip\n id={this._id + '-tooltip'}\n targetElement={this._ref}\n tooltip={tooltip}\n />\n )}\n </>\n )\n }\n}\n\nButton.propTypes = {\n text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n type: PropTypes.string,\n title: PropTypes.node,\n variant: buttonVariantPropType.variant,\n size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.node,\n PropTypes.func,\n ]),\n icon_position: PropTypes.oneOf(['left', 'right', 'top']),\n icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n tooltip: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n id: PropTypes.string,\n class: PropTypes.string,\n href: PropTypes.string,\n target: PropTypes.string,\n rel: PropTypes.string,\n to: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n PropTypes.func,\n ]),\n custom_content: PropTypes.node,\n wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n inner_ref: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n\n className: PropTypes.string,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n element: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.object,\n PropTypes.node,\n ]),\n\n ...spacingPropTypes,\n\n on_click: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n}\n\nButton.defaultProps = {\n type: null, // set the type because of the anchor/href situation – can be made more smart in future\n text: null,\n variant: null,\n size: null,\n title: null,\n icon: null,\n icon_position: 'right',\n icon_size: null,\n href: null,\n target: null,\n rel: null,\n to: null,\n id: null,\n class: null,\n custom_content: null,\n wrap: null,\n bounding: null,\n stretch: null,\n skeleton: null,\n disabled: null,\n tooltip: null,\n status: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n inner_ref: null,\n\n className: null,\n innerRef: null,\n children: null,\n element: null,\n\n on_click: null,\n}\n\nfunction Content({\n title,\n content,\n custom_content,\n icon,\n icon_size,\n bounding,\n skeleton,\n isIconOnly,\n}) {\n return (\n <>\n {isTrue(bounding) && (\n <span key=\"button-bounding\" className=\"dnb-button__bounding\" />\n )}\n\n {custom_content && (\n <React.Fragment key=\"button-custom-content\">\n {custom_content}\n </React.Fragment>\n )}\n\n {content && (\n <>\n <span\n key=\"button-alignment\"\n className=\"dnb-button__alignment\"\n aria-hidden\n >\n &zwnj;\n </span>\n <span\n key=\"button-text\"\n className=\"dnb-button__text dnb-skeleton--show-font\"\n >\n {content}\n </span>\n </>\n )}\n\n {\n // on empty text, use a zero-width non-joiner\n // so the icon button gets vertical aligned\n // we need the dnb-button__text for alignment\n !content && icon && (\n <span\n key=\"button-alignment\"\n className=\"dnb-button__alignment\"\n aria-hidden\n >\n &zwnj;\n </span>\n )\n }\n\n {icon &&\n (pickIcon(icon) \|\| (\n <IconPrimary\n key=\"button-icon\"\n className=\"dnb-button__icon\"\n icon={icon}\n size={icon_size}\n aria-hidden={isIconOnly && !title ? null : true}\n skeleton={skeleton}\n />\n ))}\n </>\n )\n}\n\nContent.propTypes = {\n title: PropTypes.node,\n custom_content: PropTypes.node,\n content: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.array,\n PropTypes.node,\n ]),\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.node,\n PropTypes.func,\n ]),\n icon_size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n bounding: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.bool,\n isIconOnly: PropTypes.bool,\n}\n\nContent.defaultProps = {\n custom_content: null,\n title: null,\n content: null,\n icon: null,\n icon_size: 'default',\n bounding: null,\n skeleton: null,\n isIconOnly: null,\n}\n\nButton._formElement = true\nButton._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/button/style/dnb-button.css CHANGED Viewed

@@ -42,6 +42,7 @@
   border-radius: var(--button-border-radius);
   text-align: left;
   font-size: var(--font-size-small);
+  -webkit-text-decoration: none;
   text-decoration: none;
   box-shadow: none;
   /* stylelint-disable-next-line */

package/components/button/style/dnb-button.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--button-icon-size:1rem;--button-height:2.5rem;--button-border-radius:calc(var(--button-height)/2)}.dnb-button{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2);align-items:center;border:none;border-radius:var(--button-border-radius);box-shadow:none;cursor:pointer;display:inline-flex;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-align:left;text-decoration:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:var(--button-width)}.dnb-button--wrap{overflow-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:var(--button-font-size);line-height:var(--line-height-basis);margin:.5rem 0;transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:var(--button-border-radius--small);font-size:var(--button-font-size-small);width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:var(--button-border-radius--medium);width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:var(--button-border-radius--large);width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:var(--button-icon-size);width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):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)}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed;outline:none}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}button.dnb-button::-moz-focus-inner{border:none}
1	+ :root{--button-icon-size:1rem;--button-height:2.5rem;--button-border-radius:calc(var(--button-height)/2)}.dnb-button{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2);align-items:center;border:none;border-radius:var(--button-border-radius);box-shadow:none;cursor:pointer;display:inline-flex;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:var(--button-width)}.dnb-button--wrap{overflow-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:var(--button-font-size);line-height:var(--line-height-basis);margin:.5rem 0;transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:var(--button-border-radius--small);font-size:var(--button-font-size-small);width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:var(--button-border-radius--medium);width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:var(--button-border-radius--large);width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:var(--button-icon-size);width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):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)}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed;outline:none}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}button.dnb-button::-moz-focus-inner{border:none}

package/components/button/style/themes/dnb-button-theme-eiendom.css CHANGED Viewed

@@ -54,34 +54,12 @@
 .dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
   content: none;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
-  cursor: not-allowed;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
   cursor: not-allowed;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
-  outline: none;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
   outline: none;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  left: var(--button-tertiary-focus-left);
-  bottom: 0;
-  right: var(--button-tertiary-focus-right);
-  height: inherit;
-  border-radius: inherit;
-  outline: none;
-  --border-color: var(--focus-ring-color);
-  --border-width: var(--focus-ring-width);
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
   content: "";
   position: absolute;
@@ -98,9 +76,6 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
-  visibility: hidden;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
   visibility: hidden;
 }

package/components/button/style/themes/dnb-button-theme-eiendom.min.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
+.dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
     --button-tertiary-focus-overflow--icon-top
   );--button-tertiary-focus-right:var(
     --button-tertiary-focus-overflow--icon-top

package/components/button/style/themes/dnb-button-theme-sbanken.css CHANGED Viewed

@@ -50,34 +50,12 @@
 .dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
   content: none;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
-  cursor: not-allowed;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
   cursor: not-allowed;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
-  outline: none;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
   outline: none;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  left: var(--button-tertiary-focus-left);
-  bottom: 0;
-  right: var(--button-tertiary-focus-right);
-  height: inherit;
-  border-radius: inherit;
-  outline: none;
-  --border-color: var(--focus-ring-color);
-  --border-width: var(--focus-ring-width);
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
   content: "";
   position: absolute;
@@ -94,9 +72,6 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
-  visibility: hidden;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
   visibility: hidden;
 }
@@ -314,21 +289,9 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]) {
   color: var(--button-secondary-color--active);
   background-color: var(--button-secondary-background--active);
 }
-html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible[disabled] {
-  cursor: not-allowed;
-}
 html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible[disabled] {
   cursor: not-allowed;
 }
-html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible:not([disabled]) {
-  color: var(--sb-color-blue-dark);
-  background-color: var(--button-background--focus);
-  outline: none;
-  --border-color: var(--focus-ring-color);
-  --border-width: var(--focus-ring-width);
-  box-shadow: inset 0 0 0 var(--border-width) var(--border-color), var(--sb-shadow-medium);
-  border-color: transparent;
-}
 html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible:not([disabled]) {
   color: var(--sb-color-blue-dark);
   background-color: var(--button-background--focus);
@@ -397,10 +360,6 @@ html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabl
 html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
   cursor: not-allowed;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.focus-visible) .dnb-button__text::after {
-  color: var(--sb-color-violet);
-  transition: none;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(:focus-visible) .dnb-button__text::after {
   color: var(--sb-color-violet);
   transition: none;
@@ -438,34 +397,12 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):no
 .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
   color: var(--sb-color-violet);
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
-  cursor: not-allowed;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
   cursor: not-allowed;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
-  color: var(--sb-color-blue-dark);
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
   color: var(--sb-color-blue-dark);
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  left: var(--button-tertiary-focus-left);
-  bottom: 0;
-  right: var(--button-tertiary-focus-right);
-  height: inherit;
-  border-radius: inherit;
-  outline: none;
-  --border-color: var(--focus-ring-color);
-  --border-width: var(--focus-ring-width);
-  box-shadow: inset 0 0 0 var(--border-width) var(--border-color), var(--sb-shadow-medium);
-  border-color: transparent;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
   content: "";
   position: absolute;
@@ -482,21 +419,12 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
   box-shadow: inset 0 0 0 var(--border-width) var(--border-color), var(--sb-shadow-medium);
   border-color: transparent;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
-  background-color: var(--button-background--focus);
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
   background-color: var(--button-background--focus);
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) > * {
-  z-index: 2;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) > * {
   z-index: 2;
 }
-html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
-  visibility: hidden;
-}
 html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
   visibility: hidden;
 }

package/components/button/style/themes/dnb-button-theme-sbanken.min.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
+.dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
     --button-tertiary-focus-overflow--icon-top
   );--button-tertiary-focus-right:var(
     --button-tertiary-focus-overflow--icon-top
@@ -6,8 +6,8 @@
     --button-secondary-border--default
   );--button-secondary-border--active:var(
     --button-secondary-border--default
-  );--button-secondary-border--disabled:var(--sb-color-gray-light);border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--primary,.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--secondary{padding-left:1.5rem;padding-right:1.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--primary{background-color:var(--button-primary-background);box-shadow:var(--button-primary-shadow);color:var(--button-primary-color)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){--border-color:var(--button-primary-border--hover);--border-width:0.0625rem;background-color:var(--button-primary-background--hover);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--button-primary-shadow--hover);color:var(--button-primary-color--hover)}.dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled]{cursor:not-allowed}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--button-primary-background--active);color:var(--button-primary-color--active)}.dnb-button--secondary{--border-color:var(--button-secondary-border);--border-width:0.0625rem;background-color:var(--button-secondary-background);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--button-secondary-color)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--button-secondary-border:var(--button-secondary-border--hover);background-color:var(--button-secondary-background--hover);color:var(--button-secondary-color--hover)}.dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled]{cursor:not-allowed}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){--button-secondary-border:var(--button-secondary-border--active);background-color:var(--button-secondary-background--active);color:var(--button-secondary-color--active)}html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);color:var(--sb-color-blue-dark);outline:none}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);color:var(--sb-color-blue-dark);outline:none}.dnb-button[disabled]{--button-primary-shadow:0 0 transparent;--button-primary-color:var(--button-primary-color--disabled);--button-primary-background:var(
+  );--button-secondary-border--disabled:var(--sb-color-gray-light);border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--primary,.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--secondary{padding-left:1.5rem;padding-right:1.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--primary{background-color:var(--button-primary-background);box-shadow:var(--button-primary-shadow);color:var(--button-primary-color)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){--border-color:var(--button-primary-border--hover);--border-width:0.0625rem;background-color:var(--button-primary-background--hover);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--button-primary-shadow--hover);color:var(--button-primary-color--hover)}.dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled]{cursor:not-allowed}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--button-primary-background--active);color:var(--button-primary-color--active)}.dnb-button--secondary{--border-color:var(--button-secondary-border);--border-width:0.0625rem;background-color:var(--button-secondary-background);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--button-secondary-color)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--button-secondary-border:var(--button-secondary-border--hover);background-color:var(--button-secondary-background--hover);color:var(--button-secondary-color--hover)}.dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled]{cursor:not-allowed}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){--button-secondary-border:var(--button-secondary-border--active);background-color:var(--button-secondary-background--active);color:var(--button-secondary-color--active)}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);color:var(--sb-color-blue-dark);outline:none}.dnb-button[disabled]{--button-primary-shadow:0 0 transparent;--button-primary-color:var(--button-primary-color--disabled);--button-primary-background:var(
     --button-primary-background--disabled
   );--button-secondary-color:var(--button-secondary-color--disabled);--button-secondary-border--default:var(
     --button-secondary-border--disabled
-  )}.dnb-button:not([disabled]).dnb-button__status--error{--button-primary-shadow--hover:0 0 transparent;--button-primary-color:var(--sb-color-white);--button-primary-color--hover:var(--sb-color-red);--button-primary-color--active:var(--sb-color-white);--button-primary-background:var(--sb-color-red);--button-primary-background--hover:var(--sb-color-magenta-light-3);--button-primary-background--active:var(--sb-color-red);--button-primary-border--hover:var(--sb-color-red);--button-secondary-color:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-red);--button-secondary-color--active:var(--sb-color-red);--button-secondary-background--hover:var(--sb-color-magenta-light-3);--button-secondary-border--default:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow--icon-top:0;--button-tertiary-underline-overflow:-0.5rem;--button-tertiary-underline-overflow--icon:-1rem;--button-tertiary-underline-bottom:-0.5rem;--button-tertiary-text-bottom--icon:0.5rem;--button-tertiary-text-top--icon:0;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:var(--button-tertiary-underline-bottom);height:.0625rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top{padding-left:calc(var(--button-tertiary-underline-overflow)*-1);padding-right:calc(var(--button-tertiary-underline-overflow)*-1)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:var(--button-tertiary-text-bottom--icon);margin-top:var(--button-tertiary-text-top--icon)}.dnb-button--tertiary.dnb-button--size-large{--button-tertiary-underline-bottom:-0.75rem;--button-tertiary-underline-overflow:-1.5rem;--button-tertiary-underline-overflow--icon:-1.5rem;--button-tertiary-text-bottom--icon:0.75rem;--button-tertiary-text-top--icon:0.25rem}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.focus-visible) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(:focus-visible) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text){--focus-ring-width:0.0625rem;--sb-shadow-medium:0 0 transparent;color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text)>*{z-index:2}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet)}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{background-color:var(--button-background--focus)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{background-color:var(--button-background--focus)}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])>*{z-index:2}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])>*{z-index:2}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}
+  )}.dnb-button:not([disabled]).dnb-button__status--error{--button-primary-shadow--hover:0 0 transparent;--button-primary-color:var(--sb-color-white);--button-primary-color--hover:var(--sb-color-red);--button-primary-color--active:var(--sb-color-white);--button-primary-background:var(--sb-color-red);--button-primary-background--hover:var(--sb-color-magenta-light-3);--button-primary-background--active:var(--sb-color-red);--button-primary-border--hover:var(--sb-color-red);--button-secondary-color:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-red);--button-secondary-color--active:var(--sb-color-red);--button-secondary-background--hover:var(--sb-color-magenta-light-3);--button-secondary-border--default:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow--icon-top:0;--button-tertiary-underline-overflow:-0.5rem;--button-tertiary-underline-overflow--icon:-1rem;--button-tertiary-underline-bottom:-0.5rem;--button-tertiary-text-bottom--icon:0.5rem;--button-tertiary-text-top--icon:0;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:var(--button-tertiary-underline-bottom);height:.0625rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top{padding-left:calc(var(--button-tertiary-underline-overflow)*-1);padding-right:calc(var(--button-tertiary-underline-overflow)*-1)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:var(--button-tertiary-text-bottom--icon);margin-top:var(--button-tertiary-text-top--icon)}.dnb-button--tertiary.dnb-button--size-large{--button-tertiary-underline-bottom:-0.75rem;--button-tertiary-underline-overflow:-1.5rem;--button-tertiary-underline-overflow--icon:-1.5rem;--button-tertiary-text-bottom--icon:0.75rem;--button-tertiary-text-top--icon:0.25rem}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(:focus-visible) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text){--focus-ring-width:0.0625rem;--sb-shadow-medium:0 0 transparent;color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text)>*{z-index:2}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{background-color:var(--button-background--focus)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])>*{z-index:2}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}

package/components/button/style/themes/dnb-button-theme-sbanken.scss CHANGED Viewed

@@ -8,7 +8,7 @@
 // Because the tertiary button has so much code,
 // we slice the shareable parts out in a separate file
-@import '../dnb-button--tertiary.scss';
+@import '../button--tertiary.scss';
 .dnb-button {
   // global