@uncinq/component-tokens 1.6.3 → 1.7.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 (9) hide show
  1. package/dist/css/components/button.css +1 -1
  2. package/dist/css/components/dropdown.css +2 -2
  3. package/dist/css/components/modal.css +1 -0
  4. package/dist/css/components/surtitle.css +3 -7
  5. package/package.json +1 -1
  6. package/tokens/components/button.json +1 -1
  7. package/tokens/components/dropdown.json +2 -2
  8. package/tokens/components/modal.json +11 -6
  9. package/tokens/components/surtitle.json +9 -25
package/dist/css/components/button.css CHANGED
@@ -22,7 +22,7 @@
22
22
  --btn-control-color-border-hover: transparent;
23
23
  --btn-control-color-text: var(--color-text);
24
24
  --btn-control-color-text-hover: var(--color-text);
25
- --btn-font-size: var(--font-size-sm);
25
+ --btn-font-size: var(--font-size-fluid-sm);
26
26
  --btn-font-weight: var(--font-weight-control);
27
27
  --btn-gap: var(--spacing-xs);
28
28
  --btn-line-height: var(--line-height-snug);
package/dist/css/components/dropdown.css CHANGED
@@ -17,8 +17,8 @@
17
17
  --dropdown-item-color-background: var(--color-background);
18
18
  --dropdown-item-color-background-hover: var(--color-background-muted);
19
19
  --dropdown-item-font-size: var(--font-size-xs);
20
- --dropdown-item-padding-inline: var(--spacing-2xs);
21
- --dropdown-item-padding-block: var(--spacing-2xs);
20
+ --dropdown-item-padding-inline: var(--spacing-xs);
21
+ --dropdown-item-padding-block: var(--spacing-xs);
22
22
  --dropdown-min-width: 12rem;
23
23
  --dropdown-padding: var(--size-4);
24
24
  --dropdown-shadow: var(--shadow-sm);
package/dist/css/components/modal.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --modal-margin: var(--spacing-sm);
16
16
  --modal-max-height: 100dvh;
17
17
  --modal-max-width: 30rem;
18
+ --modal-min-height: 0;
18
19
  --modal-padding-block: var(--spacing-surface);
19
20
  --modal-padding-inline: var(--spacing-surface);
20
21
  --modal-radius: var(--radius-surface);
package/dist/css/components/surtitle.css CHANGED
@@ -5,17 +5,13 @@
5
5
  /* components/surtitle.css */
6
6
  @layer tokens {
7
7
  :root {
8
- --surtitle-border-radius: 0;
9
- --surtitle-border-width: 0;
10
- --surtitle-color: var(--color-text-muted);
11
- --surtitle-color-background: transparent;
12
- --surtitle-color-border: transparent;
8
+ --surtitle-color-text: var(--color-text-muted);
13
9
  --surtitle-font-size: var(--font-size-xs);
14
10
  --surtitle-font-weight: var(--font-weight-bold);
15
11
  --surtitle-letter-spacing: var(--letter-spacing-md);
16
12
  --surtitle-line-height: var(--line-height-normal);
17
- --surtitle-margin-block: 0 var(--spacing-2xs);
18
- --surtitle-padding: 0;
13
+ --surtitle-margin-block-end: var(--spacing-2xs);
14
+ --surtitle-margin-block-start: 0;
19
15
  --surtitle-text-transform: uppercase;
20
16
  }
21
17
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uncinq/component-tokens",
3
- "version": "1.6.3",
3
+ "version": "1.7.0",
4
4
  "description": "Framework-agnostic CSS design tokens — component layers.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/tokens/components/button.json CHANGED
@@ -91,7 +91,7 @@
91
91
  }
92
92
  },
93
93
  "fontSize": {
94
- "$value": "{fontSize.sm}",
94
+ "$value": "{fontSize.fluid.sm}",
95
95
  "$type": "dimension"
96
96
  },
97
97
  "fontWeight": {
package/tokens/components/dropdown.json CHANGED
@@ -63,11 +63,11 @@
63
63
  },
64
64
  "padding": {
65
65
  "inline": {
66
- "$value": "{spacing.2xs}",
66
+ "$value": "{spacing.xs}",
67
67
  "$type": "dimension"
68
68
  },
69
69
  "block": {
70
- "$value": "{spacing.2xs}",
70
+ "$value": "{spacing.xs}",
71
71
  "$type": "dimension"
72
72
  }
73
73
  }
package/tokens/components/modal.json CHANGED
@@ -11,13 +11,13 @@
11
11
  }
12
12
  },
13
13
  "border": {
14
- "style": {
15
- "$value": "{border.style.normal}",
16
- "$type": "strokeStyle"
14
+ "style": {
15
+ "$value": "{border.style.normal}",
16
+ "$type": "strokeStyle"
17
17
  },
18
- "width": {
19
- "$value": "{border.width.sm}",
20
- "$type": "dimension"
18
+ "width": {
19
+ "$value": "{border.width.sm}",
20
+ "$type": "dimension"
21
21
  }
22
22
  },
23
23
  "color": {
@@ -46,6 +46,11 @@
46
46
  "$value": "30rem",
47
47
  "$type": "dimension"
48
48
  },
49
+ "minHeight": {
50
+ "$value": "0",
51
+ "$type": "dimension",
52
+ "$description": "Floor for the panel height; it otherwise shrinks to its content."
53
+ },
49
54
  "padding": {
50
55
  "block": {
51
56
  "$value": "{spacing.surface}",
package/tokens/components/surtitle.json CHANGED
@@ -1,27 +1,9 @@
1
1
  {
2
2
  "surtitle": {
3
- "border": {
4
- "radius": {
5
- "$value": "0",
6
- "$type": "dimension"
7
- },
8
- "width": {
9
- "$value": "0",
10
- "$type": "dimension"
11
- }
12
- },
13
3
  "color": {
14
- "default": {
4
+ "text": {
15
5
  "$value": "{color.text.muted}",
16
6
  "$type": "color"
17
- },
18
- "background": {
19
- "$value": "transparent",
20
- "$type": "color"
21
- },
22
- "border": {
23
- "$value": "transparent",
24
- "$type": "color"
25
7
  }
26
8
  },
27
9
  "fontSize": {
@@ -42,14 +24,16 @@
42
24
  },
43
25
  "margin": {
44
26
  "block": {
45
- "$value": "0 {spacing.2xs}",
46
- "$type": "string"
27
+ "end": {
28
+ "$value": "{spacing.2xs}",
29
+ "$type": "dimension"
30
+ },
31
+ "start": {
32
+ "$value": "0",
33
+ "$type": "dimension"
34
+ }
47
35
  }
48
36
  },
49
- "padding": {
50
- "$value": "0",
51
- "$type": "dimension"
52
- },
53
37
  "textTransform": {
54
38
  "$value": "uppercase",
55
39
  "$type": "string"