@phcdevworks/spectre-tokens 2.7.0 → 2.9.0

package/dist/index.d.ts

@@ -62,6 +62,61 @@ interface SpectreGeneratedTokens {
             starEmpty: string;
             text: string;
         };
+        nav: {
+            bg: string;
+            text: string;
+            link: string;
+            linkHover: string;
+            linkActive: string;
+            border: string;
+        };
+        modal: {
+            bg: string;
+            shadow: string;
+            border: string;
+            overlay: string;
+        };
+        toast: {
+            success: {
+                bg: string;
+                text: string;
+                border: string;
+                icon: string;
+            };
+            warning: {
+                bg: string;
+                text: string;
+                border: string;
+                icon: string;
+            };
+            danger: {
+                bg: string;
+                text: string;
+                border: string;
+                icon: string;
+            };
+            info: {
+                bg: string;
+                text: string;
+                border: string;
+                icon: string;
+            };
+        };
+        tooltip: {
+            bg: string;
+            text: string;
+            border: string;
+        };
+        dropdown: {
+            bg: string;
+            border: string;
+            item: {
+                default: string;
+                hover: string;
+                active: string;
+                text: string;
+            };
+        };
     };
     buttons: {
         primary: {
@@ -104,6 +159,7 @@ interface SpectreGeneratedTokens {
             text: string;
             textDisabled: string;
             focusRing: string;
+            focusVisible: string;
         };
         success: {
             bg: string;
@@ -113,6 +169,7 @@ interface SpectreGeneratedTokens {
             text: string;
             textDisabled: string;
             focusRing: string;
+            focusVisible: string;
         };
         cta: {
             bg: string;
@@ -178,6 +235,10 @@ interface SpectreGeneratedTokens {
                 overlay: string;
                 alternate: string;
                 hero: string;
+                hover: string;
+                selected: string;
+                active: string;
+                divider: string;
             };
             text: {
                 onPage: {
@@ -255,6 +316,61 @@ interface SpectreGeneratedTokens {
                     starEmpty: string;
                     text: string;
                 };
+                nav: {
+                    bg: string;
+                    text: string;
+                    link: string;
+                    linkHover: string;
+                    linkActive: string;
+                    border: string;
+                };
+                modal: {
+                    bg: string;
+                    shadow: string;
+                    border: string;
+                    overlay: string;
+                };
+                toast: {
+                    success: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                    warning: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                    danger: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                    info: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                };
+                tooltip: {
+                    bg: string;
+                    text: string;
+                    border: string;
+                };
+                dropdown: {
+                    bg: string;
+                    border: string;
+                    item: {
+                        default: string;
+                        hover: string;
+                        active: string;
+                        text: string;
+                    };
+                };
             };
         };
         dark: {
@@ -265,6 +381,10 @@ interface SpectreGeneratedTokens {
                 overlay: string;
                 alternate: string;
                 hero: string;
+                hover: string;
+                selected: string;
+                active: string;
+                divider: string;
             };
             text: {
                 onPage: {
@@ -345,6 +465,61 @@ interface SpectreGeneratedTokens {
                     starEmpty: string;
                     text: string;
                 };
+                nav: {
+                    bg: string;
+                    text: string;
+                    link: string;
+                    linkHover: string;
+                    linkActive: string;
+                    border: string;
+                };
+                modal: {
+                    bg: string;
+                    shadow: string;
+                    border: string;
+                    overlay: string;
+                };
+                toast: {
+                    success: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                    warning: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                    danger: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                    info: {
+                        bg: string;
+                        text: string;
+                        border: string;
+                        icon: string;
+                    };
+                };
+                tooltip: {
+                    bg: string;
+                    text: string;
+                    border: string;
+                };
+                dropdown: {
+                    bg: string;
+                    border: string;
+                    item: {
+                        default: string;
+                        hover: string;
+                        active: string;
+                        text: string;
+                    };
+                };
             };
         };
     };
@@ -450,17 +625,24 @@ interface SpectreGeneratedTokens {
     };
     space: {
         '0': string;
+        '1': string;
+        '2': string;
         '4': string;
+        '6': string;
         '8': string;
+        '10': string;
         '12': string;
+        '14': string;
         '16': string;
         '20': string;
         '24': string;
+        '28': string;
         '32': string;
         '40': string;
         '48': string;
         '56': string;
         '64': string;
+        '72': string;
         '80': string;
         '96': string;
     };
@@ -471,6 +653,8 @@ interface SpectreGeneratedTokens {
         lg: string;
         xl: string;
         '2xl': string;
+        '3xl': string;
+        '4xl': string;
         pill: string;
     };
     shadows: {
@@ -501,6 +685,7 @@ interface SpectreGeneratedTokens {
     };
     transitions: {
         duration: {
+            reduced: string;
             instant: string;
             fast: string;
             base: string;
@@ -561,6 +746,48 @@ interface SpectreGeneratedTokens {
             easing: string;
             keyframes: string;
         };
+        reducedMotion: {
+            fadeIn: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            fadeOut: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            slideUp: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            slideDown: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            scaleIn: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            bounce: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            shake: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+            pulse: {
+                duration: string;
+                easing: string;
+                keyframes: string;
+            };
+        };
     };
     opacity: {
         disabled: string;
@@ -595,17 +822,22 @@ interface SpectreGeneratedTokens {
             offset: string;
             style: string;
         };
+        reducedMotion: string;
+        forcedColors: string;
         minTouchTarget: string;
         minTextSize: string;
     };
     border: {
         width: {
+            none: string;
             base: string;
             thick: string;
         };
         style: {
             none: string;
             solid: string;
+            dashed: string;
+            dotted: string;
         };
     };
     surface: {
@@ -613,6 +845,16 @@ interface SpectreGeneratedTokens {
         card: string;
         input: string;
         overlay: string;
+        hover: string;
+        selected: string;
+        active: string;
+        divider: string;
+    };
+    link: {
+        default: string;
+        hover: string;
+        active: string;
+        visited: string;
     };
     text: {
         onPage: {
@@ -892,6 +1134,47 @@ interface ComponentRatingTokens<Value = string> {
     starEmpty: Value;
     text: Value;
 }
+interface ComponentNavTokens<Value = string> {
+    bg: Value;
+    text: Value;
+    link: Value;
+    linkHover: Value;
+    linkActive: Value;
+    border: Value;
+}
+interface ComponentModalTokens<Value = string> {
+    bg: Value;
+    shadow: Value;
+    border: Value;
+    overlay: Value;
+}
+interface ComponentToastVariantTokens<Value = string> {
+    bg: Value;
+    text: Value;
+    border: Value;
+    icon: Value;
+}
+interface ComponentToastTokens<Value = string> {
+    success: ComponentToastVariantTokens<Value>;
+    warning: ComponentToastVariantTokens<Value>;
+    danger: ComponentToastVariantTokens<Value>;
+    info: ComponentToastVariantTokens<Value>;
+}
+interface ComponentTooltipTokens<Value = string> {
+    bg: Value;
+    text: Value;
+    border: Value;
+}
+interface ComponentDropdownTokens<Value = string> {
+    bg: Value;
+    border: Value;
+    item: {
+        default: Value;
+        hover: Value;
+        active: Value;
+        text: Value;
+    };
+}
 interface ComponentTokens<Value = string> {
     card: {
         text: Value;
@@ -910,6 +1193,11 @@ interface ComponentTokens<Value = string> {
     testimonial: ComponentTestimonialTokens<Value>;
     pricingCard: ComponentPricingCardTokens<Value>;
     rating: ComponentRatingTokens<Value>;
+    nav: ComponentNavTokens<Value>;
+    modal: ComponentModalTokens<Value>;
+    toast: ComponentToastTokens<Value>;
+    tooltip: ComponentTooltipTokens<Value>;
+    dropdown: ComponentDropdownTokens<Value>;
     [key: string]: unknown;
 }
 type SpectreModeName = 'default' | 'dark';
@@ -922,6 +1210,10 @@ interface SpectreModeTokens {
         overlay: SemanticTokenValue;
         alternate: SemanticTokenValue;
         hero: SemanticTokenValue;
+        hover: SemanticTokenValue;
+        selected: SemanticTokenValue;
+        active: SemanticTokenValue;
+        divider: SemanticTokenValue;
     };
     text: {
         onPage: {