@scouterna/ui-react 2.1.0 → 2.2.0

package/dist/components/stencil-generated/components.js

@@ -1,4 +1,5 @@
 'use client';
+import { ScoutAppBar as ScoutAppBarElement, defineCustomElement as defineScoutAppBar } from "@scouterna/ui-webc/dist/components/scout-app-bar.js";
 import { ScoutBottomBarItem as ScoutBottomBarItemElement, defineCustomElement as defineScoutBottomBarItem } from "@scouterna/ui-webc/dist/components/scout-bottom-bar-item.js";
 import { ScoutBottomBar as ScoutBottomBarElement, defineCustomElement as defineScoutBottomBar } from "@scouterna/ui-webc/dist/components/scout-bottom-bar.js";
 import { ScoutButton as ScoutButtonElement, defineCustomElement as defineScoutButton } from "@scouterna/ui-webc/dist/components/scout-button.js";
@@ -9,13 +10,23 @@ import { ScoutField as ScoutFieldElement, defineCustomElement as defineScoutFiel
 import { ScoutInput as ScoutInputElement, defineCustomElement as defineScoutInput } from "@scouterna/ui-webc/dist/components/scout-input.js";
 import { ScoutLink as ScoutLinkElement, defineCustomElement as defineScoutLink } from "@scouterna/ui-webc/dist/components/scout-link.js";
 import { ScoutListViewItem as ScoutListViewItemElement, defineCustomElement as defineScoutListViewItem } from "@scouterna/ui-webc/dist/components/scout-list-view-item.js";
+import { ScoutListViewSubheader as ScoutListViewSubheaderElement, defineCustomElement as defineScoutListViewSubheader } from "@scouterna/ui-webc/dist/components/scout-list-view-subheader.js";
 import { ScoutListView as ScoutListViewElement, defineCustomElement as defineScoutListView } from "@scouterna/ui-webc/dist/components/scout-list-view.js";
 import { ScoutLoader as ScoutLoaderElement, defineCustomElement as defineScoutLoader } from "@scouterna/ui-webc/dist/components/scout-loader.js";
+import { ScoutRadioButton as ScoutRadioButtonElement, defineCustomElement as defineScoutRadioButton } from "@scouterna/ui-webc/dist/components/scout-radio-button.js";
 import { ScoutSelect as ScoutSelectElement, defineCustomElement as defineScoutSelect } from "@scouterna/ui-webc/dist/components/scout-select.js";
 import { ScoutStack as ScoutStackElement, defineCustomElement as defineScoutStack } from "@scouterna/ui-webc/dist/components/scout-stack.js";
 import { ScoutSwitch as ScoutSwitchElement, defineCustomElement as defineScoutSwitch } from "@scouterna/ui-webc/dist/components/scout-switch.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
+export const ScoutAppBar = /*@__PURE__*/ createComponent({
+    tagName: 'scout-app-bar',
+    elementClass: ScoutAppBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutAppBar
+});
 export const ScoutBottomBar = /*@__PURE__*/ createComponent({
     tagName: 'scout-bottom-bar',
     elementClass: ScoutBottomBarElement,
@@ -54,7 +65,7 @@ export const ScoutCheckbox = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {
-        onScoutCheckboxChecked: 'scoutCheckboxChecked',
+        onScoutChecked: 'scoutChecked',
         on_fieldId: '_fieldId'
     },
     defineCustomElement: defineScoutCheckbox
@@ -111,6 +122,14 @@ export const ScoutListViewItem = /*@__PURE__*/ createComponent({
     events: { onScoutClick: 'scoutClick' },
     defineCustomElement: defineScoutListViewItem
 });
+export const ScoutListViewSubheader = /*@__PURE__*/ createComponent({
+    tagName: 'scout-list-view-subheader',
+    elementClass: ScoutListViewSubheaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutListViewSubheader
+});
 export const ScoutLoader = /*@__PURE__*/ createComponent({
     tagName: 'scout-loader',
     elementClass: ScoutLoaderElement,
@@ -119,6 +138,17 @@ export const ScoutLoader = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineScoutLoader
 });
+export const ScoutRadioButton = /*@__PURE__*/ createComponent({
+    tagName: 'scout-radio-button',
+    elementClass: ScoutRadioButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onScoutChecked: 'scoutChecked',
+        on_fieldId: '_fieldId'
+    },
+    defineCustomElement: defineScoutRadioButton
+});
 export const ScoutSelect = /*@__PURE__*/ createComponent({
     tagName: 'scout-select',
     elementClass: ScoutSelectElement,

package/dist/types/components/stencil-generated/components.d.ts

@@ -2,7 +2,8 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
-import { type ScoutCheckboxCustomEvent, type ScoutInputCustomEvent, type ScoutLinkCustomEvent, type ScoutSelectCustomEvent, type ScoutSwitchCustomEvent } from "@scouterna/ui-webc";
+import { type ScoutCheckboxCustomEvent, type ScoutInputCustomEvent, type ScoutLinkCustomEvent, type ScoutRadioButtonCustomEvent, type ScoutSelectCustomEvent, type ScoutSwitchCustomEvent } from "@scouterna/ui-webc";
+import { ScoutAppBar as ScoutAppBarElement } from "@scouterna/ui-webc/dist/components/scout-app-bar.js";
 import { ScoutBottomBarItem as ScoutBottomBarItemElement } from "@scouterna/ui-webc/dist/components/scout-bottom-bar-item.js";
 import { ScoutBottomBar as ScoutBottomBarElement } from "@scouterna/ui-webc/dist/components/scout-bottom-bar.js";
 import { ScoutButton as ScoutButtonElement } from "@scouterna/ui-webc/dist/components/scout-button.js";
@@ -13,12 +14,16 @@ import { ScoutField as ScoutFieldElement } from "@scouterna/ui-webc/dist/compone
 import { ScoutInput as ScoutInputElement } from "@scouterna/ui-webc/dist/components/scout-input.js";
 import { ScoutLink as ScoutLinkElement } from "@scouterna/ui-webc/dist/components/scout-link.js";
 import { ScoutListViewItem as ScoutListViewItemElement } from "@scouterna/ui-webc/dist/components/scout-list-view-item.js";
+import { ScoutListViewSubheader as ScoutListViewSubheaderElement } from "@scouterna/ui-webc/dist/components/scout-list-view-subheader.js";
 import { ScoutListView as ScoutListViewElement } from "@scouterna/ui-webc/dist/components/scout-list-view.js";
 import { ScoutLoader as ScoutLoaderElement } from "@scouterna/ui-webc/dist/components/scout-loader.js";
+import { ScoutRadioButton as ScoutRadioButtonElement } from "@scouterna/ui-webc/dist/components/scout-radio-button.js";
 import { ScoutSelect as ScoutSelectElement } from "@scouterna/ui-webc/dist/components/scout-select.js";
 import { ScoutStack as ScoutStackElement } from "@scouterna/ui-webc/dist/components/scout-stack.js";
 import { ScoutSwitch as ScoutSwitchElement } from "@scouterna/ui-webc/dist/components/scout-switch.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type ScoutAppBarEvents = NonNullable<unknown>;
+export declare const ScoutAppBar: StencilReactComponent<ScoutAppBarElement, ScoutAppBarEvents>;
 export type ScoutBottomBarEvents = NonNullable<unknown>;
 export declare const ScoutBottomBar: StencilReactComponent<ScoutBottomBarElement, ScoutBottomBarEvents>;
 export type ScoutBottomBarItemEvents = {
@@ -32,7 +37,7 @@ export declare const ScoutButton: StencilReactComponent<ScoutButtonElement, Scou
 export type ScoutCardEvents = NonNullable<unknown>;
 export declare const ScoutCard: StencilReactComponent<ScoutCardElement, ScoutCardEvents>;
 export type ScoutCheckboxEvents = {
-    onScoutCheckboxChecked: EventName<ScoutCheckboxCustomEvent<{
+    onScoutChecked: EventName<ScoutCheckboxCustomEvent<{
         checked: boolean;
         element: HTMLInputElement;
     }>>;
@@ -62,8 +67,18 @@ export type ScoutListViewItemEvents = {
     onScoutClick: EventName<CustomEvent<void>>;
 };
 export declare const ScoutListViewItem: StencilReactComponent<ScoutListViewItemElement, ScoutListViewItemEvents>;
+export type ScoutListViewSubheaderEvents = NonNullable<unknown>;
+export declare const ScoutListViewSubheader: StencilReactComponent<ScoutListViewSubheaderElement, ScoutListViewSubheaderEvents>;
 export type ScoutLoaderEvents = NonNullable<unknown>;
 export declare const ScoutLoader: StencilReactComponent<ScoutLoaderElement, ScoutLoaderEvents>;
+export type ScoutRadioButtonEvents = {
+    onScoutChecked: EventName<ScoutRadioButtonCustomEvent<{
+        checked: boolean;
+        element: HTMLInputElement;
+    }>>;
+    on_fieldId: EventName<CustomEvent<string>>;
+};
+export declare const ScoutRadioButton: StencilReactComponent<ScoutRadioButtonElement, ScoutRadioButtonEvents>;
 export type ScoutSelectEvents = {
     onScoutInputChange: EventName<ScoutSelectCustomEvent<{
         value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scouterna/ui-react",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Scouterna Design System React Components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,7 +17,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "@scouterna/ui-webc": "2.1.0"
+    "@scouterna/ui-webc": "2.2.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",