@cladd-ui/react 0.0.21 → 0.0.23
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/CHANGELOG.md +17 -1
- package/cladd.css +2 -0
- package/components/Button.d.ts +6 -3
- package/components/Button.d.ts.map +1 -1
- package/components/Button.js +8 -8
- package/components/Button.js.map +1 -1
- package/components/Checkbox.d.ts +8 -9
- package/components/Checkbox.d.ts.map +1 -1
- package/components/Checkbox.js.map +1 -1
- package/components/Chip.d.ts +4 -2
- package/components/Chip.d.ts.map +1 -1
- package/components/Chip.js +13 -5
- package/components/Chip.js.map +1 -1
- package/components/Dialog.d.ts +3 -2
- package/components/Dialog.d.ts.map +1 -1
- package/components/Dialog.js +1 -1
- package/components/Dialog.js.map +1 -1
- package/components/Input.d.ts +1 -0
- package/components/Input.d.ts.map +1 -1
- package/components/Input.js +6 -6
- package/components/Input.js.map +1 -1
- package/components/ListButton.d.ts +1 -0
- package/components/ListButton.d.ts.map +1 -1
- package/components/ListButton.js +1 -1
- package/components/ListButton.js.map +1 -1
- package/components/ListItem.js +1 -1
- package/components/ListItem.js.map +1 -1
- package/components/ListTitle.js +1 -1
- package/components/ListTitle.js.map +1 -1
- package/components/NumberField.d.ts +1 -0
- package/components/NumberField.d.ts.map +1 -1
- package/components/NumberField.js +1 -1
- package/components/NumberField.js.map +1 -1
- package/components/NumberScrubber.d.ts +54 -0
- package/components/NumberScrubber.d.ts.map +1 -0
- package/components/NumberScrubber.js +120 -0
- package/components/NumberScrubber.js.map +1 -0
- package/components/OTPField.d.ts +1 -0
- package/components/OTPField.d.ts.map +1 -1
- package/components/OTPField.js.map +1 -1
- package/components/Popover.d.ts +4 -1
- package/components/Popover.d.ts.map +1 -1
- package/components/Popover.js.map +1 -1
- package/components/Popup.d.ts +3 -1
- package/components/Popup.d.ts.map +1 -1
- package/components/Popup.js.map +1 -1
- package/components/Radio.d.ts +3 -0
- package/components/Radio.d.ts.map +1 -1
- package/components/Radio.js.map +1 -1
- package/components/SearchField.d.ts +2 -0
- package/components/SearchField.d.ts.map +1 -1
- package/components/SearchField.js.map +1 -1
- package/components/SectionTitle.js +1 -1
- package/components/SectionTitle.js.map +1 -1
- package/components/Segmented.d.ts +1 -0
- package/components/Segmented.d.ts.map +1 -1
- package/components/Segmented.js +3 -1
- package/components/Segmented.js.map +1 -1
- package/components/SegmentedButton.d.ts +1 -0
- package/components/SegmentedButton.d.ts.map +1 -1
- package/components/SegmentedButton.js.map +1 -1
- package/components/Select.d.ts +10 -2
- package/components/Select.d.ts.map +1 -1
- package/components/Select.js +3 -5
- package/components/Select.js.map +1 -1
- package/components/Shortcut.d.ts +9 -3
- package/components/Shortcut.d.ts.map +1 -1
- package/components/Shortcut.js +11 -5
- package/components/Shortcut.js.map +1 -1
- package/components/Slider.d.ts +4 -1
- package/components/Slider.d.ts.map +1 -1
- package/components/Slider.js +1 -1
- package/components/Slider.js.map +1 -1
- package/components/Spinner.d.ts +1 -1
- package/components/Spinner.d.ts.map +1 -1
- package/components/Spinner.js +2 -16
- package/components/Spinner.js.map +1 -1
- package/components/Surface.d.ts +4 -1
- package/components/Surface.d.ts.map +1 -1
- package/components/Surface.js.map +1 -1
- package/components/SurfaceCut.d.ts +3 -1
- package/components/SurfaceCut.d.ts.map +1 -1
- package/components/SurfaceCut.js.map +1 -1
- package/components/Switch.d.ts +10 -2
- package/components/Switch.d.ts.map +1 -1
- package/components/Switch.js.map +1 -1
- package/components/{TextArea.d.ts → Textarea.d.ts} +11 -7
- package/components/{TextArea.d.ts.map → Textarea.d.ts.map} +1 -1
- package/components/{TextArea.js → Textarea.js} +7 -7
- package/components/Textarea.js.map +1 -0
- package/components/Toast.d.ts +5 -7
- package/components/Toast.d.ts.map +1 -1
- package/components/Toast.js +3 -7
- package/components/Toast.js.map +1 -1
- package/components/Toolbar.d.ts +6 -2
- package/components/Toolbar.d.ts.map +1 -1
- package/components/Toolbar.js.map +1 -1
- package/components/ToolbarButton.d.ts +1 -3
- package/components/ToolbarButton.d.ts.map +1 -1
- package/components/ToolbarButton.js.map +1 -1
- package/components/Tooltip.d.ts +10 -2
- package/components/Tooltip.d.ts.map +1 -1
- package/components/Tooltip.js.map +1 -1
- package/components/TooltipPrimitive.d.ts +3 -1
- package/components/TooltipPrimitive.d.ts.map +1 -1
- package/components/TooltipPrimitive.js +1 -1
- package/components/TooltipPrimitive.js.map +1 -1
- package/components/UIProvider.d.ts +11 -3
- package/components/UIProvider.d.ts.map +1 -1
- package/components/UIProvider.js.map +1 -1
- package/index.d.ts +2 -1
- package/index.d.ts.map +1 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/shared/cn.d.ts.map +1 -1
- package/shared/cn.js +12 -0
- package/shared/cn.js.map +1 -1
- package/shared/size-utls.d.ts +1 -1
- package/shared/size-utls.d.ts.map +1 -1
- package/shared/size-utls.js +5 -0
- package/shared/size-utls.js.map +1 -1
- package/styles/colors.css +4 -4
- package/styles/font-size.css +8 -0
- package/styles/radius.css +9 -2
- package/styles/safe-areas.css +42 -14
- package/styles/scrubber.css +12 -0
- package/styles/spacing.css +3 -0
- package/styles/spinner.css +2 -60
- package/components/TextArea.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.0.23 (2026-05-10)
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
- switch brand color to "blue" (55361d8)
|
|
8
|
+
- Spinner to SVG (1486aea)
|
|
9
|
+
- cladd- font sizes + more sizes uniform (3964b0d)
|
|
10
|
+
- rework spinner to usual cut circle (6688b97)
|
|
11
|
+
- new NumberScrubber component (caec92c)
|
|
12
|
+
|
|
13
|
+
## 0.0.22 (2026-05-04)
|
|
14
|
+
|
|
15
|
+
### Documentation
|
|
16
|
+
|
|
17
|
+
- more docs tweaks (99eb11f)
|
|
18
|
+
|
|
3
19
|
## 0.0.21 (2026-05-04)
|
|
4
20
|
|
|
5
21
|
### Documentation
|
|
@@ -35,7 +51,7 @@
|
|
|
35
51
|
- remove unused popup.css (ced8499)
|
|
36
52
|
- namespace CSS vars and props (0b52fa3)
|
|
37
53
|
- class surface-level-n -> [data-level="n"] (a590e85)
|
|
38
|
-
- class color
|
|
54
|
+
- class color-_ to data-color=_ (0284752)
|
|
39
55
|
- zed oxfmt (42f4edd)
|
|
40
56
|
- rename classes to scoped (e011fb2)
|
|
41
57
|
|
package/cladd.css
CHANGED
package/components/Button.d.ts
CHANGED
|
@@ -12,11 +12,13 @@ interface ButtonOwnProps<C extends ElementType = 'button'> {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
/** Block clicks while keeping the button visually enabled - useful for "selected" segmented buttons. */
|
|
14
14
|
readOnly?: boolean;
|
|
15
|
-
/** When `true`, applies fully rounded corners (`rounded-full`, or matching pill radius for `multiline`).
|
|
15
|
+
/** When `true`, applies fully rounded corners (`rounded-full`, or matching pill radius for `multiline`).
|
|
16
|
+
*
|
|
17
|
+
* Default size-specific corner radii are used when `false`.
|
|
18
|
+
*/
|
|
16
19
|
rounded?: boolean;
|
|
17
20
|
size?: ButtonSize;
|
|
18
|
-
/**
|
|
19
|
-
* Polymorphic element to render. Defaults to `'button'`. Pass `'a'` for links (cursor switches to pointer automatically), or any custom component to retain Button styling on a different DOM node. The component's own props become valid here.
|
|
21
|
+
/** Polymorphic element to render. Defaults to `'button'`. Pass `'a'` for links (cursor switches to pointer automatically), or any custom component to retain Button styling on a different DOM node. The component's own props become valid here.
|
|
20
22
|
*/
|
|
21
23
|
as?: C;
|
|
22
24
|
/** Underlying `Surface` variant - see `SurfaceVariant`. Defaults to `'gradient'`. */
|
|
@@ -37,6 +39,7 @@ interface ButtonOwnProps<C extends ElementType = 'button'> {
|
|
|
37
39
|
multiline?: boolean;
|
|
38
40
|
/**
|
|
39
41
|
* Which surface primitive to wrap with:
|
|
42
|
+
*
|
|
40
43
|
* - `'surface'` (default) - uses `Surface` (standard tinted/outlined panel).
|
|
41
44
|
* - `'cut'` - uses `SurfaceCut` (inset/recessed look - for buttons that sit inside another surface).
|
|
42
45
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,GAAG,EACH,aAAa,EACb,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC1E,KAAK,aAAa,GAAG,SAAS,GAAG,KAAK,CAAC;AAEvC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IACvD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,GAAG,EACH,aAAa,EACb,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC1E,KAAK,aAAa,GAAG,SAAS,GAAG,KAAK,CAAC;AAEvC,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IACvD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;OACG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,qFAAqF;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sGAAsG;IACtG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qIAAqI;IACrI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uHAAuH;IACvH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uHAAuH;IACvH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wIAAwI;IACxI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kIAAkI;IAClI,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,cAAc,CAAC,CAAC,CAAC,GAC3E,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQtD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EACrD,OAAO,WAAW,CAAC,CAAC,CAAC,4CAiItB,CAAC"}
|
package/components/Button.js
CHANGED
|
@@ -33,20 +33,20 @@ export const Button = (props) => {
|
|
|
33
33
|
'2xl': 'px-3.5',
|
|
34
34
|
};
|
|
35
35
|
const fontSizes = {
|
|
36
|
-
'2xs': 'text-xs',
|
|
37
|
-
xs: 'text-xs',
|
|
38
|
-
sm: 'text-xs',
|
|
39
|
-
md: 'text-xs',
|
|
40
|
-
lg: 'text-xs',
|
|
41
|
-
xl: 'text-xs',
|
|
42
|
-
'2xl': 'text-xs',
|
|
36
|
+
'2xs': 'text-cladd-xs',
|
|
37
|
+
xs: 'text-cladd-xs',
|
|
38
|
+
sm: 'text-cladd-xs',
|
|
39
|
+
md: 'text-cladd-xs',
|
|
40
|
+
lg: 'text-cladd-xs',
|
|
41
|
+
xl: 'text-cladd-xs',
|
|
42
|
+
'2xl': 'text-cladd-xs',
|
|
43
43
|
};
|
|
44
44
|
const isSurfaceCut = surface === 'cut';
|
|
45
45
|
const WrapComponent = isSurfaceCut ? SurfaceCut : Surface;
|
|
46
46
|
const isFill = variant === 'solid-fill' || variant === 'gradient-fill';
|
|
47
47
|
return (_jsx(WrapComponent, { as: Component, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-pressed": pressed || undefined, className: cn(`cladd-button group/cladd-button inline-block appearance-none text-left font-semibold outline-0 select-none focus:ring-0 focus:outline-0`, color &&
|
|
48
48
|
color !== 'neutral' &&
|
|
49
|
-
cn(isFill ? 'text-cladd-on-primary' : 'text-cladd-primary'), color && color === 'neutral' && isFill && 'text-cladd-on-primary', fontSizes[size], height, disabled && 'pointer-events-none', !disabled && Component === 'a' ? 'cursor-pointer' : 'cursor-auto', itemRoundedClasses, className), contentClassName: cn('flex w-full items-center justify-center gap-2 py-
|
|
49
|
+
cn(isFill ? 'text-cladd-on-primary' : 'text-cladd-primary'), color && color === 'neutral' && isFill && 'text-cladd-on-primary', fontSizes[size], height, disabled && 'pointer-events-none', !disabled && Component === 'a' ? 'cursor-pointer' : 'cursor-auto', itemRoundedClasses, className), contentClassName: cn('flex w-full items-center justify-center gap-2 py-0 [&>svg]:shrink-0', size === '2xs' ? 'py-0' : size === 'xs' ? 'py-0.5' : 'py-1', multiline && height, buttonIconSizes[size], disabled && 'opacity-40', paddings[size], contentClassName), pressed: pressed, tabIndex: disabled || readOnly ? -1 : undefined, variant: variant, outline: outline, clickable: clickable && !disabled && !readOnly, hoverable: hoverable && !disabled && !readOnly, disabled: disabled || readOnly, level: surfaceLevel,
|
|
50
50
|
// {...enabledDisabledProps}
|
|
51
51
|
ref: (el) => {
|
|
52
52
|
elRef.current = el;
|
package/components/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA6D1C,MAAM,CAAC,MAAM,eAAe,GAA+B;IACzD,KAAK,EAAE,gBAAgB;IACvB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;IACpB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CACpB,KAAqB,EACrB,EAAE;IACF,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,EAAE,EACrB,OAAO,GAAG,UAAU,EACpB,KAAK,EACL,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,EACT,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,YAAY,EACZ,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,IAAI,OAAO,GAAkB,WAAW,IAAI,SAAS,CAAC;IAEtD,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;QACrC,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAEpC,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,cAAc,CAChE,IAAI,EACJ,OAAO,EACP,SAAS,CACV,CAAC;IAEF,MAAM,QAAQ,GAA+B;QAC3C,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;KAChB,CAAC;IACF,MAAM,SAAS,GAA+B;QAC5C,KAAK,EAAE,eAAe;QACtB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,eAAe;KACvB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,CAAC;IAEvC,MAAM,aAAa,GAAgB,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvE,MAAM,MAAM,GAAG,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,eAAe,CAAC;IAEvE,OAAO,CACL,KAAC,aAAa,IACZ,EAAE,EAAE,SAAS,mBACE,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACX,yIAAyI,EACzI,KAAK;YACH,KAAK,KAAK,SAAS;YACnB,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAC7D,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,IAAI,uBAAuB,EAEjE,SAAS,CAAC,IAAI,CAAC,EACf,MAAM,EACN,QAAQ,IAAI,qBAAqB,EACjC,CAAC,QAAQ,IAAI,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACjE,kBAAkB,EAElB,SAAS,CACV,EACD,gBAAgB,EAAE,EAAE,CAClB,qEAAqE,EACrE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC3D,SAAS,IAAI,MAAM,EACnB,eAAe,CAAC,IAAI,CAAC,EACrB,QAAQ,IAAI,YAAY,EACxB,QAAQ,CAAC,IAAI,CAAC,EACd,gBAAgB,CACjB,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAC9C,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAC9C,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,KAAK,EAAE,YAAY;QACnB,4BAA4B;QAC5B,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;YACvB,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBACrC,GAAG,CAAC,EAAiB,CAAC,CAAC;YACzB,CAAC;iBAAM,IAAI,GAAG,EAAE,CAAC;gBACd,GAA2C,CAAC,OAAO,GAAG,EAAE,CAAC;YAC5D,CAAC;QACH,CAAC,EACD,oBAAoB,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACjE,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,aAAa,EACX,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CACpD,KAAC,cAAc,IACb,KAAK,EAAE,OAAO,EACd,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAClC,CACH,KAEC,IAAI,YAEP,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Checkbox.d.ts
CHANGED
|
@@ -19,10 +19,9 @@ interface CheckboxOwnProps<C extends ElementType = 'label'> {
|
|
|
19
19
|
onClick?: (e: MouseEvent) => void;
|
|
20
20
|
onPointerDown?: (e: PointerEvent) => void;
|
|
21
21
|
/**
|
|
22
|
-
* When `true` (default), renders a hidden native `<input type="checkbox">` for form submission
|
|
23
|
-
*
|
|
24
|
-
* `aria-checked`, keyboard `Space`/`Enter` toggling) and `onChange` is fired from the click
|
|
25
|
-
* handler - useful for non-form contexts (e.g. menu items) or custom controlled wrappers.
|
|
22
|
+
* When `true` (default), renders a hidden native `<input type="checkbox">` for form submission and accessibility.
|
|
23
|
+
*
|
|
24
|
+
* When `false`, the component falls back to ARIA roles (`role="checkbox"`, `aria-checked`, keyboard `Space`/`Enter` toggling) and `onChange` is fired from the click handler - useful for non-form contexts (e.g. menu items) or custom controlled wrappers.
|
|
26
25
|
*/
|
|
27
26
|
input?: boolean;
|
|
28
27
|
/** `id` for the hidden `<input>`. Used to wire an external `<label htmlFor>` to this checkbox. */
|
|
@@ -34,9 +33,9 @@ interface CheckboxOwnProps<C extends ElementType = 'label'> {
|
|
|
34
33
|
/** Accent color for the checked state. Default: theme accent. */
|
|
35
34
|
color?: Color;
|
|
36
35
|
/**
|
|
37
|
-
* Polymorphic root element. Defaults to `'label'` so a wrapping `<label>` activates the hidden
|
|
38
|
-
*
|
|
39
|
-
* or needs a non-label container - see `hoverable`/`focusable` for how this changes interactivity.
|
|
36
|
+
* Polymorphic root element. Defaults to `'label'` so a wrapping `<label>` activates the hidden input on click.
|
|
37
|
+
*
|
|
38
|
+
* Use `'div'`/`'span'` (etc.) when the checkbox lives inside an existing label or needs a non-label container - see `hoverable`/`focusable` for how this changes interactivity.
|
|
40
39
|
*/
|
|
41
40
|
as?: C;
|
|
42
41
|
/**
|
|
@@ -46,8 +45,8 @@ interface CheckboxOwnProps<C extends ElementType = 'label'> {
|
|
|
46
45
|
hoverable?: boolean;
|
|
47
46
|
/**
|
|
48
47
|
* Auto-computed when omitted: `true` if `as === 'label'` OR `input` is `true`.
|
|
49
|
-
*
|
|
50
|
-
* input-less containers that still need a visible keyboard focus state.
|
|
48
|
+
*
|
|
49
|
+
* Drives whether the focus ring (`FocusableLayer`) is rendered. Override for non-label, input-less containers that still need a visible keyboard focus state.
|
|
51
50
|
*/
|
|
52
51
|
focusable?: boolean;
|
|
53
52
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO;IACxD,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kJAAkJ;IAClJ,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO;IACxD,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kJAAkJ;IAClJ,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,IACvD,gBAAgB,CAAC,CAAC,CAAC,GACjB,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjE,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,EACtD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAsJxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/components/Chip.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, Ref, ElementType, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
import { Color } from '../types.js';
|
|
3
|
-
export type ChipSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
3
|
+
export type ChipSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
4
4
|
interface ChipOwnProps<C extends ElementType = 'span'> {
|
|
5
5
|
/** Chip content - typically a short label, optionally with an icon. */
|
|
6
6
|
children?: ReactNode;
|
|
@@ -14,7 +14,7 @@ interface ChipOwnProps<C extends ElementType = 'span'> {
|
|
|
14
14
|
rounded?: boolean;
|
|
15
15
|
size?: ChipSize;
|
|
16
16
|
/**
|
|
17
|
-
* Polymorphic root element. Defaults to `'span'`. When set to `'a'` or `'button'`, the chip
|
|
17
|
+
* Polymorphic root element. Defaults to `'span'`. When set to `'a'` or `'button'`, the chip becomes interactive automatically (see `clickable`).
|
|
18
18
|
*/
|
|
19
19
|
as?: C;
|
|
20
20
|
/**
|
|
@@ -25,7 +25,9 @@ interface ChipOwnProps<C extends ElementType = 'span'> {
|
|
|
25
25
|
hoverable?: boolean;
|
|
26
26
|
/**
|
|
27
27
|
* Make the chip react to pointer activity (active/pressed state, hover overlay).
|
|
28
|
+
*
|
|
28
29
|
* Auto-computed when omitted: `true` if `as === 'a'` or `'button'`, otherwise `false`.
|
|
30
|
+
*
|
|
29
31
|
* Set explicitly to override (e.g. force a `<span>` to be clickable, or suppress the default for an `<a>` used purely as a navigation anchor).
|
|
30
32
|
*/
|
|
31
33
|
clickable?: boolean;
|
package/components/Chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,GAAG,EACH,WAAW,EAEX,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,GAAG,EACH,WAAW,EAEX,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAExE,UAAU,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM;IACnD,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;IACP;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oGAAoG;IACpG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,kIAAkI;IAClI,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,YAAY,CAAC,CAAC,CAAC,GACrE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3D,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,OAAO,SAAS,CAAC,CAAC,CAAC,4CAuGvE,CAAC"}
|
package/components/Chip.js
CHANGED
|
@@ -8,6 +8,8 @@ export const Chip = (props) => {
|
|
|
8
8
|
const { children, disabled, className = '', contentClassName = '', rounded = false, size = 'md', as: Component = 'span', outline, hoverable, clickable, color = '', icon: IconComponent, iconProps = {}, surfaceLevel, ref, ...rest } = props;
|
|
9
9
|
const height = nestedSizeClasses(size, 'height');
|
|
10
10
|
const paddings = {
|
|
11
|
+
'2xs': 'px-1 [&:has(>svg)]:pl-1',
|
|
12
|
+
xs: 'px-1 [&:has(>svg)]:pl-1',
|
|
11
13
|
sm: 'px-2 [&:has(>svg)]:pl-1',
|
|
12
14
|
md: 'px-2 [&:has(>svg)]:pl-1',
|
|
13
15
|
lg: 'px-2.5 [&:has(>svg)]:pl-1.5',
|
|
@@ -15,13 +17,17 @@ export const Chip = (props) => {
|
|
|
15
17
|
'2xl': 'px-2',
|
|
16
18
|
};
|
|
17
19
|
const fontSizes = {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
'2xs': 'text-cladd-4xs',
|
|
21
|
+
xs: 'text-cladd-3xs',
|
|
22
|
+
sm: 'text-cladd-2xs',
|
|
23
|
+
md: 'text-cladd-2xs',
|
|
24
|
+
lg: 'text-cladd-xs',
|
|
25
|
+
xl: 'text-cladd-xs',
|
|
26
|
+
'2xl': 'text-cladd-xs',
|
|
23
27
|
};
|
|
24
28
|
const iconSizes = {
|
|
29
|
+
'2xs': '[&>svg]:size-1.5',
|
|
30
|
+
xs: '[&>svg]:size-2.5',
|
|
25
31
|
sm: '[&>svg]:size-3',
|
|
26
32
|
md: '[&>svg]:size-4',
|
|
27
33
|
lg: '[&>svg]:size-4',
|
|
@@ -29,6 +35,8 @@ export const Chip = (props) => {
|
|
|
29
35
|
'2xl': '[&>svg]:size-4',
|
|
30
36
|
};
|
|
31
37
|
const roundedClasses = {
|
|
38
|
+
'2xs': 'rounded-cladd-3xs',
|
|
39
|
+
xs: 'rounded-cladd-3xs',
|
|
32
40
|
sm: 'rounded-cladd-xs',
|
|
33
41
|
md: 'rounded-cladd-sm',
|
|
34
42
|
lg: 'rounded-cladd-md',
|
package/components/Chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,GAMP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"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"}
|
package/components/Dialog.d.ts
CHANGED
|
@@ -63,6 +63,7 @@ export interface DialogProps {
|
|
|
63
63
|
root?: string;
|
|
64
64
|
/**
|
|
65
65
|
* Selector for the container made `inert` while the dialog is open. Default `'.app-container'`.
|
|
66
|
+
*
|
|
66
67
|
* Used to block focus/interaction with the rest of the app while the modal is shown.
|
|
67
68
|
*/
|
|
68
69
|
inertContainer?: string;
|
|
@@ -72,9 +73,9 @@ export interface DialogProps {
|
|
|
72
73
|
className?: string;
|
|
73
74
|
/** Extra classes applied to the inner content area. Default includes `space-y-4 p-4`. */
|
|
74
75
|
contentClassName?: string;
|
|
75
|
-
/** Title slot. Rendered as `<div>` with `text-
|
|
76
|
+
/** Title slot. Rendered as `<div>` with `text-cladd-md font-semibold`. Auto-wired to `aria-labelledby`. */
|
|
76
77
|
title?: ReactNode;
|
|
77
|
-
/** Body text slot. Rendered as `<div>` with `text-sm leading-relaxed`. Auto-wired to `aria-describedby`. */
|
|
78
|
+
/** Body text slot. Rendered as `<div>` with `text-cladd-sm leading-relaxed`. Auto-wired to `aria-describedby`. */
|
|
78
79
|
text?: ReactNode;
|
|
79
80
|
/** Defer rendering until first opened, and unmount after close. */
|
|
80
81
|
lazy?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EACT,GAAG,EAEJ,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,0DAKxB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wGAAwG;IACxG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAalE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAahE,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,2GAA2G;IAC3G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wGAAwG;IACxG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EACT,GAAG,EAEJ,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,0DAKxB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wGAAwG;IACxG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAalE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAahE,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,2GAA2G;IAC3G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wGAAwG;IACxG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2GAA2G;IAC3G,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kHAAkH;IAClH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4FAA4F;IAC5F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oHAAoH;IACpH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6FAA6F;IAC7F,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0GAA0G;IAC1G,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoOD,eAAO,MAAM,MAAM,GAAI,iCAAiC,WAAW,4CASlE,CAAC"}
|
package/components/Dialog.js
CHANGED
|
@@ -160,7 +160,7 @@ const DialogInner = (props) => {
|
|
|
160
160
|
if (stopPropagationOnClick) {
|
|
161
161
|
e.stopPropagation();
|
|
162
162
|
}
|
|
163
|
-
}, children: [title && (_jsx("div", { "data-part": "title", id: titleId, className: "text-
|
|
163
|
+
}, children: [title && (_jsx("div", { "data-part": "title", id: titleId, className: "text-cladd-md font-semibold", children: title })), text && (_jsx("div", { "data-part": "text", id: descId, className: "text-cladd-sm leading-relaxed", children: text })), children, requireConfirmText && confirmButtonText && (_jsx(Input, { "data-part": "input", value: inputText, infoMessage: `Type ${requireConfirmText} to confirm`, color: confirmButtonColor, placeholder: `Type ${requireConfirmText} to confirm`, size: "xl", onChange: (v) => setInputText(v) })), (buttons || cancelButtonText || confirmButtonText) && (_jsxs("div", { "data-part": "buttons", className: "mt-8! flex flex-wrap items-center justify-end gap-2", children: [cancelButtonText && (_jsx(Button, { "data-part": "cancel", tabIndex: 0, rounded: true, size: "lg", variant: "transparent", color: cancelButtonColor, contentClassName: "px-4", onClick: () => {
|
|
164
164
|
close();
|
|
165
165
|
onCancel?.();
|
|
166
166
|
}, children: cancelButtonText })), confirmButtonText && (_jsx(Button, { "data-part": "confirm", ref: confirmButtonRef, tabIndex: 0, color: !(requireConfirmText && inputText !== requireConfirmText)
|
package/components/Dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
|
package/components/Input.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ interface InputOwnProps<C extends ElementType = 'div', IC extends ElementType =
|
|
|
10
10
|
value?: string | number;
|
|
11
11
|
/**
|
|
12
12
|
* Custom node displayed in place of the raw `value` while the input is `readOnly` or unfocused.
|
|
13
|
+
*
|
|
13
14
|
* Useful for formatted display (e.g. show "1,234.56" while the underlying value is `1234.56`) - the real value re-appears on focus for editing.
|
|
14
15
|
*/
|
|
15
16
|
displayValue?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,GAAG,EACH,WAAW,EACX,aAAa,EACb,UAAU,EAEV,wBAAwB,EACzB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAMjC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE1D,UAAU,aAAa,CACrB,CAAC,SAAS,WAAW,GAAG,KAAK,EAC7B,EAAE,SAAS,WAAW,GAAG,OAAO;IAEhC,yGAAyG;IACzG,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
package/components/Input.js
CHANGED
|
@@ -12,11 +12,11 @@ export const Input = (props) => {
|
|
|
12
12
|
const accentColor = useAccentColor();
|
|
13
13
|
const { as: asProp = 'div', type = 'text', value, displayValue, placeholder, name, required = false, disabled = false, readOnly, inputId, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onClear = () => { }, color = accentColor, prefix, min, step, suffix, className, contentClassName, inputClassName, max, maxLength, clearButton, valid = true, infoMessage, errorMessage, pattern, inputMode, icon, surfaceClassName, autoFocus, inputComponent = 'input', inputComponentProps = {}, ref: externalRef, inputRef: externalInputRef, } = props;
|
|
14
14
|
const fontSizes = {
|
|
15
|
-
sm: 'text-xs',
|
|
16
|
-
md: 'text-xs',
|
|
17
|
-
lg: 'text-xs',
|
|
18
|
-
xl: 'text-xs',
|
|
19
|
-
'2xl': 'text-xs',
|
|
15
|
+
sm: 'text-cladd-xs',
|
|
16
|
+
md: 'text-cladd-xs',
|
|
17
|
+
lg: 'text-cladd-xs',
|
|
18
|
+
xl: 'text-cladd-xs',
|
|
19
|
+
'2xl': 'text-cladd-xs',
|
|
20
20
|
};
|
|
21
21
|
const iconWrapClasses = {
|
|
22
22
|
sm: 'left-2.5 [&>svg]:size-4',
|
|
@@ -86,6 +86,6 @@ export const Input = (props) => {
|
|
|
86
86
|
? 'size-3!'
|
|
87
87
|
: size === 'md'
|
|
88
88
|
? 'size-3.5!'
|
|
89
|
-
: 'size-4') }) }) })), suffix] }), infoMessage && valid !== false && !readOnly && (_jsx("div", { "data-part": "info", className: cn('pointer-events-none absolute -top-1.5 left-2 z-10 translate-y-1 rounded-cladd-sm bg-cladd-primary px-2 py-1.5 text-
|
|
89
|
+
: 'size-4') }) }) })), suffix] }), infoMessage && valid !== false && !readOnly && (_jsx("div", { "data-part": "info", className: cn('pointer-events-none absolute -top-1.5 left-2 z-10 translate-y-1 rounded-cladd-sm bg-cladd-primary px-2 py-1.5 text-cladd-2xs leading-none font-semibold text-cladd-on-primary opacity-0 duration-200 group-has-[input:focus]/input:-translate-y-1/2 group-has-[input:focus]/input:opacity-100', `cladd-color-${color}`), children: infoMessage })), errorMessage && valid === false && (_jsx("div", { "data-part": "error", className: cn('cladd-color-red pointer-events-none absolute -top-1.5 left-2 z-10 -translate-y-1/2 rounded-cladd-sm bg-cladd-primary px-1 py-0.5 text-cladd-2xs leading-none font-semibold text-cladd-on-primary opacity-100 duration-200'), children: errorMessage }))] }));
|
|
90
90
|
};
|
|
91
91
|
//# sourceMappingURL=Input.js.map
|
package/components/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,QAAQ,GAST,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,6 +43,7 @@ interface ListButtonOwnProps<C extends ElementType = 'button'> {
|
|
|
43
43
|
after?: ReactNode;
|
|
44
44
|
/**
|
|
45
45
|
* Surface variant. Default `'transparent'` so rows blend into the list surface.
|
|
46
|
+
*
|
|
46
47
|
* Overridden to `'gradient'` when `selected` is `true`.
|
|
47
48
|
*/
|
|
48
49
|
variant?: SurfaceVariant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListButton.d.ts","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAU,WAAW,EAAmB,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,UAAU,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IAC3D,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uFAAuF;IACvF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6FAA6F;IAC7F,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB
|
|
1
|
+
{"version":3,"file":"ListButton.d.ts","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAM,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAU,WAAW,EAAmB,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAE3C,UAAU,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ;IAC3D,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uFAAuF;IACvF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6FAA6F;IAC7F,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC1D,kBAAkB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5E,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EACzD,OAAO,eAAe,CAAC,CAAC,CAAC,4CAiH1B,CAAC"}
|
package/components/ListButton.js
CHANGED
|
@@ -4,6 +4,6 @@ import { Button, buttonIconSizes } from './Button.js';
|
|
|
4
4
|
export const ListButton = (props) => {
|
|
5
5
|
const { children, className = '', contentClassName = '', innerContentClassName = '', disabled = false, readOnly = false, size = 'lg', as: Component = 'button', color = '', icon, iconClassName = '', header, headerClassName = '', footer, footerClassName = '', selected = false, titleClassName = '', after, ref, variant = 'transparent', outline = false, rounded = true, ...rest } = props;
|
|
6
6
|
const ButtonEl = Button;
|
|
7
|
-
return (_jsxs(ButtonEl, { as: Component, "data-selected": selected || undefined, rounded: rounded, className: cn('cladd-list-button z-10 w-full', className), contentClassName: cn('gap-4 px-2', contentClassName), variant: selected ? 'gradient' : variant, outline: outline || selected, disabled: disabled, readOnly: readOnly, ref: ref, color: color, size: size, multiline: true, ...rest, children: [icon && (_jsx("div", { "data-part": "icon", className: cn('relative shrink-0 [&>svg]:shrink-0', buttonIconSizes[size], iconClassName), children: icon })), (children || footer || header) && (_jsxs("div", { className: cn('relative flex w-full min-w-0 shrink flex-col gap-1', innerContentClassName), children: [header && (_jsx("div", { "data-part": "header", className: cn('text-xs leading-tight font-normal text-cladd-fg-soft', headerClassName), children: header })), _jsx("div", { "data-part": "title", className: cn('flex items-center gap-4 [&>svg]:shrink-0', buttonIconSizes[size], titleClassName), children: children }), footer && (_jsx("div", { "data-part": "footer", className: cn('text-xs leading-tight font-normal text-cladd-fg-softer', footerClassName), children: footer }))] })), after && (_jsx("div", { "data-part": "after", className: cn('ml-auto shrink-0 [&>svg]:shrink-0', buttonIconSizes[size]), children: after }))] }));
|
|
7
|
+
return (_jsxs(ButtonEl, { as: Component, "data-selected": selected || undefined, rounded: rounded, className: cn('cladd-list-button z-10 w-full', className), contentClassName: cn('gap-4 px-2', contentClassName), variant: selected ? 'gradient' : variant, outline: outline || selected, disabled: disabled, readOnly: readOnly, ref: ref, color: color, size: size, multiline: true, ...rest, children: [icon && (_jsx("div", { "data-part": "icon", className: cn('relative shrink-0 [&>svg]:shrink-0', buttonIconSizes[size], iconClassName), children: icon })), (children || footer || header) && (_jsxs("div", { className: cn('relative flex w-full min-w-0 shrink flex-col gap-1', innerContentClassName), children: [header && (_jsx("div", { "data-part": "header", className: cn('text-cladd-xs leading-tight font-normal text-cladd-fg-soft', headerClassName), children: header })), _jsx("div", { "data-part": "title", className: cn('flex items-center gap-4 [&>svg]:shrink-0', buttonIconSizes[size], titleClassName), children: children }), footer && (_jsx("div", { "data-part": "footer", className: cn('text-cladd-xs leading-tight font-normal text-cladd-fg-softer', footerClassName), children: footer }))] })), after && (_jsx("div", { "data-part": "after", className: cn('ml-auto shrink-0 [&>svg]:shrink-0', buttonIconSizes[size]), children: after }))] }));
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=ListButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAe,eAAe,EAAc,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../src/components/ListButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAe,eAAe,EAAc,MAAM,UAAU,CAAC;AA8D5E,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAyB,EACzB,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,qBAAqB,GAAG,EAAE,EAC1B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,aAAa,GAAG,EAAE,EAClB,MAAM,EACN,eAAe,GAAG,EAAE,EACpB,MAAM,EACN,eAAe,GAAG,EAAE,EACpB,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,EAAE,EACnB,KAAK,EACL,GAAG,EACH,OAAO,GAAG,aAAa,EACvB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,IAAI,EACd,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAsC,CAAC;IAExD,OAAO,CACL,MAAC,QAAQ,IACP,EAAE,EAAE,SAAS,mBACE,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,gBAAgB,EAAE,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EACpD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EACxC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,WACL,IAAI,aAEP,IAAI,IAAI,CACP,2BACY,MAAM,EAChB,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,eAAe,CAAC,IAAI,CAAC,EACrB,aAAa,CACd,YAEA,IAAI,GACD,CACP,EACA,CAAC,QAAQ,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,CACjC,eACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,qBAAqB,CACtB,aAEA,MAAM,IAAI,CACT,2BACY,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,eAAe,CAChB,YAEA,MAAM,GACH,CACP,EACD,2BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,eAAe,CAAC,IAAI,CAAC,EACrB,cAAc,CACf,YAEA,QAAQ,GACL,EACL,MAAM,IAAI,CACT,2BACY,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,eAAe,CAChB,YAEA,MAAM,GACH,CACP,IACG,CACP,EACA,KAAK,IAAI,CACR,2BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,mCAAmC,EACnC,eAAe,CAAC,IAAI,CAAC,CACtB,YAEA,KAAK,GACF,CACP,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
package/components/ListItem.js
CHANGED
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn } from '../shared/cn.js';
|
|
3
3
|
export const ListItem = (props, ref) => {
|
|
4
4
|
const { children, className = '', ...rest } = props;
|
|
5
|
-
return (_jsx("div", { ref: ref, className: cn('cladd-list-item flex min-h-9 items-center gap-4 px-2 py-1 text-xs font-medium', className), ...rest, children: children }));
|
|
5
|
+
return (_jsx("div", { ref: ref, className: cn('cladd-list-item flex min-h-9 items-center gap-4 px-2 py-1 text-cladd-xs font-medium', className), ...rest, children: children }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/ListItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,GAAyB,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/ListItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,GAAyB,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/components/ListTitle.js
CHANGED
|
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn } from '../shared/cn.js';
|
|
3
3
|
export const ListTitle = (props) => {
|
|
4
4
|
const { children, className = '', ref, ...rest } = props;
|
|
5
|
-
return (_jsx("div", { ref: ref, className: cn('cladd-list-title flex items-end gap-4 p-2 text-xs font-medium text-cladd-fg-soft uppercase select-none', className), ...rest, children: children }));
|
|
5
|
+
return (_jsx("div", { ref: ref, className: cn('cladd-list-title flex items-end gap-4 p-2 text-cladd-xs font-medium text-cladd-fg-soft uppercase select-none', className), ...rest, children: children }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=ListTitle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListTitle.js","sourceRoot":"","sources":["../../../src/components/ListTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"ListTitle.js","sourceRoot":"","sources":["../../../src/components/ListTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8GAA8G,EAC9G,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -7,6 +7,7 @@ interface NumberFieldOwnProps {
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* When `true` (default), the value is rendered in an editable `Input`.
|
|
10
|
+
*
|
|
10
11
|
* When `false`, the value is rendered in a read-only `SurfaceCut` chip - useful when keyboard entry is not desired.
|
|
11
12
|
*/
|
|
12
13
|
input?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,OAAO,EAAW,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,mGAAmG;IACnG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB
|
|
1
|
+
{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,OAAO,EAAW,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,mGAAmG;IACnG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,yGAAyG;IACzG,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+CAA+C;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,YAAY,EAAE,MAAM,mBAAmB,CAAC,CAAC;AAEhD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAoJlD,CAAC"}
|
|
@@ -26,6 +26,6 @@ export const NumberField = (props) => {
|
|
|
26
26
|
};
|
|
27
27
|
const { itemRoundedClasses } = roundedClasses(size, valueRounded, false);
|
|
28
28
|
const { wrapRoundedClasses } = roundedClasses(size, rounded, false);
|
|
29
|
-
return (_jsxs(Surface, { "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, className: cn('cladd-number-field flex items-center gap-0.5', wrapRoundedClasses, className), outline: outline, variant: variant, level: surfaceLevel, color: color, contentClassName: cn('flex items-center p-1', contentClassName), ref: ref, ...rest, children: [_jsx(Button, { "data-part": "decrease", size: size, variant: buttonVariant, outline: buttonOutline, rounded: rounded, readOnly: readOnly, disabled: value <= min || disabled, onClick: decrease, className: cn(size === 'xl' && 'min-w-11', size === '2xl' && 'min-w-13'), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: _jsx("g", { fill: "currentColor", children: _jsx("path", { d: "M14.75,9.75H3.25c-.414,0-.75-.336-.75-.75s.336-.75,.75-.75H14.75c.414,0,.75,.336,.75,.75s-.336,.75-.75,.75Z" }) }) }) }), input ? (_jsx(Input, { "data-part": "control", size: size, value: value, disabled: disabled, readOnly: readOnly, rounded: valueRounded, className: "w-auto min-w-0 shrink", inputClassName: cn('w-auto min-w-9 text-center', inputClassName) })) : (_jsx(SurfaceCut, { "data-part": "control", className: cn('w-auto min-w-9 self-stretch text-center', itemRoundedClasses), contentClassName: cn('flex items-center justify-center text-xs', inputPaddingNoIcon[size]), children: value })), _jsx(Button, { "data-part": "increase", size: size, color: color, variant: buttonVariant, outline: buttonOutline, rounded: rounded, readOnly: readOnly, disabled: value >= max || disabled, onClick: increase, className: cn(size === 'xl' && 'min-w-11', size === '2xl' && 'min-w-13'), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: _jsxs("g", { fill: "currentColor", children: [_jsx("path", { d: "M14.75,9.75H3.25c-.414,0-.75-.336-.75-.75s.336-.75,.75-.75H14.75c.414,0,.75,.336,.75,.75s-.336,.75-.75,.75Z" }), _jsx("path", { d: "M9,15.5c-.414,0-.75-.336-.75-.75V3.25c0-.414,.336-.75,.75-.75s.75,.336,.75,.75V14.75c0,.414-.336,.75-.75,.75Z" })] }) }) })] }));
|
|
29
|
+
return (_jsxs(Surface, { "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, className: cn('cladd-number-field flex items-center gap-0.5', wrapRoundedClasses, className), outline: outline, variant: variant, level: surfaceLevel, color: color, contentClassName: cn('flex items-center p-1', contentClassName), ref: ref, ...rest, children: [_jsx(Button, { "data-part": "decrease", size: size, variant: buttonVariant, outline: buttonOutline, rounded: rounded, readOnly: readOnly, disabled: value <= min || disabled, onClick: decrease, className: cn(size === 'xl' && 'min-w-11', size === '2xl' && 'min-w-13'), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: _jsx("g", { fill: "currentColor", children: _jsx("path", { d: "M14.75,9.75H3.25c-.414,0-.75-.336-.75-.75s.336-.75,.75-.75H14.75c.414,0,.75,.336,.75,.75s-.336,.75-.75,.75Z" }) }) }) }), input ? (_jsx(Input, { "data-part": "control", size: size, value: value, disabled: disabled, readOnly: readOnly, rounded: valueRounded, className: "w-auto min-w-0 shrink", inputClassName: cn('w-auto min-w-9 text-center', inputClassName) })) : (_jsx(SurfaceCut, { "data-part": "control", className: cn('w-auto min-w-9 self-stretch text-center', itemRoundedClasses), contentClassName: cn('flex items-center justify-center text-cladd-xs', inputPaddingNoIcon[size]), children: value })), _jsx(Button, { "data-part": "increase", size: size, color: color, variant: buttonVariant, outline: buttonOutline, rounded: rounded, readOnly: readOnly, disabled: value >= max || disabled, onClick: increase, className: cn(size === 'xl' && 'min-w-11', size === '2xl' && 'min-w-13'), children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: _jsxs("g", { fill: "currentColor", children: [_jsx("path", { d: "M14.75,9.75H3.25c-.414,0-.75-.336-.75-.75s.336-.75,.75-.75H14.75c.414,0,.75,.336,.75,.75s-.336,.75-.75,.75Z" }), _jsx("path", { d: "M9,15.5c-.414,0-.75-.336-.75-.75V3.25c0-.414,.336-.75,.75-.75s.75,.336,.75,.75V14.75c0,.414-.336,.75-.75,.75Z" })] }) }) })] }));
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=NumberField.js.map
|