@norges-domstoler/dds-components 0.0.0-dev-20260112090424 → 0.0.0-dev-20260112140706

package/dist/index.d.mts

@@ -220,15 +220,9 @@ type ButtonProps<I extends SvgIcon = SvgIcon> = BaseComponentProps<HTMLButtonEle
     target?: string;
 } & PickedHTMLAttributes$4, ButtonHTMLAttributes<HTMLButtonElement>>;
 
-/**
- * Tekstfarger i kebab-case; camelCase blir deprecated, og kebab-case blir standarden for props som refererer til CSS-variabler.
- * TODO: fjerne cameCase på et tidspunkt.
- */
 declare const TEXT_COLORS: readonly ["text-on-action", "text-on-inverse", "text-on-status-default", "text-on-status-strong", "text-action-resting", "text-action-hover", "text-action-visited", "text-default", "text-requiredfield", "text-subtle", "text-medium", "text-on-notification", "text-on-primary-default", "text-on-primary-medium", "text-on-primary-subtle", "text-on-primary-strong", "text-on-secondary-default", "text-on-secondary-medium", "text-on-secondary-subtle", "text-on-secondary-strong", "text-on-tertiary-default", "text-on-tertiary-medium", "text-on-tertiary-subtle", "text-on-tertiary-strong", "text-on-data-default", "text-on-data-subtle", "icon-on-action", "icon-on-info-default", "icon-on-success-default", "icon-on-danger-default", "icon-on-warning-default", "icon-on-info-strong", "icon-on-success-strong", "icon-on-danger-strong", "icon-on-warning-strong", "icon-on-inverse", "icon-action-resting", "icon-action-hover", "icon-default", "icon-subtle", "icon-medium"];
-declare const TEXT_COLORS_CAMEL: readonly ["textOnAction", "textOnInverse", "textOnStatusDefault", "textOnStatusStrong", "textActionResting", "textActionHover", "textActionVisited", "textDefault", "textRequiredfield", "textSubtle", "textMedium", "textOnNotification", "iconOnAction", "iconOnInfoDefault", "iconOnSuccessDefault", "iconOnDangerDefault", "iconOnWarningDefault", "iconOnInfoStrong", "iconOnSuccessStrong", "iconOnDangerStrong", "iconOnWarningStrong", "iconOnInverse", "iconActionResting", "iconActionHover", "iconDefault", "iconSubtle", "iconMedium"];
 type DDSTextColor = (typeof TEXT_COLORS)[number];
-type DDSTextColorCamel = (typeof TEXT_COLORS_CAMEL)[number];
-type TextColor = DDSTextColor | DDSTextColorCamel | Property.Color;
+type TextColor = DDSTextColor | Property.Color;
 
 /**
  * Join class names together.

package/dist/index.d.ts

@@ -220,15 +220,9 @@ type ButtonProps<I extends SvgIcon = SvgIcon> = BaseComponentProps<HTMLButtonEle
     target?: string;
 } & PickedHTMLAttributes$4, ButtonHTMLAttributes<HTMLButtonElement>>;
 
-/**
- * Tekstfarger i kebab-case; camelCase blir deprecated, og kebab-case blir standarden for props som refererer til CSS-variabler.
- * TODO: fjerne cameCase på et tidspunkt.
- */
 declare const TEXT_COLORS: readonly ["text-on-action", "text-on-inverse", "text-on-status-default", "text-on-status-strong", "text-action-resting", "text-action-hover", "text-action-visited", "text-default", "text-requiredfield", "text-subtle", "text-medium", "text-on-notification", "text-on-primary-default", "text-on-primary-medium", "text-on-primary-subtle", "text-on-primary-strong", "text-on-secondary-default", "text-on-secondary-medium", "text-on-secondary-subtle", "text-on-secondary-strong", "text-on-tertiary-default", "text-on-tertiary-medium", "text-on-tertiary-subtle", "text-on-tertiary-strong", "text-on-data-default", "text-on-data-subtle", "icon-on-action", "icon-on-info-default", "icon-on-success-default", "icon-on-danger-default", "icon-on-warning-default", "icon-on-info-strong", "icon-on-success-strong", "icon-on-danger-strong", "icon-on-warning-strong", "icon-on-inverse", "icon-action-resting", "icon-action-hover", "icon-default", "icon-subtle", "icon-medium"];
-declare const TEXT_COLORS_CAMEL: readonly ["textOnAction", "textOnInverse", "textOnStatusDefault", "textOnStatusStrong", "textActionResting", "textActionHover", "textActionVisited", "textDefault", "textRequiredfield", "textSubtle", "textMedium", "textOnNotification", "iconOnAction", "iconOnInfoDefault", "iconOnSuccessDefault", "iconOnDangerDefault", "iconOnWarningDefault", "iconOnInfoStrong", "iconOnSuccessStrong", "iconOnDangerStrong", "iconOnWarningStrong", "iconOnInverse", "iconActionResting", "iconActionHover", "iconDefault", "iconSubtle", "iconMedium"];
 type DDSTextColor = (typeof TEXT_COLORS)[number];
-type DDSTextColorCamel = (typeof TEXT_COLORS_CAMEL)[number];
-type TextColor = DDSTextColor | DDSTextColorCamel | Property.Color;
+type TextColor = DDSTextColor | Property.Color;
 
 /**
  * Join class names together.

package/dist/index.js

@@ -600,59 +600,18 @@ var TEXT_COLORS = [
   "icon-subtle",
   "icon-medium"
 ];
-var TEXT_COLORS_CAMEL = [
-  "textOnAction",
-  "textOnInverse",
-  "textOnStatusDefault",
-  "textOnStatusStrong",
-  "textActionResting",
-  "textActionHover",
-  "textActionVisited",
-  "textDefault",
-  "textRequiredfield",
-  "textSubtle",
-  "textMedium",
-  "textOnNotification",
-  "iconOnAction",
-  "iconOnInfoDefault",
-  "iconOnSuccessDefault",
-  "iconOnDangerDefault",
-  "iconOnWarningDefault",
-  "iconOnInfoStrong",
-  "iconOnSuccessStrong",
-  "iconOnDangerStrong",
-  "iconOnWarningStrong",
-  "iconOnInverse",
-  "iconActionResting",
-  "iconActionHover",
-  "iconDefault",
-  "iconSubtle",
-  "iconMedium"
-];
-var TEXT_COLOR_VALUES_CAMEL = TEXT_COLORS_CAMEL.reduce(
-  (acc, key) => {
-    const kebab = key.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-    acc[key] = `var(--dds-color-${kebab})`;
-    return acc;
-  },
-  {}
-);
-var TEXT_COLOR_VALUES_KEBAB = TEXT_COLORS.reduce(
+var TEXT_COLOR_VALUES = TEXT_COLORS.reduce(
   (acc, key) => {
     acc[key] = `var(--dds-color-${key})`;
     return acc;
   },
   {}
 );
-var isTextColorCamel = (value) => {
-  return typeof value === "string" && TEXT_COLORS_CAMEL.includes(value);
-};
 var isTextColor = (value) => {
   return typeof value === "string" && TEXT_COLORS.includes(value);
 };
 var getTextColor = (color) => {
-  if (isTextColorCamel(color)) return TEXT_COLOR_VALUES_CAMEL[color];
-  if (isTextColor(color)) return TEXT_COLOR_VALUES_KEBAB[color];
+  if (isTextColor(color)) return TEXT_COLOR_VALUES[color];
   return color;
 };
 
@@ -1521,7 +1480,7 @@ var import_jsx_runtime13 = require("react/jsx-runtime");
 function Spinner(props) {
   const {
     size: size2 = "var(--dds-size-icon-medium)",
-    color = "iconActionResting",
+    color = "icon-action-resting",
     tooltip,
     id,
     className,
@@ -4467,7 +4426,7 @@ var Button = ({
       Spinner,
       {
         size: "var(--dds-size-icon-component)",
-        color: purpose === "primary" || purpose === "danger" ? "iconOnAction" : "iconDefault",
+        color: purpose === "primary" || purpose === "danger" ? "icon-on-action" : "icon-default",
         tooltip: spinnerTooltip
       }
     ) })
@@ -5476,7 +5435,7 @@ var InputMessage = ({
     {
       ...tgCommonProps,
       typographyType: "bodyShortXsmall",
-      color: "textSubtle"
+      color: "text-subtle"
     }
   ) });
 };
@@ -8032,7 +7991,7 @@ function CharCounter(props) {
       className: CharCounter_default.container,
       as: "div",
       typographyType: "bodyShortXsmall",
-      color: "textSubtle",
+      color: "text-subtle",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime255.jsxs)("span", { "aria-hidden": true, children: [
           current,
@@ -8188,7 +8147,7 @@ var CommentComponent = ({
         Icon,
         {
           icon: rating === "positive" ? ThumbUpFilledIcon : ThumbDownFilledIcon,
-          color: "iconActionResting",
+          color: "icon-action-resting",
           iconSize: getIconSize(layout)
         }
       ),