@haiilo/catalyst 0.9.0 → 0.10.2

package/dist/types/components.d.ts

@@ -177,6 +177,10 @@ export namespace Components {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden": boolean;
+        /**
+          * Whether the label should appear to the left of the checkbox.
+         */
+        "labelLeft": boolean;
         /**
           * The name of the input
          */
@@ -341,6 +345,10 @@ export namespace Components {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden": boolean;
+        /**
+          * Whether the label should appear to the left of the radio component.
+         */
+        "labelLeft": boolean;
         /**
           * The name of the radio component.
          */
@@ -359,6 +367,24 @@ export namespace Components {
          */
         "value"?: string;
     }
+    interface CatRadioGroup {
+        /**
+          * Adds an accessible label for the radio group that it is only shown in assistive technologies, like screen readers.
+         */
+        "a11yLabel"?: string;
+        /**
+          * Whether this radio group is disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Whether the label of the radios should appear to the left of them.
+         */
+        "labelLeft": boolean;
+        /**
+          * The name of the radio group component.
+         */
+        "name"?: string;
+    }
     interface CatScrollable {
         /**
           * Flags to disable/enable overflowX.
@@ -597,12 +623,16 @@ export namespace Components {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden": boolean;
+        /**
+          * Whether the label should appear to the left of the toggle.
+         */
+        "labelLeft": boolean;
         /**
           * The name of the input
          */
         "name"?: string;
         /**
-          * Required state of the toggle
+          * Required state of the toggle.
          */
         "required": boolean;
         /**
@@ -749,6 +779,12 @@ declare global {
         prototype: HTMLCatRadioElement;
         new (): HTMLCatRadioElement;
     };
+    interface HTMLCatRadioGroupElement extends Components.CatRadioGroup, HTMLStencilElement {
+    }
+    var HTMLCatRadioGroupElement: {
+        prototype: HTMLCatRadioGroupElement;
+        new (): HTMLCatRadioGroupElement;
+    };
     interface HTMLCatScrollableElement extends Components.CatScrollable, HTMLStencilElement {
     }
     var HTMLCatScrollableElement: {
@@ -821,6 +857,7 @@ declare global {
         "cat-menu": HTMLCatMenuElement;
         "cat-modal": HTMLCatModalElement;
         "cat-radio": HTMLCatRadioElement;
+        "cat-radio-group": HTMLCatRadioGroupElement;
         "cat-scrollable": HTMLCatScrollableElement;
         "cat-select": HTMLCatSelectElement;
         "cat-skeleton": HTMLCatSkeletonElement;
@@ -1009,6 +1046,10 @@ declare namespace LocalJSX {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden"?: boolean;
+        /**
+          * Whether the label should appear to the left of the checkbox.
+         */
+        "labelLeft"?: boolean;
         /**
           * The name of the input
          */
@@ -1187,6 +1228,10 @@ declare namespace LocalJSX {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden"?: boolean;
+        /**
+          * Whether the label should appear to the left of the radio component.
+         */
+        "labelLeft"?: boolean;
         /**
           * The name of the radio component.
          */
@@ -1212,6 +1257,24 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface CatRadioGroup {
+        /**
+          * Adds an accessible label for the radio group that it is only shown in assistive technologies, like screen readers.
+         */
+        "a11yLabel"?: string;
+        /**
+          * Whether this radio group is disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Whether the label of the radios should appear to the left of them.
+         */
+        "labelLeft"?: boolean;
+        /**
+          * The name of the radio group component.
+         */
+        "name"?: string;
+    }
     interface CatScrollable {
         /**
           * Flags to disable/enable overflowX.
@@ -1291,6 +1354,10 @@ declare namespace LocalJSX {
           * Emitted when the value is changed.
          */
         "onCatChange"?: (event: CatSelectCustomEvent<any>) => void;
+        /**
+          * Emitted when scrolled to the bottom.
+         */
+        "onCatScrolledBottom"?: (event: CatSelectCustomEvent<any>) => void;
         /**
           * Emitted when the search is triggered.
          */
@@ -1469,6 +1536,10 @@ declare namespace LocalJSX {
           * Visually hide the label, but still show it to assistive technologies like screen readers.
          */
         "labelHidden"?: boolean;
+        /**
+          * Whether the label should appear to the left of the toggle.
+         */
+        "labelLeft"?: boolean;
         /**
           * The name of the input
          */
@@ -1486,7 +1557,7 @@ declare namespace LocalJSX {
          */
         "onCatFocus"?: (event: CatToggleCustomEvent<FocusEvent>) => void;
         /**
-          * Required state of the toggle
+          * Required state of the toggle.
          */
         "required"?: boolean;
         /**
@@ -1532,6 +1603,7 @@ declare namespace LocalJSX {
         "cat-menu": CatMenu;
         "cat-modal": CatModal;
         "cat-radio": CatRadio;
+        "cat-radio-group": CatRadioGroup;
         "cat-scrollable": CatScrollable;
         "cat-select": CatSelect;
         "cat-skeleton": CatSkeleton;
@@ -1559,6 +1631,7 @@ declare module "@stencil/core" {
             "cat-menu": LocalJSX.CatMenu & JSXBase.HTMLAttributes<HTMLCatMenuElement>;
             "cat-modal": LocalJSX.CatModal & JSXBase.HTMLAttributes<HTMLCatModalElement>;
             "cat-radio": LocalJSX.CatRadio & JSXBase.HTMLAttributes<HTMLCatRadioElement>;
+            "cat-radio-group": LocalJSX.CatRadioGroup & JSXBase.HTMLAttributes<HTMLCatRadioGroupElement>;
             "cat-scrollable": LocalJSX.CatScrollable & JSXBase.HTMLAttributes<HTMLCatScrollableElement>;
             "cat-select": LocalJSX.CatSelect & JSXBase.HTMLAttributes<HTMLCatSelectElement>;
             "cat-skeleton": LocalJSX.CatSkeleton & JSXBase.HTMLAttributes<HTMLCatSkeletonElement>;

package/dist/types/index.d.ts

@@ -2,3 +2,4 @@ export { Components, JSX } from './components';
 export { CatI18nRegistry } from './components/cat-i18n/cat-i18n-registry';
 export { CatIconRegistry } from './components/cat-icon/cat-icon-registry';
 export { NotificationsService } from './components/cat-notification/cat-notification';
+export { Choice } from 'choices.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "0.9.0",
+  "version": "0.10.2",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "0.4.1",
-    "@haiilo/catalyst-tokens": "0.9.0",
+    "@haiilo/catalyst-tokens": "0.10.2",
     "@stencil/core": "2.17.0",
     "autosize": "5.0.1",
     "choices.js": "10.1.0",