@servicetitan/hammer-token 1.3.3 → 1.3.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @servicetitan/hammer-token@1.3.2 build /home/runner/work/hammer/hammer/packages/hammer-token
+> @servicetitan/hammer-token@1.3.3 build /home/runner/work/hammer/hammer/packages/hammer-token
 > node ./config.js
 
 

package/.turbo/turbo-lint.log

@@ -1,4 +1,4 @@
 
-> @servicetitan/hammer-token@1.3.2 lint /home/runner/work/hammer/hammer/packages/hammer-token
+> @servicetitan/hammer-token@1.3.3 lint /home/runner/work/hammer/hammer/packages/hammer-token
 > eslint
 

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# v1.3.4 (Sat Nov 02 2024)
+
+#### 🐛 Bug Fix
+
+- ANV-1953: Add monolith CSS to storybook, create CSS file to temp fix `71.1orion` [#796](https://github.com/servicetitan/hammer/pull/796) ([@rgdelato](https://github.com/rgdelato) [@tounsoo](https://github.com/tounsoo) [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+#### Authors: 3
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
 # v1.3.3 (Tue Oct 29 2024)
 
 #### 🐛 Bug Fix

package/build/web/core/semantic-variables.scss

@@ -10,14 +10,6 @@ $light: (
   background-color-disabled: #606162,
   background-color-inverted: #2d2e31,
   background-color-inverted-strong: #141414,
-  border-radius-none: 0rem,
-  border-radius-rounded: 0.375rem,
-  border-radius-rounded-strong: 1rem,
-  border-radius-pill: 500px,
-  border-radius-circular: 100%,
-  border-width-none: 0rem,
-  border-width: 0.0625rem,
-  border-width-strong: 0.125rem,
   border-color: #949596,
   border-color-subdued: #dfe0e1,
   border-color-strong: #444445,
@@ -25,7 +17,6 @@ $light: (
   border-color-danger: #e13212,
   focus-ring-color: #0265dc,
   focus-ring-color-danger: #e13212,
-  focus-ring-width: 0.25rem,
   foreground-color: #141414,
   foreground-color-subdued: #737475,
   foreground-color-primary: #0265dc,
@@ -47,31 +38,10 @@ $light: (
   overlay-color-hover-on-primary: #ffffff29,
   overlay-color-hover-on-danger: #ffffff29,
   shadow-color: #14141414,
-  shadow-size-flat: 0rem 0rem 0rem,
-  shadow-size-float: 0rem 0.125rem 0.5rem,
-  shadow-size-overlay: 0rem 0.5rem 1.5rem,
   status-color-info: #0265dc,
   status-color-danger: #e13212,
   status-color-success: #007a4d,
   status-color-warning: #ffbe00,
-  typography-paragraph-size-xsmall: 0.75rem,
-  typography-paragraph-size-small: 0.875rem,
-  typography-paragraph-size: 1rem,
-  typography-paragraph-size-large: 1.25rem,
-  typography-paragraph-size-xlarge: 1.5rem,
-  typography-paragraph-font-weight: 400,
-  typography-heading-size-xsmall: 0.875rem,
-  typography-heading-size-small: 1rem,
-  typography-heading-size: 1.25rem,
-  typography-heading-size-large: 1.5rem,
-  typography-heading-size-xlarge: 2rem,
-  typography-heading-font-weight: 700,
-  typography-label-size-xsmall: 0.625rem,
-  typography-label-size-small: 0.75rem,
-  typography-label-size: 0.875rem,
-  typography-label-size-large: 1rem,
-  typography-label-size-xlarge: 1.25rem,
-  typography-label-font-weight: 600,
 );
 $dark: (
   background-color: #141414,
@@ -85,14 +55,6 @@ $dark: (
   background-color-disabled: #606162,
   background-color-inverted: #fafafa,
   background-color-inverted-strong: #ffffff,
-  border-radius-none: 0rem,
-  border-radius-rounded: 0.375rem,
-  border-radius-rounded-strong: 1rem,
-  border-radius-pill: 500px,
-  border-radius-circular: 100%,
-  border-width-none: 0rem,
-  border-width: 0.0625rem,
-  border-width-strong: 0.125rem,
   border-color: #606162,
   border-color-subdued: #444445,
   border-color-strong: #dfe0e1,
@@ -100,7 +62,6 @@ $dark: (
   border-color-danger: #ff745f,
   focus-ring-color: #78bbfa,
   focus-ring-color-danger: #ff745f,
-  focus-ring-width: 0.25rem,
   foreground-color: #ffffff,
   foreground-color-subdued: #bcbcbd,
   foreground-color-primary: #78bbfa,
@@ -122,13 +83,24 @@ $dark: (
   overlay-color-hover-on-primary: #ffffff29,
   overlay-color-hover-on-danger: #ffffff29,
   shadow-color: #ffffff14,
-  shadow-size-flat: 0rem 0rem 0rem,
-  shadow-size-float: 0rem 0.125rem 0.5rem,
-  shadow-size-overlay: 0rem 0.5rem 1.5rem,
   status-color-info: #78bbfa,
   status-color-danger: #ff745f,
   status-color-success: #49cc93,
   status-color-warning: #ffe278,
+);
+$nonColor: (
+  border-radius-none: 0rem,
+  border-radius-rounded: 0.375rem,
+  border-radius-rounded-strong: 1rem,
+  border-radius-pill: 500px,
+  border-radius-circular: 100%,
+  border-width-none: 0rem,
+  border-width: 0.0625rem,
+  border-width-strong: 0.125rem,
+  focus-ring-width: 0.25rem,
+  shadow-size-flat: 0rem 0rem 0rem,
+  shadow-size-float: 0rem 0.125rem 0.5rem,
+  shadow-size-overlay: 0rem 0.5rem 1.5rem,
   typography-paragraph-size-xsmall: 0.75rem,
   typography-paragraph-size-small: 0.875rem,
   typography-paragraph-size: 1rem,

package/config.js

@@ -26,19 +26,44 @@ StyleDictionary.registerFormat({
   },
 });
 
+const nonColorTokens = [
+  "border-radius",
+  "font-family",
+  "font-weight",
+  "size",
+  "width",
+];
+
 StyleDictionary.registerFormat({
   name: `custom/semantic-variables`,
   formatter: function ({ dictionary }) {
     const light = dictionary.allTokens
-      .filter((token) => !token.name.includes("font-family"))
+      .filter((token) => {
+        let isColor = true;
+        nonColorTokens.forEach((t) => {
+          if (token.name.includes(t)) {
+            isColor = false;
+          }
+        });
+        return isColor;
+      })
       .map((token) => {
         let value = token.value;
         let name = `${token.name.replace("-default", "")}`;
         return `  ${name}: ${value},`;
       })
       .join(`\n`);
+
     const dark = dictionary.allTokens
-      .filter((token) => !token.name.includes("font-family"))
+      .filter((token) => {
+        let isColor = true;
+        nonColorTokens.forEach((t) => {
+          if (token.name.includes(t)) {
+            isColor = false;
+          }
+        });
+        return isColor;
+      })
       .map((token) => {
         let value = token.value;
         let name = `${token.name.replace("-default", "")}`;
@@ -49,7 +74,35 @@ StyleDictionary.registerFormat({
       })
       .join(`\n`);
 
-    return [`$light: (`, light, `);`, `$dark: (`, dark, `);`].join(`\n`);
+    const nonColor = dictionary.allTokens
+      .filter((token) => {
+        let isColor = true;
+        nonColorTokens.forEach((t) => {
+          if (token.name.includes(t)) {
+            isColor = false;
+          }
+        });
+        if (token.name.includes("font-family")) return false;
+        return !isColor;
+      })
+      .map((token) => {
+        let value = token.value;
+        let name = `${token.name.replace("-default", "")}`;
+        return `  ${name}: ${value},`;
+      })
+      .join(`\n`);
+
+    return [
+      `$light: (`,
+      light,
+      `);`,
+      `$dark: (`,
+      dark,
+      `);`,
+      `$nonColor: (`,
+      nonColor,
+      `);`,
+    ].join(`\n`);
   },
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/hammer-token",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "",
   "main": "build/web/index.js",
   "types": "build/web/index.d.ts",
@@ -21,5 +21,5 @@
     "fs-extra": "^11.2.0",
     "style-dictionary": "^3"
   },
-  "gitHead": "6de57636c71cb81ce85b7d33cf2c40def5b507fa"
+  "gitHead": "428df250fb65ed7b11a974643a7c16fe7db0670d"
 }