@ds-mo/tokens 2.13.1 → 2.14.0

package/dist/dimensions.css

@@ -139,6 +139,19 @@
   --dimension-panel-width-2xl: 800px;
   --dimension-panel-width-fill: 100%;
 
+  /* Card heights */
+  --dimension-card-height-xs: 300px;
+  --dimension-card-height-sm: 400px;
+  --dimension-card-height-md: 500px;
+  --dimension-card-height-lg: 600px;
+
+  /* Modal heights */
+  --dimension-modal-height-xs: 300px;
+  --dimension-modal-height-sm: 400px;
+  --dimension-modal-height-md: 500px;
+  --dimension-modal-height-lg: 600px;
+  --dimension-modal-height-fill: 100%;
+
   /* Offset — for transforms and background-position, calc() relative to --dimension-space-base */
   --dimension-offset-100: var(--dimension-space-base);
   --dimension-offset-125: calc(var(--dimension-space-base) * 5 / 4);

package/dist/index.cjs

@@ -725,6 +725,10 @@ exports.colorSettingsProfileForeground = '--color-settings-profile-foreground';
 exports.colorShimmerFade = '--color-shimmer-fade';
 exports.colorShimmerHighlight = '--color-shimmer-highlight';
 exports.dimensionBase = '--dimension-base';
+exports.dimensionCardHeightLg = '--dimension-card-height-lg';
+exports.dimensionCardHeightMd = '--dimension-card-height-md';
+exports.dimensionCardHeightSm = '--dimension-card-height-sm';
+exports.dimensionCardHeightXs = '--dimension-card-height-xs';
 exports.dimensionCardWidthLg = '--dimension-card-width-lg';
 exports.dimensionCardWidthMd = '--dimension-card-width-md';
 exports.dimensionCardWidthSm = '--dimension-card-width-sm';
@@ -745,6 +749,11 @@ exports.dimensionMenuWidthLg = '--dimension-menu-width-lg';
 exports.dimensionMenuWidthMd = '--dimension-menu-width-md';
 exports.dimensionMenuWidthSm = '--dimension-menu-width-sm';
 exports.dimensionMenuWidthXs = '--dimension-menu-width-xs';
+exports.dimensionModalHeightFill = '--dimension-modal-height-fill';
+exports.dimensionModalHeightLg = '--dimension-modal-height-lg';
+exports.dimensionModalHeightMd = '--dimension-modal-height-md';
+exports.dimensionModalHeightSm = '--dimension-modal-height-sm';
+exports.dimensionModalHeightXs = '--dimension-modal-height-xs';
 exports.dimensionModalWidth2xl = '--dimension-modal-width-2xl';
 exports.dimensionModalWidthFill = '--dimension-modal-width-fill';
 exports.dimensionModalWidthLg = '--dimension-modal-width-lg';

package/dist/index.d.ts

@@ -725,6 +725,10 @@ export declare const colorSettingsProfileForeground: '--color-settings-profile-f
 export declare const colorShimmerFade: '--color-shimmer-fade';
 export declare const colorShimmerHighlight: '--color-shimmer-highlight';
 export declare const dimensionBase: '--dimension-base';
+export declare const dimensionCardHeightLg: '--dimension-card-height-lg';
+export declare const dimensionCardHeightMd: '--dimension-card-height-md';
+export declare const dimensionCardHeightSm: '--dimension-card-height-sm';
+export declare const dimensionCardHeightXs: '--dimension-card-height-xs';
 export declare const dimensionCardWidthLg: '--dimension-card-width-lg';
 export declare const dimensionCardWidthMd: '--dimension-card-width-md';
 export declare const dimensionCardWidthSm: '--dimension-card-width-sm';
@@ -745,6 +749,11 @@ export declare const dimensionMenuWidthLg: '--dimension-menu-width-lg';
 export declare const dimensionMenuWidthMd: '--dimension-menu-width-md';
 export declare const dimensionMenuWidthSm: '--dimension-menu-width-sm';
 export declare const dimensionMenuWidthXs: '--dimension-menu-width-xs';
+export declare const dimensionModalHeightFill: '--dimension-modal-height-fill';
+export declare const dimensionModalHeightLg: '--dimension-modal-height-lg';
+export declare const dimensionModalHeightMd: '--dimension-modal-height-md';
+export declare const dimensionModalHeightSm: '--dimension-modal-height-sm';
+export declare const dimensionModalHeightXs: '--dimension-modal-height-xs';
 export declare const dimensionModalWidth2xl: '--dimension-modal-width-2xl';
 export declare const dimensionModalWidthFill: '--dimension-modal-width-fill';
 export declare const dimensionModalWidthLg: '--dimension-modal-width-lg';

package/dist/index.mjs

@@ -725,6 +725,10 @@ export const colorSettingsProfileForeground = '--color-settings-profile-foregrou
 export const colorShimmerFade = '--color-shimmer-fade';
 export const colorShimmerHighlight = '--color-shimmer-highlight';
 export const dimensionBase = '--dimension-base';
+export const dimensionCardHeightLg = '--dimension-card-height-lg';
+export const dimensionCardHeightMd = '--dimension-card-height-md';
+export const dimensionCardHeightSm = '--dimension-card-height-sm';
+export const dimensionCardHeightXs = '--dimension-card-height-xs';
 export const dimensionCardWidthLg = '--dimension-card-width-lg';
 export const dimensionCardWidthMd = '--dimension-card-width-md';
 export const dimensionCardWidthSm = '--dimension-card-width-sm';
@@ -745,6 +749,11 @@ export const dimensionMenuWidthLg = '--dimension-menu-width-lg';
 export const dimensionMenuWidthMd = '--dimension-menu-width-md';
 export const dimensionMenuWidthSm = '--dimension-menu-width-sm';
 export const dimensionMenuWidthXs = '--dimension-menu-width-xs';
+export const dimensionModalHeightFill = '--dimension-modal-height-fill';
+export const dimensionModalHeightLg = '--dimension-modal-height-lg';
+export const dimensionModalHeightMd = '--dimension-modal-height-md';
+export const dimensionModalHeightSm = '--dimension-modal-height-sm';
+export const dimensionModalHeightXs = '--dimension-modal-height-xs';
 export const dimensionModalWidth2xl = '--dimension-modal-width-2xl';
 export const dimensionModalWidthFill = '--dimension-modal-width-fill';
 export const dimensionModalWidthLg = '--dimension-modal-width-lg';

package/dist/json/dimensions.json

@@ -443,6 +443,42 @@
     "$type": "dimension",
     "$value": "100%"
   },
+  "--dimension-card-height-xs": {
+    "$type": "dimension",
+    "$value": "300px"
+  },
+  "--dimension-card-height-sm": {
+    "$type": "dimension",
+    "$value": "400px"
+  },
+  "--dimension-card-height-md": {
+    "$type": "dimension",
+    "$value": "500px"
+  },
+  "--dimension-card-height-lg": {
+    "$type": "dimension",
+    "$value": "600px"
+  },
+  "--dimension-modal-height-xs": {
+    "$type": "dimension",
+    "$value": "300px"
+  },
+  "--dimension-modal-height-sm": {
+    "$type": "dimension",
+    "$value": "400px"
+  },
+  "--dimension-modal-height-md": {
+    "$type": "dimension",
+    "$value": "500px"
+  },
+  "--dimension-modal-height-lg": {
+    "$type": "dimension",
+    "$value": "600px"
+  },
+  "--dimension-modal-height-fill": {
+    "$type": "dimension",
+    "$value": "100%"
+  },
   "--dimension-offset-100": {
     "$type": "dimension",
     "$value": "var(--dimension-space-base)"

package/dist/tokens-index.json

@@ -3365,6 +3365,42 @@
       "$type": "dimension",
       "$value": "100%"
     },
+    "--dimension-card-height-xs": {
+      "$type": "dimension",
+      "$value": "300px"
+    },
+    "--dimension-card-height-sm": {
+      "$type": "dimension",
+      "$value": "400px"
+    },
+    "--dimension-card-height-md": {
+      "$type": "dimension",
+      "$value": "500px"
+    },
+    "--dimension-card-height-lg": {
+      "$type": "dimension",
+      "$value": "600px"
+    },
+    "--dimension-modal-height-xs": {
+      "$type": "dimension",
+      "$value": "300px"
+    },
+    "--dimension-modal-height-sm": {
+      "$type": "dimension",
+      "$value": "400px"
+    },
+    "--dimension-modal-height-md": {
+      "$type": "dimension",
+      "$value": "500px"
+    },
+    "--dimension-modal-height-lg": {
+      "$type": "dimension",
+      "$value": "600px"
+    },
+    "--dimension-modal-height-fill": {
+      "$type": "dimension",
+      "$value": "100%"
+    },
     "--dimension-offset-100": {
       "$type": "dimension",
       "$value": "var(--dimension-space-base)"

package/dist/tokens.json

@@ -3347,6 +3347,42 @@
     "$type": "dimension",
     "$value": "100%"
   },
+  "--dimension-card-height-xs": {
+    "$type": "dimension",
+    "$value": "300px"
+  },
+  "--dimension-card-height-sm": {
+    "$type": "dimension",
+    "$value": "400px"
+  },
+  "--dimension-card-height-md": {
+    "$type": "dimension",
+    "$value": "500px"
+  },
+  "--dimension-card-height-lg": {
+    "$type": "dimension",
+    "$value": "600px"
+  },
+  "--dimension-modal-height-xs": {
+    "$type": "dimension",
+    "$value": "300px"
+  },
+  "--dimension-modal-height-sm": {
+    "$type": "dimension",
+    "$value": "400px"
+  },
+  "--dimension-modal-height-md": {
+    "$type": "dimension",
+    "$value": "500px"
+  },
+  "--dimension-modal-height-lg": {
+    "$type": "dimension",
+    "$value": "600px"
+  },
+  "--dimension-modal-height-fill": {
+    "$type": "dimension",
+    "$value": "100%"
+  },
   "--dimension-offset-100": {
     "$type": "dimension",
     "$value": "var(--dimension-space-base)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/tokens",
-  "version": "2.13.1",
+  "version": "2.14.0",
   "description": "TokoMo design tokens — colors, dimensions, typography, and effects as CSS custom properties, JSON, and TypeScript constants",
   "keywords": [
     "design-tokens",