@kaizen/components 0.0.0-canary-si-no-pure-20240523024652 → 0.0.0-canary-fix-si-css-layers-20240523071705

package/dist/cjs/Heading/Heading.module.scss.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var styleInject = require('../__build-tools/styleInject.cjs');
-var css_248z = "@layer reset{.Heading-module_heading__Gq6I8{margin:0}}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_composable-header-title__mqQVh{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-weight:500}.Heading-module_composable-header-title__mqQVh,.Heading-module_heading-1__PbAcw{font-size:var(--typography-heading-1-font-size,2.125rem);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-1-font-weight,700)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}";
+var css_248z = "@layer tokens, normalize, reset;@layer reset{.Heading-module_heading__Gq6I8{margin:0}}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_composable-header-title__mqQVh{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-weight:500}.Heading-module_composable-header-title__mqQVh,.Heading-module_heading-1__PbAcw{font-size:var(--typography-heading-1-font-size,2.125rem);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-1-font-weight,700)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}";
 var styles = {
   "heading": "Heading-module_heading__Gq6I8",
   "display-0": "Heading-module_display-0__yZ7rx",

package/dist/esm/Heading/Heading.module.scss.mjs

@@ -1,5 +1,5 @@
 import { styleInject } from '../__build-tools/styleInject.mjs';
-var css_248z = "@layer reset{.Heading-module_heading__Gq6I8{margin:0}}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_composable-header-title__mqQVh{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-weight:500}.Heading-module_composable-header-title__mqQVh,.Heading-module_heading-1__PbAcw{font-size:var(--typography-heading-1-font-size,2.125rem);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-1-font-weight,700)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}";
+var css_248z = "@layer tokens, normalize, reset;@layer reset{.Heading-module_heading__Gq6I8{margin:0}}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_composable-header-title__mqQVh{font-family:var(--typography-display-0-font-family,\"Tiempos Headline\",Georgia,serif);font-weight:500}.Heading-module_composable-header-title__mqQVh,.Heading-module_heading-1__PbAcw{font-size:var(--typography-heading-1-font-size,2.125rem);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-1-font-weight,700)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}";
 var styles = {
   "heading": "Heading-module_heading__Gq6I8",
   "display-0": "Heading-module_display-0__yZ7rx",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-si-no-pure-20240523024652",
+  "version": "0.0.0-canary-fix-si-css-layers-20240523071705",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -78,14 +78,12 @@
     "react-day-picker": "Version locked until a11y gets fixed (https://github.com/gpbl/react-day-picker/pull/1708)"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-pure-annotations": "^7.24.1",
     "@cultureamp/frontend-apis": "^9.5.0",
     "@cultureamp/i18n-react-intl": "^2.5.6",
     "@types/lodash.debounce": "^4.0.9",
     "@types/react-dom": "^18.3.0",
     "@types/react-textfit": "^1.1.4",
     "@types/uuid": "^9.0.8",
-    "agadoo": "^3.0.0",
     "autoprefixer": "^10.4.19",
     "query-string": "^9.0.0",
     "react-intl": "^6.6.8",
@@ -96,8 +94,8 @@
     "ts-jest": "^29.1.2",
     "tslib": "^2.6.2",
     "tsx": "^4.10.2",
-    "@kaizen/design-tokens": "10.4.0",
-    "@kaizen/package-bundler": "0.0.0-canary-si-no-pure-20240523024652"
+    "@kaizen/package-bundler": "0.0.0-canary-fix-si-css-layers-20240523071705",
+    "@kaizen/design-tokens": "10.4.0"
   },
   "devDependenciesComments": {
     "postcss": "Installed in root",
@@ -115,7 +113,6 @@
     "clean": "rm -rf dist",
     "test": "FORCE_COLOR=1 jest",
     "test:ci": "pnpm test -- --ci",
-    "test:treeshake": "agadoo ./dist/esm/index.mjs",
     "update-icons": "./src/Icon/bin/update-icons.sh",
     "i18n:extract": "pnpm i18n-extract"
   }

package/src/Heading/Heading.module.scss

@@ -1,5 +1,6 @@
 @import "~@kaizen/design-tokens/sass/color";
 @import "~@kaizen/design-tokens/sass/typography";
+@import "../../styles/foundation/_layers.css";
 
 @layer reset {
   .heading {