@scouterna/ui-react 2.0.0 → 2.2.0

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

@@ -1,14 +1,32 @@
 '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";
 import { ScoutCard as ScoutCardElement, defineCustomElement as defineScoutCard } from "@scouterna/ui-webc/dist/components/scout-card.js";
 import { ScoutCheckbox as ScoutCheckboxElement, defineCustomElement as defineScoutCheckbox } from "@scouterna/ui-webc/dist/components/scout-checkbox.js";
+import { ScoutDivider as ScoutDividerElement, defineCustomElement as defineScoutDivider } from "@scouterna/ui-webc/dist/components/scout-divider.js";
 import { ScoutField as ScoutFieldElement, defineCustomElement as defineScoutField } from "@scouterna/ui-webc/dist/components/scout-field.js";
 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,
@@ -47,11 +65,19 @@ 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
 });
+export const ScoutDivider = /*@__PURE__*/ createComponent({
+    tagName: 'scout-divider',
+    elementClass: ScoutDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutDivider
+});
 export const ScoutField = /*@__PURE__*/ createComponent({
     tagName: 'scout-field',
     elementClass: ScoutFieldElement,
@@ -72,6 +98,77 @@ export const ScoutInput = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineScoutInput
 });
+export const ScoutLink = /*@__PURE__*/ createComponent({
+    tagName: 'scout-link',
+    elementClass: ScoutLinkElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onScoutLinkClick: 'scoutLinkClick' },
+    defineCustomElement: defineScoutLink
+});
+export const ScoutListView = /*@__PURE__*/ createComponent({
+    tagName: 'scout-list-view',
+    elementClass: ScoutListViewElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutListView
+});
+export const ScoutListViewItem = /*@__PURE__*/ createComponent({
+    tagName: 'scout-list-view-item',
+    elementClass: ScoutListViewItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    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,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    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,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onScoutInputChange: 'scoutInputChange',
+        onScoutBlur: 'scoutBlur',
+        on_fieldId: '_fieldId'
+    },
+    defineCustomElement: defineScoutSelect
+});
+export const ScoutStack = /*@__PURE__*/ createComponent({
+    tagName: 'scout-stack',
+    elementClass: ScoutStackElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutStack
+});
 export const ScoutSwitch = /*@__PURE__*/ createComponent({
     tagName: 'scout-switch',
     elementClass: ScoutSwitchElement,

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

@@ -2,16 +2,28 @@
  * 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 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";
 import { ScoutCard as ScoutCardElement } from "@scouterna/ui-webc/dist/components/scout-card.js";
 import { ScoutCheckbox as ScoutCheckboxElement } from "@scouterna/ui-webc/dist/components/scout-checkbox.js";
+import { ScoutDivider as ScoutDividerElement } from "@scouterna/ui-webc/dist/components/scout-divider.js";
 import { ScoutField as ScoutFieldElement } from "@scouterna/ui-webc/dist/components/scout-field.js";
 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 = {
@@ -25,13 +37,15 @@ 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;
     }>>;
     on_fieldId: EventName<CustomEvent<string>>;
 };
 export declare const ScoutCheckbox: StencilReactComponent<ScoutCheckboxElement, ScoutCheckboxEvents>;
+export type ScoutDividerEvents = NonNullable<unknown>;
+export declare const ScoutDivider: StencilReactComponent<ScoutDividerElement, ScoutDividerEvents>;
 export type ScoutFieldEvents = NonNullable<unknown>;
 export declare const ScoutField: StencilReactComponent<ScoutFieldElement, ScoutFieldEvents>;
 export type ScoutInputEvents = {
@@ -43,6 +57,39 @@ export type ScoutInputEvents = {
     on_fieldId: EventName<CustomEvent<string>>;
 };
 export declare const ScoutInput: StencilReactComponent<ScoutInputElement, ScoutInputEvents>;
+export type ScoutLinkEvents = {
+    onScoutLinkClick: EventName<ScoutLinkCustomEvent<HTMLButtonElement>>;
+};
+export declare const ScoutLink: StencilReactComponent<ScoutLinkElement, ScoutLinkEvents>;
+export type ScoutListViewEvents = NonNullable<unknown>;
+export declare const ScoutListView: StencilReactComponent<ScoutListViewElement, ScoutListViewEvents>;
+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;
+        element: HTMLSelectElement;
+    }>>;
+    onScoutBlur: EventName<CustomEvent<void>>;
+    on_fieldId: EventName<CustomEvent<string>>;
+};
+export declare const ScoutSelect: StencilReactComponent<ScoutSelectElement, ScoutSelectEvents>;
+export type ScoutStackEvents = NonNullable<unknown>;
+export declare const ScoutStack: StencilReactComponent<ScoutStackElement, ScoutStackEvents>;
 export type ScoutSwitchEvents = {
     onScoutSwitchToggled: EventName<ScoutSwitchCustomEvent<{
         toggled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scouterna/ui-react",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "description": "Scouterna Design System React Components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -10,23 +10,21 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/Scouterna/j26-web-components.git"
+    "url": "https://github.com/Scouterna/j26-components.git"
   },
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",
   "dependencies": {
-    "@stencil/react-output-target": "^1.2.0"
+    "@stencil/react-output-target": "^1.2.0",
+    "@scouterna/ui-webc": "2.2.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.5",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "@types/react": "^19.2.7",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "typescript": "^5.9.3"
   },
-  "peerDependencies": {
-    "@scouterna/ui-webc": "2.0.0"
-  },
   "scripts": {
     "build": "tsc --outDir ./dist",
     "dev": "tsc --outDir ./dist --watch --preserveWatchOutput"