@ds-mo/tokens 2.2.0 → 2.3.1

package/dist/dimensions.css

@@ -98,6 +98,7 @@
   --dimension-modal-width-sm: 400px;
   --dimension-modal-width-md: 600px;
   --dimension-modal-width-lg: 800px;
+  --dimension-modal-width-fill: 100%;
 
   /* Form widths */
   --dimension-form-width-sm: 400px;
@@ -136,6 +137,7 @@
   --dimension-offset-175: calc(var(--dimension-space-base) * 7 / 4);
   --dimension-offset-200: calc(var(--dimension-space-base) * 2);
   --dimension-offset-250: calc(var(--dimension-space-base) * 5 / 2);
+  --dimension-offset-base: var(--dimension-space-base);
   --dimension-offset-000: 0;
   --dimension-offset-025: calc(var(--dimension-space-base) / 4);
   --dimension-offset-050: calc(var(--dimension-space-base) / 2);

package/dist/index.cjs

@@ -564,6 +564,7 @@ exports.dimensionIconographyXs = '--dimension-iconography-xs';
 exports.dimensionMenuWidthLg = '--dimension-menu-width-lg';
 exports.dimensionMenuWidthMd = '--dimension-menu-width-md';
 exports.dimensionMenuWidthSm = '--dimension-menu-width-sm';
+exports.dimensionModalWidthFill = '--dimension-modal-width-fill';
 exports.dimensionModalWidthLg = '--dimension-modal-width-lg';
 exports.dimensionModalWidthMd = '--dimension-modal-width-md';
 exports.dimensionModalWidthSm = '--dimension-modal-width-sm';
@@ -577,6 +578,7 @@ exports.dimensionOffset150 = '--dimension-offset-150';
 exports.dimensionOffset175 = '--dimension-offset-175';
 exports.dimensionOffset200 = '--dimension-offset-200';
 exports.dimensionOffset250 = '--dimension-offset-250';
+exports.dimensionOffsetBase = '--dimension-offset-base';
 exports.dimensionOffsetN025 = '--dimension-offset-n025';
 exports.dimensionOffsetN050 = '--dimension-offset-n050';
 exports.dimensionOffsetN075 = '--dimension-offset-n075';

package/dist/index.d.ts

@@ -564,6 +564,7 @@ export declare const dimensionIconographyXs: '--dimension-iconography-xs';
 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 dimensionModalWidthFill: '--dimension-modal-width-fill';
 export declare const dimensionModalWidthLg: '--dimension-modal-width-lg';
 export declare const dimensionModalWidthMd: '--dimension-modal-width-md';
 export declare const dimensionModalWidthSm: '--dimension-modal-width-sm';
@@ -577,6 +578,7 @@ export declare const dimensionOffset150: '--dimension-offset-150';
 export declare const dimensionOffset175: '--dimension-offset-175';
 export declare const dimensionOffset200: '--dimension-offset-200';
 export declare const dimensionOffset250: '--dimension-offset-250';
+export declare const dimensionOffsetBase: '--dimension-offset-base';
 export declare const dimensionOffsetN025: '--dimension-offset-n025';
 export declare const dimensionOffsetN050: '--dimension-offset-n050';
 export declare const dimensionOffsetN075: '--dimension-offset-n075';

package/dist/index.mjs

@@ -564,6 +564,7 @@ export const dimensionIconographyXs = '--dimension-iconography-xs';
 export const dimensionMenuWidthLg = '--dimension-menu-width-lg';
 export const dimensionMenuWidthMd = '--dimension-menu-width-md';
 export const dimensionMenuWidthSm = '--dimension-menu-width-sm';
+export const dimensionModalWidthFill = '--dimension-modal-width-fill';
 export const dimensionModalWidthLg = '--dimension-modal-width-lg';
 export const dimensionModalWidthMd = '--dimension-modal-width-md';
 export const dimensionModalWidthSm = '--dimension-modal-width-sm';
@@ -577,6 +578,7 @@ export const dimensionOffset150 = '--dimension-offset-150';
 export const dimensionOffset175 = '--dimension-offset-175';
 export const dimensionOffset200 = '--dimension-offset-200';
 export const dimensionOffset250 = '--dimension-offset-250';
+export const dimensionOffsetBase = '--dimension-offset-base';
 export const dimensionOffsetN025 = '--dimension-offset-n025';
 export const dimensionOffsetN050 = '--dimension-offset-n050';
 export const dimensionOffsetN075 = '--dimension-offset-n075';

package/dist/json/dimensions.json

@@ -323,6 +323,10 @@
     "$type": "dimension",
     "$value": "800px"
   },
+  "--dimension-modal-width-fill": {
+    "$type": "dimension",
+    "$value": "100%"
+  },
   "--dimension-form-width-sm": {
     "$type": "dimension",
     "$value": "400px"
@@ -427,6 +431,10 @@
     "$type": "dimension",
     "$value": "calc(var(--dimension-space-base) * 5 / 2)"
   },
+  "--dimension-offset-base": {
+    "$type": "dimension",
+    "$value": "var(--dimension-space-base)"
+  },
   "--dimension-offset-000": {
     "$type": "dimension",
     "$value": "0"

package/dist/tokens.json

@@ -2519,6 +2519,10 @@
     "$type": "dimension",
     "$value": "800px"
   },
+  "--dimension-modal-width-fill": {
+    "$type": "dimension",
+    "$value": "100%"
+  },
   "--dimension-form-width-sm": {
     "$type": "dimension",
     "$value": "400px"
@@ -2623,6 +2627,10 @@
     "$type": "dimension",
     "$value": "calc(var(--dimension-space-base) * 5 / 2)"
   },
+  "--dimension-offset-base": {
+    "$type": "dimension",
+    "$value": "var(--dimension-space-base)"
+  },
   "--dimension-offset-000": {
     "$type": "dimension",
     "$value": "0"

package/package.json

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