@scouterna/ui-react 3.2.0 → 4.0.0

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

@@ -1,11 +1,13 @@
 'use client';
 import { ScoutAppBar as ScoutAppBarElement, defineCustomElement as defineScoutAppBar } from "@scouterna/ui-webc/dist/components/scout-app-bar.js";
+import { ScoutAvatar as ScoutAvatarElement, defineCustomElement as defineScoutAvatar } from "@scouterna/ui-webc/dist/components/scout-avatar.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 { ScoutDrawer as ScoutDrawerElement, defineCustomElement as defineScoutDrawer } from "@scouterna/ui-webc/dist/components/scout-drawer.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";
@@ -14,6 +16,7 @@ import { ScoutListViewSubheader as ScoutListViewSubheaderElement, defineCustomEl
 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 { ScoutSegmentedControl as ScoutSegmentedControlElement, defineCustomElement as defineScoutSegmentedControl } from "@scouterna/ui-webc/dist/components/scout-segmented-control.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";
@@ -29,6 +32,14 @@ export const ScoutAppBar = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineScoutAppBar
 });
+export const ScoutAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'scout-avatar',
+    elementClass: ScoutAvatarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutAvatar
+});
 export const ScoutBottomBar = /*@__PURE__*/ createComponent({
     tagName: 'scout-bottom-bar',
     elementClass: ScoutBottomBarElement,
@@ -85,6 +96,17 @@ export const ScoutDivider = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineScoutDivider
 });
+export const ScoutDrawer = /*@__PURE__*/ createComponent({
+    tagName: 'scout-drawer',
+    elementClass: ScoutDrawerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBackButtonClicked: 'backButtonClicked',
+        onExitButtonClicked: 'exitButtonClicked'
+    },
+    defineCustomElement: defineScoutDrawer
+});
 export const ScoutField = /*@__PURE__*/ createComponent({
     tagName: 'scout-field',
     elementClass: ScoutFieldElement,
@@ -164,6 +186,14 @@ export const ScoutRadioButton = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineScoutRadioButton
 });
+export const ScoutSegmentedControl = /*@__PURE__*/ createComponent({
+    tagName: 'scout-segmented-control',
+    elementClass: ScoutSegmentedControlElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onScoutChange: 'scoutChange' },
+    defineCustomElement: defineScoutSegmentedControl
+});
 export const ScoutSelect = /*@__PURE__*/ createComponent({
     tagName: 'scout-select',
     elementClass: ScoutSelectElement,

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

@@ -4,12 +4,14 @@
  */
 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 { ScoutAvatar as ScoutAvatarElement } from "@scouterna/ui-webc/dist/components/scout-avatar.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 { ScoutDrawer as ScoutDrawerElement } from "@scouterna/ui-webc/dist/components/scout-drawer.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";
@@ -18,6 +20,7 @@ import { ScoutListViewSubheader as ScoutListViewSubheaderElement } from "@scoute
 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 { ScoutSegmentedControl as ScoutSegmentedControlElement } from "@scouterna/ui-webc/dist/components/scout-segmented-control.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";
@@ -26,6 +29,8 @@ import { ScoutTabs as ScoutTabsElement } from "@scouterna/ui-webc/dist/component
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type ScoutAppBarEvents = NonNullable<unknown>;
 export declare const ScoutAppBar: StencilReactComponent<ScoutAppBarElement, ScoutAppBarEvents>;
+export type ScoutAvatarEvents = NonNullable<unknown>;
+export declare const ScoutAvatar: StencilReactComponent<ScoutAvatarElement, ScoutAvatarEvents>;
 export type ScoutBottomBarEvents = NonNullable<unknown>;
 export declare const ScoutBottomBar: StencilReactComponent<ScoutBottomBarElement, ScoutBottomBarEvents>;
 export type ScoutBottomBarItemEvents = {
@@ -61,6 +66,11 @@ export type ScoutCheckboxEvents = {
 export declare const ScoutCheckbox: StencilReactComponent<ScoutCheckboxElement, ScoutCheckboxEvents>;
 export type ScoutDividerEvents = NonNullable<unknown>;
 export declare const ScoutDivider: StencilReactComponent<ScoutDividerElement, ScoutDividerEvents>;
+export type ScoutDrawerEvents = {
+    onBackButtonClicked: EventName<CustomEvent<void>>;
+    onExitButtonClicked: EventName<CustomEvent<void>>;
+};
+export declare const ScoutDrawer: StencilReactComponent<ScoutDrawerElement, ScoutDrawerEvents>;
 export type ScoutFieldEvents = NonNullable<unknown>;
 export declare const ScoutField: StencilReactComponent<ScoutFieldElement, ScoutFieldEvents>;
 export type ScoutInputEvents = {
@@ -115,6 +125,12 @@ export type ScoutRadioButtonEvents = {
     }>>;
 };
 export declare const ScoutRadioButton: StencilReactComponent<ScoutRadioButtonElement, ScoutRadioButtonEvents>;
+export type ScoutSegmentedControlEvents = {
+    onScoutChange: EventName<CustomEvent<{
+        value: number;
+    }>>;
+};
+export declare const ScoutSegmentedControl: StencilReactComponent<ScoutSegmentedControlElement, ScoutSegmentedControlEvents>;
 export type ScoutSelectEvents = {
     onScoutInputChange: EventName<ScoutSelectCustomEvent<{
         value: string;

package/package.json

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