@putdotio/design 1.2.0 → 1.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.
- package/dist/css/tokens.css +11 -1
- package/dist/figma/putio.tokens.json +1 -1
- package/dist/tokens.dtcg.json +1 -1
- package/dist/tokens.flat.json +2 -2
- package/dist/tokens.js +2 -2
- package/package.json +1 -1
- package/tokens/foundation.css +10 -0
- package/tokens/semantic.tokens.json +1 -1
package/dist/css/tokens.css
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
--yellow-border: hsl(45, 67%, 67%);
|
|
95
95
|
--yellow-border-hover: hsl(44, 58%, 56%);
|
|
96
96
|
--yellow-solid-hover: hsl(45, 89%, 58%);
|
|
97
|
-
--yellow-text-secondary: hsl(46, 100%,
|
|
97
|
+
--yellow-text-secondary: hsl(46, 100%, 27%);
|
|
98
98
|
--yellow-text: hsl(43, 32%, 21%);
|
|
99
99
|
--lime-3: hsl(85, 76.0%, 92.3%);
|
|
100
100
|
--html-bg: hsl(0, 0%, 97.3%);
|
|
@@ -427,6 +427,16 @@ a {
|
|
|
427
427
|
}
|
|
428
428
|
a:hover { text-decoration-color: currentColor; }
|
|
429
429
|
|
|
430
|
+
/* -- Component-role aliases --------------------------------------- */
|
|
431
|
+
/* Button default + info variants — live aliases; the DTCG layer doesn't define these two. */
|
|
432
|
+
:root {
|
|
433
|
+
--button-default-bg: var(--component-bg);
|
|
434
|
+
--button-default-bg-hover: var(--component-bg-hover);
|
|
435
|
+
--button-default-fg: var(--text);
|
|
436
|
+
--button-info-bg: var(--solid);
|
|
437
|
+
--button-info-fg: var(--solid-foreground);
|
|
438
|
+
}
|
|
439
|
+
|
|
430
440
|
/* -- Utility classes ---------------------------------------------- */
|
|
431
441
|
.fg-1 { color: var(--text); }
|
|
432
442
|
.fg-2 { color: var(--text-secondary); }
|
package/dist/tokens.dtcg.json
CHANGED
package/dist/tokens.flat.json
CHANGED
|
@@ -1439,8 +1439,8 @@
|
|
|
1439
1439
|
"cssName": "--yellow-text-secondary",
|
|
1440
1440
|
"type": "color",
|
|
1441
1441
|
"mode": "light",
|
|
1442
|
-
"value": "hsl(46, 100%,
|
|
1443
|
-
"originalValue": "hsl(46, 100%,
|
|
1442
|
+
"value": "hsl(46, 100%, 27%)",
|
|
1443
|
+
"originalValue": "hsl(46, 100%, 27%)"
|
|
1444
1444
|
},
|
|
1445
1445
|
"color.yellow.light.text": {
|
|
1446
1446
|
"cssName": "--yellow-text",
|
package/dist/tokens.js
CHANGED
|
@@ -1441,8 +1441,8 @@ export const tokens = {
|
|
|
1441
1441
|
"cssName": "--yellow-text-secondary",
|
|
1442
1442
|
"type": "color",
|
|
1443
1443
|
"mode": "light",
|
|
1444
|
-
"value": "hsl(46, 100%,
|
|
1445
|
-
"originalValue": "hsl(46, 100%,
|
|
1444
|
+
"value": "hsl(46, 100%, 27%)",
|
|
1445
|
+
"originalValue": "hsl(46, 100%, 27%)"
|
|
1446
1446
|
},
|
|
1447
1447
|
"color.yellow.light.text": {
|
|
1448
1448
|
"cssName": "--yellow-text",
|
package/package.json
CHANGED
package/tokens/foundation.css
CHANGED
|
@@ -120,6 +120,16 @@ a {
|
|
|
120
120
|
}
|
|
121
121
|
a:hover { text-decoration-color: currentColor; }
|
|
122
122
|
|
|
123
|
+
/* -- Component-role aliases --------------------------------------- */
|
|
124
|
+
/* Button default + info variants — live aliases; the DTCG layer doesn't define these two. */
|
|
125
|
+
:root {
|
|
126
|
+
--button-default-bg: var(--component-bg);
|
|
127
|
+
--button-default-bg-hover: var(--component-bg-hover);
|
|
128
|
+
--button-default-fg: var(--text);
|
|
129
|
+
--button-info-bg: var(--solid);
|
|
130
|
+
--button-info-fg: var(--solid-foreground);
|
|
131
|
+
}
|
|
132
|
+
|
|
123
133
|
/* -- Utility classes ---------------------------------------------- */
|
|
124
134
|
.fg-1 { color: var(--text); }
|
|
125
135
|
.fg-2 { color: var(--text-secondary); }
|