@uncinq/component-tokens 1.1.11 → 1.1.13

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 -0
  2. package/dist/css/components/card.css +2 -1
  3. package/dist/css/components/heading.css +1 -0
  4. package/dist/css/components/item.css +3 -1
  5. package/package.json +1 -1
  6. package/tokens/components/button.json +5 -1
  7. package/tokens/components/card.json +12 -8
  8. package/tokens/components/heading.json +6 -0
  9. package/tokens/components/item.json +13 -5
package/dist/css/components/button.css CHANGED
@@ -25,6 +25,7 @@
25
25
  --btn-font-size: var(--font-size-sm);
26
26
  --btn-font-weight: var(--font-weight-control);
27
27
  --btn-gap: var(--spacing-xs);
28
+ --btn-line-height: var(--line-height-snug);
28
29
  --btn-padding-inline: var(--spacing-control);
29
30
  --btn-padding-block: var(--spacing-control);
30
31
  --btn-shadow: var(--shadow-control);
package/dist/css/components/card.css CHANGED
@@ -11,7 +11,6 @@
11
11
  --card-color-background: var(--item-color-background);
12
12
  --card-color-border: var(--item-color-border);
13
13
  --card-color-text: var(--item-color-text);
14
- --card-color-text-muted: var(--item-color-text-muted);
15
14
  --card-gap: var(--item-gap);
16
15
  --card-media-border-radius: var(--item-media-border-radius);
17
16
  --card-media-border-style: var(--item-media-border-style);
@@ -35,7 +34,9 @@
35
34
  --card-padding-block: var(--item-padding-block);
36
35
  --card-shadow: var(--item-shadow);
37
36
  --card-shadow-hover: var(--item-shadow-hover);
37
+ --card-surtitle-margin-block-end: calc(var(--card-gap) * -1);
38
38
  --card-title-color: var(--item-title-color);
39
+ --card-title-font-family: var(--item-title-font-family);
39
40
  --card-title-font-size: var(--item-title-font-size);
40
41
  --card-title-font-weight: var(--item-title-font-weight);
41
42
  --card-title-line-height: var(--item-title-line-height);
package/dist/css/components/heading.css CHANGED
@@ -7,5 +7,6 @@
7
7
  :root {
8
8
  --heading-gap: var(--spacing-xs);
9
9
  --heading-margin-block-end: var(--spacing-fluid-md);
10
+ --heading-surtitle-margin-block-end: calc(var(--heading-gap) * -1);
10
11
  }
11
12
  }
package/dist/css/components/item.css CHANGED
@@ -53,8 +53,10 @@
53
53
  --item-padding-block-end: var(--spacing-card);
54
54
  --item-shadow: var(--shadow-sm);
55
55
  --item-shadow-hover: var(--shadow-md);
56
+ --item-surtitle-margin-block-end: calc(var(--item-gap) * -1);
56
57
  --item-title-color: var(--color-text);
57
- --item-title-font-size: var(--font-size-md);
58
+ --item-title-font-family: var(--font-family-heading);
59
+ --item-title-font-size: var(--font-size-fluid-md);
58
60
  --item-title-font-weight: var(--font-weight-heading);
59
61
  --item-title-line-height: var(--line-height-heading);
60
62
  --item-transition: var(--transition-box-shadow);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uncinq/component-tokens",
3
- "version": "1.1.11",
3
+ "version": "1.1.13",
4
4
  "description": "Framework-agnostic CSS design tokens — component layers.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/tokens/components/button.json CHANGED
@@ -52,7 +52,7 @@
52
52
  },
53
53
  "hover": {
54
54
  "$value": "transparent",
55
- "$type": "color"
55
+ "$type": "color"
56
56
  }
57
57
  }
58
58
  },
@@ -102,6 +102,10 @@
102
102
  "$value": "{spacing.xs}",
103
103
  "$type": "dimension"
104
104
  },
105
+ "lineHeight": {
106
+ "$value": "{lineHeight.snug}",
107
+ "$type": "dimension"
108
+ },
105
109
  "padding": {
106
110
  "inline": {
107
111
  "$value": "{spacing.control}",
package/tokens/components/card.json CHANGED
@@ -24,14 +24,8 @@
24
24
  "$type": "color"
25
25
  },
26
26
  "text": {
27
- "default": {
28
- "$value": "{item.color.text.default}",
29
- "$type": "color"
30
- },
31
- "muted": {
32
- "$value": "{item.color.text.muted}",
33
- "$type": "color"
34
- }
27
+ "$value": "{item.color.text}",
28
+ "$type": "color"
35
29
  }
36
30
  },
37
31
  "gap": {
@@ -144,11 +138,21 @@
144
138
  "$type": "string"
145
139
  }
146
140
  },
141
+ "surtitle": {
142
+ "marginBlockEnd": {
143
+ "$value": "calc(var(--card-gap) * -1)",
144
+ "$type": "dimension"
145
+ }
146
+ },
147
147
  "title": {
148
148
  "color": {
149
149
  "$value": "{item.title.color}",
150
150
  "$type": "color"
151
151
  },
152
+ "fontFamily": {
153
+ "$value": "{item.title.fontFamily}",
154
+ "$type": "fontFamily"
155
+ },
152
156
  "fontSize": {
153
157
  "$value": "{item.title.fontSize}",
154
158
  "$type": "dimension"
package/tokens/components/heading.json CHANGED
@@ -9,6 +9,12 @@
9
9
  "$value": "{spacing.fluid.md}",
10
10
  "$type": "dimension"
11
11
  }
12
+ },
13
+ "surtitle": {
14
+ "marginBlockEnd": {
15
+ "$value": "calc(var(--heading-gap) * -1)",
16
+ "$type": "dimension"
17
+ }
12
18
  }
13
19
  }
14
20
  }
package/tokens/components/item.json CHANGED
@@ -56,10 +56,8 @@
56
56
  "$type": "color"
57
57
  },
58
58
  "text": {
59
- "default": {
60
- "$value": "{color.text.muted}",
61
- "$type": "color"
62
- }
59
+ "$value": "{color.text.muted}",
60
+ "$type": "color"
63
61
  }
64
62
  },
65
63
  "gap": {
@@ -236,13 +234,23 @@
236
234
  "$type": "shadow"
237
235
  }
238
236
  },
237
+ "surtitle": {
238
+ "marginBlockEnd": {
239
+ "$value": "calc(var(--item-gap) * -1)",
240
+ "$type": "dimension"
241
+ }
242
+ },
239
243
  "title": {
240
244
  "color": {
241
245
  "$value": "{color.text.default}",
242
246
  "$type": "color"
243
247
  },
248
+ "fontFamily": {
249
+ "$value": "{fontFamily.heading}",
250
+ "$type": "fontFamily"
251
+ },
244
252
  "fontSize": {
245
- "$value": "{fontSize.md}",
253
+ "$value": "{fontSize.fluid.md}",
246
254
  "$type": "dimension"
247
255
  },
248
256
  "fontWeight": {