@scouterna/ui-react 2.2.7 → 3.1.0

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

@@ -17,6 +17,8 @@ import { ScoutRadioButton as ScoutRadioButtonElement, defineCustomElement as def
 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 { ScoutTabsTab as ScoutTabsTabElement, defineCustomElement as defineScoutTabsTab } from "@scouterna/ui-webc/dist/components/scout-tabs-tab.js";
+import { ScoutTabs as ScoutTabsElement, defineCustomElement as defineScoutTabs } from "@scouterna/ui-webc/dist/components/scout-tabs.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
 export const ScoutAppBar = /*@__PURE__*/ createComponent({
@@ -67,7 +69,8 @@ export const ScoutCheckbox = /*@__PURE__*/ createComponent({
     events: {
         onScoutInputChange: 'scoutInputChange',
         onScoutBlur: 'scoutBlur',
-        on_scoutValidate: '_scoutValidate',
+        onScoutValidate: 'scoutValidate',
+        on_scoutValidityChanged: '_scoutValidityChanged',
         on_scoutInvalid: '_scoutInvalid',
         on_scoutFieldId: '_scoutFieldId',
         onScoutChecked: 'scoutChecked'
@@ -98,7 +101,8 @@ export const ScoutInput = /*@__PURE__*/ createComponent({
     events: {
         onScoutInputChange: 'scoutInputChange',
         onScoutBlur: 'scoutBlur',
-        on_scoutValidate: '_scoutValidate',
+        onScoutValidate: 'scoutValidate',
+        on_scoutValidityChanged: '_scoutValidityChanged',
         on_scoutInvalid: '_scoutInvalid',
         on_scoutFieldId: '_scoutFieldId'
     },
@@ -152,7 +156,8 @@ export const ScoutRadioButton = /*@__PURE__*/ createComponent({
     events: {
         onScoutInputChange: 'scoutInputChange',
         onScoutBlur: 'scoutBlur',
-        on_scoutValidate: '_scoutValidate',
+        onScoutValidate: 'scoutValidate',
+        on_scoutValidityChanged: '_scoutValidityChanged',
         on_scoutInvalid: '_scoutInvalid',
         on_scoutFieldId: '_scoutFieldId',
         onScoutChecked: 'scoutChecked'
@@ -167,7 +172,8 @@ export const ScoutSelect = /*@__PURE__*/ createComponent({
     events: {
         onScoutInputChange: 'scoutInputChange',
         onScoutBlur: 'scoutBlur',
-        on_scoutValidate: '_scoutValidate',
+        onScoutValidate: 'scoutValidate',
+        on_scoutValidityChanged: '_scoutValidityChanged',
         on_scoutInvalid: '_scoutInvalid',
         on_scoutFieldId: '_scoutFieldId'
     },
@@ -189,10 +195,27 @@ export const ScoutSwitch = /*@__PURE__*/ createComponent({
     events: {
         onScoutInputChange: 'scoutInputChange',
         onScoutBlur: 'scoutBlur',
-        on_scoutValidate: '_scoutValidate',
+        onScoutValidate: 'scoutValidate',
+        on_scoutValidityChanged: '_scoutValidityChanged',
         on_scoutInvalid: '_scoutInvalid',
         on_scoutFieldId: '_scoutFieldId',
         onScoutChecked: 'scoutChecked'
     },
     defineCustomElement: defineScoutSwitch
 });
+export const ScoutTabs = /*@__PURE__*/ createComponent({
+    tagName: 'scout-tabs',
+    elementClass: ScoutTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onScoutChange: 'scoutChange' },
+    defineCustomElement: defineScoutTabs
+});
+export const ScoutTabsTab = /*@__PURE__*/ createComponent({
+    tagName: 'scout-tabs-tab',
+    elementClass: ScoutTabsTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineScoutTabsTab
+});

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

@@ -21,6 +21,8 @@ import { ScoutRadioButton as ScoutRadioButtonElement } from "@scouterna/ui-webc/
 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 { ScoutTabsTab as ScoutTabsTabElement } from "@scouterna/ui-webc/dist/components/scout-tabs-tab.js";
+import { ScoutTabs as ScoutTabsElement } from "@scouterna/ui-webc/dist/components/scout-tabs.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type ScoutAppBarEvents = NonNullable<unknown>;
 export declare const ScoutAppBar: StencilReactComponent<ScoutAppBarElement, ScoutAppBarEvents>;
@@ -42,7 +44,11 @@ export type ScoutCheckboxEvents = {
         element: HTMLElement;
     }>>;
     onScoutBlur: EventName<CustomEvent<void>>;
-    on_scoutValidate: EventName<ScoutCheckboxCustomEvent<{
+    onScoutValidate: EventName<ScoutCheckboxCustomEvent<{
+        value: string;
+        element: HTMLElement;
+    }>>;
+    on_scoutValidityChanged: EventName<ScoutCheckboxCustomEvent<{
         element: HTMLElement;
     }>>;
     on_scoutInvalid: EventName<CustomEvent<void>>;
@@ -63,7 +69,11 @@ export type ScoutInputEvents = {
         element: HTMLElement;
     }>>;
     onScoutBlur: EventName<CustomEvent<void>>;
-    on_scoutValidate: EventName<ScoutInputCustomEvent<{
+    onScoutValidate: EventName<ScoutInputCustomEvent<{
+        value: string;
+        element: HTMLElement;
+    }>>;
+    on_scoutValidityChanged: EventName<ScoutInputCustomEvent<{
         element: HTMLElement;
     }>>;
     on_scoutInvalid: EventName<CustomEvent<void>>;
@@ -90,7 +100,11 @@ export type ScoutRadioButtonEvents = {
         element: HTMLElement;
     }>>;
     onScoutBlur: EventName<CustomEvent<void>>;
-    on_scoutValidate: EventName<ScoutRadioButtonCustomEvent<{
+    onScoutValidate: EventName<ScoutRadioButtonCustomEvent<{
+        value: string;
+        element: HTMLElement;
+    }>>;
+    on_scoutValidityChanged: EventName<ScoutRadioButtonCustomEvent<{
         element: HTMLElement;
     }>>;
     on_scoutInvalid: EventName<CustomEvent<void>>;
@@ -107,7 +121,11 @@ export type ScoutSelectEvents = {
         element: HTMLElement;
     }>>;
     onScoutBlur: EventName<CustomEvent<void>>;
-    on_scoutValidate: EventName<ScoutSelectCustomEvent<{
+    onScoutValidate: EventName<ScoutSelectCustomEvent<{
+        value: string;
+        element: HTMLElement;
+    }>>;
+    on_scoutValidityChanged: EventName<ScoutSelectCustomEvent<{
         element: HTMLElement;
     }>>;
     on_scoutInvalid: EventName<CustomEvent<void>>;
@@ -122,7 +140,11 @@ export type ScoutSwitchEvents = {
         element: HTMLElement;
     }>>;
     onScoutBlur: EventName<CustomEvent<void>>;
-    on_scoutValidate: EventName<ScoutSwitchCustomEvent<{
+    onScoutValidate: EventName<ScoutSwitchCustomEvent<{
+        value: string;
+        element: HTMLElement;
+    }>>;
+    on_scoutValidityChanged: EventName<ScoutSwitchCustomEvent<{
         element: HTMLElement;
     }>>;
     on_scoutInvalid: EventName<CustomEvent<void>>;
@@ -133,3 +155,11 @@ export type ScoutSwitchEvents = {
     }>>;
 };
 export declare const ScoutSwitch: StencilReactComponent<ScoutSwitchElement, ScoutSwitchEvents>;
+export type ScoutTabsEvents = {
+    onScoutChange: EventName<CustomEvent<{
+        value: number;
+    }>>;
+};
+export declare const ScoutTabs: StencilReactComponent<ScoutTabsElement, ScoutTabsEvents>;
+export type ScoutTabsTabEvents = NonNullable<unknown>;
+export declare const ScoutTabsTab: StencilReactComponent<ScoutTabsTabElement, ScoutTabsTabEvents>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scouterna/ui-react",
-  "version": "2.2.7",
+  "version": "3.1.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": "2.2.7"
+    "@scouterna/ui-webc": "3.1.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",