@dust-tt/sparkle 0.2.220 → 0.2.221
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/esm/components/RadioButton.d.ts +1 -1
- package/dist/esm/components/RadioButton.d.ts.map +1 -1
- package/dist/esm/stories/RadioButton.stories.d.ts.map +1 -1
- package/dist/esm/stories/RadioButton.stories.js +13 -6
- package/dist/esm/stories/RadioButton.stories.js.map +1 -1
- package/package.json +2 -2
- package/src/components/RadioButton.tsx +1 -1
- package/src/stories/RadioButton.stories.tsx +19 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAyBF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,qBAmClB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBAmE/B,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { RadioButton } from "../components/RadioButton";
|
|
4
|
+
import { PauseIcon, PlayIcon, StopIcon } from "../icons";
|
|
4
5
|
var meta = {
|
|
5
6
|
title: "Primitives/RadioButton",
|
|
6
7
|
component: RadioButton,
|
|
@@ -12,18 +13,24 @@ export var RadioButtonExamples = function () {
|
|
|
12
13
|
return (React.createElement("div", null,
|
|
13
14
|
React.createElement(RadioButton, { name: "test1", choices: [
|
|
14
15
|
{
|
|
15
|
-
label:
|
|
16
|
-
|
|
16
|
+
label: (React.createElement(React.Fragment, null,
|
|
17
|
+
React.createElement(PauseIcon, { style: { display: "inline" } }),
|
|
18
|
+
" pause")),
|
|
19
|
+
value: "pause",
|
|
17
20
|
disabled: false,
|
|
18
21
|
},
|
|
19
22
|
{
|
|
20
|
-
label:
|
|
21
|
-
|
|
23
|
+
label: (React.createElement(React.Fragment, null,
|
|
24
|
+
React.createElement(PlayIcon, { style: { display: "inline" } }),
|
|
25
|
+
" play")),
|
|
26
|
+
value: "play",
|
|
22
27
|
disabled: false,
|
|
23
28
|
},
|
|
24
29
|
{
|
|
25
|
-
label:
|
|
26
|
-
|
|
30
|
+
label: (React.createElement(React.Fragment, null,
|
|
31
|
+
React.createElement(StopIcon, { style: { display: "inline" } }),
|
|
32
|
+
" stop")),
|
|
33
|
+
value: "stop",
|
|
27
34
|
disabled: true,
|
|
28
35
|
},
|
|
29
36
|
], value: value1, onChange: function (v) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;CACY,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC3B,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,KAAK,CAAC,IAAA,EAAlD,MAAM,QAAA,EAAE,SAAS,QAAiC,CAAC;IACpD,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IAEvD,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL;wBACE,oBAAC,SAAS,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAI;iCAC1C,CACJ;oBACD,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,CACL;wBACE,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAI;gCACzC,CACJ;oBACD,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,CACL;wBACE,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAI;gCACzC,CACJ;oBACD,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,IAAI;iBACf;aACF,EACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;gBACV,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD;QACF,+BAAM;QACN,+BAAM;QACN,+BAAM;QACN,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,IAAI;oBACX,QAAQ,EAAE,KAAK;iBAChB;aACF,EACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;gBACV,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dust-tt/sparkle",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.221",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
|
|
6
6
|
"tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
|
|
@@ -98,4 +98,4 @@
|
|
|
98
98
|
"tailwind-scrollbar-hide": "^1.1.7"
|
|
99
99
|
},
|
|
100
100
|
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
|
|
101
|
-
}
|
|
101
|
+
}
|
|
@@ -2,6 +2,7 @@ import { Meta } from "@storybook/react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
|
|
4
4
|
import { RadioButton } from "@sparkle/components/RadioButton";
|
|
5
|
+
import { PauseIcon, PlayIcon, StopIcon } from "@sparkle/icons";
|
|
5
6
|
|
|
6
7
|
const meta = {
|
|
7
8
|
title: "Primitives/RadioButton",
|
|
@@ -20,18 +21,30 @@ export const RadioButtonExamples = () => {
|
|
|
20
21
|
name="test1"
|
|
21
22
|
choices={[
|
|
22
23
|
{
|
|
23
|
-
label:
|
|
24
|
-
|
|
24
|
+
label: (
|
|
25
|
+
<>
|
|
26
|
+
<PauseIcon style={{ display: "inline" }} /> pause
|
|
27
|
+
</>
|
|
28
|
+
),
|
|
29
|
+
value: "pause",
|
|
25
30
|
disabled: false,
|
|
26
31
|
},
|
|
27
32
|
{
|
|
28
|
-
label:
|
|
29
|
-
|
|
33
|
+
label: (
|
|
34
|
+
<>
|
|
35
|
+
<PlayIcon style={{ display: "inline" }} /> play
|
|
36
|
+
</>
|
|
37
|
+
),
|
|
38
|
+
value: "play",
|
|
30
39
|
disabled: false,
|
|
31
40
|
},
|
|
32
41
|
{
|
|
33
|
-
label:
|
|
34
|
-
|
|
42
|
+
label: (
|
|
43
|
+
<>
|
|
44
|
+
<StopIcon style={{ display: "inline" }} /> stop
|
|
45
|
+
</>
|
|
46
|
+
),
|
|
47
|
+
value: "stop",
|
|
35
48
|
disabled: true,
|
|
36
49
|
},
|
|
37
50
|
]}
|