@norges-domstoler/dds-components 13.0.2 → 13.0.3

package/dist/cjs/components/DescriptionList/DescriptionList.tokens.d.ts

@@ -1,9 +1,3 @@
-import { StaticTypographyType } from '../Typography';
-import { DescriptionListAppearance } from './DescriptionList';
-export declare const termTypographyTypes: {
-    [k in DescriptionListAppearance]: StaticTypographyType;
-};
-export declare const descTypographyType: StaticTypographyType;
 export declare const descriptionListTokens: {
     term: {
         appearance: {

package/dist/cjs/index.js

@@ -6424,11 +6424,6 @@ var Row = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
 var spacing$p = ddsDesignTokens.ddsBaseTokens.spacing,
   colors$g = ddsDesignTokens.ddsBaseTokens.colors;
-var termTypographyTypes = {
-  bold: 'bodySans03',
-  small: 'bodySans01'
-};
-var descTypographyType = 'bodySans03';
 var term$1 = {
   appearance: {
     small: {
@@ -6479,7 +6474,7 @@ var DList = styled__default.default.dl.withConfig({
   componentId: "sc-1ob73hm-0"
 })(["margin:0;*::selection{", "}", " display:flex;flex-direction:column;&:not(:has(> dt):has(> dd)){flex-direction:", ";}flex-wrap:wrap;column-gap:", ";row-gap:0;& > dt:first-of-type{margin-top:", ";}& > dd:last-child{margin-bottom:", ";}dd + dt{margin-top:", ";}"], selection, function (_ref) {
   var appearance = _ref.appearance;
-  return appearance && styled.css(["dt{color:", ";", " ", "}"], term.appearance[appearance].color, getFontStyling(termTypographyTypes[appearance]), appearance === 'bold' && styled.css(["font-weight:600;"]));
+  return appearance && styled.css(["dt{color:", ";", "}"], term.appearance[appearance].color, appearance === 'bold' && styled.css(["font-weight:600;"]));
 }, function (_ref2) {
   var _ref2$direction = _ref2.direction,
     direction = _ref2$direction === void 0 ? 'column' : _ref2$direction;
@@ -6523,7 +6518,7 @@ var DescriptionListTerm = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 var DListDesc = styled__default.default.dd.withConfig({
   displayName: "DescriptionListDesc__DListDesc",
   componentId: "sc-1djcf0s-0"
-})(["margin-inline-start:0;align-items:center;display:flex;color:", ";", " gap:", ";"], descriptionListTokens.desc.base.color, getFontStyling(descTypographyType), descriptionListTokens.desc.base.gap);
+})(["margin-inline-start:0;align-items:center;display:flex;color:", ";gap:", ";"], descriptionListTokens.desc.base.color, descriptionListTokens.desc.base.gap);
 var DescriptionListDesc = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     icon = props.icon,

package/dist/components/DescriptionList/DescriptionList.js

@@ -8,8 +8,7 @@ import '../../helpers/styling/focus.js';
 import '../../helpers/styling/danger.js';
 import { selection } from '../../helpers/styling/selection.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
-import { descriptionListTokens, termTypographyTypes } from './DescriptionList.tokens.js';
+import { descriptionListTokens } from './DescriptionList.tokens.js';
 
 var term = descriptionListTokens.term,
   desc = descriptionListTokens.desc,
@@ -19,7 +18,7 @@ var DList = styled.dl.withConfig({
   componentId: "sc-1ob73hm-0"
 })(["margin:0;*::selection{", "}", " display:flex;flex-direction:column;&:not(:has(> dt):has(> dd)){flex-direction:", ";}flex-wrap:wrap;column-gap:", ";row-gap:0;& > dt:first-of-type{margin-top:", ";}& > dd:last-child{margin-bottom:", ";}dd + dt{margin-top:", ";}"], selection, function (_ref) {
   var appearance = _ref.appearance;
-  return appearance && css(["dt{color:", ";", " ", "}"], term.appearance[appearance].color, getFontStyling(termTypographyTypes[appearance]), appearance === 'bold' && css(["font-weight:600;"]));
+  return appearance && css(["dt{color:", ";", "}"], term.appearance[appearance].color, appearance === 'bold' && css(["font-weight:600;"]));
 }, function (_ref2) {
   var _ref2$direction = _ref2.direction,
     direction = _ref2$direction === void 0 ? 'column' : _ref2$direction;

package/dist/components/DescriptionList/DescriptionList.tokens.d.ts

@@ -1,9 +1,3 @@
-import { StaticTypographyType } from '../Typography';
-import { DescriptionListAppearance } from './DescriptionList';
-export declare const termTypographyTypes: {
-    [k in DescriptionListAppearance]: StaticTypographyType;
-};
-export declare const descTypographyType: StaticTypographyType;
 export declare const descriptionListTokens: {
     term: {
         appearance: {

package/dist/components/DescriptionList/DescriptionList.tokens.js

@@ -2,11 +2,6 @@ import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
 
 var spacing = ddsBaseTokens.spacing,
   colors = ddsBaseTokens.colors;
-var termTypographyTypes = {
-  bold: 'bodySans03',
-  small: 'bodySans01'
-};
-var descTypographyType = 'bodySans03';
 var term = {
   appearance: {
     small: {
@@ -49,4 +44,4 @@ var descriptionListTokens = {
   group: group
 };
 
-export { descTypographyType, descriptionListTokens, termTypographyTypes };
+export { descriptionListTokens };

package/dist/components/DescriptionList/DescriptionListDesc.js

@@ -2,15 +2,14 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { descriptionListTokens, descTypographyType } from './DescriptionList.tokens.js';
+import { descriptionListTokens } from './DescriptionList.tokens.js';
 import { Icon } from '../Icon/Icon.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
 
 var DListDesc = styled.dd.withConfig({
   displayName: "DescriptionListDesc__DListDesc",
   componentId: "sc-1djcf0s-0"
-})(["margin-inline-start:0;align-items:center;display:flex;color:", ";", " gap:", ";"], descriptionListTokens.desc.base.color, getFontStyling(descTypographyType), descriptionListTokens.desc.base.gap);
+})(["margin-inline-start:0;align-items:center;display:flex;color:", ";gap:", ";"], descriptionListTokens.desc.base.color, descriptionListTokens.desc.base.gap);
 var DescriptionListDesc = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     icon = props.icon,

package/package.json

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