@neovici/cosmoz-tokens 4.7.0 → 4.8.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 (3) hide show
  1. package/README.md +6 -5
  2. package/package.json +1 -1
  3. package/src/spacing.css +7 -1
package/README.md CHANGED
@@ -21,7 +21,7 @@ This imports all token files:
21
21
 
22
22
  - Primitives (colors)
23
23
  - Typography (fonts, sizes)
24
- - Spacing (border radius)
24
+ - Spacing (border radius, control heights)
25
25
  - Shadows
26
26
  - Semantic tokens (with dark mode support)
27
27
 
@@ -133,10 +133,11 @@ document.documentElement.dataset.theme = 'dark';
133
133
 
134
134
  ### Spacing
135
135
 
136
- | Token | Description |
137
- | ------------------------- | ----------------------- |
138
- | `--cz-spacing` | Base spacing unit (4px) |
139
- | `--cz-radius-{none-full}` | Border radius scale |
136
+ | Token | Description |
137
+ | ----------------------------- | ------------------------------- |
138
+ | `--cz-spacing` | Base spacing unit (4px) |
139
+ | `--cz-radius-{none-full}` | Border radius scale |
140
+ | `--cz-control-height-{sm-xl}` | Control heights (28/32/36/40px) |
140
141
 
141
142
  ### Shadows
142
143
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-tokens",
3
- "version": "4.7.0",
3
+ "version": "4.8.0",
4
4
  "description": "Design tokens for Cosmoz web components based on Untitled UI",
5
5
  "keywords": [
6
6
  "design-tokens",
package/src/spacing.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Cosmoz Design Tokens - Spacing
3
- * Border radius and spacing scale from Untitled UI
3
+ * Spacing, border radius and control height scales
4
4
  */
5
5
 
6
6
  :root {
@@ -19,4 +19,10 @@
19
19
  --cz-radius-3xl: 1.25rem;
20
20
  --cz-radius-4xl: 1.5rem;
21
21
  --cz-radius-full: 9999px;
22
+
23
+ /* Control heights, shared by buttons, inputs and other form controls */
24
+ --cz-control-height-sm: 1.75rem;
25
+ --cz-control-height-md: 2rem;
26
+ --cz-control-height-lg: 2.25rem;
27
+ --cz-control-height-xl: 2.5rem;
22
28
  }