@trackunit/ui-design-tokens 0.0.67 → 0.0.68

package/index.cjs

@@ -593,12 +593,12 @@ const themeBoxShadow = {
  * are for active versions(e.g. hover).
  */
 const elevation = {
-    E05: `var(${themeBoxShadow.sm})`,
-    E10: `var(${themeBoxShadow.DEFAULT})`,
-    E10A: `var(${themeBoxShadow.md})`,
-    E20: `var(${themeBoxShadow.lg})`,
-    E30: `var(${themeBoxShadow.xl})`,
-    E40: `var(${themeBoxShadow["2xl"]})`,
+    E05: themeBoxShadow.sm,
+    E10: themeBoxShadow.DEFAULT,
+    E10A: themeBoxShadow.md,
+    E20: themeBoxShadow.lg,
+    E30: themeBoxShadow.xl,
+    E40: themeBoxShadow["2xl"],
 };
 
 /**
@@ -655,14 +655,14 @@ const themeSpacing = {
     "96": "24rem",
 };
 const size = {
-    none: `var(${themeSpacing[0]})`,
-    tiny: `var(${themeSpacing[1]})`,
-    mini: `var(${themeSpacing[2]})`,
-    small: `var(${themeSpacing[3]})`,
-    medium: `var(${themeSpacing[4]})`,
-    large: `var(${themeSpacing[6]})`,
-    giant: `var(${themeSpacing[8]})`,
-    enormous: `var(${themeSpacing[10]})`,
+    none: themeSpacing[0],
+    tiny: themeSpacing[1],
+    mini: themeSpacing[2],
+    small: themeSpacing[3],
+    medium: themeSpacing[4],
+    large: themeSpacing[6],
+    giant: themeSpacing[8],
+    enormous: themeSpacing[10],
 };
 
 /**
@@ -712,12 +712,12 @@ const themeFontWeight = {
  * Based on a root size of 16px.
  */
 const fontSize = {
-    primary: `var(${themeFontSize["3xl"]})`,
-    secondary: `var(${themeFontSize.lg})`,
-    tertiary: `var(${themeFontSize.base})`,
-    subtitle: `var(${themeFontSize.base})`,
-    body: `var(${themeFontSize.sm})`,
-    small: `var(${themeFontSize.xs})`, // 12px
+    primary: themeFontSize["3xl"],
+    secondary: themeFontSize.lg,
+    tertiary: themeFontSize.base,
+    subtitle: themeFontSize.base,
+    body: themeFontSize.sm,
+    small: themeFontSize.xs, // 12px
 };
 /**
  * Primary font weights.

package/index.js

@@ -589,12 +589,12 @@ const themeBoxShadow = {
  * are for active versions(e.g. hover).
  */
 const elevation = {
-    E05: `var(${themeBoxShadow.sm})`,
-    E10: `var(${themeBoxShadow.DEFAULT})`,
-    E10A: `var(${themeBoxShadow.md})`,
-    E20: `var(${themeBoxShadow.lg})`,
-    E30: `var(${themeBoxShadow.xl})`,
-    E40: `var(${themeBoxShadow["2xl"]})`,
+    E05: themeBoxShadow.sm,
+    E10: themeBoxShadow.DEFAULT,
+    E10A: themeBoxShadow.md,
+    E20: themeBoxShadow.lg,
+    E30: themeBoxShadow.xl,
+    E40: themeBoxShadow["2xl"],
 };
 
 /**
@@ -651,14 +651,14 @@ const themeSpacing = {
     "96": "24rem",
 };
 const size = {
-    none: `var(${themeSpacing[0]})`,
-    tiny: `var(${themeSpacing[1]})`,
-    mini: `var(${themeSpacing[2]})`,
-    small: `var(${themeSpacing[3]})`,
-    medium: `var(${themeSpacing[4]})`,
-    large: `var(${themeSpacing[6]})`,
-    giant: `var(${themeSpacing[8]})`,
-    enormous: `var(${themeSpacing[10]})`,
+    none: themeSpacing[0],
+    tiny: themeSpacing[1],
+    mini: themeSpacing[2],
+    small: themeSpacing[3],
+    medium: themeSpacing[4],
+    large: themeSpacing[6],
+    giant: themeSpacing[8],
+    enormous: themeSpacing[10],
 };
 
 /**
@@ -708,12 +708,12 @@ const themeFontWeight = {
  * Based on a root size of 16px.
  */
 const fontSize = {
-    primary: `var(${themeFontSize["3xl"]})`,
-    secondary: `var(${themeFontSize.lg})`,
-    tertiary: `var(${themeFontSize.base})`,
-    subtitle: `var(${themeFontSize.base})`,
-    body: `var(${themeFontSize.sm})`,
-    small: `var(${themeFontSize.xs})`, // 12px
+    primary: themeFontSize["3xl"],
+    secondary: themeFontSize.lg,
+    tertiary: themeFontSize.base,
+    subtitle: themeFontSize.base,
+    body: themeFontSize.sm,
+    small: themeFontSize.xs, // 12px
 };
 /**
  * Primary font weights.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/ui-design-tokens",
-  "version": "0.0.67",
+  "version": "0.0.68",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "module": "./index.js",

package/src/tokens/elevation.d.ts

@@ -17,11 +17,11 @@ export declare const themeBoxShadow: {
  * are for active versions(e.g. hover).
  */
 export declare const elevation: {
-    readonly E05: "var(0 1px 2px 0 rgb(0 0 0 / 0.05))";
-    readonly E10: "var(0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))";
-    readonly E10A: "var(0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1))";
-    readonly E20: "var(0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1))";
-    readonly E30: "var(0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1))";
-    readonly E40: "var(0 25px 50px -12px rgb(0 0 0 / 0.25))";
+    readonly E05: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly E10: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly E10A: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly E20: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly E30: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly E40: "0 25px 50px -12px rgb(0 0 0 / 0.25)";
 };
 export type Elevation = typeof elevation;

package/src/tokens/size.d.ts

@@ -39,13 +39,13 @@ export declare const themeSpacing: {
     readonly "96": "24rem";
 };
 export declare const size: {
-    readonly none: "var(0px)";
-    readonly tiny: "var(0.25rem)";
-    readonly mini: "var(0.5rem)";
-    readonly small: "var(0.75rem)";
-    readonly medium: "var(1rem)";
-    readonly large: "var(1.5rem)";
-    readonly giant: "var(2rem)";
-    readonly enormous: "var(2.5rem)";
+    readonly none: "0px";
+    readonly tiny: "0.25rem";
+    readonly mini: "0.5rem";
+    readonly small: "0.75rem";
+    readonly medium: "1rem";
+    readonly large: "1.5rem";
+    readonly giant: "2rem";
+    readonly enormous: "2.5rem";
 };
 export type Size = typeof size;

package/src/tokens/typography.d.ts

@@ -35,12 +35,12 @@ export declare const themeFontWeight: {
  * Based on a root size of 16px.
  */
 export declare const fontSize: {
-    readonly primary: "var(1.875rem)";
-    readonly secondary: "var(1.125rem)";
-    readonly tertiary: "var(1rem)";
-    readonly subtitle: "var(1rem)";
-    readonly body: "var(0.875rem)";
-    readonly small: "var(0.75rem)";
+    readonly primary: "1.875rem";
+    readonly secondary: "1.125rem";
+    readonly tertiary: "1rem";
+    readonly subtitle: "1rem";
+    readonly body: "0.875rem";
+    readonly small: "0.75rem";
 };
 export type FontSize = typeof fontSize;
 /**