@norges-domstoler/dds-components 12.1.2 → 12.1.3

package/dist/cjs/components/Stack/Stack.d.ts

@@ -20,12 +20,10 @@ export interface StackStyleProps {
     justify?: Justify;
     /**
      * Hvilken spacing token som skal brukes som CSS `gap`.
-     * @default 0
      */
     gap?: keyof typeof stackTokens.spacing | 0;
     /**
      * Hvilken spacing token som skal brukes som CSS `padding`.
-     * @default 0
      */
     padding?: keyof typeof stackTokens.spacing | 0;
 }

package/dist/cjs/index.js

@@ -10677,17 +10677,19 @@ var stackTokens = {
 var Stack = styled__default.default.div.withConfig({
   displayName: "Stack",
   componentId: "sc-1a1z9ks-0"
-})(["display:flex;flex-direction:", ";align-items:", ";justify-content:", ";gap:", ";padding:", ";"], function (_ref) {
+})(["display:flex;flex-direction:", ";align-items:", ";justify-content:", ";", " ", ""], function (_ref) {
   var direction = _ref.direction;
   return direction === 'horizontal' ? 'row' : 'column';
 }, function (props) {
   return props.align;
 }, function (props) {
   return props.justify;
-}, function (props) {
-  return props.gap === undefined || props.gap === 0 ? '0' : stackTokens.spacing[props.gap];
-}, function (props) {
-  return props.padding === undefined || props.padding === 0 ? '0' : stackTokens.spacing[props.padding];
+}, function (_ref2) {
+  var gap = _ref2.gap;
+  return gap !== undefined && styled.css(["gap:", ";"], gap === 0 ? '0' : stackTokens.spacing[gap]);
+}, function (_ref3) {
+  var padding = _ref3.padding;
+  return padding !== undefined && styled.css(["padding:", ";"], padding === 0 ? '0' : stackTokens.spacing[padding]);
 });
 Stack.defaultProps = {
   align: 'center',

package/dist/components/Stack/Stack.d.ts

@@ -20,12 +20,10 @@ export interface StackStyleProps {
     justify?: Justify;
     /**
      * Hvilken spacing token som skal brukes som CSS `gap`.
-     * @default 0
      */
     gap?: keyof typeof stackTokens.spacing | 0;
     /**
      * Hvilken spacing token som skal brukes som CSS `padding`.
-     * @default 0
      */
     padding?: keyof typeof stackTokens.spacing | 0;
 }

package/dist/components/Stack/Stack.js

@@ -1,24 +1,26 @@
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { stackTokens } from './Stack.tokens.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 
 var Stack = styled.div.withConfig({
   displayName: "Stack",
   componentId: "sc-1a1z9ks-0"
-})(["display:flex;flex-direction:", ";align-items:", ";justify-content:", ";gap:", ";padding:", ";"], function (_ref) {
+})(["display:flex;flex-direction:", ";align-items:", ";justify-content:", ";", " ", ""], function (_ref) {
   var direction = _ref.direction;
   return direction === 'horizontal' ? 'row' : 'column';
 }, function (props) {
   return props.align;
 }, function (props) {
   return props.justify;
-}, function (props) {
-  return props.gap === undefined || props.gap === 0 ? '0' : stackTokens.spacing[props.gap];
-}, function (props) {
-  return props.padding === undefined || props.padding === 0 ? '0' : stackTokens.spacing[props.padding];
+}, function (_ref2) {
+  var gap = _ref2.gap;
+  return gap !== undefined && css(["gap:", ";"], gap === 0 ? '0' : stackTokens.spacing[gap]);
+}, function (_ref3) {
+  var padding = _ref3.padding;
+  return padding !== undefined && css(["padding:", ";"], padding === 0 ? '0' : stackTokens.spacing[padding]);
 });
 Stack.defaultProps = {
   align: 'center',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "12.1.2",
+  "version": "12.1.3",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",