@haiilo/catalyst 2.1.2 → 2.3.0

package/dist/catalyst/scss/core/_typography.scss

@@ -2,7 +2,12 @@
 @use '../mixins' as *;
 
 :where(h1, h2, h3, h4, h5, h6),
-.cat-h1, .cat-h2, .cat-h3, .cat-h4, .cat-h5, .cat-h6 {
+.cat-h1,
+.cat-h2,
+.cat-h3,
+.cat-h4,
+.cat-h5,
+.cat-h6 {
   margin-top: 0;
   margin-bottom: $cat-head-margin-bottom;
 }

package/dist/catalyst/scss/index.scss

@@ -1,6 +1,5 @@
 // -- Reset
 @import 'sanitize.css/sanitize.css';
-@import 'sanitize.css/assets.css';
 @import 'sanitize.css/reduce-motion.css';
 
 // -- Vendor

package/dist/cjs/cat-alert_22.cjs.entry.js

@@ -14,6 +14,12 @@ function setAttributeDefault(host, attr, value) {
 function setPropertyDefault(host, prop) {
   setAttributeDefault(host, String(prop), host[prop]);
 }
+function setAttribute(host, attr, value) {
+  host.hostElement.setAttribute(attr, String(value));
+}
+function setProperty(host, prop) {
+  setAttribute(host, String(prop), host[prop]);
+}
 
 const catAlertCss = ":host{display:flex;gap:0.5rem;padding:1.25rem;border-radius:var(--cat-border-radius-l, 0.5rem);margin-bottom:1rem}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.content{align-self:center}::slotted(:last-child){margin-bottom:0 !important}:host([color=primary]){background-color:rgba(var(--cat-primary-bg, 0, 129, 148), 0.1)}:host([color=primary]) cat-icon{color:rgb(var(--cat-primary-text, 0, 129, 148))}:host([color=secondary]){background-color:rgba(var(--cat-secondary-bg, 105, 118, 135), 0.1)}:host([color=secondary]) cat-icon{color:#697687}:host([color=success]){background-color:rgba(var(--cat-success-bg-, 0, 132, 88), 0.1)}:host([color=success]) cat-icon{color:#008458}:host([color=warning]){background-color:rgba(var(--cat-warning-bg, 255, 206, 128), 0.1)}:host([color=warning]) cat-icon{color:#ebb663}:host([color=danger]){background-color:rgba(var(--cat-danger-bg, 217, 52, 13), 0.1)}:host([color=danger]) cat-icon{color:#d9340d}";
 
@@ -174,7 +180,21 @@ const CatBadge = class {
   render() {
     return index.h("slot", null);
   }
+  onColorChanged() {
+    setProperty(this, 'color');
+  }
+  onSizeChanged() {
+    setProperty(this, 'size');
+  }
+  onVariantChanged() {
+    setProperty(this, 'variant');
+  }
   get hostElement() { return index.getElement(this); }
+  static get watchers() { return {
+    "color": ["onColorChanged"],
+    "size": ["onSizeChanged"],
+    "variant": ["onVariantChanged"]
+  }; }
 };
 CatBadge.style = catBadgeCss;