@sandilya/ui 0.2.0 → 0.3.0

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 (2) hide show
  1. package/package.json +2 -2
  2. package/theme.css +7 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sandilya/ui",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "Design tokens, themes and the Tailwind CSS 4 theme for san-ui",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -37,7 +37,7 @@
37
37
  "tw-animate-css": "^1.4.0"
38
38
  },
39
39
  "peerDependencies": {
40
- "tailwindcss": "^4.0.0"
40
+ "tailwindcss": "^4.1.0"
41
41
  },
42
42
  "publishConfig": {
43
43
  "access": "public"
package/theme.css CHANGED
@@ -14,13 +14,18 @@
14
14
  }
15
15
 
16
16
  @theme inline {
17
- /* Radius by role: xs for chips, md for fields, lg for small cards,
18
- xl for section cards, 2xl for dialogs. Buttons are pills. */
17
+ /* Radius by role: xs for checkboxes, md for fields, lg for small cards,
18
+ xl for section cards and floating panels, 2xl for dialogs and sheets.
19
+ inset is a row inside a floating panel: xl minus the 1px border and the
20
+ 4px panel padding, so the corners stay concentric. Buttons are pills. */
19
21
  --radius-xs: calc(var(--radius) - 4px);
20
22
  --radius-md: calc(var(--radius) - 2px);
21
23
  --radius-lg: var(--radius);
22
24
  --radius-xl: calc(var(--radius) + 4px);
23
25
  --radius-2xl: calc(var(--radius) + 8px);
26
+ --radius-inset: calc(var(--radius-xl) - 5px);
27
+
28
+ --spacing-touch: 2.75rem;
24
29
 
25
30
  /* Ink-tinted shadows, only for things that float: menus, dialogs, toasts */
26
31
  --shadow-xs: 0 1px 2px hsl(var(--shadow-color) / 0.06);