@synergy-design-system/react 1.17.2 → 1.19.0

package/dist/chunks/chunk.FGMVRUPR.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress-ring.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/progress-ring/progress-ring.component.js';\n\nconst tagName = 'syn-progress-ring';\nComponent.define('syn-progress-ring');\n\n/**\n * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.\n * @documentation https://synergy.style/components/progress-ring\n * @status stable\n * @since 2.0\n *\n * @slot - A label to show inside the ring.\n *\n * @csspart base - The component's base wrapper.\n * @csspart label - The progress ring label.\n *\n * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).\n * @cssproperty --track-width - The width of the track.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.\n */\nexport const SynProgressRing = createComponent({\n  displayName: 'SynProgressRing',\n  elementClass: Component,\n  events: {\n\n  },\n  react: React,\n  tagName,\n});\n"],
+  "mappings": ";AAKA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,eAAe;AAEtB,IAAM,UAAU;AAChB,UAAU,OAAO,mBAAmB;AAoB7B,IAAM,kBAAkB,gBAAgB;AAAA,EAC7C,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAER;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/chunks/chunk.U44M2PKP.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress-bar.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/progress-bar/progress-bar.component.js';\n\nconst tagName = 'syn-progress-bar';\nComponent.define('syn-progress-bar');\n\n/**\n * @summary Progress bars are used to show the status of an ongoing operation.\n * @documentation https://synergy.style/components/progress-bar\n * @status stable\n * @since 2.0\n *\n * @slot - A label to show inside the progress indicator.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The progress bar's indicator.\n * @csspart label - The progress bar's label.\n *\n * @cssproperty --height - The progress bar's height.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --label-color - The color of the label.\n * @cssproperty --speed - The speed of the progress bar when in indeterminate state.\n */\nexport const SynProgressBar = createComponent({\n  displayName: 'SynProgressBar',\n  elementClass: Component,\n  events: {\n\n  },\n  react: React,\n  tagName,\n});\n"],
+  "mappings": ";AAKA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,eAAe;AAEtB,IAAM,UAAU;AAChB,UAAU,OAAO,kBAAkB;AAoB5B,IAAM,iBAAiB,gBAAgB;AAAA,EAC5C,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ,CAER;AAAA,EACA,OAAO;AAAA,EACP;AACF,CAAC;",
+  "names": []
+}

package/dist/components/progress-bar.d.ts

@@ -0,0 +1,20 @@
+import Component from '@synergy-design-system/components/components/progress-bar/progress-bar.component.js';
+/**
+ * @summary Progress bars are used to show the status of an ongoing operation.
+ * @documentation https://synergy.style/components/progress-bar
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - A label to show inside the progress indicator.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart indicator - The progress bar's indicator.
+ * @csspart label - The progress bar's label.
+ *
+ * @cssproperty --height - The progress bar's height.
+ * @cssproperty --track-color - The color of the track.
+ * @cssproperty --indicator-color - The color of the indicator.
+ * @cssproperty --label-color - The color of the label.
+ * @cssproperty --speed - The speed of the progress bar when in indeterminate state.
+ */
+export declare const SynProgressBar: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/progress-bar.js

@@ -0,0 +1,7 @@
+import {
+  SynProgressBar
+} from "../chunks/chunk.U44M2PKP.js";
+export {
+  SynProgressBar
+};
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/progress-bar.js.map

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

package/dist/components/progress-ring.d.ts

@@ -0,0 +1,20 @@
+import Component from '@synergy-design-system/components/components/progress-ring/progress-ring.component.js';
+/**
+ * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
+ * @documentation https://synergy.style/components/progress-ring
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - A label to show inside the ring.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The progress ring label.
+ *
+ * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).
+ * @cssproperty --track-width - The width of the track.
+ * @cssproperty --track-color - The color of the track.
+ * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.
+ * @cssproperty --indicator-color - The color of the indicator.
+ * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.
+ */
+export declare const SynProgressRing: import("@lit/react").ReactWebComponent<Component, {}>;

package/dist/components/progress-ring.js

@@ -0,0 +1,7 @@
+import {
+  SynProgressRing
+} from "../chunks/chunk.FGMVRUPR.js";
+export {
+  SynProgressRing
+};
+//# sourceMappingURL=progress-ring.js.map

package/dist/components/progress-ring.js.map

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

package/dist/index.d.ts

@@ -17,6 +17,8 @@ export { SynOptgroup } from './components/optgroup.js';
 export { SynOption } from './components/option.js';
 export { SynPopup } from './components/popup.js';
 export { SynPrioNav } from './components/prio-nav.js';
+export { SynProgressBar } from './components/progress-bar.js';
+export { SynProgressRing } from './components/progress-ring.js';
 export { SynRadio } from './components/radio.js';
 export { SynRadioButton } from './components/radio-button.js';
 export { SynRadioGroup } from './components/radio-group.js';

package/dist/index.js

@@ -1,3 +1,9 @@
+import {
+  SynRadio
+} from "./chunks/chunk.AFCMSVBY.js";
+import {
+  SynSelect
+} from "./chunks/chunk.FB24BPQZ.js";
 import {
   SynSideNav
 } from "./chunks/chunk.6BJ6XSFN.js";
@@ -22,18 +28,18 @@ import {
 import {
   SynPrioNav
 } from "./chunks/chunk.7732PJEC.js";
+import {
+  SynProgressBar
+} from "./chunks/chunk.U44M2PKP.js";
+import {
+  SynProgressRing
+} from "./chunks/chunk.FGMVRUPR.js";
 import {
   SynRadioButton
 } from "./chunks/chunk.QBD4EIK5.js";
 import {
   SynRadioGroup
 } from "./chunks/chunk.PCXGVEBP.js";
-import {
-  SynRadio
-} from "./chunks/chunk.AFCMSVBY.js";
-import {
-  SynSelect
-} from "./chunks/chunk.FB24BPQZ.js";
 import {
   SynHeader
 } from "./chunks/chunk.BD6VWV24.js";
@@ -99,6 +105,8 @@ export {
   SynOption,
   SynPopup,
   SynPrioNav,
+  SynProgressBar,
+  SynProgressRing,
   SynRadio,
   SynRadioButton,
   SynRadioGroup,

package/package.json

@@ -5,7 +5,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.4",
-    "@synergy-design-system/components": "^1.17.2"
+    "@synergy-design-system/components": "^1.19.0"
   },
   "description": "React wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/react"
   },
   "type": "module",
-  "version": "1.17.2",
+  "version": "1.19.0",
   "devDependencies": {
     "@types/react": "^18.2.79",
     "react": "^18.2.0"