@salt-ds/core 1.8.0-rc.1 → 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.
- package/dist-cjs/button/Button.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.js +55 -20
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.css.js +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +25 -3
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +46 -26
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-cjs/form-field/FormField.css.js +1 -1
- package/dist-cjs/form-field/FormField.js +4 -2
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/form-field/FormFieldHelperText.css.js +1 -1
- package/dist-cjs/form-field/FormFieldLabel.css.js +1 -1
- package/dist-cjs/form-field/FormFieldLabel.js +19 -6
- package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
- package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-cjs/index.js +2 -4
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.css.js +1 -1
- package/dist-cjs/input/Input.js +11 -7
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/radio-button/RadioButton.css.js +1 -1
- package/dist-cjs/radio-button/RadioButton.js +49 -10
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.css.js +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +23 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.js +29 -24
- package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-cjs/utils/useResponsiveProp.js +7 -5
- package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
- package/dist-es/button/Button.css.js +1 -1
- package/dist-es/checkbox/Checkbox.css.js +1 -1
- package/dist-es/checkbox/Checkbox.js +55 -20
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.css.js +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +25 -3
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +47 -27
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-es/form-field/FormField.css.js +1 -1
- package/dist-es/form-field/FormField.js +4 -2
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/form-field/FormFieldHelperText.css.js +1 -1
- package/dist-es/form-field/FormFieldLabel.css.js +1 -1
- package/dist-es/form-field/FormFieldLabel.js +20 -7
- package/dist-es/form-field/FormFieldLabel.js.map +1 -1
- package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-es/index.js +1 -2
- package/dist-es/index.js.map +1 -1
- package/dist-es/input/Input.css.js +1 -1
- package/dist-es/input/Input.js +11 -7
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/radio-button/RadioButton.css.js +1 -1
- package/dist-es/radio-button/RadioButton.js +49 -10
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.css.js +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +23 -1
- package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
- package/dist-es/radio-button/RadioButtonIcon.js +30 -25
- package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
- package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-es/utils/useResponsiveProp.js +7 -5
- package/dist-es/utils/useResponsiveProp.js.map +1 -1
- package/dist-types/checkbox/Checkbox.d.ts +9 -0
- package/dist-types/checkbox/CheckboxGroup.d.ts +13 -0
- package/dist-types/checkbox/CheckboxIcon.d.ts +7 -1
- package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +6 -0
- package/dist-types/form-field/FormField.d.ts +5 -1
- package/dist-types/form-field/FormFieldLabel.d.ts +3 -1
- package/dist-types/form-field/index.d.ts +0 -1
- package/dist-types/form-field-context/FormFieldContext.d.ts +3 -0
- package/dist-types/index.d.ts +1 -0
- package/dist-types/input/index.d.ts +0 -1
- package/dist-types/radio-button/RadioButton.d.ts +15 -2
- package/dist-types/radio-button/RadioButtonGroup.d.ts +12 -0
- package/dist-types/radio-button/RadioButtonIcon.d.ts +10 -4
- package/dist-types/radio-button/internal/RadioGroupContext.d.ts +6 -0
- package/dist-types/status-adornment/StatusAdornment.d.ts +1 -2
- package/package.json +4 -3
- package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js +0 -33
- package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
- package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js +0 -32
- package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
- package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
- package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
- package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
- package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
- package/dist-cjs/form-field/FormFieldControlWrapper.css.js +0 -6
- package/dist-cjs/form-field/FormFieldControlWrapper.css.js.map +0 -1
- package/dist-cjs/form-field/FormFieldControlWrapper.js +0 -32
- package/dist-cjs/form-field/FormFieldControlWrapper.js.map +0 -1
- package/dist-cjs/input/adornment-button/AdornmentButton.css.js +0 -6
- package/dist-cjs/input/adornment-button/AdornmentButton.css.js.map +0 -1
- package/dist-cjs/input/adornment-button/AdornmentButton.js +0 -41
- package/dist-cjs/input/adornment-button/AdornmentButton.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxCheckedIcon.js +0 -29
- package/dist-es/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js +0 -28
- package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
- package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
- package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
- package/dist-es/form-field/FormFieldControlWrapper.css.js +0 -4
- package/dist-es/form-field/FormFieldControlWrapper.css.js.map +0 -1
- package/dist-es/form-field/FormFieldControlWrapper.js +0 -28
- package/dist-es/form-field/FormFieldControlWrapper.js.map +0 -1
- package/dist-es/input/adornment-button/AdornmentButton.css.js +0 -4
- package/dist-es/input/adornment-button/AdornmentButton.css.js.map +0 -1
- package/dist-es/input/adornment-button/AdornmentButton.js +0 -37
- package/dist-es/input/adornment-button/AdornmentButton.js.map +0 -1
- package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/CheckboxCheckedIconHD.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 -4
- package/dist-types/form-field/FormFieldControlWrapper.d.ts +0 -2
- package/dist-types/input/adornment-button/AdornmentButton.d.ts +0 -4
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { AdornmentValidationStatus } from "../status-adornment";
|
|
2
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
3
|
+
export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
4
|
checked?: boolean;
|
|
4
|
-
error?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use validationStatus instead
|
|
8
|
+
*/
|
|
9
|
+
error?: boolean;
|
|
10
|
+
readOnly?: boolean;
|
|
11
|
+
validationStatus?: AdornmentValidationStatus;
|
|
6
12
|
}
|
|
7
13
|
/**
|
|
8
14
|
* Default radio icon
|
|
9
15
|
*/
|
|
10
|
-
export declare const RadioButtonIcon: ({ checked, error, disabled, }: RadioButtonIconProps) => JSX.Element;
|
|
16
|
+
export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import { ChangeEventHandler } from "react";
|
|
2
|
+
import { a11yValueAriaProps } from "../../form-field-context";
|
|
3
|
+
import { AdornmentValidationStatus } from "../../status-adornment";
|
|
2
4
|
export interface RadioGroupContextValue {
|
|
5
|
+
a11yProps?: a11yValueAriaProps;
|
|
6
|
+
disabled?: boolean;
|
|
3
7
|
name?: string;
|
|
4
8
|
value?: string;
|
|
5
9
|
onChange?: ChangeEventHandler<HTMLElement>;
|
|
10
|
+
readOnly?: boolean;
|
|
11
|
+
validationStatus?: AdornmentValidationStatus;
|
|
6
12
|
}
|
|
7
13
|
export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps } from "@salt-ds/icons";
|
|
3
3
|
import { ValidationStatus } from "../status-indicator";
|
|
4
|
-
declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
|
|
4
|
+
export declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
|
|
5
5
|
export interface StatusAdornmentProps extends IconProps {
|
|
6
6
|
/**
|
|
7
7
|
* Status adornment to be displayed.
|
|
@@ -9,4 +9,3 @@ export interface StatusAdornmentProps extends IconProps {
|
|
|
9
9
|
status: AdornmentValidationStatus;
|
|
10
10
|
}
|
|
11
11
|
export declare const StatusAdornment: import("react").ForwardRefExoticComponent<StatusAdornmentProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
12
|
-
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/core",
|
|
3
|
-
"version": "1.8.0-rc.
|
|
3
|
+
"version": "1.8.0-rc.3",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "dist-cjs/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"publishConfig": {
|
|
18
|
-
"directory": "../../dist/salt-ds-core"
|
|
18
|
+
"directory": "../../dist/salt-ds-core",
|
|
19
|
+
"provenance": true
|
|
19
20
|
},
|
|
20
21
|
"module": "dist-es/index.js",
|
|
21
22
|
"typings": "dist-types/index.d.ts",
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
"clsx": "^1.2.1",
|
|
25
26
|
"@salt-ds/window": "^0.1.0",
|
|
26
27
|
"@salt-ds/styles": "^0.1.0",
|
|
27
|
-
"@salt-ds/icons": "^1.
|
|
28
|
+
"@salt-ds/icons": "^1.5.0"
|
|
28
29
|
},
|
|
29
30
|
"files": [
|
|
30
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,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\n display: grid;\n grid-auto-columns: minmax(min-content, 1fr);\n grid-auto-flow: column;\n grid-column-gap: var(--salt-size-unit);\n}\n";
|
|
4
|
-
|
|
5
|
-
module.exports = css_248z;
|
|
6
|
-
//# sourceMappingURL=FormFieldControlWrapper.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldControlWrapper.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
require('react');
|
|
7
|
-
var makePrefixer = require('../utils/makePrefixer.js');
|
|
8
|
-
require('../utils/useFloatingUI.js');
|
|
9
|
-
require('../utils/useId.js');
|
|
10
|
-
require('../salt-provider/SaltProvider.js');
|
|
11
|
-
require('../viewport/ViewportProvider.js');
|
|
12
|
-
require('clsx');
|
|
13
|
-
var window = require('@salt-ds/window');
|
|
14
|
-
var styles = require('@salt-ds/styles');
|
|
15
|
-
var FormFieldControlWrapper$1 = require('./FormFieldControlWrapper.css.js');
|
|
16
|
-
|
|
17
|
-
const withBaseName = makePrefixer.makePrefixer("saltFormFieldControlWrapper");
|
|
18
|
-
const FormFieldControlWrapper = ({ children }) => {
|
|
19
|
-
const targetWindow = window.useWindow();
|
|
20
|
-
styles.useComponentCssInjection({
|
|
21
|
-
testId: "salt-form-field-control-wrapper",
|
|
22
|
-
css: FormFieldControlWrapper$1,
|
|
23
|
-
window: targetWindow
|
|
24
|
-
});
|
|
25
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
26
|
-
className: withBaseName(),
|
|
27
|
-
children
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.FormFieldControlWrapper = FormFieldControlWrapper;
|
|
32
|
-
//# sourceMappingURL=FormFieldControlWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport const FormFieldControlWrapper = ({ children }: PropsWithChildren) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-control-wrapper\",\n css: formFieldControlWrapper,\n window: targetWindow,\n });\n return <div className={withBaseName()}>{children}</div>;\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","formFieldControlWrapper","jsx"],"mappings":";;;;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,0BAAa,6BAA6B,CAAA,CAAA;AAExD,MAAM,uBAA0B,GAAA,CAAC,EAAE,QAAA,EAAkC,KAAA;AAC1E,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAC,yBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAI,QAAA;AAAA,GAAS,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".saltAdornmentButton {\n --saltButton-padding: 0;\n --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-50));\n --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-50));\n}\n";
|
|
4
|
-
|
|
5
|
-
module.exports = css_248z;
|
|
6
|
-
//# sourceMappingURL=AdornmentButton.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdornmentButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var styles = require('@salt-ds/styles');
|
|
8
|
-
var window = require('@salt-ds/window');
|
|
9
|
-
var Button = require('../../button/Button.js');
|
|
10
|
-
var makePrefixer = require('../../utils/makePrefixer.js');
|
|
11
|
-
require('../../utils/useFloatingUI.js');
|
|
12
|
-
require('../../utils/useId.js');
|
|
13
|
-
require('../../salt-provider/SaltProvider.js');
|
|
14
|
-
require('../../viewport/ViewportProvider.js');
|
|
15
|
-
require('clsx');
|
|
16
|
-
require('../../form-field-context/FormFieldContext.js');
|
|
17
|
-
var useFormFieldProps = require('../../form-field-context/useFormFieldProps.js');
|
|
18
|
-
var AdornmentButton$1 = require('./AdornmentButton.css.js');
|
|
19
|
-
|
|
20
|
-
const withBaseName = makePrefixer.makePrefixer("saltAdornmentButton");
|
|
21
|
-
const AdornmentButton = React.forwardRef(function AdornmentButton2({ children, disabled, variant, ...rest }, ref) {
|
|
22
|
-
const targetWindow = window.useWindow();
|
|
23
|
-
styles.useComponentCssInjection({
|
|
24
|
-
testId: "salt-adornment-button",
|
|
25
|
-
css: AdornmentButton$1,
|
|
26
|
-
window: targetWindow
|
|
27
|
-
});
|
|
28
|
-
const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = useFormFieldProps.useFormFieldProps();
|
|
29
|
-
const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;
|
|
30
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
|
|
31
|
-
className: withBaseName(),
|
|
32
|
-
disabled: isDisabled,
|
|
33
|
-
variant,
|
|
34
|
-
...rest,
|
|
35
|
-
ref,
|
|
36
|
-
children
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
exports.AdornmentButton = AdornmentButton;
|
|
41
|
-
//# sourceMappingURL=AdornmentButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdornmentButton.js","sources":["../src/input/adornment-button/AdornmentButton.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Button, ButtonProps } from \"../../button\";\nimport { makePrefixer } from \"../../utils\";\nimport { useFormFieldProps } from \"../../form-field-context\";\n\nimport AdornmentButtonCss from \"./AdornmentButton.css\";\n\nexport type AdornmentButtonProps = ButtonProps;\n\nconst withBaseName = makePrefixer(\"saltAdornmentButton\");\n\nexport const AdornmentButton = forwardRef(function AdornmentButton(\n { children, disabled, variant, ...rest }: AdornmentButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-adornment-button\",\n css: AdornmentButtonCss,\n window: targetWindow,\n });\n\n const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n useFormFieldProps();\n\n const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;\n\n return (\n <Button\n className={withBaseName()}\n disabled={isDisabled}\n variant={variant}\n {...rest}\n ref={ref}\n >\n {children}\n </Button>\n );\n});\n"],"names":["makePrefixer","forwardRef","AdornmentButton","useWindow","useComponentCssInjection","AdornmentButtonCss","useFormFieldProps","jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,qBAAqB,CAAA,CAAA;AAE1C,MAAA,eAAA,GAAkBC,gBAAW,CAAA,SAASC,gBACjD,CAAA,EAAE,UAAU,QAAU,EAAA,OAAA,EAAA,GAAY,IAAK,EAAA,EACvC,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,iBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAU,EAAA,iBAAA,EAAmB,QAAU,EAAA,iBAAA,KAC7CC,mCAAkB,EAAA,CAAA;AAEpB,EAAM,MAAA,UAAA,GAAa,YAAY,iBAAqB,IAAA,iBAAA,CAAA;AAEpD,EAAA,uBACGC,cAAA,CAAAC,aAAA,EAAA;AAAA,IACC,WAAW,YAAa,EAAA;AAAA,IACxB,QAAU,EAAA,UAAA;AAAA,IACV,OAAA;AAAA,IACC,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -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
|
-
var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\n display: grid;\n grid-auto-columns: minmax(min-content, 1fr);\n grid-auto-flow: column;\n grid-column-gap: var(--salt-size-unit);\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=FormFieldControlWrapper.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldControlWrapper.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { makePrefixer } from '../utils/makePrefixer.js';
|
|
4
|
-
import '../utils/useFloatingUI.js';
|
|
5
|
-
import '../utils/useId.js';
|
|
6
|
-
import '../salt-provider/SaltProvider.js';
|
|
7
|
-
import '../viewport/ViewportProvider.js';
|
|
8
|
-
import 'clsx';
|
|
9
|
-
import { useWindow } from '@salt-ds/window';
|
|
10
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
11
|
-
import css_248z from './FormFieldControlWrapper.css.js';
|
|
12
|
-
|
|
13
|
-
const withBaseName = makePrefixer("saltFormFieldControlWrapper");
|
|
14
|
-
const FormFieldControlWrapper = ({ children }) => {
|
|
15
|
-
const targetWindow = useWindow();
|
|
16
|
-
useComponentCssInjection({
|
|
17
|
-
testId: "salt-form-field-control-wrapper",
|
|
18
|
-
css: css_248z,
|
|
19
|
-
window: targetWindow
|
|
20
|
-
});
|
|
21
|
-
return /* @__PURE__ */ jsx("div", {
|
|
22
|
-
className: withBaseName(),
|
|
23
|
-
children
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { FormFieldControlWrapper };
|
|
28
|
-
//# sourceMappingURL=FormFieldControlWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport const FormFieldControlWrapper = ({ children }: PropsWithChildren) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-control-wrapper\",\n css: formFieldControlWrapper,\n window: targetWindow,\n });\n return <div className={withBaseName()}>{children}</div>;\n};\n"],"names":["formFieldControlWrapper"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,6BAA6B,CAAA,CAAA;AAExD,MAAM,uBAA0B,GAAA,CAAC,EAAE,QAAA,EAAkC,KAAA;AAC1E,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAI,QAAA;AAAA,GAAS,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltAdornmentButton {\n --saltButton-padding: 0;\n --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-50));\n --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-50));\n}\n";
|
|
2
|
-
|
|
3
|
-
export { css_248z as default };
|
|
4
|
-
//# sourceMappingURL=AdornmentButton.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdornmentButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
4
|
-
import { useWindow } from '@salt-ds/window';
|
|
5
|
-
import { Button } from '../../button/Button.js';
|
|
6
|
-
import { makePrefixer } from '../../utils/makePrefixer.js';
|
|
7
|
-
import '../../utils/useFloatingUI.js';
|
|
8
|
-
import '../../utils/useId.js';
|
|
9
|
-
import '../../salt-provider/SaltProvider.js';
|
|
10
|
-
import '../../viewport/ViewportProvider.js';
|
|
11
|
-
import 'clsx';
|
|
12
|
-
import '../../form-field-context/FormFieldContext.js';
|
|
13
|
-
import { useFormFieldProps } from '../../form-field-context/useFormFieldProps.js';
|
|
14
|
-
import css_248z from './AdornmentButton.css.js';
|
|
15
|
-
|
|
16
|
-
const withBaseName = makePrefixer("saltAdornmentButton");
|
|
17
|
-
const AdornmentButton = forwardRef(function AdornmentButton2({ children, disabled, variant, ...rest }, ref) {
|
|
18
|
-
const targetWindow = useWindow();
|
|
19
|
-
useComponentCssInjection({
|
|
20
|
-
testId: "salt-adornment-button",
|
|
21
|
-
css: css_248z,
|
|
22
|
-
window: targetWindow
|
|
23
|
-
});
|
|
24
|
-
const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = useFormFieldProps();
|
|
25
|
-
const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;
|
|
26
|
-
return /* @__PURE__ */ jsx(Button, {
|
|
27
|
-
className: withBaseName(),
|
|
28
|
-
disabled: isDisabled,
|
|
29
|
-
variant,
|
|
30
|
-
...rest,
|
|
31
|
-
ref,
|
|
32
|
-
children
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
export { AdornmentButton };
|
|
37
|
-
//# sourceMappingURL=AdornmentButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdornmentButton.js","sources":["../src/input/adornment-button/AdornmentButton.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Button, ButtonProps } from \"../../button\";\nimport { makePrefixer } from \"../../utils\";\nimport { useFormFieldProps } from \"../../form-field-context\";\n\nimport AdornmentButtonCss from \"./AdornmentButton.css\";\n\nexport type AdornmentButtonProps = ButtonProps;\n\nconst withBaseName = makePrefixer(\"saltAdornmentButton\");\n\nexport const AdornmentButton = forwardRef(function AdornmentButton(\n { children, disabled, variant, ...rest }: AdornmentButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-adornment-button\",\n css: AdornmentButtonCss,\n window: targetWindow,\n });\n\n const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n useFormFieldProps();\n\n const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;\n\n return (\n <Button\n className={withBaseName()}\n disabled={isDisabled}\n variant={variant}\n {...rest}\n ref={ref}\n >\n {children}\n </Button>\n );\n});\n"],"names":["AdornmentButton","AdornmentButtonCss"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAE1C,MAAA,eAAA,GAAkB,UAAW,CAAA,SAASA,gBACjD,CAAA,EAAE,UAAU,QAAU,EAAA,OAAA,EAAA,GAAY,IAAK,EAAA,EACvC,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAU,EAAA,iBAAA,EAAmB,QAAU,EAAA,iBAAA,KAC7C,iBAAkB,EAAA,CAAA;AAEpB,EAAM,MAAA,UAAA,GAAa,YAAY,iBAAqB,IAAA,iBAAA,CAAA;AAEpD,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,WAAW,YAAa,EAAA;AAAA,IACxB,QAAU,EAAA,UAAA;AAAA,IACV,OAAA;AAAA,IACC,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from "../../button";
|
|
3
|
-
export declare type AdornmentButtonProps = ButtonProps;
|
|
4
|
-
export declare const AdornmentButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|