@ultraviolet/ui 3.8.1 → 3.9.0
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/components/Checkbox/styles.css.js +1 -1
- package/dist/components/CheckboxGroup/index.js +1 -1
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +17 -16
- package/dist/components/Drawer/DrawerContent.d.ts +5 -0
- package/dist/components/Drawer/DrawerContent.d.ts.map +1 -0
- package/dist/components/Drawer/DrawerContent.js +6 -0
- package/dist/components/Drawer/index.d.ts +5 -7
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +44 -5
- package/dist/components/Drawer/styles.css.d.ts +10 -3
- package/dist/components/Drawer/styles.css.d.ts.map +1 -1
- package/dist/components/Drawer/styles.css.js +5 -1
- package/dist/components/FileInput/helpers.d.ts +1 -0
- package/dist/components/FileInput/helpers.d.ts.map +1 -1
- package/dist/components/FileInput/helpers.js +21 -0
- package/dist/components/FileInput/index.d.ts.map +1 -1
- package/dist/components/FileInput/index.js +25 -26
- package/dist/components/InfiniteScroll/index.d.ts +1 -1
- package/dist/components/InfiniteScroll/index.d.ts.map +1 -1
- package/dist/components/InfiniteScroll/index.js +2 -2
- package/dist/components/LineChart/helpers.js +3 -3
- package/dist/components/Link/index.js +1 -1
- package/dist/components/List/styles.css.js +0 -1
- package/dist/components/Menu/MenuContent.d.ts.map +1 -1
- package/dist/components/Menu/components/Group.js +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent.d.ts +1 -1
- package/dist/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent.js +3 -1
- package/dist/components/Modal/components/Dialog.d.ts +1 -1
- package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.js +41 -36
- package/dist/components/Modal/index.d.ts +4 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +7 -2
- package/dist/components/Modal/styles.css.d.ts.map +1 -1
- package/dist/components/Modal/types.d.ts +1 -0
- package/dist/components/Modal/types.d.ts.map +1 -1
- package/dist/components/NumberInput/index.js +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popup/helpers.d.ts.map +1 -1
- package/dist/components/Popup/helpers.js +15 -0
- package/dist/components/Popup/index.d.ts.map +1 -1
- package/dist/components/Popup/index.js +1 -1
- package/dist/components/Popup/styles.css.js +1 -0
- package/dist/components/Popup/variables.css.js +0 -1
- package/dist/components/ProgressBar/styles.css.js +1 -0
- package/dist/components/ProgressBar/variables.css.js +0 -1
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Radio/styles.css.js +1 -0
- package/dist/components/SearchInput/index.d.ts.map +1 -1
- package/dist/components/SearchInput/index.js +1 -4
- package/dist/components/SelectInput/SelectInputProvider.d.ts +4 -1
- package/dist/components/SelectInput/SelectInputProvider.d.ts.map +1 -1
- package/dist/components/SelectInput/SelectInputProvider.js +14 -7
- package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
- package/dist/components/SelectInput/components/Dropdown.js +81 -33
- package/dist/components/SelectInput/components/DropdownOption.d.ts +2 -1
- package/dist/components/SelectInput/components/DropdownOption.d.ts.map +1 -1
- package/dist/components/SelectInput/components/DropdownOption.js +20 -9
- package/dist/components/SelectInput/components/SearchBarDropdown.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SearchBarDropdown.js +10 -3
- package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
- package/dist/components/SelectInput/components/SelectBar.js +14 -5
- package/dist/components/SelectInput/components/dropdown.css.d.ts +14 -1
- package/dist/components/SelectInput/components/dropdown.css.d.ts.map +1 -1
- package/dist/components/SelectInput/components/dropdown.css.js +13 -13
- package/dist/components/SelectInput/index.d.ts.map +1 -1
- package/dist/components/SelectInput/index.js +7 -4
- package/dist/components/SelectableCard/IllustrationContainer.js +1 -1
- package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js +1 -1
- package/dist/components/SelectableCardOptionGroup/components/Option.d.ts.map +1 -1
- package/dist/components/SelectableCardOptionGroup/components/Option.js +7 -6
- package/dist/components/Separator/styles.css.d.ts +6 -0
- package/dist/components/Separator/styles.css.d.ts.map +1 -1
- package/dist/components/Separator/styles.css.js +1 -0
- package/dist/components/Slider/components/DoubleSlider.js +2 -2
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/TagList/index.js +3 -3
- package/dist/components/Text/style.css.js +1 -0
- package/dist/components/Text/variables.css.js +0 -1
- package/dist/components/TextInput/index.js +1 -1
- package/dist/components/ToggleGroup/index.js +1 -1
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/UnitInput/index.d.ts.map +1 -1
- package/dist/components/UnitInput/index.js +4 -3
- package/dist/components/VerificationCode/index.js +2 -2
- package/dist/components/compositions/OptionSelector/index.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/index.js +12 -0
- package/dist/components/compositions/OptionSelector/types.d.ts +1 -1
- package/dist/components/compositions/OptionSelector/types.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +7 -1
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +2 -1
- package/dist/ui.css +1 -1
- package/package.json +12 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAa/C,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,+KAepB,WAAW,
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAa/C,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,+KAepB,WAAW,4CA0Gb,CAAA"}
|
|
@@ -35,14 +35,15 @@ const Option = ({
|
|
|
35
35
|
optionValue
|
|
36
36
|
} = useSelectableCardOptionGroup();
|
|
37
37
|
const generatedId = useId();
|
|
38
|
-
const inputId = id
|
|
38
|
+
const inputId = id ?? generatedId;
|
|
39
|
+
const isDisabled = disabled || groupDisabled;
|
|
39
40
|
return /* @__PURE__ */ jsx(
|
|
40
41
|
SelectableCard,
|
|
41
42
|
{
|
|
42
43
|
checked: groupValue === value,
|
|
43
44
|
className: cn(className, selectableCard),
|
|
44
45
|
"data-testid": dataTestId,
|
|
45
|
-
disabled:
|
|
46
|
+
disabled: isDisabled,
|
|
46
47
|
isError: error,
|
|
47
48
|
onChange: (event) => {
|
|
48
49
|
onChange?.(event);
|
|
@@ -80,7 +81,7 @@ const Option = ({
|
|
|
80
81
|
Image,
|
|
81
82
|
{
|
|
82
83
|
alt: typeof label === "string" ? label : value,
|
|
83
|
-
disabled:
|
|
84
|
+
disabled: isDisabled,
|
|
84
85
|
size,
|
|
85
86
|
src: image
|
|
86
87
|
}
|
|
@@ -97,7 +98,7 @@ const Option = ({
|
|
|
97
98
|
typeof label === "string" ? /* @__PURE__ */ jsx(
|
|
98
99
|
Label,
|
|
99
100
|
{
|
|
100
|
-
disabled:
|
|
101
|
+
disabled: isDisabled,
|
|
101
102
|
htmlFor: inputId,
|
|
102
103
|
labelDescription,
|
|
103
104
|
sentiment: groupValue === value ? "primary" : "neutral",
|
|
@@ -117,11 +118,11 @@ const Option = ({
|
|
|
117
118
|
"aria-label": typeof label === "string" ? `${label} option` : `${value} option`,
|
|
118
119
|
className: cn(
|
|
119
120
|
optionSelectInput,
|
|
120
|
-
|
|
121
|
+
isDisabled ? optionSelectInputDisabled : "",
|
|
121
122
|
error ? optionSelectInputError : ""
|
|
122
123
|
),
|
|
123
124
|
"data-testid": dataTestId ? `${dataTestId}-select` : void 0,
|
|
124
|
-
disabled:
|
|
125
|
+
disabled: isDisabled,
|
|
125
126
|
error,
|
|
126
127
|
name: "selectable-card-option",
|
|
127
128
|
onChange: onChangeOption,
|
|
@@ -91,6 +91,12 @@ export declare const hr: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
91
91
|
};
|
|
92
92
|
neutral: {
|
|
93
93
|
backgroundColor: `var(--${string})`;
|
|
94
|
+
selectors: {
|
|
95
|
+
[x: string]: {
|
|
96
|
+
backgroundColor: `var(--${string})`;
|
|
97
|
+
minHeight: number;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
94
100
|
};
|
|
95
101
|
primary: {
|
|
96
102
|
backgroundColor: `var(--${string})`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/styles.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/styles.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAK9D,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAc7C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8B9B,CAAA;AACF,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCb,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,WAAW,CACzC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAC3C,CAAA"}
|
|
@@ -83,8 +83,8 @@ const DoubleSlider = ({
|
|
|
83
83
|
}, [options]);
|
|
84
84
|
const internalOnChangeRef = useCallback(
|
|
85
85
|
(localValue) => {
|
|
86
|
-
let leftSliderValue = localValue[0]
|
|
87
|
-
let rightSliderValue = localValue[1]
|
|
86
|
+
let leftSliderValue = localValue[0] ?? min;
|
|
87
|
+
let rightSliderValue = localValue[1] ?? max;
|
|
88
88
|
leftSliderValue = Math.max(min, Math.min(leftSliderValue, max));
|
|
89
89
|
rightSliderValue = Math.max(min, Math.min(rightSliderValue, max));
|
|
90
90
|
const newValues = [leftSliderValue, rightSliderValue];
|
|
@@ -46,7 +46,7 @@ const IStack = forwardRef(
|
|
|
46
46
|
}
|
|
47
47
|
return wrap;
|
|
48
48
|
}, [wrap]);
|
|
49
|
-
const Component = as
|
|
49
|
+
const Component = as ?? "div";
|
|
50
50
|
const sprinkleClassName = sprinkles({
|
|
51
51
|
alignItems: typeof alignItems === "object" ? alignItems : { xxsmall: alignItems },
|
|
52
52
|
flexDirection: typeof direction === "object" ? direction : { xxsmall: direction },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgBtE,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAI1D;;GAEG;AACH,eAAO,MAAM,IAAI;uGAQd,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgBtE,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAI1D;;GAEG;AACH,eAAO,MAAM,IAAI;uGAQd,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFX,CAAA"}
|
|
@@ -34,7 +34,7 @@ const Tabs = ({
|
|
|
34
34
|
const tab = tabsRef.current.querySelector(
|
|
35
35
|
`[role='tab'][aria-selected='true']`
|
|
36
36
|
);
|
|
37
|
-
if (
|
|
37
|
+
if (tabsRef.current.scrollTo && tab) {
|
|
38
38
|
tabsRef.current.scrollTo({ behavior: "smooth", left: tab.offsetLeft });
|
|
39
39
|
}
|
|
40
40
|
}, [selected]);
|
|
@@ -61,7 +61,7 @@ const TagList = ({
|
|
|
61
61
|
setIsReady(true);
|
|
62
62
|
return;
|
|
63
63
|
}
|
|
64
|
-
const parentWidth = containerRef.current.parentElement?.offsetWidth
|
|
64
|
+
const parentWidth = containerRef.current.parentElement?.offsetWidth ?? 0;
|
|
65
65
|
const toMeasureElements = measureRef.current.children[0].children;
|
|
66
66
|
const [firstTag, ...restOfToMeasureElements] = [...toMeasureElements];
|
|
67
67
|
const { measuredVisibleTags, measuredHiddenTags } = restOfToMeasureElements.reduce(
|
|
@@ -105,8 +105,8 @@ const TagList = ({
|
|
|
105
105
|
const newPopoverTriggerWidth = popoverTriggerRef.current.offsetWidth;
|
|
106
106
|
setPopoverTriggerWidth(newPopoverTriggerWidth);
|
|
107
107
|
const tagsContainer = containerRef.current;
|
|
108
|
-
const tagsContainerWidth = containerRef.current?.offsetWidth
|
|
109
|
-
const parentWidth = tagsContainer?.parentElement?.offsetWidth
|
|
108
|
+
const tagsContainerWidth = containerRef.current?.offsetWidth ?? 0;
|
|
109
|
+
const parentWidth = tagsContainer?.parentElement?.offsetWidth ?? 0;
|
|
110
110
|
if (visibleTags.length > 1 && hiddenTags.length > 0 && tagsContainerWidth + newPopoverTriggerWidth > parentWidth) {
|
|
111
111
|
const visibleTagsCopy = visibleTags.filter(
|
|
112
112
|
(_, index) => index < visibleTags.length - 1
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
4
|
var text = createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { disabled: { true: "uv_m4c9ow1" }, italic: { true: "uv_m4c9ow2" }, oneLine: { true: "uv_m4c9ow3" }, prominence: { "default": "uv_m4c9ow4", strong: "uv_m4c9ow5", stronger: "uv_m4c9ow6", weak: "uv_m4c9ow7" }, sentiment: { black: "uv_m4c9ow8", danger: "uv_m4c9ow9", info: "uv_m4c9owa", neutral: "uv_m4c9owb", primary: "uv_m4c9owc", secondary: "uv_m4c9owd", success: "uv_m4c9owe", warning: "uv_m4c9owf", white: "uv_m4c9owg" }, strikeThrough: { true: "uv_m4c9owh" }, underline: { true: "uv_m4c9owi" }, variant: { body: "uv_m4c9owj", bodySmall: "uv_m4c9owk", bodySmallStrong: "uv_m4c9owl", bodySmallStronger: "uv_m4c9owm", bodyStrong: "uv_m4c9own", bodyStronger: "uv_m4c9owo", caption: "uv_m4c9owp", captionSmall: "uv_m4c9owq", captionSmallStrong: "uv_m4c9owr", captionSmallStronger: "uv_m4c9ows", captionStrong: "uv_m4c9owt", captionStronger: "uv_m4c9owu", code: "uv_m4c9owv", codeSmall: "uv_m4c9oww", codeSmallStrong: "uv_m4c9owx", codeSmallStronger: "uv_m4c9owy", codeStrong: "uv_m4c9owz", codeStronger: "uv_m4c9ow10", heading: "uv_m4c9ow11", headingLarge: "uv_m4c9ow12", headingLargeStrong: "uv_m4c9ow13", headingLargeStronger: "uv_m4c9ow14", headingSmall: "uv_m4c9ow15", headingSmallStrong: "uv_m4c9ow16", headingSmallStronger: "uv_m4c9ow17", headingStrong: "uv_m4c9ow18", headingStronger: "uv_m4c9ow19" } }, defaultVariants: { disabled: false, italic: false, oneLine: false, prominence: "default", sentiment: void 0, strikeThrough: false, underline: false, variant: "body" }, compoundVariants: [[{ disabled: false, prominence: "default" }, "uv_m4c9ow1a"], [{ disabled: false, prominence: "strong" }, "uv_m4c9ow1b"], [{ disabled: false, prominence: "stronger" }, "uv_m4c9ow1c"], [{ disabled: false, prominence: "weak" }, "uv_m4c9ow1d"], [{ disabled: true, prominence: "default", sentiment: "primary" }, "uv_m4c9ow1e"], [{ disabled: true, prominence: "strong", sentiment: "primary" }, "uv_m4c9ow1f"], [{ disabled: true, prominence: "stronger", sentiment: "primary" }, "uv_m4c9ow1g"], [{ disabled: true, prominence: "weak", sentiment: "primary" }, "uv_m4c9ow1h"], [{ disabled: true, prominence: "default", sentiment: "secondary" }, "uv_m4c9ow1i"], [{ disabled: true, prominence: "strong", sentiment: "secondary" }, "uv_m4c9ow1j"], [{ disabled: true, prominence: "stronger", sentiment: "secondary" }, "uv_m4c9ow1k"], [{ disabled: true, prominence: "weak", sentiment: "secondary" }, "uv_m4c9ow1l"], [{ disabled: true, prominence: "default", sentiment: "danger" }, "uv_m4c9ow1m"], [{ disabled: true, prominence: "strong", sentiment: "danger" }, "uv_m4c9ow1n"], [{ disabled: true, prominence: "stronger", sentiment: "danger" }, "uv_m4c9ow1o"], [{ disabled: true, prominence: "weak", sentiment: "danger" }, "uv_m4c9ow1p"], [{ disabled: true, prominence: "default", sentiment: "info" }, "uv_m4c9ow1q"], [{ disabled: true, prominence: "strong", sentiment: "info" }, "uv_m4c9ow1r"], [{ disabled: true, prominence: "stronger", sentiment: "info" }, "uv_m4c9ow1s"], [{ disabled: true, prominence: "weak", sentiment: "info" }, "uv_m4c9ow1t"], [{ disabled: true, prominence: "default", sentiment: "success" }, "uv_m4c9ow1u"], [{ disabled: true, prominence: "strong", sentiment: "success" }, "uv_m4c9ow1v"], [{ disabled: true, prominence: "stronger", sentiment: "success" }, "uv_m4c9ow1w"], [{ disabled: true, prominence: "weak", sentiment: "success" }, "uv_m4c9ow1x"], [{ disabled: true, prominence: "default", sentiment: "warning" }, "uv_m4c9ow1y"], [{ disabled: true, prominence: "strong", sentiment: "warning" }, "uv_m4c9ow1z"], [{ disabled: true, prominence: "stronger", sentiment: "warning" }, "uv_m4c9ow20"], [{ disabled: true, prominence: "weak", sentiment: "warning" }, "uv_m4c9ow21"], [{ disabled: true, prominence: "default", sentiment: "neutral" }, "uv_m4c9ow22"], [{ disabled: true, prominence: "strong", sentiment: "neutral" }, "uv_m4c9ow23"], [{ disabled: true, prominence: "stronger", sentiment: "neutral" }, "uv_m4c9ow24"], [{ disabled: true, prominence: "weak", sentiment: "neutral" }, "uv_m4c9ow25"], [{ disabled: true, prominence: "default", sentiment: "black" }, "uv_m4c9ow26"], [{ disabled: true, prominence: "strong", sentiment: "black" }, "uv_m4c9ow27"], [{ disabled: true, prominence: "stronger", sentiment: "black" }, "uv_m4c9ow28"], [{ disabled: true, prominence: "weak", sentiment: "black" }, "uv_m4c9ow29"], [{ disabled: true, prominence: "default", sentiment: "white" }, "uv_m4c9ow2a"], [{ disabled: true, prominence: "strong", sentiment: "white" }, "uv_m4c9ow2b"], [{ disabled: true, prominence: "stronger", sentiment: "white" }, "uv_m4c9ow2c"], [{ disabled: true, prominence: "weak", sentiment: "white" }, "uv_m4c9ow2d"], [{ disabled: false, prominence: "default", sentiment: "primary" }, "uv_m4c9ow2e"], [{ disabled: false, prominence: "strong", sentiment: "primary" }, "uv_m4c9ow2f"], [{ disabled: false, prominence: "stronger", sentiment: "primary" }, "uv_m4c9ow2g"], [{ disabled: false, prominence: "weak", sentiment: "primary" }, "uv_m4c9ow2h"], [{ disabled: false, prominence: "default", sentiment: "secondary" }, "uv_m4c9ow2i"], [{ disabled: false, prominence: "strong", sentiment: "secondary" }, "uv_m4c9ow2j"], [{ disabled: false, prominence: "stronger", sentiment: "secondary" }, "uv_m4c9ow2k"], [{ disabled: false, prominence: "weak", sentiment: "secondary" }, "uv_m4c9ow2l"], [{ disabled: false, prominence: "default", sentiment: "danger" }, "uv_m4c9ow2m"], [{ disabled: false, prominence: "strong", sentiment: "danger" }, "uv_m4c9ow2n"], [{ disabled: false, prominence: "stronger", sentiment: "danger" }, "uv_m4c9ow2o"], [{ disabled: false, prominence: "weak", sentiment: "danger" }, "uv_m4c9ow2p"], [{ disabled: false, prominence: "default", sentiment: "info" }, "uv_m4c9ow2q"], [{ disabled: false, prominence: "strong", sentiment: "info" }, "uv_m4c9ow2r"], [{ disabled: false, prominence: "stronger", sentiment: "info" }, "uv_m4c9ow2s"], [{ disabled: false, prominence: "weak", sentiment: "info" }, "uv_m4c9ow2t"], [{ disabled: false, prominence: "default", sentiment: "success" }, "uv_m4c9ow2u"], [{ disabled: false, prominence: "strong", sentiment: "success" }, "uv_m4c9ow2v"], [{ disabled: false, prominence: "stronger", sentiment: "success" }, "uv_m4c9ow2w"], [{ disabled: false, prominence: "weak", sentiment: "success" }, "uv_m4c9ow2x"], [{ disabled: false, prominence: "default", sentiment: "warning" }, "uv_m4c9ow2y"], [{ disabled: false, prominence: "strong", sentiment: "warning" }, "uv_m4c9ow2z"], [{ disabled: false, prominence: "stronger", sentiment: "warning" }, "uv_m4c9ow30"], [{ disabled: false, prominence: "weak", sentiment: "warning" }, "uv_m4c9ow31"], [{ disabled: false, prominence: "default", sentiment: "neutral" }, "uv_m4c9ow32"], [{ disabled: false, prominence: "strong", sentiment: "neutral" }, "uv_m4c9ow33"], [{ disabled: false, prominence: "stronger", sentiment: "neutral" }, "uv_m4c9ow34"], [{ disabled: false, prominence: "weak", sentiment: "neutral" }, "uv_m4c9ow35"], [{ disabled: false, prominence: "default", sentiment: "black" }, "uv_m4c9ow36"], [{ disabled: false, prominence: "strong", sentiment: "black" }, "uv_m4c9ow37"], [{ disabled: false, prominence: "stronger", sentiment: "black" }, "uv_m4c9ow38"], [{ disabled: false, prominence: "weak", sentiment: "black" }, "uv_m4c9ow39"], [{ disabled: false, prominence: "default", sentiment: "white" }, "uv_m4c9ow3a"], [{ disabled: false, prominence: "strong", sentiment: "white" }, "uv_m4c9ow3b"], [{ disabled: false, prominence: "stronger", sentiment: "white" }, "uv_m4c9ow3c"], [{ disabled: false, prominence: "weak", sentiment: "white" }, "uv_m4c9ow3d"]] });
|
|
@@ -82,7 +82,7 @@ const TextInput = forwardRef(
|
|
|
82
82
|
},
|
|
83
83
|
[onChange, onChangeValue]
|
|
84
84
|
);
|
|
85
|
-
const computedValue = value
|
|
85
|
+
const computedValue = value ?? localValue;
|
|
86
86
|
const computedClearable = clearable && !!computedValue;
|
|
87
87
|
return /* @__PURE__ */ jsxs(
|
|
88
88
|
Stack,
|
|
@@ -27,7 +27,7 @@ const ToggleGroupToggle = ({
|
|
|
27
27
|
}
|
|
28
28
|
const { groupName, onChange, groupValues, error: contextError } = context;
|
|
29
29
|
const ToggleName = `${groupName}.${name}`;
|
|
30
|
-
const ToggleValue =
|
|
30
|
+
const ToggleValue = value.toString();
|
|
31
31
|
return /* @__PURE__ */ jsx(
|
|
32
32
|
Toggle,
|
|
33
33
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBA8CL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBArDF,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAatD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,CACV,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,4WAmCvB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAatD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,CACV,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,4WAmCvB,cAAc,4CA0IhB,CAAA"}
|
|
@@ -48,7 +48,8 @@ const UnitInput = ({
|
|
|
48
48
|
style
|
|
49
49
|
}) => {
|
|
50
50
|
const [val, setVal] = useState(value);
|
|
51
|
-
const
|
|
51
|
+
const uniqueId = useId();
|
|
52
|
+
const localId = id ?? uniqueId;
|
|
52
53
|
const sentiment = useMemo(() => {
|
|
53
54
|
if (error) {
|
|
54
55
|
return "danger";
|
|
@@ -91,7 +92,7 @@ const UnitInput = ({
|
|
|
91
92
|
label || labelInformation ? /* @__PURE__ */ jsx(
|
|
92
93
|
Label,
|
|
93
94
|
{
|
|
94
|
-
htmlFor:
|
|
95
|
+
htmlFor: localId,
|
|
95
96
|
labelDescription: labelInformation,
|
|
96
97
|
required,
|
|
97
98
|
size,
|
|
@@ -115,7 +116,7 @@ const UnitInput = ({
|
|
|
115
116
|
className: cn(className, unitInputNumber[size]),
|
|
116
117
|
"data-testid": "unit-input",
|
|
117
118
|
disabled,
|
|
118
|
-
id:
|
|
119
|
+
id: localId,
|
|
119
120
|
max,
|
|
120
121
|
min,
|
|
121
122
|
name: `${name}-value`,
|
|
@@ -30,7 +30,7 @@ const VerificationCode = ({
|
|
|
30
30
|
style
|
|
31
31
|
}) => {
|
|
32
32
|
const uniqueId = useId();
|
|
33
|
-
const id = inputId
|
|
33
|
+
const id = inputId ?? uniqueId;
|
|
34
34
|
const valuesArray = Object.assign(new Array(fields).fill(""), [
|
|
35
35
|
...initialValue.substring(0, fields)
|
|
36
36
|
]);
|
|
@@ -198,7 +198,7 @@ const VerificationCode = ({
|
|
|
198
198
|
prominence: error || success ? "default" : "weak",
|
|
199
199
|
sentiment,
|
|
200
200
|
variant: "caption",
|
|
201
|
-
children: error || success
|
|
201
|
+
children: (error || success) ?? helper
|
|
202
202
|
}
|
|
203
203
|
) : null,
|
|
204
204
|
!(error || success) && typeof helper !== "string" && helper ? helper : null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AA+ClE;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,4KAe5B,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AA+ClE;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,4KAe5B,mBAAmB,4CAsJrB,CAAA"}
|
|
@@ -109,16 +109,22 @@ const OptionSelector = ({
|
|
|
109
109
|
className: firstSelectInput,
|
|
110
110
|
"data-testid": "first-selector",
|
|
111
111
|
disabled: firstSelector.disabled || disabled,
|
|
112
|
+
emptyState: firstSelector.emptyState,
|
|
112
113
|
error: error || !!firstSelector.error,
|
|
114
|
+
footer: firstSelector.footer,
|
|
113
115
|
helper: firstSelector.helper,
|
|
116
|
+
isLoading: firstSelector.isLoading,
|
|
114
117
|
labelDescription: firstSelector.labelDescription,
|
|
118
|
+
loadMore: firstSelector.loadMore,
|
|
115
119
|
onChange: onChangeFirstSelector,
|
|
116
120
|
optionalInfoPlacement: "right",
|
|
117
121
|
options: firstSelectorOptions,
|
|
118
122
|
placeholder: firstSelector.placeholder,
|
|
119
123
|
readOnly: firstSelector.options.length === 1 || firstSelector.readOnly || readOnly,
|
|
120
124
|
required,
|
|
125
|
+
searchable: firstSelector.searchable,
|
|
121
126
|
size,
|
|
127
|
+
tooltip: firstSelector.tooltip,
|
|
122
128
|
value: firstValue
|
|
123
129
|
}
|
|
124
130
|
),
|
|
@@ -138,15 +144,21 @@ const OptionSelector = ({
|
|
|
138
144
|
className: secondSelectInput,
|
|
139
145
|
"data-testid": "second-selector",
|
|
140
146
|
disabled: !!firstSelector.error || secondSelector.disabled || disabled,
|
|
147
|
+
emptyState: secondSelector.emptyState,
|
|
141
148
|
error: !!error || !!secondSelector.error,
|
|
149
|
+
footer: secondSelector.footer,
|
|
142
150
|
helper: secondSelector.helper,
|
|
151
|
+
isLoading: secondSelector.isLoading,
|
|
143
152
|
labelDescription: secondSelector.labelDescription,
|
|
153
|
+
loadMore: secondSelector.loadMore,
|
|
144
154
|
onChange: onChangeSecondSelector,
|
|
145
155
|
optionalInfoPlacement: "right",
|
|
146
156
|
options: secondSelectorOptions,
|
|
147
157
|
placeholder: secondSelector.placeholder,
|
|
148
158
|
readOnly: secondSelector.options.length === 1 || secondSelector.readOnly || readOnly,
|
|
159
|
+
searchable: secondSelector.searchable,
|
|
149
160
|
size,
|
|
161
|
+
tooltip: secondSelector.tooltip,
|
|
150
162
|
value: secondValue
|
|
151
163
|
}
|
|
152
164
|
)
|
|
@@ -9,7 +9,7 @@ export type SelectorOption = {
|
|
|
9
9
|
tooltip?: string;
|
|
10
10
|
optionalInfo?: ReactNode;
|
|
11
11
|
};
|
|
12
|
-
export type SelectorProps = Pick<ComponentProps<typeof SelectInput>, 'label' | 'labelDescription' | 'error' | 'disabled' | 'helper' | 'readOnly' | 'placeholder'> & {
|
|
12
|
+
export type SelectorProps = Pick<ComponentProps<typeof SelectInput>, 'label' | 'labelDescription' | 'error' | 'disabled' | 'helper' | 'readOnly' | 'placeholder' | 'emptyState' | 'searchable' | 'footer' | 'tooltip' | 'loadMore' | 'isLoading'> & {
|
|
13
13
|
options: SelectorOption[];
|
|
14
14
|
};
|
|
15
15
|
export type OptionSelectorProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,WAAW,CAAC,EAChC,OAAO,GACP,kBAAkB,GAClB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,WAAW,CAAC,EAChC,OAAO,GACP,kBAAkB,GAClB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,CACd,GAAG;IAAE,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,CAAA;AAEjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC5C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;GAEG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;GAEG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,iBAAiB,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sBAG3B,kBAAkB,4CAkDpB,CAAA"}
|
|
@@ -24,7 +24,13 @@ const ThemeProvider = ({
|
|
|
24
24
|
const existingIconsStyle = document.getElementById(iconsStyleId);
|
|
25
25
|
const existingStyle = document.getElementById(styleId);
|
|
26
26
|
const cssVars = assignInlineVars(theme, theme$1);
|
|
27
|
-
const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }
|
|
27
|
+
const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }
|
|
28
|
+
|
|
29
|
+
body {
|
|
30
|
+
color: ${theme$1.colors.neutral.text};
|
|
31
|
+
background-color: ${theme$1.colors.neutral.background};
|
|
32
|
+
}
|
|
33
|
+
`;
|
|
28
34
|
if (existingStyle) {
|
|
29
35
|
existingStyle.textContent = cssString;
|
|
30
36
|
} else {
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes';
|
|
1
|
+
import { consoleDarkerTheme, consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes';
|
|
2
2
|
import { ThemeProvider } from './ThemeProvider';
|
|
3
3
|
export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
|
|
4
4
|
type UltravioletUITheme = typeof consoleLightTheme;
|
|
@@ -735,6 +735,6 @@ type ExtendedColor = Color | 'white' | 'black';
|
|
|
735
735
|
declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
|
|
736
736
|
declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "success" | "primary" | "warning" | "secondary")[];
|
|
737
737
|
export type { UltravioletUITheme, Color, ExtendedColor };
|
|
738
|
-
export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
|
|
738
|
+
export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, consoleDarkerTheme as darkerTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
|
|
739
739
|
export default consoleLightTheme;
|
|
740
740
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,kBAAkB,IAAI,WAAW,EACjC,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
package/dist/theme/index.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { consoleLightTheme } from "@ultraviolet/themes";
|
|
2
|
-
import { consoleDarkTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
|
|
2
|
+
import { consoleDarkTheme, consoleDarkerTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
|
|
3
3
|
import deepmerge from "deepmerge";
|
|
4
4
|
const { colors, shadows, typography, space, radii, breakpoints } = consoleLightTheme;
|
|
5
5
|
const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
|
|
6
6
|
export {
|
|
7
7
|
colors,
|
|
8
8
|
consoleDarkTheme as darkTheme,
|
|
9
|
+
consoleDarkerTheme as darkerTheme,
|
|
9
10
|
consoleLightTheme2 as default,
|
|
10
11
|
extendTheme,
|
|
11
12
|
radii,
|