@exem-ui/react 0.3.4-next.20261014014656 → 0.3.4-next.20261014064943
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/{FlatTooltip-CQYzMWkr.d.mts → FlatTooltip-CrfIdqNq.d.ts} +89 -24
- package/dist/{FlatTooltip-CQYzMWkr.d.ts → FlatTooltip-eHUMKbuv.d.mts} +89 -24
- package/dist/{chunk-MC4SYR5X.js → chunk-2JF444FU.js} +153 -81
- package/dist/{chunk-5SYAB4WP.mjs → chunk-QO7JYX6Q.mjs} +155 -82
- package/dist/flat/index.d.mts +5 -4
- package/dist/flat/index.d.ts +5 -4
- package/dist/flat/index.js +8 -8
- package/dist/flat/index.mjs +1 -1
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +46 -46
- package/dist/index.mjs +2 -2
- package/package.json +3 -4
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk2JF444FU_js = require('./chunk-2JF444FU.js');
|
|
4
4
|
var chunk6NFYQZSK_js = require('./chunk-6NFYQZSK.js');
|
|
5
5
|
var utils = require('@exem-ui/core/utils');
|
|
6
6
|
var React = require('react');
|
|
@@ -560,7 +560,7 @@ function IconButton({
|
|
|
560
560
|
...props
|
|
561
561
|
}) {
|
|
562
562
|
const tooltipLabel = typeof tooltip === "string" ? tooltip : void 0;
|
|
563
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
563
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk2JF444FU_js.ConditionalTooltip, { tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
564
564
|
Button,
|
|
565
565
|
{
|
|
566
566
|
"aria-label": ariaLabel ?? (ariaLabelledBy === void 0 ? tooltipLabel : void 0),
|
|
@@ -624,7 +624,7 @@ function ButtonGroup({
|
|
|
624
624
|
item.id
|
|
625
625
|
);
|
|
626
626
|
}
|
|
627
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
627
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk2JF444FU_js.ConditionalTooltip, { tooltip: item.tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { ...buttonBaseProps, leftIcon: item.icon, children: item.label }) }, item.id);
|
|
628
628
|
})
|
|
629
629
|
}
|
|
630
630
|
);
|
|
@@ -1024,12 +1024,12 @@ function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
|
|
|
1024
1024
|
}
|
|
1025
1025
|
var dropdownVariants = {
|
|
1026
1026
|
content: utils.cn(
|
|
1027
|
-
|
|
1027
|
+
chunk2JF444FU_js.overlayListVariants.content,
|
|
1028
1028
|
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
|
|
1029
1029
|
),
|
|
1030
|
-
viewport:
|
|
1031
|
-
item: (props) => utils.cn(
|
|
1032
|
-
slotSize:
|
|
1030
|
+
viewport: chunk2JF444FU_js.overlayListVariants.viewport,
|
|
1031
|
+
item: (props) => utils.cn(chunk2JF444FU_js.overlayListVariants.item(props), "focus:bg-elevation-elevation-2"),
|
|
1032
|
+
slotSize: chunk2JF444FU_js.overlayListVariants.slotSize,
|
|
1033
1033
|
separator: utils.cn("my-0.5 h-px bg-border-primary"),
|
|
1034
1034
|
label: utils.cva("px-2 font-medium text-text-secondary", {
|
|
1035
1035
|
defaultVariants: { size: "medium" },
|
|
@@ -1080,9 +1080,9 @@ Dropdown.Item = React.forwardRef(({ className, children, leftSlot, rightSlot, si
|
|
|
1080
1080
|
className: utils.cn(dropdownVariants.item({ size }), className),
|
|
1081
1081
|
...props,
|
|
1082
1082
|
children: [
|
|
1083
|
-
leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1084
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(
|
|
1085
|
-
rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
1083
|
+
leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk2JF444FU_js.overlayListVariants.slotSize({ size }), children: leftSlot }),
|
|
1084
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(chunk2JF444FU_js.overlayListVariants.itemText({ size }), "min-w-0 flex-1 truncate"), children }),
|
|
1085
|
+
rightSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk2JF444FU_js.overlayListVariants.slotSize({ size }), children: rightSlot })
|
|
1086
1086
|
]
|
|
1087
1087
|
}
|
|
1088
1088
|
);
|
|
@@ -1127,8 +1127,8 @@ var useTextAreaContext = () => {
|
|
|
1127
1127
|
return context;
|
|
1128
1128
|
};
|
|
1129
1129
|
var textAreaVariants = {
|
|
1130
|
-
container:
|
|
1131
|
-
label:
|
|
1130
|
+
container: chunk2JF444FU_js.commonInputVariants.container,
|
|
1131
|
+
label: chunk2JF444FU_js.commonInputVariants.label,
|
|
1132
1132
|
field: utils.cva(
|
|
1133
1133
|
"scrollbar-overlay block w-full resize-none rounded-medium border transition-colors focus:outline-none",
|
|
1134
1134
|
{
|
|
@@ -1182,7 +1182,7 @@ var textAreaVariants = {
|
|
|
1182
1182
|
},
|
|
1183
1183
|
defaultVariants: { size: "medium" }
|
|
1184
1184
|
}),
|
|
1185
|
-
description:
|
|
1185
|
+
description: chunk2JF444FU_js.commonInputVariants.description,
|
|
1186
1186
|
counter: utils.cva("text-nowrap font-regular", {
|
|
1187
1187
|
variants: {
|
|
1188
1188
|
disabled: {
|
|
@@ -1323,7 +1323,7 @@ var TextField = React.forwardRef(
|
|
|
1323
1323
|
}, ref) => {
|
|
1324
1324
|
const uniqueId = React.useId();
|
|
1325
1325
|
const id = providedId || `text-field-${uniqueId}`;
|
|
1326
|
-
return /* @__PURE__ */ jsxRuntime.jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(
|
|
1326
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TextFieldContext.Provider, { value: { variant, size, error, disabled, id, value, onChange }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(chunk2JF444FU_js.textFieldVariants.container(), className), children: children || /* @__PURE__ */ jsxRuntime.jsx(TextField.Input, { ...inputProps }) }) });
|
|
1327
1327
|
}
|
|
1328
1328
|
);
|
|
1329
1329
|
TextField.Label = React.forwardRef(
|
|
@@ -1334,7 +1334,7 @@ TextField.Label = React.forwardRef(
|
|
|
1334
1334
|
{
|
|
1335
1335
|
ref,
|
|
1336
1336
|
htmlFor: id,
|
|
1337
|
-
className: utils.cn(
|
|
1337
|
+
className: utils.cn(chunk2JF444FU_js.textFieldVariants.label({ size, disabled, required }), className),
|
|
1338
1338
|
children
|
|
1339
1339
|
}
|
|
1340
1340
|
);
|
|
@@ -1353,11 +1353,11 @@ TextField.Input = React.forwardRef(
|
|
|
1353
1353
|
} = useTextFieldContext();
|
|
1354
1354
|
const state = disabled ? "disabled" : error ? "error" : "default";
|
|
1355
1355
|
const isControlled = contextValue !== void 0;
|
|
1356
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(
|
|
1356
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(chunk2JF444FU_js.textFieldVariants.wrapper({ variant, size, state }), className), children: [
|
|
1357
1357
|
leftIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1358
1358
|
"span",
|
|
1359
1359
|
{
|
|
1360
|
-
className: utils.cn("flex items-center justify-center",
|
|
1360
|
+
className: utils.cn("flex items-center justify-center", chunk2JF444FU_js.textFieldVariants.icon({ size })),
|
|
1361
1361
|
children: leftIcon
|
|
1362
1362
|
}
|
|
1363
1363
|
),
|
|
@@ -1368,7 +1368,7 @@ TextField.Input = React.forwardRef(
|
|
|
1368
1368
|
ref,
|
|
1369
1369
|
id,
|
|
1370
1370
|
disabled,
|
|
1371
|
-
className: utils.cn(
|
|
1371
|
+
className: utils.cn(chunk2JF444FU_js.textFieldVariants.input({ size, state })),
|
|
1372
1372
|
onChange: (e) => {
|
|
1373
1373
|
contextOnChange?.(e);
|
|
1374
1374
|
},
|
|
@@ -1376,12 +1376,12 @@ TextField.Input = React.forwardRef(
|
|
|
1376
1376
|
...isControlled ? { value: contextValue } : {}
|
|
1377
1377
|
}
|
|
1378
1378
|
),
|
|
1379
|
-
subText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(
|
|
1379
|
+
subText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(chunk2JF444FU_js.textFieldVariants.subText({ size, disabled })), children: subText })
|
|
1380
1380
|
] }),
|
|
1381
1381
|
rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1382
1382
|
"span",
|
|
1383
1383
|
{
|
|
1384
|
-
className: utils.cn("flex items-center justify-center",
|
|
1384
|
+
className: utils.cn("flex items-center justify-center", chunk2JF444FU_js.textFieldVariants.icon({ size })),
|
|
1385
1385
|
children: rightIcon
|
|
1386
1386
|
}
|
|
1387
1387
|
)
|
|
@@ -1395,7 +1395,7 @@ TextField.Description = React.forwardRef(
|
|
|
1395
1395
|
"p",
|
|
1396
1396
|
{
|
|
1397
1397
|
ref,
|
|
1398
|
-
className: utils.cn(
|
|
1398
|
+
className: utils.cn(chunk2JF444FU_js.textFieldVariants.description({ size, error, disabled }), className),
|
|
1399
1399
|
children
|
|
1400
1400
|
}
|
|
1401
1401
|
);
|
|
@@ -1514,7 +1514,7 @@ function ModalBody({
|
|
|
1514
1514
|
scroll && "h-full [&_[data-slot=scroll-area-viewport]>div]:h-full"
|
|
1515
1515
|
),
|
|
1516
1516
|
...props,
|
|
1517
|
-
children: scroll ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1517
|
+
children: scroll ? /* @__PURE__ */ jsxRuntime.jsx(chunk2JF444FU_js.ScrollArea, { className: "h-full flex flex-col", disableHorizontalScroll: !horizontalScroll, children: content }) : content
|
|
1518
1518
|
}
|
|
1519
1519
|
);
|
|
1520
1520
|
}
|
|
@@ -1900,7 +1900,7 @@ Sheet.Body = React.forwardRef(
|
|
|
1900
1900
|
),
|
|
1901
1901
|
...props,
|
|
1902
1902
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1903
|
-
|
|
1903
|
+
chunk2JF444FU_js.ScrollArea,
|
|
1904
1904
|
{
|
|
1905
1905
|
className: "h-full flex flex-col",
|
|
1906
1906
|
disableHorizontalScroll,
|
|
@@ -2554,95 +2554,95 @@ var buttonize = (fn) => {
|
|
|
2554
2554
|
|
|
2555
2555
|
Object.defineProperty(exports, "ColorPalette", {
|
|
2556
2556
|
enumerable: true,
|
|
2557
|
-
get: function () { return
|
|
2557
|
+
get: function () { return chunk2JF444FU_js.ColorPalette; }
|
|
2558
2558
|
});
|
|
2559
2559
|
Object.defineProperty(exports, "ColorPaletteColors", {
|
|
2560
2560
|
enumerable: true,
|
|
2561
|
-
get: function () { return
|
|
2561
|
+
get: function () { return chunk2JF444FU_js.ColorPaletteColors; }
|
|
2562
2562
|
});
|
|
2563
2563
|
Object.defineProperty(exports, "Combobox", {
|
|
2564
2564
|
enumerable: true,
|
|
2565
|
-
get: function () { return
|
|
2565
|
+
get: function () { return chunk2JF444FU_js.Combobox; }
|
|
2566
2566
|
});
|
|
2567
2567
|
Object.defineProperty(exports, "ComboboxContent", {
|
|
2568
2568
|
enumerable: true,
|
|
2569
|
-
get: function () { return
|
|
2569
|
+
get: function () { return chunk2JF444FU_js.ComboboxContent; }
|
|
2570
2570
|
});
|
|
2571
2571
|
Object.defineProperty(exports, "ComboboxDescription", {
|
|
2572
2572
|
enumerable: true,
|
|
2573
|
-
get: function () { return
|
|
2573
|
+
get: function () { return chunk2JF444FU_js.ComboboxDescription; }
|
|
2574
2574
|
});
|
|
2575
2575
|
Object.defineProperty(exports, "ComboboxEmpty", {
|
|
2576
2576
|
enumerable: true,
|
|
2577
|
-
get: function () { return
|
|
2577
|
+
get: function () { return chunk2JF444FU_js.ComboboxEmpty; }
|
|
2578
2578
|
});
|
|
2579
2579
|
Object.defineProperty(exports, "ComboboxInput", {
|
|
2580
2580
|
enumerable: true,
|
|
2581
|
-
get: function () { return
|
|
2581
|
+
get: function () { return chunk2JF444FU_js.ComboboxInput; }
|
|
2582
2582
|
});
|
|
2583
2583
|
Object.defineProperty(exports, "ComboboxItem", {
|
|
2584
2584
|
enumerable: true,
|
|
2585
|
-
get: function () { return
|
|
2585
|
+
get: function () { return chunk2JF444FU_js.ComboboxItem; }
|
|
2586
2586
|
});
|
|
2587
2587
|
Object.defineProperty(exports, "ComboboxLabel", {
|
|
2588
2588
|
enumerable: true,
|
|
2589
|
-
get: function () { return
|
|
2589
|
+
get: function () { return chunk2JF444FU_js.ComboboxLabel; }
|
|
2590
2590
|
});
|
|
2591
2591
|
Object.defineProperty(exports, "ComboboxList", {
|
|
2592
2592
|
enumerable: true,
|
|
2593
|
-
get: function () { return
|
|
2593
|
+
get: function () { return chunk2JF444FU_js.ComboboxList; }
|
|
2594
2594
|
});
|
|
2595
2595
|
Object.defineProperty(exports, "ComboboxSearch", {
|
|
2596
2596
|
enumerable: true,
|
|
2597
|
-
get: function () { return
|
|
2597
|
+
get: function () { return chunk2JF444FU_js.ComboboxSearch; }
|
|
2598
2598
|
});
|
|
2599
2599
|
Object.defineProperty(exports, "ComboboxTrigger", {
|
|
2600
2600
|
enumerable: true,
|
|
2601
|
-
get: function () { return
|
|
2601
|
+
get: function () { return chunk2JF444FU_js.ComboboxTrigger; }
|
|
2602
2602
|
});
|
|
2603
2603
|
Object.defineProperty(exports, "ComboboxValue", {
|
|
2604
2604
|
enumerable: true,
|
|
2605
|
-
get: function () { return
|
|
2605
|
+
get: function () { return chunk2JF444FU_js.ComboboxValue; }
|
|
2606
2606
|
});
|
|
2607
2607
|
Object.defineProperty(exports, "DEFAULT_COLOR", {
|
|
2608
2608
|
enumerable: true,
|
|
2609
|
-
get: function () { return
|
|
2609
|
+
get: function () { return chunk2JF444FU_js.DEFAULT_COLOR; }
|
|
2610
2610
|
});
|
|
2611
2611
|
Object.defineProperty(exports, "ScrollArea", {
|
|
2612
2612
|
enumerable: true,
|
|
2613
|
-
get: function () { return
|
|
2613
|
+
get: function () { return chunk2JF444FU_js.ScrollArea; }
|
|
2614
2614
|
});
|
|
2615
2615
|
Object.defineProperty(exports, "ScrollBar", {
|
|
2616
2616
|
enumerable: true,
|
|
2617
|
-
get: function () { return
|
|
2617
|
+
get: function () { return chunk2JF444FU_js.ScrollBar; }
|
|
2618
2618
|
});
|
|
2619
2619
|
Object.defineProperty(exports, "Segment", {
|
|
2620
2620
|
enumerable: true,
|
|
2621
|
-
get: function () { return
|
|
2621
|
+
get: function () { return chunk2JF444FU_js.Segment; }
|
|
2622
2622
|
});
|
|
2623
2623
|
Object.defineProperty(exports, "Select", {
|
|
2624
2624
|
enumerable: true,
|
|
2625
|
-
get: function () { return
|
|
2625
|
+
get: function () { return chunk2JF444FU_js.Select; }
|
|
2626
2626
|
});
|
|
2627
2627
|
Object.defineProperty(exports, "Tabs", {
|
|
2628
2628
|
enumerable: true,
|
|
2629
|
-
get: function () { return
|
|
2629
|
+
get: function () { return chunk2JF444FU_js.Tabs; }
|
|
2630
2630
|
});
|
|
2631
2631
|
Object.defineProperty(exports, "Tooltip", {
|
|
2632
2632
|
enumerable: true,
|
|
2633
|
-
get: function () { return
|
|
2633
|
+
get: function () { return chunk2JF444FU_js.Tooltip; }
|
|
2634
2634
|
});
|
|
2635
2635
|
Object.defineProperty(exports, "colorPaletteColorClasses", {
|
|
2636
2636
|
enumerable: true,
|
|
2637
|
-
get: function () { return
|
|
2637
|
+
get: function () { return chunk2JF444FU_js.colorPaletteColorClasses; }
|
|
2638
2638
|
});
|
|
2639
2639
|
Object.defineProperty(exports, "getColorPaletteColor", {
|
|
2640
2640
|
enumerable: true,
|
|
2641
|
-
get: function () { return
|
|
2641
|
+
get: function () { return chunk2JF444FU_js.getColorPaletteColor; }
|
|
2642
2642
|
});
|
|
2643
2643
|
Object.defineProperty(exports, "isInPalette", {
|
|
2644
2644
|
enumerable: true,
|
|
2645
|
-
get: function () { return
|
|
2645
|
+
get: function () { return chunk2JF444FU_js.isInPalette; }
|
|
2646
2646
|
});
|
|
2647
2647
|
exports.Avatar = Avatar;
|
|
2648
2648
|
exports.Badge = Badge;
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { overlayListVariants, commonInputVariants, textFieldVariants, ScrollArea, ConditionalTooltip } from './chunk-
|
|
2
|
-
export { ColorPalette, ColorPaletteColors, Combobox, ComboboxContent, ComboboxDescription, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSearch, ComboboxTrigger, ComboboxValue, DEFAULT_COLOR, ScrollArea, ScrollBar, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-
|
|
1
|
+
import { overlayListVariants, commonInputVariants, textFieldVariants, ScrollArea, ConditionalTooltip } from './chunk-QO7JYX6Q.mjs';
|
|
2
|
+
export { ColorPalette, ColorPaletteColors, Combobox, ComboboxContent, ComboboxDescription, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSearch, ComboboxTrigger, ComboboxValue, DEFAULT_COLOR, ScrollArea, ScrollBar, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-QO7JYX6Q.mjs';
|
|
3
3
|
import { X, MoreHorizontal, iconSizes, Minus, Check, Person, Loading, Warning, Info, Error as Error$1, ChevronLeft, ChevronRight } from './chunk-DKADAZLG.mjs';
|
|
4
4
|
import { cva, cn } from '@exem-ui/core/utils';
|
|
5
5
|
import * as React from 'react';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@exem-ui/react",
|
|
3
|
-
"version": "0.3.4-next.
|
|
3
|
+
"version": "0.3.4-next.20261014064943",
|
|
4
4
|
"description": "Exem Design System - React Components",
|
|
5
5
|
"author": "Exem Design Team",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -87,7 +87,6 @@
|
|
|
87
87
|
"@radix-ui/react-slot": "^1.2.3",
|
|
88
88
|
"@radix-ui/react-switch": "^1.2.3",
|
|
89
89
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
90
|
-
"@radix-ui/react-tooltip": "^1.2.8",
|
|
91
90
|
"@tanstack/react-table": "^8.21.3",
|
|
92
91
|
"@tanstack/react-virtual": "^3.13.16",
|
|
93
92
|
"class-variance-authority": "^0.7.1",
|
|
@@ -100,7 +99,7 @@
|
|
|
100
99
|
"tailwind-merge": "^3.3.1",
|
|
101
100
|
"tailwind-scrollbar-hide": "^4.0.0",
|
|
102
101
|
"tiny-invariant": "^1.3.3",
|
|
103
|
-
"@exem-ui/core": "0.3.3-next.
|
|
102
|
+
"@exem-ui/core": "0.3.3-next.20261014064943"
|
|
104
103
|
},
|
|
105
104
|
"devDependencies": {
|
|
106
105
|
"@eslint/js": "^9.15.0",
|
|
@@ -136,7 +135,7 @@
|
|
|
136
135
|
"tsup": "^8.5.0",
|
|
137
136
|
"typescript": "^5.8.2",
|
|
138
137
|
"typescript-eslint": "^8.16.0",
|
|
139
|
-
"@exem-ui/tailwindcss3": "0.3.2-next.
|
|
138
|
+
"@exem-ui/tailwindcss3": "0.3.2-next.20261014064943"
|
|
140
139
|
},
|
|
141
140
|
"scripts": {
|
|
142
141
|
"generate": "node scripts/generate-icons.js",
|