@examplary/ui 1.75.2 → 1.76.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/AGENTS.md
CHANGED
|
@@ -111,7 +111,7 @@ Import from `@examplary/ui`. Uses Tailwind CSS v4. Combine classes with the expo
|
|
|
111
111
|
|
|
112
112
|
## Buttons & Badges
|
|
113
113
|
|
|
114
|
-
**Button** - Props: `variant` (default | primary | secondary | destructive | white | plain | dashed | rounded | roundedPrimary | roundedSecondary | roundedWhite), `size` (default | sm | lg | icon | icon-sm | icon-lg), `asChild`.
|
|
114
|
+
**Button** - Props: `variant` (default | primary | secondary | destructive | white | plain | roundedPlain | dashed | rounded | roundedPrimary | roundedSecondary | roundedWhite), `size` (default | sm | lg | icon | icon-sm | icon-lg), `asChild`.
|
|
115
115
|
|
|
116
116
|
```tsx
|
|
117
117
|
<Button variant="primary" size="sm">
|
|
@@ -119,7 +119,7 @@ Import from `@examplary/ui`. Uses Tailwind CSS v4. Combine classes with the expo
|
|
|
119
119
|
</Button>
|
|
120
120
|
```
|
|
121
121
|
|
|
122
|
-
**Badge** - Status tag. Props: `variant` (default | blue | bright | positive | orange | secondary).
|
|
122
|
+
**Badge** - Status tag. Props: `variant` (default | blue | bright | positive | orange | secondary | destructive).
|
|
123
123
|
|
|
124
124
|
## Overlays
|
|
125
125
|
|
|
@@ -215,4 +215,4 @@ Import from `@examplary/ui`. Uses Tailwind CSS v4. Combine classes with the expo
|
|
|
215
215
|
## Utilities
|
|
216
216
|
|
|
217
217
|
- `cn(...classes)` - Merges Tailwind classes (clsx + tailwind-merge).
|
|
218
|
-
- `registerWebComponents()` - Registers `<file-attachment>`, `<page-clipping>`, `<inline-math>` custom elements for rich text rendering.
|
|
218
|
+
- `registerWebComponents()` - Registers `<file-attachment>`, `<page-clipping>`, `<inline-math>`, `<content-reference>` custom elements for rich text rendering.
|
|
@@ -36,7 +36,7 @@ const ColorPicker = ({ value, swatches = defaultSwatches, defaultValue = "#fffff
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
const hasSwatchSelected = useMemo(() => availableSwatches.includes(parsedValue), [availableSwatches, parsedValue]);
|
|
39
|
-
return (_jsxs("div", { className: cn("flex flex-wrap gap-2", className), children: [availableSwatches.map((color) => (_jsx(Button, { type: "button", style: { backgroundColor: color }, variant: "roundedWhite", size: "sm", className: cn("size-8 p-0", color === parsedValue && "border-black", swatchClassName), onClick: () => onChangeProxy(color) }, color))), allowCustom && (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "roundedWhite", size: "sm", className: cn("h-8", !hasSwatchSelected && "border-black"), style: {
|
|
39
|
+
return (_jsxs("div", { className: cn("flex flex-wrap gap-2", className), children: [availableSwatches.map((color) => (_jsx(Button, { type: "button", style: { backgroundColor: color }, variant: "roundedWhite", size: "sm", className: cn("size-8 p-0", color === parsedValue && "border-black", swatchClassName), onClick: () => onChangeProxy(color) }, color))), allowCustom && (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "roundedWhite", size: "sm", className: cn("h-8 ml-auto", !hasSwatchSelected && "border-black"), style: {
|
|
40
40
|
backgroundColor: !hasSwatchSelected ? parsedValue : "",
|
|
41
41
|
}, children: [_jsx(PipetteIcon, {}), customLabelTitle] }) }), _jsxs(PopoverContent, { className: "rounded-xl bg-white p-4", children: [_jsx(HexColorPicker, { color: parsedValue, onChange: onChangeProxy, className: "w-full!" }), _jsx(Input, { className: "w-full mt-2", maxLength: 7, onChange: (e) => {
|
|
42
42
|
onChange(e?.currentTarget?.value);
|