@salt-ds/core 1.8.0-rc.2 → 1.8.0-rc.3

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 (85) hide show
  1. package/dist-cjs/button/Button.css.js +1 -1
  2. package/dist-cjs/checkbox/Checkbox.css.js +1 -1
  3. package/dist-cjs/checkbox/Checkbox.js +27 -17
  4. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  5. package/dist-cjs/checkbox/CheckboxGroup.js +4 -0
  6. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  7. package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
  8. package/dist-cjs/checkbox/CheckboxIcon.js +42 -24
  9. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  10. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  11. package/dist-cjs/form-field/FormFieldLabel.css.js +1 -1
  12. package/dist-cjs/form-field/FormFieldLabel.js +8 -3
  13. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  14. package/dist-cjs/index.js +2 -0
  15. package/dist-cjs/index.js.map +1 -1
  16. package/dist-cjs/input/Input.js +1 -1
  17. package/dist-cjs/input/Input.js.map +1 -1
  18. package/dist-cjs/radio-button/RadioButton.css.js +1 -1
  19. package/dist-cjs/radio-button/RadioButton.js +20 -9
  20. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  21. package/dist-cjs/radio-button/RadioButtonGroup.js +4 -0
  22. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  23. package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
  24. package/dist-cjs/radio-button/RadioButtonIcon.js +27 -24
  25. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  26. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  27. package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
  28. package/dist-es/button/Button.css.js +1 -1
  29. package/dist-es/checkbox/Checkbox.css.js +1 -1
  30. package/dist-es/checkbox/Checkbox.js +27 -17
  31. package/dist-es/checkbox/Checkbox.js.map +1 -1
  32. package/dist-es/checkbox/CheckboxGroup.js +4 -0
  33. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  34. package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
  35. package/dist-es/checkbox/CheckboxIcon.js +43 -25
  36. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  37. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  38. package/dist-es/form-field/FormFieldLabel.css.js +1 -1
  39. package/dist-es/form-field/FormFieldLabel.js +8 -3
  40. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  41. package/dist-es/index.js +1 -0
  42. package/dist-es/index.js.map +1 -1
  43. package/dist-es/input/Input.js +1 -1
  44. package/dist-es/input/Input.js.map +1 -1
  45. package/dist-es/radio-button/RadioButton.css.js +1 -1
  46. package/dist-es/radio-button/RadioButton.js +20 -9
  47. package/dist-es/radio-button/RadioButton.js.map +1 -1
  48. package/dist-es/radio-button/RadioButtonGroup.js +4 -0
  49. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  50. package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
  51. package/dist-es/radio-button/RadioButtonIcon.js +28 -25
  52. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  53. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  54. package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
  55. package/dist-types/checkbox/CheckboxGroup.d.ts +4 -0
  56. package/dist-types/checkbox/CheckboxIcon.d.ts +5 -1
  57. package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +1 -0
  58. package/dist-types/form-field/FormFieldLabel.d.ts +3 -1
  59. package/dist-types/index.d.ts +1 -0
  60. package/dist-types/radio-button/RadioButton.d.ts +6 -2
  61. package/dist-types/radio-button/RadioButtonGroup.d.ts +4 -0
  62. package/dist-types/radio-button/RadioButtonIcon.d.ts +8 -4
  63. package/dist-types/radio-button/internal/RadioGroupContext.d.ts +1 -0
  64. package/package.json +2 -2
  65. package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js +0 -33
  66. package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  67. package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js +0 -32
  68. package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
  69. package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
  70. package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  71. package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
  72. package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  73. package/dist-es/checkbox/assets/CheckboxCheckedIcon.js +0 -29
  74. package/dist-es/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  75. package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js +0 -28
  76. package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
  77. package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
  78. package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  79. package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
  80. package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  81. package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
  82. package/dist-types/checkbox/assets/CheckboxCheckedIconHD.d.ts +0 -4
  83. package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts +0 -4
  84. package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts +0 -4
  85. package/dist-types/checkbox/assets/index.d.ts +0 -4
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
1
+ import { jsx } from 'react/jsx-runtime';
2
2
  import 'react';
3
3
  import { makePrefixer } from '../utils/makePrefixer.js';
4
4
  import '../utils/useFloatingUI.js';
@@ -13,9 +13,12 @@ import css_248z from './RadioButtonIcon.css.js';
13
13
  const withBaseName = makePrefixer("saltRadioButtonIcon");
14
14
  const RadioButtonIcon = ({
15
15
  checked,
16
+ className,
16
17
  error,
17
18
  disabled,
18
- validationStatus
19
+ validationStatus,
20
+ readOnly,
21
+ ...rest
19
22
  }) => {
20
23
  const targetWindow = useWindow();
21
24
  useComponentCssInjection({
@@ -23,30 +26,30 @@ const RadioButtonIcon = ({
23
26
  css: css_248z,
24
27
  window: targetWindow
25
28
  });
26
- return /* @__PURE__ */ jsxs("svg", {
27
- className: clsx(withBaseName(), {
28
- [withBaseName("checked")]: checked,
29
- [withBaseName("error")]: error,
30
- [withBaseName("disabled")]: disabled,
31
- [withBaseName(validationStatus || "")]: validationStatus
32
- }),
33
- height: "14",
34
- viewBox: "0 0 14 14",
35
- width: "14",
36
- children: [
37
- /* @__PURE__ */ jsx("circle", {
38
- className: withBaseName("circle"),
39
- cx: "7",
40
- cy: "7",
41
- r: "6.5"
42
- }),
43
- checked && /* @__PURE__ */ jsx("circle", {
44
- className: withBaseName("checked-circle"),
45
- cx: "7",
46
- cy: "7",
47
- r: "3.2"
29
+ return /* @__PURE__ */ jsx("div", {
30
+ "aria-hidden": "true",
31
+ className: clsx(
32
+ withBaseName(),
33
+ {
34
+ [withBaseName("checked")]: checked,
35
+ [withBaseName("error")]: error,
36
+ [withBaseName("disabled")]: disabled,
37
+ [withBaseName(validationStatus || "")]: validationStatus,
38
+ [withBaseName("readOnly")]: readOnly
39
+ },
40
+ className
41
+ ),
42
+ ...rest,
43
+ children: checked && /* @__PURE__ */ jsx("svg", {
44
+ xmlns: "http://www.w3.org/2000/svg",
45
+ viewBox: "0 0 12 12",
46
+ fill: "currentColor",
47
+ children: /* @__PURE__ */ jsx("path", {
48
+ fillRule: "evenodd",
49
+ d: "M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6Zm6 3a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z",
50
+ clipRule: "evenodd"
48
51
  })
49
- ]
52
+ })
50
53
  });
51
54
  };
52
55
 
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButtonIcon.js","sources":["../src/radio-button/RadioButtonIcon.tsx"],"sourcesContent":["import { makePrefixer } from \"../utils\";\nimport { clsx } from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { AdornmentValidationStatus } from \"../status-adornment\";\nimport radioButtonIconCss from \"./RadioButtonIcon.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButtonIcon\");\n\nexport interface RadioButtonIconProps {\n checked?: boolean;\n error?: boolean;\n disabled?: boolean;\n validationStatus?: AdornmentValidationStatus;\n}\n\n/**\n * Default radio icon\n */\nexport const RadioButtonIcon = ({\n checked,\n error,\n disabled,\n validationStatus,\n}: RadioButtonIconProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-radio-button-icon\",\n css: radioButtonIconCss,\n window: targetWindow,\n });\n return (\n <svg\n className={clsx(withBaseName(), {\n [withBaseName(\"checked\")]: checked,\n [withBaseName(\"error\")]: error,\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(validationStatus || \"\")]: validationStatus,\n })}\n height=\"14\"\n viewBox=\"0 0 14 14\"\n width=\"14\"\n >\n <circle className={withBaseName(\"circle\")} cx=\"7\" cy=\"7\" r=\"6.5\" />\n {checked && (\n <circle\n className={withBaseName(\"checked-circle\")}\n cx=\"7\"\n cy=\"7\"\n r=\"3.2\"\n />\n )}\n </svg>\n );\n};\n"],"names":["radioButtonIconCss"],"mappings":";;;;;;;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAYhD,MAAM,kBAAkB,CAAC;AAAA,EAC9B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AACF,CAA4B,KAAA;AAC1B,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,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,MAC5B,CAAC,YAAA,CAAa,gBAAoB,IAAA,EAAE,CAAI,GAAA,gBAAA;AAAA,KACzC,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,gBAAgB,CAAA;AAAA,QACxC,EAAG,EAAA,GAAA;AAAA,QACH,EAAG,EAAA,GAAA;AAAA,QACH,CAAE,EAAA,KAAA;AAAA,OACJ,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"RadioButtonIcon.js","sources":["../src/radio-button/RadioButtonIcon.tsx"],"sourcesContent":["import { makePrefixer } from \"../utils\";\nimport { clsx } from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { AdornmentValidationStatus } from \"../status-adornment\";\nimport radioButtonIconCss from \"./RadioButtonIcon.css\";\nimport { ComponentPropsWithoutRef } from \"react\";\n\nconst withBaseName = makePrefixer(\"saltRadioButtonIcon\");\n\nexport interface RadioButtonIconProps extends ComponentPropsWithoutRef<\"div\"> {\n checked?: boolean;\n disabled?: boolean;\n /**\n * @deprecated Use validationStatus instead\n */\n error?: boolean;\n readOnly?: boolean;\n validationStatus?: AdornmentValidationStatus;\n}\n\n/**\n * Default radio icon\n */\nexport const RadioButtonIcon = ({\n checked,\n className,\n error,\n disabled,\n validationStatus,\n readOnly,\n ...rest\n}: RadioButtonIconProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-radio-button-icon\",\n css: radioButtonIconCss,\n window: targetWindow,\n });\n return (\n <div\n aria-hidden=\"true\"\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"checked\")]: checked,\n [withBaseName(\"error\")]: error,\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(validationStatus || \"\")]: validationStatus,\n [withBaseName(\"readOnly\")]: readOnly,\n },\n className\n )}\n {...rest}\n >\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 12 12\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6Zm6 3a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )}\n </div>\n );\n};\n"],"names":["radioButtonIconCss"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAgBhD,MAAM,kBAAkB,CAAC;AAAA,EAC9B,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAA4B,KAAA;AAC1B,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,SAAS,CAAI,GAAA,OAAA;AAAA,QAC3B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,KAAA;AAAA,QACzB,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAA,CAAa,gBAAoB,IAAA,EAAE,CAAI,GAAA,gBAAA;AAAA,QACxC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,OAC9B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,qCACE,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,cAAA;AAAA,MAEL,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,qEAAA;AAAA,QACF,QAAS,EAAA,SAAA;AAAA,OACX,CAAA;AAAA,KACF,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroupContext.js","sources":["../src/radio-button/internal/RadioGroupContext.tsx"],"sourcesContent":["import { ChangeEventHandler } from \"react\";\nimport { a11yValueAriaProps } from \"../../form-field-context\";\nimport { AdornmentValidationStatus } from \"../../status-adornment\";\nimport { createContext } from \"../../utils\";\n\nexport interface RadioGroupContextValue {\n a11yProps?: a11yValueAriaProps;\n disabled?: boolean;\n name?: string;\n value?: string;\n onChange?: ChangeEventHandler<HTMLElement>;\n validationStatus?: AdornmentValidationStatus;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>(\n \"RadioGroupContext\",\n {}\n);\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,mBAAA;AAAA,EACA,EAAC;AACH;;;;"}
1
+ {"version":3,"file":"RadioGroupContext.js","sources":["../src/radio-button/internal/RadioGroupContext.tsx"],"sourcesContent":["import { ChangeEventHandler } from \"react\";\nimport { a11yValueAriaProps } from \"../../form-field-context\";\nimport { AdornmentValidationStatus } from \"../../status-adornment\";\nimport { createContext } from \"../../utils\";\n\nexport interface RadioGroupContextValue {\n a11yProps?: a11yValueAriaProps;\n disabled?: boolean;\n name?: string;\n value?: string;\n onChange?: ChangeEventHandler<HTMLElement>;\n readOnly?: boolean;\n validationStatus?: AdornmentValidationStatus;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>(\n \"RadioGroupContext\",\n {}\n);\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,mBAAA;AAAA,EACA,EAAC;AACH;;;;"}
@@ -1,4 +1,4 @@
1
- var css_248z = ".saltStatusAdornment {\n display: inline-block;\n fill: var(--saltStatusAdornment-color, var(--statusAdornment-color));\n height: var(--salt-icon-size-status-adornment);\n min-height: var(--salt-icon-size-status-adornment);\n padding-left: var(--salt-spacing-100);\n position: relative;\n}\n\n.saltStatusAdornment-error {\n --statusAdornment-color: var(--salt-status-error-foreground);\n}\n\n.saltStatusAdornment-warning {\n --statusAdornment-color: var(--salt-status-warning-foreground);\n}\n\n.saltStatusAdornment-success {\n --statusAdornment-color: var(--salt-status-success-foreground);\n}\n";
1
+ var css_248z = ".saltStatusAdornment {\n align-self: center;\n display: inline-block;\n fill: var(--saltStatusAdornment-color, var(--statusAdornment-color));\n height: var(--salt-icon-size-status-adornment);\n min-height: var(--salt-icon-size-status-adornment);\n padding-left: var(--salt-spacing-100);\n position: relative;\n}\n\n.saltStatusAdornment-error {\n --statusAdornment-color: var(--salt-status-error-foreground);\n}\n\n.saltStatusAdornment-warning {\n --statusAdornment-color: var(--salt-status-warning-foreground);\n}\n\n.saltStatusAdornment-success {\n --statusAdornment-color: var(--salt-status-success-foreground);\n}\n";
2
2
 
3
3
  export { css_248z as default };
4
4
  //# sourceMappingURL=StatusAdornment.css.js.map
@@ -26,6 +26,10 @@ export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<"field
26
26
  * `event.target.value` returns the value of the checkbox that was clicked.
27
27
  */
28
28
  onChange?: ChangeEventHandler<HTMLInputElement>;
29
+ /**
30
+ * If `true`, the component is read only.
31
+ */
32
+ readOnly?: boolean;
29
33
  /**
30
34
  * Only for horizontal direction. When `true` the text in radio button label will wrap to fit within the container. Otherwise, the checkboxes will wrap onto the next line.
31
35
  */
@@ -4,8 +4,12 @@ export interface CheckboxIconProps {
4
4
  checked?: boolean;
5
5
  className?: string;
6
6
  disabled?: boolean;
7
+ /**
8
+ * @deprecated Use validationStatus instead
9
+ */
7
10
  error?: boolean;
8
11
  indeterminate?: boolean;
12
+ readOnly?: boolean;
9
13
  validationStatus?: AdornmentValidationStatus;
10
14
  }
11
- export declare const CheckboxIcon: ({ checked, className: classNameProp, disabled, error, indeterminate, validationStatus, }: CheckboxIconProps) => JSX.Element;
15
+ export declare const CheckboxIcon: ({ checked, className, disabled, error, indeterminate, validationStatus, readOnly, }: CheckboxIconProps) => JSX.Element;
@@ -8,6 +8,7 @@ export interface CheckboxGroupState {
8
8
  name?: CheckboxGroupProps["name"];
9
9
  onChange?: CheckboxGroupProps["onChange"];
10
10
  checkedValues?: CheckboxGroupProps["checkedValues"];
11
+ readOnly?: boolean;
11
12
  validationStatus?: AdornmentValidationStatus;
12
13
  }
13
14
  declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState>;
@@ -1,3 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { TextProps } from "../text";
3
- export declare const FormFieldLabel: ({ className, children, ...restProps }: Omit<TextProps<"label">, "variant" | "styleAs">) => JSX.Element;
3
+ export declare const FormFieldLabel: ({ className, children, pronounced, ...restProps }: Omit<TextProps<"label">, "variant" | "styleAs"> & {
4
+ pronounced?: boolean | undefined;
5
+ }) => JSX.Element;
@@ -20,6 +20,7 @@ export * from "./panel";
20
20
  export * from "./radio-button";
21
21
  export * from "./spinner";
22
22
  export * from "./stack-layout";
23
+ export * from "./status-adornment";
23
24
  export * from "./status-indicator";
24
25
  export * from "./text";
25
26
  export * from "./theme";
@@ -1,6 +1,6 @@
1
- import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
1
+ import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, InputHTMLAttributes, ReactNode } from "react";
2
2
  import { AdornmentValidationStatus } from "../status-adornment";
3
- export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
3
+ export interface RadioButtonProps extends Omit<ComponentPropsWithoutRef<"label">, "onChange" | "onBlur" | "onFocus"> {
4
4
  /**
5
5
  * Set the default selected radio button in the group
6
6
  */
@@ -38,6 +38,10 @@ export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>,
38
38
  * Callback for focus event
39
39
  */
40
40
  onFocus?: FocusEventHandler<HTMLInputElement>;
41
+ /**
42
+ * Set the read only state.
43
+ */
44
+ readOnly?: boolean;
41
45
  /**
42
46
  * Value of radio button
43
47
  */
@@ -24,6 +24,10 @@ export interface RadioButtonGroupProps extends Omit<ComponentPropsWithoutRef<"fi
24
24
  * Callback for change event.
25
25
  */
26
26
  onChange?: ChangeEventHandler<HTMLInputElement>;
27
+ /**
28
+ * Set the RadioButton group to read only.
29
+ */
30
+ readOnly?: boolean;
27
31
  /**
28
32
  * The value of the radio group, required for a controlled component.
29
33
  */
@@ -1,12 +1,16 @@
1
- /// <reference types="react" />
2
1
  import { AdornmentValidationStatus } from "../status-adornment";
3
- export interface RadioButtonIconProps {
2
+ import { ComponentPropsWithoutRef } from "react";
3
+ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
4
4
  checked?: boolean;
5
- error?: boolean;
6
5
  disabled?: boolean;
6
+ /**
7
+ * @deprecated Use validationStatus instead
8
+ */
9
+ error?: boolean;
10
+ readOnly?: boolean;
7
11
  validationStatus?: AdornmentValidationStatus;
8
12
  }
9
13
  /**
10
14
  * Default radio icon
11
15
  */
12
- export declare const RadioButtonIcon: ({ checked, error, disabled, validationStatus, }: RadioButtonIconProps) => JSX.Element;
16
+ export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;
@@ -7,6 +7,7 @@ export interface RadioGroupContextValue {
7
7
  name?: string;
8
8
  value?: string;
9
9
  onChange?: ChangeEventHandler<HTMLElement>;
10
+ readOnly?: boolean;
10
11
  validationStatus?: AdornmentValidationStatus;
11
12
  }
12
13
  export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/core",
3
- "version": "1.8.0-rc.2",
3
+ "version": "1.8.0-rc.3",
4
4
  "license": "Apache-2.0",
5
5
  "main": "dist-cjs/index.js",
6
6
  "sideEffects": false,
@@ -25,7 +25,7 @@
25
25
  "clsx": "^1.2.1",
26
26
  "@salt-ds/window": "^0.1.0",
27
27
  "@salt-ds/styles": "^0.1.0",
28
- "@salt-ds/icons": "^1.4.0"
28
+ "@salt-ds/icons": "^1.5.0"
29
29
  },
30
30
  "files": [
31
31
  "dist-cjs",
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxCheckedIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- children: [
19
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
20
- className: `saltCheckboxIcon-box`
21
- }),
22
- /* @__PURE__ */ jsxRuntime.jsx("polygon", {
23
- className: `saltCheckboxIcon-tick`,
24
- fillRule: "nonzero",
25
- points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
26
- })
27
- ]
28
- })
29
- });
30
- }
31
-
32
- exports.CheckboxCheckedIcon = CheckboxCheckedIcon;
33
- //# 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":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,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,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,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,32 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxCheckedIconHD({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 12 12",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- children: [
19
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
20
- className: `saltCheckboxIcon-box`
21
- }),
22
- /* @__PURE__ */ jsxRuntime.jsx("path", {
23
- className: `saltCheckboxIcon-tick`,
24
- d: "m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z"
25
- })
26
- ]
27
- })
28
- });
29
- }
30
-
31
- exports.CheckboxCheckedIconHD = CheckboxCheckedIconHD;
32
- //# sourceMappingURL=CheckboxCheckedIconHD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxCheckedIconHD.js","sources":["../src/checkbox/assets/CheckboxCheckedIconHD.tsx"],"sourcesContent":["// This icon is used for the high density checkbox\nexport function CheckboxCheckedIconHD({\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 12 12\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <path\n className={`saltCheckboxIcon-tick`}\n d=\"m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z\"\n />\n </g>\n </svg>\n );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AACO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,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,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,CAAE,EAAA,2FAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxIndeterminateIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- strokeWidth: "1",
19
- children: [
20
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
21
- className: `saltCheckboxIcon-box`
22
- }),
23
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
24
- className: `saltCheckboxIcon-tick`,
25
- height: "2",
26
- strokeWidth: "0",
27
- width: "8",
28
- x: "3",
29
- y: "6"
30
- })
31
- ]
32
- })
33
- });
34
- }
35
-
36
- exports.CheckboxIndeterminateIcon = CheckboxIndeterminateIcon;
37
- //# 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":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,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,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,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,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxUncheckedIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsx("g", {
17
- fillRule: "evenodd",
18
- children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
19
- className: `saltCheckboxIcon-box`
20
- })
21
- })
22
- });
23
- }
24
-
25
- exports.CheckboxUncheckedIcon = CheckboxUncheckedIcon;
26
- //# 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":["jsx"],"mappings":";;;;;;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,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,kBAAAA,cAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -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,28 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
-
3
- function CheckboxCheckedIconHD({
4
- className
5
- }) {
6
- return /* @__PURE__ */ jsx("svg", {
7
- "aria-hidden": "true",
8
- className,
9
- focusable: "false",
10
- shapeRendering: "geometricPrecision",
11
- viewBox: "0 0 12 12",
12
- children: /* @__PURE__ */ jsxs("g", {
13
- fillRule: "evenodd",
14
- children: [
15
- /* @__PURE__ */ jsx("rect", {
16
- className: `saltCheckboxIcon-box`
17
- }),
18
- /* @__PURE__ */ jsx("path", {
19
- className: `saltCheckboxIcon-tick`,
20
- d: "m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z"
21
- })
22
- ]
23
- })
24
- });
25
- }
26
-
27
- export { CheckboxCheckedIconHD };
28
- //# sourceMappingURL=CheckboxCheckedIconHD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxCheckedIconHD.js","sources":["../src/checkbox/assets/CheckboxCheckedIconHD.tsx"],"sourcesContent":["// This icon is used for the high density checkbox\nexport function CheckboxCheckedIconHD({\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 12 12\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <path\n className={`saltCheckboxIcon-tick`}\n d=\"m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z\"\n />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AACO,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,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,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,CAAE,EAAA,2FAAA;AAAA,SACJ,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,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 CheckboxCheckedIconHD({ 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,4 +0,0 @@
1
- export { CheckboxUncheckedIcon } from "./CheckboxUncheckedIcon";
2
- export { CheckboxCheckedIcon } from "./CheckboxCheckedIcon";
3
- export { CheckboxCheckedIconHD } from "./CheckboxCheckedIconHD";
4
- export { CheckboxIndeterminateIcon } from "./CheckboxIndeterminateIcon";