@synergy-design-system/react 2.11.8 → 2.12.0

package/dist/chunks/chunk.VGOF4RIB.js

@@ -0,0 +1,18 @@
+// ../react/src/components/validate.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import Component from "@synergy-design-system/components/components/validate/validate.component.js";
+var tagName = "syn-validate";
+Component.define("syn-validate");
+var SynValidate = createComponent({
+  displayName: "SynValidate",
+  elementClass: Component,
+  events: {},
+  react: React,
+  tagName
+});
+
+export {
+  SynValidate
+};
+//# sourceMappingURL=chunk.VGOF4RIB.js.map

package/dist/chunks/chunk.VGOF4RIB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/validate.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED @synergy-design-system/react wrappers for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\nimport * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport Component from '@synergy-design-system/components/components/validate/validate.component.js';\n\nconst tagName = 'syn-validate';\nComponent.define('syn-validate');\n\n/**\n * @summary Validate provides form field validation messages in a unified way.\n * It does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\n * and showing the validation message in a consistent, user defined way.\n *\n * @dependency syn-alert\n *\n * @slot - The form field that should be validated.\n * Avoid slotting in more than one element, as subsequent ones will be ignored.\n *\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the form field.\n * @csspart alert - The syn-alert that is shown when the variant is set to \"inline\".\n * @csspart alert__base - The container that wraps the alert.\n * @csspart alert__message - The container that wraps the alert message.\n * @csspart alert__icon - The container that wraps the alert icon.\n */\nexport const SynValidate = createComponent({\n  displayName: 'SynValidate',\n  elementClass: Component,\n  events: {},\n  react: React,\n  tagName,\n});\n"],
+  "mappings": ";AAKA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,eAAe;AAEtB,IAAM,UAAU;AAChB,UAAU,OAAO,cAAc;AAmBxB,IAAM,cAAc,gBAAgB;AAAA,EACzC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAAC;AAAA,EACT,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/components/validate.d.ts

@@ -0,0 +1,19 @@
+import Component from '@synergy-design-system/components/components/validate/validate.component.js';
+/**
+ * @summary Validate provides form field validation messages in a unified way.
+ * It does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
+ * and showing the validation message in a consistent, user defined way.
+ *
+ * @dependency syn-alert
+ *
+ * @slot - The form field that should be validated.
+ * Avoid slotting in more than one element, as subsequent ones will be ignored.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart input-wrapper - The container that wraps the form field.
+ * @csspart alert - The syn-alert that is shown when the variant is set to "inline".
+ * @csspart alert__base - The container that wraps the alert.
+ * @csspart alert__message - The container that wraps the alert message.
+ * @csspart alert__icon - The container that wraps the alert icon.
+ */
+export declare const SynValidate: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/validate.js

@@ -0,0 +1,7 @@
+import {
+  SynValidate
+} from "../chunks/chunk.VGOF4RIB.js";
+export {
+  SynValidate
+};
+//# sourceMappingURL=validate.js.map

package/dist/components/validate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/index.d.ts

@@ -43,3 +43,4 @@ export { SynTabPanel } from './components/tab-panel.js';
 export { SynTag } from './components/tag.js';
 export { SynTextarea } from './components/textarea.js';
 export { SynTooltip } from './components/tooltip.js';
+export { SynValidate } from './components/validate.js';

package/dist/index.js

@@ -16,6 +16,9 @@ import {
 import {
   SynTooltip
 } from "./chunks/chunk.M5I2WKYZ.js";
+import {
+  SynValidate
+} from "./chunks/chunk.VGOF4RIB.js";
 import {
   SynRadioGroup
 } from "./chunks/chunk.Z3UEBLMD.js";
@@ -178,6 +181,7 @@ export {
   SynTabPanel,
   SynTag,
   SynTextarea,
-  SynTooltip
+  SynTooltip,
+  SynValidate
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -5,7 +5,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.6",
-    "@synergy-design-system/components": "^2.11.8"
+    "@synergy-design-system/components": "^2.12.0"
   },
   "description": "React wrappers for the Synergy Design System",
   "exports": {
@@ -40,12 +40,12 @@
     "directory": "packages/react"
   },
   "type": "module",
-  "version": "2.11.8",
+  "version": "2.12.0",
   "devDependencies": {
     "@types/react": "^18.3.12",
     "react": "^18.3.1"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.13.0"
+    "@synergy-design-system/tokens": "^2.14.0"
   }
 }