@synergy-design-system/react 1.18.0 → 1.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/chunk.U44M2PKP.js +18 -0
- package/dist/chunks/chunk.U44M2PKP.js.map +7 -0
- package/dist/components/progress-bar.d.ts +20 -0
- package/dist/components/progress-bar.js +7 -0
- package/dist/components/progress-bar.js.map +7 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +7 -3
- package/package.json +2 -2
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// ../react/src/components/progress-bar.ts
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import Component from "@synergy-design-system/components/components/progress-bar/progress-bar.component.js";
|
|
5
|
+
var tagName = "syn-progress-bar";
|
|
6
|
+
Component.define("syn-progress-bar");
|
|
7
|
+
var SynProgressBar = createComponent({
|
|
8
|
+
displayName: "SynProgressBar",
|
|
9
|
+
elementClass: Component,
|
|
10
|
+
events: {},
|
|
11
|
+
react: React,
|
|
12
|
+
tagName
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
export {
|
|
16
|
+
SynProgressBar
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=chunk.U44M2PKP.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/progress-bar.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import Component from '@synergy-design-system/components/components/progress-bar/progress-bar.component.js';
|
|
2
|
+
/**
|
|
3
|
+
* @summary Progress bars are used to show the status of an ongoing operation.
|
|
4
|
+
* @documentation https://synergy.style/components/progress-bar
|
|
5
|
+
* @status stable
|
|
6
|
+
* @since 2.0
|
|
7
|
+
*
|
|
8
|
+
* @slot - A label to show inside the progress indicator.
|
|
9
|
+
*
|
|
10
|
+
* @csspart base - The component's base wrapper.
|
|
11
|
+
* @csspart indicator - The progress bar's indicator.
|
|
12
|
+
* @csspart label - The progress bar's label.
|
|
13
|
+
*
|
|
14
|
+
* @cssproperty --height - The progress bar's height.
|
|
15
|
+
* @cssproperty --track-color - The color of the track.
|
|
16
|
+
* @cssproperty --indicator-color - The color of the indicator.
|
|
17
|
+
* @cssproperty --label-color - The color of the label.
|
|
18
|
+
* @cssproperty --speed - The speed of the progress bar when in indeterminate state.
|
|
19
|
+
*/
|
|
20
|
+
export declare const SynProgressBar: import("@lit/react").ReactWebComponent<Component, {}>;
|
package/dist/index.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ export { SynOptgroup } from './components/optgroup.js';
|
|
|
17
17
|
export { SynOption } from './components/option.js';
|
|
18
18
|
export { SynPopup } from './components/popup.js';
|
|
19
19
|
export { SynPrioNav } from './components/prio-nav.js';
|
|
20
|
+
export { SynProgressBar } from './components/progress-bar.js';
|
|
20
21
|
export { SynProgressRing } from './components/progress-ring.js';
|
|
21
22
|
export { SynRadio } from './components/radio.js';
|
|
22
23
|
export { SynRadioButton } from './components/radio-button.js';
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SynRadio
|
|
3
|
+
} from "./chunks/chunk.AFCMSVBY.js";
|
|
1
4
|
import {
|
|
2
5
|
SynSelect
|
|
3
6
|
} from "./chunks/chunk.FB24BPQZ.js";
|
|
@@ -25,6 +28,9 @@ import {
|
|
|
25
28
|
import {
|
|
26
29
|
SynPrioNav
|
|
27
30
|
} from "./chunks/chunk.7732PJEC.js";
|
|
31
|
+
import {
|
|
32
|
+
SynProgressBar
|
|
33
|
+
} from "./chunks/chunk.U44M2PKP.js";
|
|
28
34
|
import {
|
|
29
35
|
SynProgressRing
|
|
30
36
|
} from "./chunks/chunk.FGMVRUPR.js";
|
|
@@ -34,9 +40,6 @@ import {
|
|
|
34
40
|
import {
|
|
35
41
|
SynRadioGroup
|
|
36
42
|
} from "./chunks/chunk.PCXGVEBP.js";
|
|
37
|
-
import {
|
|
38
|
-
SynRadio
|
|
39
|
-
} from "./chunks/chunk.AFCMSVBY.js";
|
|
40
43
|
import {
|
|
41
44
|
SynHeader
|
|
42
45
|
} from "./chunks/chunk.BD6VWV24.js";
|
|
@@ -102,6 +105,7 @@ export {
|
|
|
102
105
|
SynOption,
|
|
103
106
|
SynPopup,
|
|
104
107
|
SynPrioNav,
|
|
108
|
+
SynProgressBar,
|
|
105
109
|
SynProgressRing,
|
|
106
110
|
SynRadio,
|
|
107
111
|
SynRadioButton,
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
},
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@lit/react": "^1.0.4",
|
|
8
|
-
"@synergy-design-system/components": "^1.
|
|
8
|
+
"@synergy-design-system/components": "^1.19.0"
|
|
9
9
|
},
|
|
10
10
|
"description": "React wrappers for the Synergy Design System",
|
|
11
11
|
"exports": {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"directory": "packages/react"
|
|
41
41
|
},
|
|
42
42
|
"type": "module",
|
|
43
|
-
"version": "1.
|
|
43
|
+
"version": "1.19.0",
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@types/react": "^18.2.79",
|
|
46
46
|
"react": "^18.2.0"
|