@haiilo/catalyst 0.10.5 → 0.10.7

package/dist/catalyst/scss/index.scss

@@ -29,3 +29,55 @@
 // -- Includes
 $cat-font-path: 'assets/fonts' !default;
 @include cat-fonts($cat-font-path);
+
+// -- Styles
+
+.wrapper {
+  width: 48rem;
+  margin: 8rem auto;
+  display: flex;
+  flex-direction: row-reverse;
+  gap: 8rem;
+}
+
+.content {
+  flex: 3 0 0;
+  min-width: 0;
+}
+
+#nav {
+  align-self: flex-start;
+  position: sticky;
+  top: 8rem;
+  flex: 1 0 0;
+  min-width: 0;
+
+  ul {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .active {
+    font-weight: bold;
+  }
+}
+
+section {
+  flex: 0 1 auto;
+  padding: 2rem 0;
+
+  &:not(:last-of-type) {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+
+  > h2:not(:first-child),
+  > h3:not(:first-child) {
+    margin-top: 2rem;
+  }
+
+  > h2:not(:last-child),
+  > h3:not(:last-child) {
+    margin-bottom: 1rem;
+  }
+}

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

@@ -3129,7 +3129,6 @@ const CatRadio = class {
   }
   onChange(event) {
     this.checked = true;
-    this.value = this.input.value;
     this.catChange.emit(event);
   }
   onFocus(event) {
@@ -3147,6 +3146,7 @@ const catRadioGroupCss = ":host{display:block}:host([hidden]){display:none}";
 const CatRadioGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.catChange = index.createEvent(this, "catChange", 7);
     this.catRadioGroup = [];
     /**
      * Whether this radio group is disabled.
@@ -3202,8 +3202,13 @@ const CatRadioGroup = class {
     if (catRadioElement && catRadioElement.checked) {
       const catRadioElements = this.catRadioGroup.filter(value => value !== catRadioElement);
       catRadioElements.forEach(value => (value.checked = false));
-      this.updateTabIndex();
+      this.value = catRadioElement.value;
     }
+    else {
+      this.value = undefined;
+    }
+    this.updateTabIndex();
+    this.catChange.emit();
   }
   render() {
     return (index.h("div", { role: "radiogroup", "aria-label": this.a11yLabel }, index.h("slot", null)));