@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.
Files changed (152) hide show
  1. package/dist-cjs/packages/lab/src/app-header/AppHeader.css.js +1 -1
  2. package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js +1 -3
  3. package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
  4. package/dist-cjs/packages/lab/src/carousel/Carousel.js +2 -5
  5. package/dist-cjs/packages/lab/src/carousel/Carousel.js.map +1 -1
  6. package/dist-cjs/packages/lab/src/color-chooser/ColorChooser.css.js +1 -1
  7. package/dist-cjs/packages/lab/src/color-chooser/HexInput.css.js +1 -1
  8. package/dist-cjs/packages/lab/src/dialog/Dialog.css.js +1 -1
  9. package/dist-cjs/packages/lab/src/dialog/DialogContent.css.js +1 -1
  10. package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js +17 -7
  11. package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
  12. package/dist-cjs/packages/lab/src/file-drop-zone/FileDropZone.css.js +1 -1
  13. package/dist-cjs/packages/lab/src/index.js +0 -22
  14. package/dist-cjs/packages/lab/src/index.js.map +1 -1
  15. package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.css.js +1 -1
  16. package/dist-cjs/packages/lab/src/list/ListItem.js +1 -5
  17. package/dist-cjs/packages/lab/src/list/ListItem.js.map +1 -1
  18. package/dist-cjs/packages/lab/src/pill/Pill.css.js +1 -1
  19. package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.js +1 -5
  20. package/dist-cjs/packages/lab/src/pill/internal/PillCheckbox.js.map +1 -1
  21. package/dist-cjs/packages/lab/src/tabs/Tab.css.js +1 -1
  22. package/dist-cjs/packages/lab/src/tabs/TabActivationIndicator.css.js +1 -1
  23. package/dist-cjs/packages/lab/src/tabs/Tabstrip.css.js +1 -1
  24. package/dist-cjs/packages/lab/src/toolbar/Toolbar.css.js +1 -1
  25. package/dist-es/packages/lab/src/app-header/AppHeader.css.js +1 -1
  26. package/dist-es/packages/lab/src/button-bar/OrderedButton.js +1 -3
  27. package/dist-es/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
  28. package/dist-es/packages/lab/src/carousel/Carousel.js +1 -4
  29. package/dist-es/packages/lab/src/carousel/Carousel.js.map +1 -1
  30. package/dist-es/packages/lab/src/color-chooser/ColorChooser.css.js +1 -1
  31. package/dist-es/packages/lab/src/color-chooser/HexInput.css.js +1 -1
  32. package/dist-es/packages/lab/src/dialog/Dialog.css.js +1 -1
  33. package/dist-es/packages/lab/src/dialog/DialogContent.css.js +1 -1
  34. package/dist-es/packages/lab/src/dropdown/useDropdownBase.js +17 -7
  35. package/dist-es/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
  36. package/dist-es/packages/lab/src/file-drop-zone/FileDropZone.css.js +1 -1
  37. package/dist-es/packages/lab/src/index.js +0 -11
  38. package/dist-es/packages/lab/src/index.js.map +1 -1
  39. package/dist-es/packages/lab/src/layer-layout/LayerLayout.css.js +1 -1
  40. package/dist-es/packages/lab/src/list/ListItem.js +1 -5
  41. package/dist-es/packages/lab/src/list/ListItem.js.map +1 -1
  42. package/dist-es/packages/lab/src/pill/Pill.css.js +1 -1
  43. package/dist-es/packages/lab/src/pill/internal/PillCheckbox.js +1 -5
  44. package/dist-es/packages/lab/src/pill/internal/PillCheckbox.js.map +1 -1
  45. package/dist-es/packages/lab/src/tabs/Tab.css.js +1 -1
  46. package/dist-es/packages/lab/src/tabs/TabActivationIndicator.css.js +1 -1
  47. package/dist-es/packages/lab/src/tabs/Tabstrip.css.js +1 -1
  48. package/dist-es/packages/lab/src/toolbar/Toolbar.css.js +1 -1
  49. package/dist-types/index.d.ts +0 -2
  50. package/dist-types/utils/index.d.ts +0 -1
  51. package/package.json +3 -3
  52. package/dist-cjs/packages/lab/src/checkbox/Checkbox.css.js +0 -9
  53. package/dist-cjs/packages/lab/src/checkbox/Checkbox.css.js.map +0 -1
  54. package/dist-cjs/packages/lab/src/checkbox/Checkbox.js +0 -71
  55. package/dist-cjs/packages/lab/src/checkbox/Checkbox.js.map +0 -1
  56. package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.css.js +0 -9
  57. package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.css.js.map +0 -1
  58. package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.js +0 -99
  59. package/dist-cjs/packages/lab/src/checkbox/CheckboxBase.js.map +0 -1
  60. package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.css.js +0 -9
  61. package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.css.js.map +0 -1
  62. package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.js +0 -57
  63. package/dist-cjs/packages/lab/src/checkbox/CheckboxGroup.js.map +0 -1
  64. package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.css.js +0 -9
  65. package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.css.js.map +0 -1
  66. package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.js +0 -33
  67. package/dist-cjs/packages/lab/src/checkbox/CheckboxIcon.js.map +0 -1
  68. package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js +0 -33
  69. package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  70. package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
  71. package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  72. package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
  73. package/dist-cjs/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  74. package/dist-cjs/packages/lab/src/checkbox/internal/CheckboxGroupContext.js +0 -13
  75. package/dist-cjs/packages/lab/src/checkbox/internal/CheckboxGroupContext.js.map +0 -1
  76. package/dist-cjs/packages/lab/src/radio-button/RadioButton.css.js +0 -9
  77. package/dist-cjs/packages/lab/src/radio-button/RadioButton.css.js.map +0 -1
  78. package/dist-cjs/packages/lab/src/radio-button/RadioButton.js +0 -81
  79. package/dist-cjs/packages/lab/src/radio-button/RadioButton.js.map +0 -1
  80. package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.css.js +0 -9
  81. package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.css.js.map +0 -1
  82. package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.js +0 -57
  83. package/dist-cjs/packages/lab/src/radio-button/RadioButtonGroup.js.map +0 -1
  84. package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.css.js +0 -9
  85. package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.css.js.map +0 -1
  86. package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.js +0 -43
  87. package/dist-cjs/packages/lab/src/radio-button/RadioButtonIcon.js.map +0 -1
  88. package/dist-cjs/packages/lab/src/radio-button/internal/RadioGroupContext.js +0 -13
  89. package/dist-cjs/packages/lab/src/radio-button/internal/RadioGroupContext.js.map +0 -1
  90. package/dist-cjs/packages/lab/src/radio-button/internal/useRadioGroup.js +0 -13
  91. package/dist-cjs/packages/lab/src/radio-button/internal/useRadioGroup.js.map +0 -1
  92. package/dist-cjs/packages/lab/src/utils/capitalize.js +0 -10
  93. package/dist-cjs/packages/lab/src/utils/capitalize.js.map +0 -1
  94. package/dist-es/packages/lab/src/checkbox/Checkbox.css.js +0 -7
  95. package/dist-es/packages/lab/src/checkbox/Checkbox.css.js.map +0 -1
  96. package/dist-es/packages/lab/src/checkbox/Checkbox.js +0 -67
  97. package/dist-es/packages/lab/src/checkbox/Checkbox.js.map +0 -1
  98. package/dist-es/packages/lab/src/checkbox/CheckboxBase.css.js +0 -7
  99. package/dist-es/packages/lab/src/checkbox/CheckboxBase.css.js.map +0 -1
  100. package/dist-es/packages/lab/src/checkbox/CheckboxBase.js +0 -95
  101. package/dist-es/packages/lab/src/checkbox/CheckboxBase.js.map +0 -1
  102. package/dist-es/packages/lab/src/checkbox/CheckboxGroup.css.js +0 -7
  103. package/dist-es/packages/lab/src/checkbox/CheckboxGroup.css.js.map +0 -1
  104. package/dist-es/packages/lab/src/checkbox/CheckboxGroup.js +0 -53
  105. package/dist-es/packages/lab/src/checkbox/CheckboxGroup.js.map +0 -1
  106. package/dist-es/packages/lab/src/checkbox/CheckboxIcon.css.js +0 -7
  107. package/dist-es/packages/lab/src/checkbox/CheckboxIcon.css.js.map +0 -1
  108. package/dist-es/packages/lab/src/checkbox/CheckboxIcon.js +0 -29
  109. package/dist-es/packages/lab/src/checkbox/CheckboxIcon.js.map +0 -1
  110. package/dist-es/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js +0 -29
  111. package/dist-es/packages/lab/src/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  112. package/dist-es/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
  113. package/dist-es/packages/lab/src/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  114. package/dist-es/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
  115. package/dist-es/packages/lab/src/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  116. package/dist-es/packages/lab/src/checkbox/internal/CheckboxGroupContext.js +0 -9
  117. package/dist-es/packages/lab/src/checkbox/internal/CheckboxGroupContext.js.map +0 -1
  118. package/dist-es/packages/lab/src/radio-button/RadioButton.css.js +0 -7
  119. package/dist-es/packages/lab/src/radio-button/RadioButton.css.js.map +0 -1
  120. package/dist-es/packages/lab/src/radio-button/RadioButton.js +0 -77
  121. package/dist-es/packages/lab/src/radio-button/RadioButton.js.map +0 -1
  122. package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.css.js +0 -7
  123. package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.css.js.map +0 -1
  124. package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.js +0 -53
  125. package/dist-es/packages/lab/src/radio-button/RadioButtonGroup.js.map +0 -1
  126. package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.css.js +0 -7
  127. package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.css.js.map +0 -1
  128. package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.js +0 -39
  129. package/dist-es/packages/lab/src/radio-button/RadioButtonIcon.js.map +0 -1
  130. package/dist-es/packages/lab/src/radio-button/internal/RadioGroupContext.js +0 -9
  131. package/dist-es/packages/lab/src/radio-button/internal/RadioGroupContext.js.map +0 -1
  132. package/dist-es/packages/lab/src/radio-button/internal/useRadioGroup.js +0 -9
  133. package/dist-es/packages/lab/src/radio-button/internal/useRadioGroup.js.map +0 -1
  134. package/dist-es/packages/lab/src/utils/capitalize.js +0 -6
  135. package/dist-es/packages/lab/src/utils/capitalize.js.map +0 -1
  136. package/dist-types/checkbox/Checkbox.d.ts +0 -9
  137. package/dist-types/checkbox/CheckboxBase.d.ts +0 -18
  138. package/dist-types/checkbox/CheckboxGroup.d.ts +0 -35
  139. package/dist-types/checkbox/CheckboxIcon.d.ts +0 -9
  140. package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
  141. package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts +0 -4
  142. package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts +0 -4
  143. package/dist-types/checkbox/assets/index.d.ts +0 -3
  144. package/dist-types/checkbox/index.d.ts +0 -5
  145. package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +0 -9
  146. package/dist-types/radio-button/RadioButton.d.ts +0 -45
  147. package/dist-types/radio-button/RadioButtonGroup.d.ts +0 -29
  148. package/dist-types/radio-button/RadioButtonIcon.d.ts +0 -11
  149. package/dist-types/radio-button/index.d.ts +0 -3
  150. package/dist-types/radio-button/internal/RadioGroupContext.d.ts +0 -7
  151. package/dist-types/radio-button/internal/useRadioGroup.d.ts +0 -1
  152. 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,9 +0,0 @@
1
- import { createContext } from '@salt-ds/core';
2
-
3
- const RadioGroupContext = createContext(
4
- "RadioGroupContext",
5
- {}
6
- );
7
-
8
- export { RadioGroupContext };
9
- //# sourceMappingURL=RadioGroupContext.js.map
@@ -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,9 +0,0 @@
1
- import { useContext } from 'react';
2
- import { RadioGroupContext } from './RadioGroupContext.js';
3
-
4
- function useRadioGroup() {
5
- return useContext(RadioGroupContext);
6
- }
7
-
8
- export { useRadioGroup };
9
- //# sourceMappingURL=useRadioGroup.js.map
@@ -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,6 +0,0 @@
1
- function capitalize(value) {
2
- return value.length > 0 ? value[0].toUpperCase() + value.slice(1) : value;
3
- }
4
-
5
- export { capitalize };
6
- //# sourceMappingURL=capitalize.js.map
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CheckboxCheckedIcon({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CheckboxIndeterminateIcon({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CheckboxUncheckedIcon({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,3 +0,0 @@
1
- export { CheckboxUncheckedIcon } from "./CheckboxUncheckedIcon";
2
- export { CheckboxCheckedIcon } from "./CheckboxCheckedIcon";
3
- export { CheckboxIndeterminateIcon } from "./CheckboxIndeterminateIcon";
@@ -1,5 +0,0 @@
1
- export * from "./Checkbox";
2
- export * from "./CheckboxBase";
3
- export * from "./CheckboxGroup";
4
- export * from "./CheckboxIcon";
5
- export * from "./assets";
@@ -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>>;