@r2digisolutions/components 0.8.9 → 0.8.11

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 (3) hide show
  1. package/dist/components/atoms/Button/Button.svelte +1 -1
  2. package/dist/components/molecules/Tile/Tile.svelte +7 -4
  3. package/package.json +1 -1
package/dist/components/atoms/Button/Button.svelte CHANGED
@@ -46,7 +46,7 @@
46
46
  ghost:
47
47
  'text-secondary hover:text-primary hover:bg-surface-overlay focus-visible:ring-brand-500 active:scale-[0.98]',
48
48
  outline:
49
- 'border-2 border-brand-500 text-brand-600 dark:text-brand-400 hover:bg-brand-50 dark:hover:bg-brand-950 focus-visible:ring-brand-500 active:scale-[0.98]',
49
+ 'border border-border text-primary hover:bg-surface-overlay hover:border-border-strong focus-visible:ring-brand-500 active:scale-[0.98]',
50
50
  destructive:
51
51
  'bg-red-500 text-white hover:bg-red-600 active:bg-red-700 focus-visible:ring-red-500 shadow-sm hover:shadow-md active:scale-[0.98]'
52
52
  };
package/dist/components/molecules/Tile/Tile.svelte CHANGED
@@ -105,13 +105,15 @@
105
105
  'group relative flex w-full min-w-0 items-center gap-2.5 text-left transition-colors',
106
106
  padY[size],
107
107
  padX,
108
+ // selected must replace surface-elevated — same utility family, otherwise dark tint never wins
108
109
  variant === 'card' &&
109
- 'overflow-hidden rounded-xl border border-border bg-surface-elevated',
110
+ (selected
111
+ ? 'overflow-hidden rounded-xl border border-brand-400/50 bg-brand-50 ring-1 ring-brand-500/20 dark:border-brand-400/45 dark:bg-brand-500/15 dark:ring-brand-400/25'
112
+ : 'overflow-hidden rounded-xl border border-border bg-surface-elevated'),
110
113
  variant === 'plain' && 'rounded-lg',
111
114
  selected &&
112
- (variant === 'card'
113
- ? 'border-brand-500/40 bg-brand-50/50 ring-1 ring-brand-500/15 dark:bg-brand-950/25'
114
- : 'bg-brand-50 dark:bg-brand-950/40'),
115
+ variant !== 'card' &&
116
+ 'bg-brand-50 dark:bg-brand-500/15',
115
117
  clickable &&
116
118
  !disabled &&
117
119
  'cursor-pointer hover:bg-surface-overlay/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/30',
@@ -122,6 +124,7 @@
122
124
  variant === 'card' &&
123
125
  clickable &&
124
126
  !disabled &&
127
+ !selected &&
125
128
  'hover:border-border-strong',
126
129
  disabled && 'cursor-not-allowed opacity-50',
127
130
  className
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@r2digisolutions/components",
3
- "version": "0.8.9",
3
+ "version": "0.8.11",
4
4
  "private": false,
5
5
  "description": "R2DigiSolutions Svelte 5 component library — Atomic Design, Tailwind 4, Light/Dark mode",
6
6
  "license": "MIT",