@servicetitan/hammer-token 2.1.0 → 2.1.1

package/.turbo/turbo-build.log

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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @servicetitan/hammer-token
 
+## 2.1.1
+
+### Patch Changes
+
+- [#1068](https://github.com/servicetitan/hammer/pull/1068) [`14505d4`](https://github.com/servicetitan/hammer/commit/14505d456543988d51197c5e1aaa584365e19247) Thanks [@ericag1985](https://github.com/ericag1985)! - [CSS-utils] fix layers being out of order when using the utility css sheets
+
 ## 2.1.0
 
 ### Minor Changes

package/build/web/core/css-utils/border.css

@@ -1,3 +1,5 @@
+@layer starter, reset, base, state, application;
+  
 .border-color-danger {border-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
 .border-color-default {border-color: light-dark(var(--color-neutral-80, #949596), var(--color-neutral-100, #606162))}
 .border-color-primary {border-color: light-dark(var(--status-color-info, #0265dc), #78bbfa)}

package/build/web/core/css-utils/color.css

@@ -1,3 +1,5 @@
+@layer starter, reset, base, state, application;
+  
 .bg-danger-default {background-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
 .bg-default {background-color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
 .bg-disabled {background-color: light-dark(var(--color-neutral-100, #606162), var(--color-neutral-100, #606162))}

package/build/web/core/css-utils/font.css

@@ -1,3 +1,5 @@
+@layer starter, reset, base, state, application;
+  
 .ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
 .ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
 .ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}

package/build/web/core/css-utils/spacing.css

@@ -1,3 +1,5 @@
+@layer starter, reset, base, state, application;
+  
 .m-block-0 {margin-block: var(--size-0, 0rem)}
 .m-block-1 {margin-block: var(--size-1, 0.25rem)}
 .m-block-10 {margin-block: var(--size-10, 2.5rem)}

package/build/web/core/css-utils/utils.css

@@ -285,6 +285,8 @@
 .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
 .sr-only {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding-block: 0; padding-inline: 0; position: absolute; white-space: nowrap; width: 1px;}
 
+@layer starter, reset, base, state, application;
+
 @layer application {
   .bg-danger-default {background-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
   .bg-default {background-color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}

package/config.js

@@ -226,6 +226,8 @@ StyleDictionary.registerFormat({
     );
     return `${withSr}
 
+@layer starter, reset, base, state, application;
+
 @layer application {
   ${withSr.replaceAll("\n", "\n  ")}
 }`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/hammer-token",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "",
   "main": "build/web/index.js",
   "types": "build/web/index.d.ts",

package/src/utils/css-utils-format-utils.js

@@ -14,7 +14,9 @@ const cssUtilsFormatter = (dictionary, generateFn, hasDarkValues) => {
     .sort((a, b) => a.localeCompare(b))
     .join(`\n`);
 
-  return `${result}
+  return `@layer starter, reset, base, state, application;
+  
+${result}
 
 @layer application {
   ${result.replaceAll("\n", "\n  ")}