@insymetri/styleguide 0.1.16 → 0.1.17
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.
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
{#each shadows as item (item.name)}
|
|
34
34
|
<div class="flex flex-col gap-8">
|
|
35
35
|
<div
|
|
36
|
-
class="rounded-8 bg-surface-raised
|
|
36
|
+
class="rounded-8 bg-surface-raised {item.class}"
|
|
37
37
|
style="height: 96px;"
|
|
38
38
|
></div>
|
|
39
39
|
<span class="text-small font-mono text-secondary">{item.name}</span>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const boxShadow = {
|
|
2
2
|
none: 'none',
|
|
3
3
|
// Pill elevation (pills, tags, small controls)
|
|
4
|
-
pill: '0 3px 6px -2px rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.04)',
|
|
4
|
+
pill: '0 3px 6px -2px rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.04), inset 0 0 0 0.5px rgba(0, 0, 0, 0.08)',
|
|
5
5
|
// Subtle elevation (switch knobs, active pills)
|
|
6
6
|
subtle: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
7
7
|
// Cards at rest
|
|
@@ -21,7 +21,7 @@ export const boxShadow = {
|
|
|
21
21
|
// Selection ring — selected item indicator
|
|
22
22
|
'selection-ring': '0 0 0 2px var(--ii-primary-20)',
|
|
23
23
|
// Communication card hover
|
|
24
|
-
'comm-hover': '0 2px 8px var(--ii-shadow-subtle)',
|
|
24
|
+
'comm-hover': '0 2px 8px var(--ii-shadow-subtle-color)',
|
|
25
25
|
// Login card — deep overlay shadow
|
|
26
26
|
'login-card': '0 20px 60px var(--ii-overlay), 0 0 1px var(--ii-hover-overlay)',
|
|
27
27
|
// Dialog overlay — elevated panel
|