@adecore/ui 0.35.5 → 0.37.0

package/dist/Button.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentProps } from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'danger-outline' | 'positive' | 'inverse';
-export type ButtonSize = 'xs' | 'sm' | 'md';
-export type ButtonShape = 'default' | 'pill';
+import { type ButtonShape, type ButtonSize, type ButtonVariant } from './button-class.ts';
+export type { ButtonShape, ButtonSize, ButtonVariant } from './button-class.ts';
 export interface ButtonProps extends ComponentProps<'button'> {
     variant?: ButtonVariant;
     size?: ButtonSize;

package/dist/Button.js

@@ -1,30 +1,8 @@
 import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
-import { jsx as _jsx } from "react/jsx-runtime";
-const VARIANT = {
-  // A filled button darkens under the pointer. Its color is the meaning, so no token of its own for hover.
-  primary: 'bg-accent text-accent-text hover:brightness-90 disabled:hover:brightness-100',
-  secondary: 'border border-border bg-surface-raised text-text hover:bg-surface-hover disabled:hover:bg-surface-raised',
-  ghost: 'text-text-muted hover:bg-surface-hover hover:text-text',
-  danger: 'bg-status-error text-accent-text hover:brightness-90 disabled:hover:brightness-100',
-  // A step that forgets something rather than destroys it: softer than the filled button of a deletion that cannot come back.
-  'danger-outline': 'border border-status-error/35 text-status-error hover:bg-status-error/10 disabled:hover:bg-transparent',
-  positive: 'bg-positive text-positive-text hover:brightness-90 disabled:hover:brightness-100',
-  // Dark on a light theme, light on a dark one, matching what Apple's and GitHub's sign-in buttons ask for.
-  inverse: 'bg-text text-bg hover:opacity-90 disabled:hover:opacity-100'
-};
-/* 28 and 32 pixels are the compact and the normal control; 24 fits a header of 32. */
-const SIZE = {
-  xs: 'h-6 px-2',
-  sm: 'h-7 px-2.5',
-  md: 'h-8 px-3'
-};
-/* A pill is one size of its own, for a control that sits in a round row, so it takes the place of `size`. */
-const SHAPE = {
-  default: 'rounded-md text-xs',
-  pill: 'h-9 rounded-full px-3.5 text-sm'
-};
+import { buttonClass } from './button-class.js';
 /* Every button with a word in it. A button that is only an icon is an `IconButton`, which is a square, not a label. */
+import { jsx as _jsx } from "react/jsx-runtime";
 export function Button(t0) {
   const $ = _c(24);
   let className;
@@ -69,25 +47,22 @@ export function Button(t0) {
   const size = t2 === undefined ? "md" : t2;
   const shape = t3 === undefined ? "default" : t3;
   const type = t4 === undefined ? "button" : t4;
-  const t5 = SHAPE[shape];
-  const t6 = VARIANT[variant];
-  const t7 = shape === "default" && SIZE[size];
-  let t8;
-  if ($[9] !== className || $[10] !== t5 || $[11] !== t6 || $[12] !== t7) {
-    t8 = clsx("inline-flex shrink-0 items-center justify-center gap-1.5 font-medium disabled:opacity-50", t5, t6, t7, className);
+  let t5;
+  if ($[9] !== className || $[10] !== shape || $[11] !== size || $[12] !== variant) {
+    t5 = clsx(buttonClass(variant, size, shape), className);
     $[9] = className;
-    $[10] = t5;
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
+    $[10] = shape;
+    $[11] = size;
+    $[12] = variant;
+    $[13] = t5;
   } else {
-    t8 = $[13];
+    t5 = $[13];
   }
-  const classes = t8;
+  const classes = t5;
   if (href) {
-    let t9;
+    let t6;
     if ($[14] !== classes || $[15] !== href || $[16] !== ref || $[17] !== rest) {
-      t9 = /*#__PURE__*/_jsx("a", {
+      t6 = /*#__PURE__*/_jsx("a", {
         ref: ref,
         className: classes,
         href: href,
@@ -99,15 +74,15 @@ export function Button(t0) {
       $[15] = href;
       $[16] = ref;
       $[17] = rest;
-      $[18] = t9;
+      $[18] = t6;
     } else {
-      t9 = $[18];
+      t6 = $[18];
     }
-    return t9;
+    return t6;
   }
-  let t9;
+  let t6;
   if ($[19] !== classes || $[20] !== ref || $[21] !== rest || $[22] !== type) {
-    t9 = /*#__PURE__*/_jsx("button", {
+    t6 = /*#__PURE__*/_jsx("button", {
       ref: ref,
       type: type,
       className: classes,
@@ -117,9 +92,9 @@ export function Button(t0) {
     $[20] = ref;
     $[21] = rest;
     $[22] = type;
-    $[23] = t9;
+    $[23] = t6;
   } else {
-    t9 = $[23];
+    t6 = $[23];
   }
-  return t9;
+  return t6;
 }

package/dist/Checkbox.js

@@ -27,7 +27,7 @@ export function Checkbox(t0) {
   }
   let t3;
   if ($[2] !== className) {
-    t3 = clsx("flex size-4 shrink-0 items-center justify-center rounded-sm border border-border-strong bg-surface text-accent-text transition-colors", "data-checked:border-accent data-checked:bg-accent data-indeterminate:border-accent data-indeterminate:bg-accent data-disabled:opacity-50", className);
+    t3 = clsx("flex size-4 shrink-0 items-center justify-center rounded-sm border border-field-border bg-field text-accent-text transition-colors", "data-checked:border-accent data-checked:bg-accent data-indeterminate:border-accent data-indeterminate:bg-accent data-disabled:opacity-50", className);
     $[2] = className;
     $[3] = t3;
   } else {

package/dist/ChoiceCards.js

@@ -32,7 +32,7 @@ function ChoiceCard(t0) {
   let t5;
   if ($[1] !== choice.icon) {
     t5 = choice.icon && /*#__PURE__*/_jsx("span", {
-      className: "grid size-8 shrink-0 place-items-center rounded-lg bg-surface-sunken text-text-muted group-data-checked:text-accent",
+      className: "grid size-8 shrink-0 place-items-center rounded-lg bg-surface-sunken text-text-muted group-data-checked:text-accent dark:bg-field dark:inset-ring dark:inset-ring-field-border",
       children: /*#__PURE__*/_jsx(Icon, {
         icon: choice.icon,
         size: 16
@@ -91,7 +91,7 @@ function ChoiceCard(t0) {
       disabled: choice.disabled,
       "aria-labelledby": t2,
       "aria-describedby": t3,
-      className: "group focus-ring flex min-w-0 items-start gap-3 rounded-xl border border-border bg-surface p-3 text-left hover:bg-surface-hover data-checked:border-accent data-disabled:opacity-50 data-disabled:hover:bg-surface",
+      className: "group focus-ring flex min-w-0 items-start gap-3 rounded-xl border border-border bg-surface p-3 text-left hover:bg-surface-hover-edged data-checked:border-accent data-disabled:opacity-50 data-disabled:hover:bg-surface",
       children: [t4, t5, t10, t11]
     });
     $[12] = choice.disabled;

package/dist/IconPicker.d.ts

@@ -11,7 +11,8 @@ export interface IconPickerProps {
     disabled?: boolean;
     onClear?: () => void;
     label?: string;
+    hideLabel?: boolean;
     className?: string;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function IconPicker({ icons, value, onValueChange, keywords, searchable, rows, disabled, onClear, label, className, ref }: IconPickerProps): import("react").JSX.Element;
+export declare function IconPicker({ icons, value, onValueChange, keywords, searchable, rows, disabled, onClear, label, hideLabel, className, ref }: IconPickerProps): import("react").JSX.Element;