@thatch-health/slab-tokens 0.0.2 → 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 +1 -1
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