@thatch-health/slab-tokens 0.0.1 → 0.0.3
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/tailwind-plugin.cjs +24 -0
- package/package.json +15 -17
package/dist/tailwind-plugin.cjs
CHANGED
|
@@ -21,14 +21,25 @@ module.exports = plugin(function ({ addUtilities, addComponents }) {
|
|
|
21
21
|
".bg-surface-primary": { "background": "var(--slab-surface-primary-bg)" },
|
|
22
22
|
".bg-surface-secondary": { "background": "var(--slab-surface-secondary-bg)" },
|
|
23
23
|
".bg-surface-tertiary": { "background": "var(--slab-surface-tertiary-bg)" },
|
|
24
|
+
".border-action-disabled-primary": { "borderColor": "var(--slab-action-disabled-primary-border)" },
|
|
25
|
+
".border-action-disabled-secondary": { "borderColor": "var(--slab-action-disabled-secondary-border)" },
|
|
26
|
+
".border-action-hover-primary": { "borderColor": "var(--slab-action-hover-primary-border)" },
|
|
27
|
+
".border-action-hover-secondary": { "borderColor": "var(--slab-action-hover-secondary-border)" },
|
|
28
|
+
".border-action-primary": { "borderColor": "var(--slab-action-primary-border)" },
|
|
29
|
+
".border-action-secondary": { "borderColor": "var(--slab-action-secondary-border)" },
|
|
24
30
|
".border-b-stroke": { "border-bottom-width": "var(--slab-stroke-border)" },
|
|
25
31
|
".border-b-stroke-focus": { "border-bottom-width": "var(--slab-stroke-focus)" },
|
|
32
|
+
".border-form-active-primary": { "borderColor": "var(--slab-form-active-primary-border)" },
|
|
33
|
+
".border-form-disabled-primary": { "borderColor": "var(--slab-form-disabled-primary-border)" },
|
|
34
|
+
".border-form-primary": { "borderColor": "var(--slab-form-primary-border)" },
|
|
26
35
|
".border-l-stroke": { "border-left-width": "var(--slab-stroke-border)" },
|
|
27
36
|
".border-l-stroke-focus": { "border-left-width": "var(--slab-stroke-focus)" },
|
|
28
37
|
".border-r-stroke": { "border-right-width": "var(--slab-stroke-border)" },
|
|
29
38
|
".border-r-stroke-focus": { "border-right-width": "var(--slab-stroke-focus)" },
|
|
30
39
|
".border-stroke": { "borderWidth": "var(--slab-stroke-border)" },
|
|
31
40
|
".border-stroke-focus": { "borderWidth": "var(--slab-stroke-focus)" },
|
|
41
|
+
".border-surface-primary": { "borderColor": "var(--slab-surface-primary-border)" },
|
|
42
|
+
".border-surface-secondary": { "borderColor": "var(--slab-surface-secondary-border)" },
|
|
32
43
|
".border-t-stroke": { "border-top-width": "var(--slab-stroke-border)" },
|
|
33
44
|
".border-t-stroke-focus": { "border-top-width": "var(--slab-stroke-focus)" },
|
|
34
45
|
".border-x-stroke": { "border-right-width": "var(--slab-stroke-border)", "border-left-width": "var(--slab-stroke-border)" },
|
|
@@ -69,6 +80,12 @@ module.exports = plugin(function ({ addUtilities, addComponents }) {
|
|
|
69
80
|
".font-weight-header-xl": { "font-weight": "var(--slab-header-xl-weight)" },
|
|
70
81
|
".font-weight-mono-lg": { "font-weight": "var(--slab-mono-lg-weight)" },
|
|
71
82
|
".font-weight-mono-md": { "font-weight": "var(--slab-mono-md-weight)" },
|
|
83
|
+
".from-action-disabled-primary": { "--tw-gradient-from": "var(--slab-action-disabled-primary-bg-start) var(--tw-gradient-from-position)", "--tw-gradient-to": "transparent var(--tw-gradient-to-position)", "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)" },
|
|
84
|
+
".from-action-disabled-secondary": { "--tw-gradient-from": "var(--slab-action-disabled-secondary-bg-start) var(--tw-gradient-from-position)", "--tw-gradient-to": "transparent var(--tw-gradient-to-position)", "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)" },
|
|
85
|
+
".from-action-hover-primary": { "--tw-gradient-from": "var(--slab-action-hover-primary-bg-start) var(--tw-gradient-from-position)", "--tw-gradient-to": "transparent var(--tw-gradient-to-position)", "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)" },
|
|
86
|
+
".from-action-hover-secondary": { "--tw-gradient-from": "var(--slab-action-hover-secondary-bg-start) var(--tw-gradient-from-position)", "--tw-gradient-to": "transparent var(--tw-gradient-to-position)", "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)" },
|
|
87
|
+
".from-action-primary": { "--tw-gradient-from": "var(--slab-action-primary-bg-start) var(--tw-gradient-from-position)", "--tw-gradient-to": "transparent var(--tw-gradient-to-position)", "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)" },
|
|
88
|
+
".from-action-secondary": { "--tw-gradient-from": "var(--slab-action-secondary-bg-start) var(--tw-gradient-from-position)", "--tw-gradient-to": "transparent var(--tw-gradient-to-position)", "--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)" },
|
|
72
89
|
".gap-inline-lg": { "gap": "var(--slab-gap-inline-lg)" },
|
|
73
90
|
".gap-inline-md": { "gap": "var(--slab-gap-inline-md)" },
|
|
74
91
|
".gap-inline-sm": { "gap": "var(--slab-gap-inline-sm)" },
|
|
@@ -327,6 +344,7 @@ module.exports = plugin(function ({ addUtilities, addComponents }) {
|
|
|
327
344
|
".py-inset-squish-offset-xs": { "padding-bottom": "var(--slab-inset-squish-offset-xs)", "padding-top": "var(--slab-inset-squish-offset-xs)" },
|
|
328
345
|
".py-inset-squish-sm": { "padding-bottom": "var(--slab-inset-squish-sm)", "padding-top": "var(--slab-inset-squish-sm)" },
|
|
329
346
|
".py-inset-squish-xs": { "padding-bottom": "var(--slab-inset-squish-xs)", "padding-top": "var(--slab-inset-squish-xs)" },
|
|
347
|
+
".ring-action-ghost": { "outline-color": "var(--slab-action-ghost-focus-border)" },
|
|
330
348
|
".ring-action-primary": { "outline-color": "var(--slab-action-primary-focus-border)" },
|
|
331
349
|
".ring-action-secondary": { "outline-color": "var(--slab-action-secondary-focus-border)" },
|
|
332
350
|
".ring-action-tertiary": { "outline-color": "var(--slab-action-tertiary-focus-border)" },
|
|
@@ -374,6 +392,12 @@ module.exports = plugin(function ({ addUtilities, addComponents }) {
|
|
|
374
392
|
".text-mono-md": { "font-size": "var(--slab-mono-md-size)" },
|
|
375
393
|
".text-surface-primary": { "color": "var(--slab-surface-primary-text)" },
|
|
376
394
|
".text-surface-secondary": { "color": "var(--slab-surface-secondary-text)" },
|
|
395
|
+
".to-action-disabled-primary": { "--tw-gradient-to": "var(--slab-action-disabled-primary-bg-end) var(--tw-gradient-to-position)" },
|
|
396
|
+
".to-action-disabled-secondary": { "--tw-gradient-to": "var(--slab-action-disabled-secondary-bg-end) var(--tw-gradient-to-position)" },
|
|
397
|
+
".to-action-hover-primary": { "--tw-gradient-to": "var(--slab-action-hover-primary-bg-end) var(--tw-gradient-to-position)" },
|
|
398
|
+
".to-action-hover-secondary": { "--tw-gradient-to": "var(--slab-action-hover-secondary-bg-end) var(--tw-gradient-to-position)" },
|
|
399
|
+
".to-action-primary": { "--tw-gradient-to": "var(--slab-action-primary-bg-end) var(--tw-gradient-to-position)" },
|
|
400
|
+
".to-action-secondary": { "--tw-gradient-to": "var(--slab-action-secondary-bg-end) var(--tw-gradient-to-position)" },
|
|
377
401
|
".tracking-body-lg": { "letter-spacing": "var(--slab-body-lg-default-letter-spacing)" },
|
|
378
402
|
".tracking-body-lg-strong": { "letter-spacing": "var(--slab-body-lg-strong-letter-spacing)" },
|
|
379
403
|
".tracking-body-md": { "letter-spacing": "var(--slab-body-md-default-letter-spacing)" },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thatch-health/slab-tokens",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Generated CSS files and code plugins for the Slab design system at thatch.",
|
|
6
6
|
"homepage": "https://github.com/thatch-health/slab",
|
|
@@ -36,26 +36,24 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"scripts": {
|
|
40
|
-
"dev": "vp pack --watch",
|
|
41
|
-
"test": "vp test",
|
|
42
|
-
"check": "vp check",
|
|
43
|
-
"prepublishOnly": "vp pack"
|
|
44
|
-
},
|
|
45
39
|
"dependencies": {
|
|
46
|
-
"tailwindcss": "
|
|
40
|
+
"tailwindcss": "^3.4.19"
|
|
47
41
|
},
|
|
48
42
|
"devDependencies": {
|
|
49
|
-
"@
|
|
50
|
-
"@terrazzo/
|
|
51
|
-
"@terrazzo/parser": "catalog:",
|
|
43
|
+
"@terrazzo/cli": "^2.0.3",
|
|
44
|
+
"@terrazzo/parser": "^2.0.3",
|
|
52
45
|
"@terrazzo/plugin-css": "^2.0.3",
|
|
53
|
-
"@types/node": "
|
|
46
|
+
"@types/node": "^24",
|
|
54
47
|
"@typescript/native-preview": "7.0.0-dev.20260328.1",
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"scule": "catalog:",
|
|
48
|
+
"jiti": "^2.6.1",
|
|
49
|
+
"scule": "^1.3.0",
|
|
58
50
|
"typescript": "^6.0.2",
|
|
59
|
-
"vite-plus": "^0.1.14"
|
|
51
|
+
"vite-plus": "^0.1.14",
|
|
52
|
+
"@repo/tsconfig": "0.0.0"
|
|
53
|
+
},
|
|
54
|
+
"scripts": {
|
|
55
|
+
"dev": "vp pack --watch",
|
|
56
|
+
"test": "vp test",
|
|
57
|
+
"check": "vp check"
|
|
60
58
|
}
|
|
61
|
-
}
|
|
59
|
+
}
|