@kaizen/components 1.60.1 → 1.60.2

package/dist/styles.css

@@ -91,6 +91,62 @@
   display: block;
   margin-block: var(--spacing-6);
 }
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.Tooltip-module_tooltip__efL1m {
+  max-width: 200px;
+  padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
+  color: var(--color-white, #ffffff);
+  text-align: center;
+  font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
+  font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
+  letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
+  line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
+  border-radius: var(--border-solid-border-radius, 7px);
+  box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
+  background-color: var(--color-purple-800, #2f2438);
+  text-wrap: pretty;
+  /* fixes FF gap */
+  transform: translate3d(0, 0, 0);
+}
+.Tooltip-module_tooltip__efL1m.Tooltip-module_reversed__NnCbZ {
+  background-color: var(--color-white, #ffffff);
+  color: var(--color-purple-800, #2f2438);
+}
+.Tooltip-module_tooltip__efL1m[data-placement=top] {
+  --origin: translateY(4px);
+}
+.Tooltip-module_tooltip__efL1m[data-placement=bottom] {
+  --origin: translateY(-4px);
+}
+.Tooltip-module_tooltip__efL1m[data-placement=right] {
+  --origin: translateX(-4px);
+}
+.Tooltip-module_tooltip__efL1m[data-placement=left] {
+  --origin: translateX(4px);
+}
+.Tooltip-module_tooltip__efL1m[data-entering] {
+  animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms);
+}
+.Tooltip-module_tooltip__efL1m[data-exiting] {
+  animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
+}
+
+@keyframes Tooltip-module_slide__lFdGA {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 .Button-module_button__QOSYH {
   --button-min-height-width: var(--spacing-48);
   --button-padding-x: calc(
@@ -523,62 +579,6 @@
 }
 
 /* stylelint-enable no-descending-specificity */
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-/** THIS IS AN AUTOGENERATED FILE **/
-.Tooltip-module_tooltip__efL1m {
-  max-width: 200px;
-  padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
-  color: var(--color-white, #ffffff);
-  text-align: center;
-  font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-  font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
-  font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
-  letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
-  line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
-  border-radius: var(--border-solid-border-radius, 7px);
-  box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
-  background-color: var(--color-purple-800, #2f2438);
-  text-wrap: pretty;
-  /* fixes FF gap */
-  transform: translate3d(0, 0, 0);
-}
-.Tooltip-module_tooltip__efL1m.Tooltip-module_reversed__NnCbZ {
-  background-color: var(--color-white, #ffffff);
-  color: var(--color-purple-800, #2f2438);
-}
-.Tooltip-module_tooltip__efL1m[data-placement=top] {
-  --origin: translateY(4px);
-}
-.Tooltip-module_tooltip__efL1m[data-placement=bottom] {
-  --origin: translateY(-4px);
-}
-.Tooltip-module_tooltip__efL1m[data-placement=right] {
-  --origin: translateX(-4px);
-}
-.Tooltip-module_tooltip__efL1m[data-placement=left] {
-  --origin: translateX(4px);
-}
-.Tooltip-module_tooltip__efL1m[data-entering] {
-  animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms);
-}
-.Tooltip-module_tooltip__efL1m[data-exiting] {
-  animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
-}
-
-@keyframes Tooltip-module_slide__lFdGA {
-  from {
-    transform: var(--origin);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
 .SVG-module_icon__8J5Ev {
   width: 20px;
   height: 20px;
@@ -908,7 +908,7 @@
 }
 /** THIS IS AN AUTOGENERATED FILE **/
 /** THIS IS AN AUTOGENERATED FILE **/
-@import "../../styles/foundation/_layers.css";
+@layer tokens, normalize, reset;
 @layer reset {
   .Heading-module_heading__Gq6I8 {
     margin: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.60.1",
+  "version": "1.60.2",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/Heading/Heading.module.scss

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