@autional/ui 0.1.0-rc.50 → 0.1.0-rc.52

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/atoms/Button.tsx +1 -1
  3. package/src/internal/field-styles.ts +1 -1
  4. package/src/molecules/ConfirmDialog.tsx +1 -1
  5. package/src/molecules/ErrorState.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autional/ui",
3
- "version": "0.1.0-rc.50",
3
+ "version": "0.1.0-rc.52",
4
4
  "description": "Autional shared React component library (atoms + molecules) …the canonical home of the component layer",
5
5
  "license": "AGPL-3.0",
6
6
  "main": "./src/index.ts",
package/src/atoms/Button.tsx CHANGED
@@ -28,7 +28,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
28
28
  primary: 'bg-[var(--color-brand)] text-[var(--color-on-brand)] hover:bg-[var(--color-brand-hover)]',
29
29
  secondary: 'bg-[var(--color-bg-muted)] text-[var(--color-text-primary)] hover:opacity-80',
30
30
  outline:
31
- 'border border-[var(--color-border-subtle)] bg-transparent hover:bg-[var(--color-bg-muted)] text-[var(--color-text-primary)]',
31
+ 'border border-[var(--color-border-strong)] bg-transparent hover:bg-[var(--color-bg-muted)] text-[var(--color-text-primary)]',
32
32
  ghost: 'bg-transparent hover:bg-[var(--color-bg-muted)] text-[var(--color-text-primary)]',
33
33
  danger: 'bg-[var(--color-danger)] text-white hover:opacity-80',
34
34
  };
package/src/internal/field-styles.ts CHANGED
@@ -39,7 +39,7 @@ export function fieldControlClassFor(
39
39
  invalid?: boolean,
40
40
  extra = '',
41
41
  ): string {
42
- const border = invalid ? 'border-[var(--color-danger)]' : 'border-[var(--color-border)]';
42
+ const border = invalid ? 'border-[var(--color-danger)]' : 'border-[var(--color-border-strong)]';
43
43
  return `${STRUCT} ${SIZE[size]} ${SHAPE[shape]} ${border} ${extra}`.trim();
44
44
  }
45
45
 
package/src/molecules/ConfirmDialog.tsx CHANGED
@@ -99,7 +99,7 @@ export const ConfirmDialog = React.memo(function ConfirmDialog({
99
99
  <div className="mt-6 flex justify-end gap-3">
100
100
  <button
101
101
  onClick={onCancel}
102
- className="rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-bg-surface)] px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-colors hover:bg-[var(--color-bg-muted)]"
102
+ className="rounded-md border border-[var(--color-border-strong)] bg-[var(--color-bg-surface)] px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-colors hover:bg-[var(--color-bg-muted)]"
103
103
  >
104
104
  {cancelLabel}
105
105
  </button>
package/src/molecules/ErrorState.tsx CHANGED
@@ -34,7 +34,7 @@ export function ErrorState({
34
34
  {action ? (
35
35
  <button
36
36
  onClick={action.onClick}
37
- className="inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-bg-surface)] px-3 py-1.5 text-xs text-[var(--color-text-primary)] hover:bg-[var(--color-bg-muted)]"
37
+ className="inline-flex items-center gap-1.5 rounded-md border border-[var(--color-border-strong)] bg-[var(--color-bg-surface)] px-3 py-1.5 text-xs text-[var(--color-text-primary)] hover:bg-[var(--color-bg-muted)]"
38
38
  >
39
39
  {action.label}
40
40
  </button>