@sellmate/design-system-react 0.0.18 → 0.0.20

package/dist/components/components.d.ts

@@ -4,6 +4,7 @@
  */
 export { SdBadge } from "./sd-badge.js";
 export { SdButton } from "./sd-button.js";
+export { SdCard } from "./sd-card.js";
 export { SdCheckbox } from "./sd-checkbox.js";
 export { SdDateBox } from "./sd-date-box.js";
 export { SdDatePicker } from "./sd-date-picker.js";

package/dist/components/components.js

@@ -5,6 +5,7 @@
 /* eslint-disable */
 export { SdBadge } from "./sd-badge.js";
 export { SdButton } from "./sd-button.js";
+export { SdCard } from "./sd-card.js";
 export { SdCheckbox } from "./sd-checkbox.js";
 export { SdDateBox } from "./sd-date-box.js";
 export { SdDatePicker } from "./sd-date-picker.js";

package/dist/components/sd-button.server.js

@@ -20,7 +20,8 @@ export const SdButton = /*@__PURE__*/ createComponent({
         iconColor: 'icon-color',
         iconSize: 'icon-size',
         iconRight: 'icon-right',
-        noHover: 'no-hover'
+        noHover: 'no-hover',
+        class: 'class'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdButton,

package/dist/components/sd-card.d.ts

@@ -0,0 +1,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 { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type SdCardEvents = NonNullable<unknown>;
+export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;

package/dist/components/sd-card.js

@@ -0,0 +1,17 @@
+'use client';
+/**
+ * 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.
+ */
+/* eslint-disable */
+import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const SdCard = /*@__PURE__*/ createComponent({
+    tagName: 'sd-card',
+    elementClass: SdCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineSdCard
+});

package/dist/components/sd-card.server.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+export declare const serializeShadowRoot: SerializeShadowRootOptions;
+export type SdCardEvents = NonNullable<unknown>;
+export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;

package/dist/components/sd-card.server.js

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ */
+/* eslint-disable */
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+import { createComponent } from '@stencil/react-output-target/ssr';
+export const serializeShadowRoot = { default: "declarative-shadow-dom" };
+export const SdCard = /*@__PURE__*/ createComponent({
+    tagName: 'sd-card',
+    properties: {
+        bordered: 'bordered',
+        class: 'class'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate'),
+    clientModule: clientComponents.SdCard,
+    serializeShadowRoot,
+});

package/dist/components/sd-checkbox.d.ts

@@ -2,9 +2,10 @@
  * 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 CheckedType, type SdCheckboxCustomEvent } from "@sellmate/design-system";
 import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type SdCheckboxEvents = {
-    onSdChange: EventName<CustomEvent<any | any[]>>;
+    onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
 };
 export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;

package/dist/components/sd-checkbox.js

@@ -1,9 +1,4 @@
 'use client';
-/**
- * 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.
- */
-/* eslint-disable */
 import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';

package/dist/components/sd-checkbox.server.d.ts

@@ -2,11 +2,12 @@
  * 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 CheckedType, type SdCheckboxCustomEvent } from "@sellmate/design-system";
 import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 export declare const serializeShadowRoot: SerializeShadowRootOptions;
 export type SdCheckboxEvents = {
-    onSdChange: EventName<CustomEvent<any | any[]>>;
+    onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>>;
 };
 export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;

package/dist/components/sd-guide.server.js

@@ -11,7 +11,7 @@ export const SdGuide = /*@__PURE__*/ createComponent({
     tagName: 'sd-guide',
     properties: {
         type: 'type',
-        popupTitle: 'popup-title',
+        label: 'label',
         message: 'message',
         guideUrl: 'guide-url',
         popupWidth: 'popup-width'

package/lib/components/components.ts

@@ -6,6 +6,7 @@
 /* eslint-disable */
 export { SdBadge } from "./sd-badge.js";
 export { SdButton } from "./sd-button.js";
+export { SdCard } from "./sd-card.js";
 export { SdCheckbox } from "./sd-checkbox.js";
 export { SdDateBox } from "./sd-date-box.js";
 export { SdDatePicker } from "./sd-date-picker.js";

package/lib/components/sd-button.server.ts

@@ -30,7 +30,8 @@ export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> =
         iconColor: 'icon-color',
         iconSize: 'icon-size',
         iconRight: 'icon-right',
-        noHover: 'no-hover'
+        noHover: 'no-hover',
+        class: 'class'
     },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdButton as ReactWebComponent<SdButtonElement, SdButtonEvents>,

package/lib/components/sd-card.server.ts

@@ -0,0 +1,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.
+ */
+
+/* eslint-disable */
+
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from '@sellmate/design-system-react';
+
+import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type SdCardEvents = NonNullable<unknown>;
+
+export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
+    tagName: 'sd-card',
+    properties: {
+        bordered: 'bordered',
+        class: 'class'
+    },
+    hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
+    clientModule: clientComponents.SdCard as ReactWebComponent<SdCardElement, SdCardEvents>,
+    serializeShadowRoot,
+});

package/lib/components/sd-card.ts

@@ -0,0 +1,24 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+export type SdCardEvents = NonNullable<unknown>;
+
+export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
+    tagName: 'sd-card',
+    elementClass: SdCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as SdCardEvents,
+    defineCustomElement: defineSdCard
+});

package/lib/components/sd-checkbox.server.ts

@@ -8,13 +8,14 @@
 // @ts-ignore - ignore potential type issues as the project is importing itself
 import * as clientComponents from '@sellmate/design-system-react';
 
+import { type CheckedType, type SdCheckboxCustomEvent } from "@sellmate/design-system";
 import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 
 export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
 
-export type SdCheckboxEvents = { onSdChange: EventName<CustomEvent<any | any[]>> };
+export type SdCheckboxEvents = { onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>> };
 
 export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents> = /*@__PURE__*/ createComponent<SdCheckboxElement, SdCheckboxEvents>({
     tagName: 'sd-checkbox',

package/lib/components/sd-checkbox.ts

@@ -7,12 +7,13 @@
 
 /* eslint-disable */
 
+import { type CheckedType, type SdCheckboxCustomEvent } from "@sellmate/design-system";
 import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
 
-export type SdCheckboxEvents = { onSdChange: EventName<CustomEvent<any | any[]>> };
+export type SdCheckboxEvents = { onSdChange: EventName<SdCheckboxCustomEvent<CheckedType>> };
 
 export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents> = /*@__PURE__*/ createComponent<SdCheckboxElement, SdCheckboxEvents>({
     tagName: 'sd-checkbox',

package/lib/components/sd-guide.server.ts

@@ -20,7 +20,7 @@ export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@
     tagName: 'sd-guide',
     properties: {
         type: 'type',
-        popupTitle: 'popup-title',
+        label: 'label',
         message: 'message',
         guideUrl: 'guide-url',
         popupWidth: 'popup-width'

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-react",
- "version": "0.0.18",
+ "version": "0.0.20",
  "description": "Design System - React Component Wrappers",
  "keywords": [
   "react",
@@ -53,7 +53,7 @@
   "dev": "tsc --watch"
  },
  "dependencies": {
-  "@sellmate/design-system": "^0.0.13",
+  "@sellmate/design-system": "^0.0.15",
   "@stencil/react-output-target": "^1.2.0"
  },
  "peerDependencies": {
@@ -67,5 +67,5 @@
   "rimraf": "^6.0.1",
   "typescript": "^5.9.3"
  },
- "gitHead": "1f01304d6cc3770a5de3ff56afa8bd55f759b537"
+ "gitHead": "759287eea304252ee96284134cd989639d487ed0"
 }