@salt-ds/lab 1.0.0-alpha.4 → 1.0.0-alpha.5
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-cjs/packages/lab/src/app-header/AppHeader.css.js +1 -1
- package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js +1 -3
- package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
- package/dist-cjs/packages/lab/src/carousel/Carousel.js +2 -5
- package/dist-cjs/packages/lab/src/carousel/Carousel.js.map +1 -1
- package/dist-cjs/packages/lab/src/color-chooser/ColorChooser.css.js +1 -1
- package/dist-cjs/packages/lab/src/color-chooser/HexInput.css.js +1 -1
- package/dist-cjs/packages/lab/src/dialog/Dialog.css.js +1 -1
- package/dist-cjs/packages/lab/src/dialog/DialogContent.css.js +1 -1
- package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js +17 -7
- package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
- package/dist-cjs/packages/lab/src/file-drop-zone/FileDropZone.css.js +1 -1
- package/dist-cjs/packages/lab/src/index.js +0 -22
- package/dist-cjs/packages/lab/src/index.js.map +1 -1
- package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.css.js +1 -1
- package/dist-cjs/packages/lab/src/list/ListItem.js +1 -5
- package/dist-cjs/packages/lab/src/list/ListItem.js.map +1 -1
- package/dist-cjs/packages/lab/src/pill/Pill.css.js +1 -1
- package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.js +1 -5
- package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.js.map +1 -1
- package/dist-cjs/packages/lab/src/tabs/Tab.css.js +1 -1
- package/dist-cjs/packages/lab/src/tabs/TabActivationIndicator.css.js +1 -1
- package/dist-cjs/packages/lab/src/tabs/Tabstrip.css.js +1 -1
- package/dist-cjs/packages/lab/src/toolbar/Toolbar.css.js +1 -1
- package/dist-es/packages/lab/src/app-header/AppHeader.css.js +1 -1
- package/dist-es/packages/lab/src/button-bar/OrderedButton.js +1 -3
- package/dist-es/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
- package/dist-es/packages/lab/src/carousel/Carousel.js +1 -4
- package/dist-es/packages/lab/src/carousel/Carousel.js.map +1 -1
- package/dist-es/packages/lab/src/color-chooser/ColorChooser.css.js +1 -1
- package/dist-es/packages/lab/src/color-chooser/HexInput.css.js +1 -1
- package/dist-es/packages/lab/src/dialog/Dialog.css.js +1 -1
- package/dist-es/packages/lab/src/dialog/DialogContent.css.js +1 -1
- package/dist-es/packages/lab/src/dropdown/useDropdownBase.js +17 -7
- package/dist-es/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
- package/dist-es/packages/lab/src/file-drop-zone/FileDropZone.css.js +1 -1
- package/dist-es/packages/lab/src/index.js +0 -11
- package/dist-es/packages/lab/src/index.js.map +1 -1
- package/dist-es/packages/lab/src/layer-layout/LayerLayout.css.js +1 -1
- package/dist-es/packages/lab/src/list/ListItem.js +1 -5
- package/dist-es/packages/lab/src/list/ListItem.js.map +1 -1
- package/dist-es/packages/lab/src/pill/Pill.css.js +1 -1
- package/dist-es/packages/lab/src/pill/internal/PillCheckbox.js +1 -5
- package/dist-es/packages/lab/src/pill/internal/PillCheckbox.js.map +1 -1
- package/dist-es/packages/lab/src/tabs/Tab.css.js +1 -1
- package/dist-es/packages/lab/src/tabs/TabActivationIndicator.css.js +1 -1
- package/dist-es/packages/lab/src/tabs/Tabstrip.css.js +1 -1
- package/dist-es/packages/lab/src/toolbar/Toolbar.css.js +1 -1
- package/dist-types/index.d.ts +0 -2
- package/dist-types/utils/index.d.ts +0 -1
- package/package.json +3 -3
- package/dist-cjs/packages/lab/src/checkbox/Checkbox.css.js +0 -9
- package/dist-cjs/packages/lab/src/checkbox/Checkbox.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/Checkbox.js +0 -71
- package/dist-cjs/packages/lab/src/checkbox/Checkbox.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.css.js +0 -9
- package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.js +0 -99
- package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.css.js +0 -9
- package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.js +0 -57
- package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.css.js +0 -9
- package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.js +0 -33
- package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js +0 -33
- package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
- package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
- package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
- package/dist-cjs/packages/lab/src/checkbox/internal/CheckboxGroupContext.js +0 -13
- package/dist-cjs/packages/lab/src/checkbox/internal/CheckboxGroupContext.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/RadioButton.css.js +0 -9
- package/dist-cjs/packages/lab/src/radio-button/RadioButton.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/RadioButton.js +0 -81
- package/dist-cjs/packages/lab/src/radio-button/RadioButton.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.css.js +0 -9
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.js +0 -57
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.css.js +0 -9
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.css.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.js +0 -43
- package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/internal/RadioGroupContext.js +0 -13
- package/dist-cjs/packages/lab/src/radio-button/internal/RadioGroupContext.js.map +0 -1
- package/dist-cjs/packages/lab/src/radio-button/internal/useRadioGroup.js +0 -13
- package/dist-cjs/packages/lab/src/radio-button/internal/useRadioGroup.js.map +0 -1
- package/dist-cjs/packages/lab/src/utils/capitalize.js +0 -10
- package/dist-cjs/packages/lab/src/utils/capitalize.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/Checkbox.css.js +0 -7
- package/dist-es/packages/lab/src/checkbox/Checkbox.css.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/Checkbox.js +0 -67
- package/dist-es/packages/lab/src/checkbox/Checkbox.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/CheckboxBase.css.js +0 -7
- package/dist-es/packages/lab/src/checkbox/CheckboxBase.css.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/CheckboxBase.js +0 -95
- package/dist-es/packages/lab/src/checkbox/CheckboxBase.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/CheckboxGroup.css.js +0 -7
- package/dist-es/packages/lab/src/checkbox/CheckboxGroup.css.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/CheckboxGroup.js +0 -53
- package/dist-es/packages/lab/src/checkbox/CheckboxGroup.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/CheckboxIcon.css.js +0 -7
- package/dist-es/packages/lab/src/checkbox/CheckboxIcon.css.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/CheckboxIcon.js +0 -29
- package/dist-es/packages/lab/src/checkbox/CheckboxIcon.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js +0 -29
- package/dist-es/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
- package/dist-es/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
- package/dist-es/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
- package/dist-es/packages/lab/src/checkbox/internal/CheckboxGroupContext.js +0 -9
- package/dist-es/packages/lab/src/checkbox/internal/CheckboxGroupContext.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/RadioButton.css.js +0 -7
- package/dist-es/packages/lab/src/radio-button/RadioButton.css.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/RadioButton.js +0 -77
- package/dist-es/packages/lab/src/radio-button/RadioButton.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.css.js +0 -7
- package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.css.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.js +0 -53
- package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.css.js +0 -7
- package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.css.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.js +0 -39
- package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/internal/RadioGroupContext.js +0 -9
- package/dist-es/packages/lab/src/radio-button/internal/RadioGroupContext.js.map +0 -1
- package/dist-es/packages/lab/src/radio-button/internal/useRadioGroup.js +0 -9
- package/dist-es/packages/lab/src/radio-button/internal/useRadioGroup.js.map +0 -1
- package/dist-es/packages/lab/src/utils/capitalize.js +0 -6
- package/dist-es/packages/lab/src/utils/capitalize.js.map +0 -1
- package/dist-types/checkbox/Checkbox.d.ts +0 -9
- package/dist-types/checkbox/CheckboxBase.d.ts +0 -18
- package/dist-types/checkbox/CheckboxGroup.d.ts +0 -35
- package/dist-types/checkbox/CheckboxIcon.d.ts +0 -9
- package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/index.d.ts +0 -3
- package/dist-types/checkbox/index.d.ts +0 -5
- package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +0 -9
- package/dist-types/radio-button/RadioButton.d.ts +0 -45
- package/dist-types/radio-button/RadioButtonGroup.d.ts +0 -29
- package/dist-types/radio-button/RadioButtonIcon.d.ts +0 -11
- package/dist-types/radio-button/index.d.ts +0 -3
- package/dist-types/radio-button/internal/RadioGroupContext.d.ts +0 -7
- package/dist-types/radio-button/internal/useRadioGroup.d.ts +0 -1
- package/dist-types/utils/capitalize.d.ts +0 -1
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { clsx } from 'clsx';
|
|
3
|
-
import { makePrefixer } from '@salt-ds/core';
|
|
4
|
-
import { CheckboxUncheckedIcon } from './assets/CheckboxUncheckedIcon.js';
|
|
5
|
-
import { CheckboxCheckedIcon } from './assets/CheckboxCheckedIcon.js';
|
|
6
|
-
import { CheckboxIndeterminateIcon } from './assets/CheckboxIndeterminateIcon.js';
|
|
7
|
-
import './CheckboxIcon.css.js';
|
|
8
|
-
|
|
9
|
-
const withBaseName = makePrefixer("saltCheckboxIcon");
|
|
10
|
-
const CheckboxIcon = ({
|
|
11
|
-
checked = false,
|
|
12
|
-
className: classNameProp,
|
|
13
|
-
disabled,
|
|
14
|
-
indeterminate
|
|
15
|
-
}) => {
|
|
16
|
-
const className = clsx(withBaseName(), classNameProp, {
|
|
17
|
-
[withBaseName("disabled")]: disabled
|
|
18
|
-
});
|
|
19
|
-
return indeterminate ? /* @__PURE__ */ jsx(CheckboxIndeterminateIcon, {
|
|
20
|
-
className: clsx(className, withBaseName("indeterminate"))
|
|
21
|
-
}) : checked ? /* @__PURE__ */ jsx(CheckboxCheckedIcon, {
|
|
22
|
-
className: clsx(className, withBaseName("checked"))
|
|
23
|
-
}) : /* @__PURE__ */ jsx(CheckboxUncheckedIcon, {
|
|
24
|
-
className
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export { CheckboxIcon };
|
|
29
|
-
//# sourceMappingURL=CheckboxIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxIcon.js","sources":["../src/checkbox/CheckboxIcon.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport {\n CheckboxUncheckedIcon,\n CheckboxCheckedIcon,\n CheckboxIndeterminateIcon,\n} from \"./assets\";\n\nimport \"./CheckboxIcon.css\";\n\nexport interface CheckboxIconProps {\n checked?: boolean;\n className?: string;\n disabled?: boolean;\n indeterminate?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltCheckboxIcon\");\n\nexport const CheckboxIcon = ({\n checked = false,\n className: classNameProp,\n disabled,\n indeterminate,\n}: CheckboxIconProps): JSX.Element => {\n const className = clsx(withBaseName(), classNameProp, {\n [withBaseName(\"disabled\")]: disabled,\n });\n return indeterminate ? (\n <CheckboxIndeterminateIcon\n className={clsx(className, withBaseName(\"indeterminate\"))}\n />\n ) : checked ? (\n <CheckboxCheckedIcon className={clsx(className, withBaseName(\"checked\"))} />\n ) : (\n <CheckboxUncheckedIcon className={className} />\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA,CAAA;AAE7C,MAAM,eAAe,CAAC;AAAA,EAC3B,OAAU,GAAA,KAAA;AAAA,EACV,SAAW,EAAA,aAAA;AAAA,EACX,QAAA;AAAA,EACA,aAAA;AACF,CAAsC,KAAA;AACpC,EAAA,MAAM,SAAY,GAAA,IAAA,CAAK,YAAa,EAAA,EAAG,aAAe,EAAA;AAAA,IACpD,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,GAC7B,CAAA,CAAA;AACD,EAAA,OAAO,gCACJ,GAAA,CAAA,yBAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA,CAAK,SAAW,EAAA,YAAA,CAAa,eAAe,CAAC,CAAA;AAAA,GAC1D,CAAA,GACE,0BACD,GAAA,CAAA,mBAAA,EAAA;AAAA,IAAoB,SAAW,EAAA,IAAA,CAAK,SAAW,EAAA,YAAA,CAAa,SAAS,CAAC,CAAA;AAAA,GAAG,oBAEzE,GAAA,CAAA,qBAAA,EAAA;AAAA,IAAsB,SAAA;AAAA,GAAsB,CAAA,CAAA;AAEjD;;;;"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
|
|
3
|
-
function CheckboxCheckedIcon({
|
|
4
|
-
className
|
|
5
|
-
}) {
|
|
6
|
-
return /* @__PURE__ */ jsx("svg", {
|
|
7
|
-
"aria-hidden": "true",
|
|
8
|
-
className,
|
|
9
|
-
focusable: "false",
|
|
10
|
-
shapeRendering: "geometricPrecision",
|
|
11
|
-
viewBox: "0 0 14 14",
|
|
12
|
-
children: /* @__PURE__ */ jsxs("g", {
|
|
13
|
-
fillRule: "evenodd",
|
|
14
|
-
children: [
|
|
15
|
-
/* @__PURE__ */ jsx("rect", {
|
|
16
|
-
className: `saltCheckboxIcon-box`
|
|
17
|
-
}),
|
|
18
|
-
/* @__PURE__ */ jsx("polygon", {
|
|
19
|
-
className: `saltCheckboxIcon-tick`,
|
|
20
|
-
fillRule: "nonzero",
|
|
21
|
-
points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
|
|
22
|
-
})
|
|
23
|
-
]
|
|
24
|
-
})
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export { CheckboxCheckedIcon };
|
|
29
|
-
//# sourceMappingURL=CheckboxCheckedIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxCheckedIcon.js","sources":["../src/checkbox/assets/CheckboxCheckedIcon.tsx"],"sourcesContent":["export function CheckboxCheckedIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <polygon\n className={`saltCheckboxIcon-tick`}\n fillRule=\"nonzero\"\n points=\"12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11\"\n />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,CAAA,SAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,QAAS,EAAA,SAAA;AAAA,UACT,MAAO,EAAA,kGAAA;AAAA,SACT,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
|
|
3
|
-
function CheckboxIndeterminateIcon({
|
|
4
|
-
className
|
|
5
|
-
}) {
|
|
6
|
-
return /* @__PURE__ */ jsx("svg", {
|
|
7
|
-
"aria-hidden": "true",
|
|
8
|
-
className,
|
|
9
|
-
focusable: "false",
|
|
10
|
-
shapeRendering: "geometricPrecision",
|
|
11
|
-
viewBox: "0 0 14 14",
|
|
12
|
-
children: /* @__PURE__ */ jsxs("g", {
|
|
13
|
-
fillRule: "evenodd",
|
|
14
|
-
strokeWidth: "1",
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ jsx("rect", {
|
|
17
|
-
className: `saltCheckboxIcon-box`
|
|
18
|
-
}),
|
|
19
|
-
/* @__PURE__ */ jsx("rect", {
|
|
20
|
-
className: `saltCheckboxIcon-tick`,
|
|
21
|
-
height: "2",
|
|
22
|
-
strokeWidth: "0",
|
|
23
|
-
width: "8",
|
|
24
|
-
x: "3",
|
|
25
|
-
y: "6"
|
|
26
|
-
})
|
|
27
|
-
]
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export { CheckboxIndeterminateIcon };
|
|
33
|
-
//# sourceMappingURL=CheckboxIndeterminateIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxIndeterminateIcon.js","sources":["../src/checkbox/assets/CheckboxIndeterminateIcon.tsx"],"sourcesContent":["export function CheckboxIndeterminateIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\" strokeWidth=\"1\">\n <rect className={`saltCheckboxIcon-box`} />\n <rect\n className={`saltCheckboxIcon-tick`}\n height=\"2\"\n strokeWidth=\"0\"\n width=\"8\"\n x=\"3\"\n y=\"6\"\n />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,MAAO,EAAA,GAAA;AAAA,UACP,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,GAAA;AAAA,UACN,CAAE,EAAA,GAAA;AAAA,UACF,CAAE,EAAA,GAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
|
|
3
|
-
function CheckboxUncheckedIcon({
|
|
4
|
-
className
|
|
5
|
-
}) {
|
|
6
|
-
return /* @__PURE__ */ jsx("svg", {
|
|
7
|
-
"aria-hidden": "true",
|
|
8
|
-
className,
|
|
9
|
-
focusable: "false",
|
|
10
|
-
shapeRendering: "geometricPrecision",
|
|
11
|
-
viewBox: "0 0 14 14",
|
|
12
|
-
children: /* @__PURE__ */ jsx("g", {
|
|
13
|
-
fillRule: "evenodd",
|
|
14
|
-
children: /* @__PURE__ */ jsx("rect", {
|
|
15
|
-
className: `saltCheckboxIcon-box`
|
|
16
|
-
})
|
|
17
|
-
})
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export { CheckboxUncheckedIcon };
|
|
22
|
-
//# sourceMappingURL=CheckboxUncheckedIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxUncheckedIcon.js","sources":["../src/checkbox/assets/CheckboxUncheckedIcon.tsx"],"sourcesContent":["export function CheckboxUncheckedIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
|
|
3
|
-
const CheckboxGroupContext = createContext(null);
|
|
4
|
-
if (process.env.NODE_ENV !== "production") {
|
|
5
|
-
CheckboxGroupContext.displayName = "CheckboxGroupContext";
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { CheckboxGroupContext };
|
|
9
|
-
//# sourceMappingURL=CheckboxGroupContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroupContext.js","sources":["../src/checkbox/internal/CheckboxGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { CheckboxGroupProps } from \"../CheckboxGroup\";\n\ninterface CheckboxGroupState {\n name: CheckboxGroupProps[\"name\"];\n onChange: CheckboxGroupProps[\"onChange\"];\n checkedValues: CheckboxGroupProps[\"checkedValues\"];\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupState | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n CheckboxGroupContext.displayName = \"CheckboxGroupContext\";\n}\n\nexport { CheckboxGroupContext };\n"],"names":[],"mappings":";;AASM,MAAA,oBAAA,GAAuB,cAAyC,IAAI,EAAA;AAE1E,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,oBAAA,CAAqB,WAAc,GAAA,sBAAA,CAAA;AACrC;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "/* Styles applied to RadioButton container */\n.saltRadioButton {\n display: flex;\n gap: calc(var(--salt-size-unit) * 0.75);\n position: relative;\n user-select: none;\n cursor: pointer;\n}\n\n/* Styles applied when RadioButton is disabled */\n.saltRadioButton-disabled {\n color: var(--salt-text-primary-foreground-disabled);\n cursor: var(--salt-selectable-cursor-disabled);\n pointer-events: visible;\n}\n\n/* Styles applied to input component */\n.saltRadioButton-input {\n cursor: inherit;\n position: absolute;\n opacity: 0;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n z-index: var(--salt-zIndex-default);\n}\n\n/* Styles applied to icon when :focus-visible */\n.saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n outline: var(--salt-focused-outline);\n outline-offset: var(--salt-focused-outlineOffset);\n}\n";
|
|
4
|
-
styleInject(css_248z);
|
|
5
|
-
|
|
6
|
-
export { css_248z as default };
|
|
7
|
-
//# sourceMappingURL=RadioButton.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { clsx } from 'clsx';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { makePrefixer, useControlled } from '@salt-ds/core';
|
|
5
|
-
import { useRadioGroup } from './internal/useRadioGroup.js';
|
|
6
|
-
import { RadioButtonIcon } from './RadioButtonIcon.js';
|
|
7
|
-
import './RadioButton.css.js';
|
|
8
|
-
|
|
9
|
-
const withBaseName = makePrefixer("saltRadioButton");
|
|
10
|
-
const RadioButton = forwardRef(
|
|
11
|
-
function RadioButton2(props, ref) {
|
|
12
|
-
const {
|
|
13
|
-
checked: checkedProp,
|
|
14
|
-
className,
|
|
15
|
-
disabled,
|
|
16
|
-
error,
|
|
17
|
-
inputProps,
|
|
18
|
-
label,
|
|
19
|
-
name: nameProp,
|
|
20
|
-
onFocus,
|
|
21
|
-
onBlur,
|
|
22
|
-
onChange,
|
|
23
|
-
value,
|
|
24
|
-
...rest
|
|
25
|
-
} = props;
|
|
26
|
-
const radioGroup = useRadioGroup();
|
|
27
|
-
const radioGroupChecked = radioGroup.value != null && value != null ? radioGroup.value === value : checkedProp;
|
|
28
|
-
const name = nameProp != null ? nameProp : radioGroup.name;
|
|
29
|
-
const [checked, setCheckedState] = useControlled({
|
|
30
|
-
controlled: radioGroupChecked,
|
|
31
|
-
default: Boolean(checkedProp),
|
|
32
|
-
name: "RadioBase",
|
|
33
|
-
state: "checked"
|
|
34
|
-
});
|
|
35
|
-
const handleChange = (event) => {
|
|
36
|
-
var _a;
|
|
37
|
-
const newChecked = event.target.checked;
|
|
38
|
-
setCheckedState(newChecked);
|
|
39
|
-
onChange == null ? void 0 : onChange(event);
|
|
40
|
-
(_a = radioGroup.onChange) == null ? void 0 : _a.call(radioGroup, event);
|
|
41
|
-
};
|
|
42
|
-
return /* @__PURE__ */ jsxs("label", {
|
|
43
|
-
className: clsx(
|
|
44
|
-
withBaseName(),
|
|
45
|
-
{
|
|
46
|
-
[withBaseName("disabled")]: disabled
|
|
47
|
-
},
|
|
48
|
-
className
|
|
49
|
-
),
|
|
50
|
-
ref,
|
|
51
|
-
...rest,
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ jsx("input", {
|
|
54
|
-
className: withBaseName("input"),
|
|
55
|
-
...inputProps,
|
|
56
|
-
checked,
|
|
57
|
-
disabled,
|
|
58
|
-
name,
|
|
59
|
-
value,
|
|
60
|
-
onBlur,
|
|
61
|
-
onChange: handleChange,
|
|
62
|
-
onFocus,
|
|
63
|
-
type: "radio"
|
|
64
|
-
}),
|
|
65
|
-
/* @__PURE__ */ jsx(RadioButtonIcon, {
|
|
66
|
-
checked,
|
|
67
|
-
error,
|
|
68
|
-
disabled
|
|
69
|
-
}),
|
|
70
|
-
label
|
|
71
|
-
]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
|
|
76
|
-
export { RadioButton };
|
|
77
|
-
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sources":["../src/radio-button/RadioButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n HTMLAttributes,\n InputHTMLAttributes,\n ReactNode,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { useRadioGroup } from \"./internal/useRadioGroup\";\nimport { RadioButtonIcon } from \"./RadioButtonIcon\";\n\nimport \"./RadioButton.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButton\");\n\nexport interface RadioButtonProps\n extends Omit<\n HTMLAttributes<HTMLLabelElement>,\n \"onChange\" | \"onBlur\" | \"onFocus\"\n > {\n /**\n * Set the default selected radio button in the group\n */\n checked?: boolean;\n /**\n * Set the disabled state\n */\n disabled?: boolean;\n /**\n * Set the error state\n */\n error?: boolean;\n /**\n * Props to be passed to the radio input\n */\n inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;\n /**\n * The label to be shown next to the radio icon\n */\n label?: ReactNode;\n /**\n * Name of the radio group\n */\n name?: string;\n /**\n * Callback for blur event\n */\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /**\n * Callback for change event\n */\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /**\n * Callback for focus event\n */\n onFocus?: FocusEventHandler<HTMLInputElement>;\n /**\n * Value of radio button\n */\n value?: string;\n}\n\nexport const RadioButton = forwardRef<HTMLLabelElement, RadioButtonProps>(\n function RadioButton(props, ref) {\n const {\n checked: checkedProp,\n className,\n disabled,\n error,\n inputProps,\n label,\n name: nameProp,\n onFocus,\n onBlur,\n onChange,\n value,\n ...rest\n } = props;\n\n const radioGroup = useRadioGroup();\n\n const radioGroupChecked =\n radioGroup.value != null && value != null\n ? radioGroup.value === value\n : checkedProp;\n const name = nameProp ?? radioGroup.name;\n\n const [checked, setCheckedState] = useControlled({\n controlled: radioGroupChecked,\n default: Boolean(checkedProp),\n name: \"RadioBase\",\n state: \"checked\",\n });\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n const newChecked = event.target.checked;\n setCheckedState(newChecked);\n\n onChange?.(event);\n radioGroup.onChange?.(event);\n };\n\n return (\n <label\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n },\n className\n )}\n ref={ref}\n {...rest}\n >\n <input\n className={withBaseName(\"input\")}\n {...inputProps}\n checked={checked}\n disabled={disabled}\n name={name}\n value={value}\n onBlur={onBlur}\n onChange={handleChange}\n onFocus={onFocus}\n type=\"radio\"\n />\n <RadioButtonIcon checked={checked} error={error} disabled={disabled} />\n {label}\n </label>\n );\n }\n);\n"],"names":["RadioButton"],"mappings":";;;;;;;;AAeA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA,CAAA;AAiD5C,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,SAASA,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAM,EAAA,QAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,iBAAA,GACJ,WAAW,KAAS,IAAA,IAAA,IAAQ,SAAS,IACjC,GAAA,UAAA,CAAW,UAAU,KACrB,GAAA,WAAA,CAAA;AACN,IAAM,MAAA,IAAA,GAAO,8BAAY,UAAW,CAAA,IAAA,CAAA;AAEpC,IAAA,MAAM,CAAC,OAAA,EAAS,eAAe,CAAA,GAAI,aAAc,CAAA;AAAA,MAC/C,UAAY,EAAA,iBAAA;AAAA,MACZ,OAAA,EAAS,QAAQ,WAAW,CAAA;AAAA,MAC5B,IAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,SAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AAhG1E,MAAA,IAAA,EAAA,CAAA;AAiGM,MAAM,MAAA,UAAA,GAAa,MAAM,MAAO,CAAA,OAAA,CAAA;AAChC,MAAA,eAAA,CAAgB,UAAU,CAAA,CAAA;AAE1B,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACX,MAAA,CAAA,EAAA,GAAA,UAAA,CAAW,aAAX,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,uBACG,IAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC9B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,EAAA;AAAA,UACC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAC9B,GAAG,UAAA;AAAA,UACJ,OAAA;AAAA,UACA,QAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAU,EAAA,YAAA;AAAA,UACV,OAAA;AAAA,UACA,IAAK,EAAA,OAAA;AAAA,SACP,CAAA;AAAA,wBACC,GAAA,CAAA,eAAA,EAAA;AAAA,UAAgB,OAAA;AAAA,UAAkB,KAAA;AAAA,UAAc,QAAA;AAAA,SAAoB,CAAA;AAAA,QACpE,KAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "/* Styles applied to root element */\n.saltRadioButtonGroup {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n/* Styles applied when direction is vertical */\n.saltRadioButtonGroup-vertical {\n display: flex;\n gap: var(--salt-size-unit);\n flex-direction: column;\n}\n\n/* Styles applied when direction is horizontal */\n.saltRadioButtonGroup-horizontal {\n display: flex;\n gap: var(--salt-size-unit);\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.saltRadioButtonGroup-noWrap {\n flex-wrap: nowrap;\n}\n.saltRadioButtonGroup-noWrap .saltRadioButton {\n white-space: break-spaces;\n}\n\n/* Styles applied to radio group's legend */\n.saltRadioButtonGroup-legend {\n display: inline-block;\n font-size: var(--formField-label-fontSize);\n color: var(--salt-text-primary-foreground);\n margin-bottom: calc(var(--salt-size-unit) * 2);\n}\n";
|
|
4
|
-
styleInject(css_248z);
|
|
5
|
-
|
|
6
|
-
export { css_248z as default };
|
|
7
|
-
//# sourceMappingURL=RadioButtonGroup.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { clsx } from 'clsx';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { makePrefixer, useControlled, useId } from '@salt-ds/core';
|
|
5
|
-
import { RadioGroupContext } from './internal/RadioGroupContext.js';
|
|
6
|
-
import './RadioButtonGroup.css.js';
|
|
7
|
-
|
|
8
|
-
const withBaseName = makePrefixer("saltRadioButtonGroup");
|
|
9
|
-
const RadioButtonGroup = forwardRef(function RadioButtonGroup2(props, ref) {
|
|
10
|
-
const {
|
|
11
|
-
children,
|
|
12
|
-
className,
|
|
13
|
-
defaultValue,
|
|
14
|
-
direction = "vertical",
|
|
15
|
-
wrap = true,
|
|
16
|
-
name: nameProp,
|
|
17
|
-
onChange,
|
|
18
|
-
value: valueProp,
|
|
19
|
-
...rest
|
|
20
|
-
} = props;
|
|
21
|
-
const [value, setStateValue] = useControlled({
|
|
22
|
-
controlled: valueProp,
|
|
23
|
-
default: defaultValue,
|
|
24
|
-
state: "value",
|
|
25
|
-
name: "RadioButtonGroup"
|
|
26
|
-
});
|
|
27
|
-
const handleChange = (event) => {
|
|
28
|
-
setStateValue(event.target.value);
|
|
29
|
-
onChange == null ? void 0 : onChange(event);
|
|
30
|
-
};
|
|
31
|
-
const name = useId(nameProp);
|
|
32
|
-
return /* @__PURE__ */ jsx("fieldset", {
|
|
33
|
-
className: clsx(
|
|
34
|
-
withBaseName(),
|
|
35
|
-
withBaseName(direction),
|
|
36
|
-
{
|
|
37
|
-
[withBaseName("noWrap")]: !wrap
|
|
38
|
-
},
|
|
39
|
-
className
|
|
40
|
-
),
|
|
41
|
-
"data-testid": "radio-button-group",
|
|
42
|
-
ref,
|
|
43
|
-
role: "radiogroup",
|
|
44
|
-
...rest,
|
|
45
|
-
children: /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
|
|
46
|
-
value: { name, onChange: handleChange, value },
|
|
47
|
-
children
|
|
48
|
-
})
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
export { RadioButtonGroup };
|
|
53
|
-
//# sourceMappingURL=RadioButtonGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonGroup.js","sources":["../src/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n forwardRef,\n} from \"react\";\nimport { makePrefixer, useControlled, useId } from \"@salt-ds/core\";\nimport { RadioGroupContext } from \"./internal/RadioGroupContext\";\n\nimport \"./RadioButtonGroup.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButtonGroup\");\n\nexport interface RadioButtonGroupProps\n extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"onChange\"> {\n /**\n * Set the selected value when initialized.\n */\n defaultValue?: string;\n /**\n * Set the group direction.\n */\n direction?: \"horizontal\" | \"vertical\";\n /**\n * Only for horizontal direction. When `true` the text in radio button label will wrap to fit within the container. Otherwise the radio buttons will wrap onto the next line.\n */\n wrap?: boolean;\n /**\n * The name to be set on each radio button within the group. If not set, then one will be generated for you.\n */\n name?: string;\n /**\n * Callback for change event.\n */\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /**\n * The value of the radio group, required for a controlled component.\n */\n value?: string;\n}\n\nexport const RadioButtonGroup = forwardRef<\n HTMLFieldSetElement,\n RadioButtonGroupProps\n>(function RadioButtonGroup(props, ref) {\n const {\n children,\n className,\n defaultValue,\n direction = \"vertical\",\n wrap = true,\n name: nameProp,\n onChange,\n value: valueProp,\n ...rest\n } = props;\n\n const [value, setStateValue] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n state: \"value\",\n name: \"RadioButtonGroup\",\n });\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n setStateValue(event.target.value);\n onChange?.(event);\n };\n\n const name = useId(nameProp);\n\n return (\n <fieldset\n className={clsx(\n withBaseName(),\n withBaseName(direction),\n {\n [withBaseName(\"noWrap\")]: !wrap,\n },\n className\n )}\n data-testid=\"radio-button-group\"\n ref={ref}\n role=\"radiogroup\"\n {...rest}\n >\n <RadioGroupContext.Provider\n value={{ name, onChange: handleChange, value }}\n >\n {children}\n </RadioGroupContext.Provider>\n </fieldset>\n );\n});\n"],"names":["RadioButtonGroup"],"mappings":";;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA,CAAA;AA8BjD,MAAM,gBAAmB,GAAA,UAAA,CAG9B,SAASA,iBAAAA,CAAiB,OAAO,GAAK,EAAA;AACtC,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAY,GAAA,UAAA;AAAA,IACZ,IAAO,GAAA,IAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,QAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACJ,GAAA,IAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAI,aAAc,CAAA;AAAA,IAC3C,UAAY,EAAA,SAAA;AAAA,IACZ,OAAS,EAAA,YAAA;AAAA,IACT,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA,kBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAChC,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACb,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,MAAM,QAAQ,CAAA,CAAA;AAE3B,EAAA,uBACG,GAAA,CAAA,UAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,aAAa,SAAS,CAAA;AAAA,MACtB;AAAA,QACE,CAAC,YAAA,CAAa,QAAQ,CAAA,GAAI,CAAC,IAAA;AAAA,OAC7B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,aAAY,EAAA,oBAAA;AAAA,IACZ,GAAA;AAAA,IACA,IAAK,EAAA,YAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA,CAAC,kBAAkB,QAAlB,EAAA;AAAA,MACC,KAAO,EAAA,EAAE,IAAM,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,MAE5C,QAAA;AAAA,KACH,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "/* Styles applied to root component */\n.saltRadioButtonIcon {\n --radioButton-icon-fill: transparent;\n --radioButton-icon-fill-checked: var(--salt-selectable-borderColor-selected);\n --radioButton-icon-fill-checked-disabled: var(--salt-selectable-borderColor-selectedDisabled);\n --radioButton-icon-fill-error: var(--salt-status-error-borderColor);\n --radioButton-icon-fill-error-disabled: var(--salt-selectable-borderColor-selectedDisabled);\n\n width: var(--saltRadioButton-icon-svg-size, var(--salt-size-selectable));\n height: var(--saltRadioButton-icon-svg-size, var(--salt-size-selectable));\n border-radius: 50%;\n flex: none;\n margin-top: var(--salt-size-border);\n}\n\n/* Styles applied to RadioButtonIcon border */\n.saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill, var(--radioButton-icon-fill));\n stroke: var(--saltRadioButton-icon-strokeColor, var(--salt-selectable-borderColor));\n stroke-width: var(--salt-size-border);\n}\n\n/* Styles applied to RadioButtonIcon border on hover */\n.saltRadioButton:hover .saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill-hover, var(--radioButton-icon-fill));\n stroke: var(--saltRadioButton-icon-strokeColor-hover, var(--salt-selectable-borderColor-hover));\n}\n\n/* Styles applied to RadioButtonIcon border if checked */\n.saltRadioButtonIcon-checked .saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill-checked, var(--radioButton-icon-fill-checked));\n stroke: var(--saltRadioButton-icon-strokeColor-checked, var(--salt-selectable-borderColor-selected));\n stroke-width: var(--salt-size-border);\n}\n\n/* Styles applied to RadioButtonIcon border on hover if checked */\n.saltRadioButton:hover .saltRadioButtonIcon-checked .saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill-checked-hover, var(--radioButton-icon-fill-checked));\n stroke: var(--saltRadioButton-icon-strokeColor-checked-hover, var(--salt-selectable-borderColor-selected));\n}\n\n/* Styles applied to RadioButtonIcon border if disabled */\n.saltRadioButtonIcon-disabled .saltRadioButtonIcon-border,\n.saltRadioButton:hover .saltRadioButtonIcon-disabled .saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill-disabled, var(--radioButton-icon-fill));\n stroke: var(--saltRadioButton-icon-strokeColor-disabled, var(--salt-selectable-borderColor-disabled));\n}\n\n/* Styles applied to RadioButtonIcon border if checked and disabled */\n.saltRadioButtonIcon-disabled.saltRadioButtonIcon-checked .saltRadioButtonIcon-border,\n.saltRadioButton:hover .saltRadioButtonIcon-disabled.saltRadioButtonIcon-checked .saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill-checked-disabled, var(--radioButton-icon-fill-checked-disabled));\n stroke: var(--saltRadioButton-icon-strokeColor-checked-disabled, transparent);\n}\n\n/* Styles applied to inner circle when checked */\n.saltRadioButtonIcon-inner-checked {\n fill: var(--saltRadioButton-icon-inner-fill, var(--salt-selectable-primary-foreground-selected));\n}\n\n/* Styles applied to radio button icon with error */\n.saltRadioButton:hover .saltRadioButtonIcon-error .saltRadioButtonIcon-border,\n.saltRadioButtonIcon-error,\n.saltRadioButtonIcon-error .saltRadioButtonIcon-border {\n stroke: var(--saltRadioButton-icon-strokeColor-error, var(--salt-status-error-borderColor));\n}\n\n/* Styles applied to radio button icon when checked and with error */\n.saltRadioButton:hover .saltRadioButtonIcon-checked.saltRadioButtonIcon-error .saltRadioButtonIcon-border,\n.saltRadioButtonIcon-checked.saltRadioButtonIcon-error .saltRadioButtonIcon-border {\n fill: var(--saltRadioButton-icon-fill-error, var(--salt-status-error-borderColor));\n}\n\n/* Styles applied to radio button icon when checked and with error */\n/* TODO: replace with correct token */\n.saltRadioButton-disabled .saltRadioButtonIcon-error {\n opacity: var(--salt-palette-opacity-background);\n}\n";
|
|
4
|
-
styleInject(css_248z);
|
|
5
|
-
|
|
6
|
-
export { css_248z as default };
|
|
7
|
-
//# sourceMappingURL=RadioButtonIcon.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonIcon.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { makePrefixer } from '@salt-ds/core';
|
|
3
|
-
import { clsx } from 'clsx';
|
|
4
|
-
import './RadioButtonIcon.css.js';
|
|
5
|
-
|
|
6
|
-
const withBaseName = makePrefixer("saltRadioButtonIcon");
|
|
7
|
-
const RadioButtonIcon = ({
|
|
8
|
-
checked,
|
|
9
|
-
error,
|
|
10
|
-
disabled
|
|
11
|
-
}) => {
|
|
12
|
-
return /* @__PURE__ */ jsxs("svg", {
|
|
13
|
-
className: clsx(withBaseName(), {
|
|
14
|
-
[withBaseName("checked")]: checked,
|
|
15
|
-
[withBaseName("error")]: error,
|
|
16
|
-
[withBaseName("disabled")]: disabled
|
|
17
|
-
}),
|
|
18
|
-
height: "14",
|
|
19
|
-
viewBox: "0 0 14 14",
|
|
20
|
-
width: "14",
|
|
21
|
-
children: [
|
|
22
|
-
/* @__PURE__ */ jsx("circle", {
|
|
23
|
-
className: withBaseName("border"),
|
|
24
|
-
cx: "7",
|
|
25
|
-
cy: "7",
|
|
26
|
-
r: "6.5"
|
|
27
|
-
}),
|
|
28
|
-
checked && /* @__PURE__ */ jsx("circle", {
|
|
29
|
-
className: withBaseName("inner-checked"),
|
|
30
|
-
cx: "7",
|
|
31
|
-
cy: "7",
|
|
32
|
-
r: "3.2"
|
|
33
|
-
})
|
|
34
|
-
]
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export { RadioButtonIcon };
|
|
39
|
-
//# sourceMappingURL=RadioButtonIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonIcon.js","sources":["../src/radio-button/RadioButtonIcon.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport \"./RadioButtonIcon.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButtonIcon\");\n\nexport interface RadioButtonIconProps {\n checked?: boolean;\n error?: boolean;\n disabled?: boolean;\n}\n\n/**\n * Default radio icon\n */\nexport const RadioButtonIcon = ({\n checked,\n error,\n disabled,\n}: RadioButtonIconProps) => {\n return (\n <svg\n className={clsx(withBaseName(), {\n [withBaseName(\"checked\")]: checked,\n [withBaseName(\"error\")]: error,\n [withBaseName(\"disabled\")]: disabled,\n })}\n height=\"14\"\n viewBox=\"0 0 14 14\"\n width=\"14\"\n >\n <circle className={withBaseName(\"border\")} cx=\"7\" cy=\"7\" r=\"6.5\" />\n {checked && (\n <circle\n className={withBaseName(\"inner-checked\")}\n cx=\"7\"\n cy=\"7\"\n r=\"3.2\"\n />\n )}\n </svg>\n );\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAWhD,MAAM,kBAAkB,CAAC;AAAA,EAC9B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AACF,CAA4B,KAAA;AAC1B,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,MAC9B,CAAC,YAAa,CAAA,SAAS,CAAI,GAAA,OAAA;AAAA,MAC3B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,KAAA;AAAA,MACzB,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,KAC7B,CAAA;AAAA,IACD,MAAO,EAAA,IAAA;AAAA,IACP,OAAQ,EAAA,WAAA;AAAA,IACR,KAAM,EAAA,IAAA;AAAA,IAEN,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,QAAA,EAAA;AAAA,QAAO,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,QAAG,EAAG,EAAA,GAAA;AAAA,QAAI,EAAG,EAAA,GAAA;AAAA,QAAI,CAAE,EAAA,KAAA;AAAA,OAAM,CAAA;AAAA,MAChE,2BACE,GAAA,CAAA,QAAA,EAAA;AAAA,QACC,SAAA,EAAW,aAAa,eAAe,CAAA;AAAA,QACvC,EAAG,EAAA,GAAA;AAAA,QACH,EAAG,EAAA,GAAA;AAAA,QACH,CAAE,EAAA,KAAA;AAAA,OACJ,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupContext.js","sources":["../src/radio-button/internal/RadioGroupContext.tsx"],"sourcesContent":["import { ChangeEventHandler } from \"react\";\nimport { createContext } from \"@salt-ds/core\";\n\nexport interface RadioGroupContextValue {\n name?: string;\n value?: string;\n onChange?: ChangeEventHandler<HTMLElement>;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>(\n \"RadioGroupContext\",\n {}\n);\n"],"names":[],"mappings":";;AASO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,mBAAA;AAAA,EACA,EAAC;AACH;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useRadioGroup.js","sources":["../src/radio-button/internal/useRadioGroup.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { RadioGroupContext } from \"./RadioGroupContext\";\n\nexport function useRadioGroup() {\n return useContext(RadioGroupContext);\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,aAAgB,GAAA;AAC9B,EAAA,OAAO,WAAW,iBAAiB,CAAA,CAAA;AACrC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"capitalize.js","sources":["../src/utils/capitalize.ts"],"sourcesContent":["export function capitalize(value: string): string {\n return value.length > 0 ? value[0].toUpperCase() + value.slice(1) : value;\n}\n"],"names":[],"mappings":"AAAO,SAAS,WAAW,KAAuB,EAAA;AAChD,EAAO,OAAA,KAAA,CAAM,MAAS,GAAA,CAAA,GAAI,KAAM,CAAA,CAAA,CAAA,CAAG,aAAgB,GAAA,KAAA,CAAM,KAAM,CAAA,CAAC,CAAI,GAAA,KAAA,CAAA;AACtE;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ControlLabelProps } from "../control-label";
|
|
3
|
-
import { CheckboxBaseProps } from "./CheckboxBase";
|
|
4
|
-
import "./Checkbox.css";
|
|
5
|
-
export interface CheckboxProps extends CheckboxBaseProps {
|
|
6
|
-
label?: ControlLabelProps["label"];
|
|
7
|
-
LabelProps?: Partial<ControlLabelProps>;
|
|
8
|
-
}
|
|
9
|
-
export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent, FocusEventHandler, HTMLAttributes, InputHTMLAttributes } from "react";
|
|
2
|
-
import "./CheckboxBase.css";
|
|
3
|
-
export interface CheckboxBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
defaultChecked?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
indeterminate?: boolean;
|
|
8
|
-
inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
|
|
9
|
-
name?: string;
|
|
10
|
-
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
11
|
-
/**
|
|
12
|
-
* Callback when checked state is changed
|
|
13
|
-
*/
|
|
14
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
|
|
15
|
-
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
16
|
-
value?: string;
|
|
17
|
-
}
|
|
18
|
-
export declare const CheckboxBase: import("react").ForwardRefExoticComponent<CheckboxBaseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler, HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import { FormGroupProps } from "../form-group";
|
|
3
|
-
import "./CheckboxGroup.css";
|
|
4
|
-
export interface CheckboxGroupProps extends FormGroupProps {
|
|
5
|
-
/**
|
|
6
|
-
* The current checked options.
|
|
7
|
-
*/
|
|
8
|
-
checkedValues?: string[];
|
|
9
|
-
/**
|
|
10
|
-
* The default selected options for un-controlled component.
|
|
11
|
-
*/
|
|
12
|
-
defaultCheckedValues?: string[];
|
|
13
|
-
/**
|
|
14
|
-
* Props spread onto the FormControl component that wraps the checkboxes.
|
|
15
|
-
*/
|
|
16
|
-
FormControlProps?: Partial<HTMLAttributes<HTMLFieldSetElement>>;
|
|
17
|
-
/**
|
|
18
|
-
* Props spread onto the legend.
|
|
19
|
-
*/
|
|
20
|
-
LegendProps?: unknown;
|
|
21
|
-
/**
|
|
22
|
-
* The label for the group legend
|
|
23
|
-
*/
|
|
24
|
-
legend?: ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* The name used to reference the value of the control.
|
|
27
|
-
*/
|
|
28
|
-
name?: string;
|
|
29
|
-
/**
|
|
30
|
-
* Callback fired when a checkbox is clicked.
|
|
31
|
-
* `event.target.value` returns the value of the checkbox that was clicked.
|
|
32
|
-
*/
|
|
33
|
-
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
34
|
-
}
|
|
35
|
-
export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import "./CheckboxIcon.css";
|
|
3
|
-
export interface CheckboxIconProps {
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
className?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
indeterminate?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const CheckboxIcon: ({ checked, className: classNameProp, disabled, indeterminate, }: CheckboxIconProps) => JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { CheckboxGroupProps } from "../CheckboxGroup";
|
|
3
|
-
interface CheckboxGroupState {
|
|
4
|
-
name: CheckboxGroupProps["name"];
|
|
5
|
-
onChange: CheckboxGroupProps["onChange"];
|
|
6
|
-
checkedValues: CheckboxGroupProps["checkedValues"];
|
|
7
|
-
}
|
|
8
|
-
declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState | null>;
|
|
9
|
-
export { CheckboxGroupContext };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import "./RadioButton.css";
|
|
3
|
-
export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
|
|
4
|
-
/**
|
|
5
|
-
* Set the default selected radio button in the group
|
|
6
|
-
*/
|
|
7
|
-
checked?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* Set the disabled state
|
|
10
|
-
*/
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Set the error state
|
|
14
|
-
*/
|
|
15
|
-
error?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Props to be passed to the radio input
|
|
18
|
-
*/
|
|
19
|
-
inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
|
|
20
|
-
/**
|
|
21
|
-
* The label to be shown next to the radio icon
|
|
22
|
-
*/
|
|
23
|
-
label?: ReactNode;
|
|
24
|
-
/**
|
|
25
|
-
* Name of the radio group
|
|
26
|
-
*/
|
|
27
|
-
name?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Callback for blur event
|
|
30
|
-
*/
|
|
31
|
-
onBlur?: FocusEventHandler<HTMLInputElement>;
|
|
32
|
-
/**
|
|
33
|
-
* Callback for change event
|
|
34
|
-
*/
|
|
35
|
-
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
36
|
-
/**
|
|
37
|
-
* Callback for focus event
|
|
38
|
-
*/
|
|
39
|
-
onFocus?: FocusEventHandler<HTMLInputElement>;
|
|
40
|
-
/**
|
|
41
|
-
* Value of radio button
|
|
42
|
-
*/
|
|
43
|
-
value?: string;
|
|
44
|
-
}
|
|
45
|
-
export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLLabelElement>>;
|