@norges-domstoler/dds-components 13.3.0 → 13.5.0

package/dist/cjs/components/Button/Button.tokens.d.ts

@@ -1,332 +1,332 @@
-import { ButtonSize } from '.';
-import { StaticTypographyType } from '../Typography';
-export declare const typographyTypes: {
-    [k in ButtonSize]: StaticTypographyType;
-};
-export declare const buttonTokens: {
-    button: {
-        base: {
-            border: string;
-        };
-        sizes: {
-            large: {
-                justIcon: {
-                    icon: {
-                        fontSize: string;
-                        padding: string;
-                    };
-                    wrapper: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                text: {
-                    padding: string;
-                };
-                textAndIcon: {
-                    gap: string;
-                };
-            };
-            medium: {
-                justIcon: {
-                    icon: {
-                        fontSize: string;
-                        padding: string;
-                    };
-                    wrapper: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                text: {
-                    padding: string;
-                };
-                textAndIcon: {
-                    gap: string;
-                };
-            };
-            small: {
-                justIcon: {
-                    icon: {
-                        fontSize: string;
-                        padding: string;
-                    };
-                    wrapper: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                text: {
-                    padding: string;
-                };
-                textAndIcon: {
-                    gap: string;
-                };
-            };
-            tiny: {
-                justIcon: {
-                    icon: {
-                        fontSize: string;
-                        padding: string;
-                    };
-                    wrapper: {
-                        height: string;
-                        width: string;
-                    };
-                };
-                text: {
-                    padding: string;
-                };
-                textAndIcon: {
-                    gap: string;
-                };
-            };
-        };
-        appearances: {
-            filled: {
-                base: {
-                    borderRadius: string;
-                    boxShadow: string;
-                };
-                purpose: {
-                    primary: {
-                        base: {
-                            color: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        active: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                    };
-                    secondary: {
-                        base: {
-                            color: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        active: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                    };
-                    danger: {
-                        base: {
-                            color: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        active: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                    };
-                };
-            };
-            ghost: {
-                base: {
-                    borderRadius: string;
-                    boxShadow: string;
-                    backgroundColor: string;
-                };
-                purpose: {
-                    primary: {
-                        base: {
-                            color: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            color: string;
-                            borderColor: string;
-                            boxShadow: string;
-                        };
-                        active: {
-                            color: string;
-                            borderColor: string;
-                            boxShadow: string;
-                        };
-                    };
-                    secondary: {
-                        base: {
-                            color: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            color: string;
-                            borderColor: string;
-                            boxShadow: string;
-                        };
-                        active: {
-                            color: string;
-                            borderColor: string;
-                            boxShadow: string;
-                        };
-                    };
-                    danger: {
-                        base: {
-                            color: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            color: string;
-                            borderColor: string;
-                            boxShadow: string;
-                        };
-                        active: {
-                            color: string;
-                            borderColor: string;
-                            boxShadow: string;
-                        };
-                    };
-                };
-            };
-            borderless: {
-                base: {
-                    borderRadius: string;
-                    boxShadow: string;
-                    backgroundColor: string;
-                    borderColor: string;
-                    textDecoration: string;
-                    textDecorationColor: string;
-                };
-                purpose: {
-                    primary: {
-                        base: {
-                            color: string;
-                        };
-                        hover: {
-                            color: string;
-                            textDecorationColor: string;
-                        };
-                        active: {
-                            color: string;
-                            textDecorationColor: string;
-                        };
-                        icon: {
-                            hover: {
-                                borderColor: string;
-                                boxShadow: string;
-                            };
-                            active: {
-                                borderColor: string;
-                                boxShadow: string;
-                            };
-                        };
-                    };
-                    secondary: {
-                        base: {
-                            color: string;
-                        };
-                        hover: {
-                            color: string;
-                            textDecorationColor: string;
-                        };
-                        active: {
-                            color: string;
-                            textDecorationColor: string;
-                        };
-                        icon: {
-                            hover: {
-                                borderColor: string;
-                                boxShadow: string;
-                            };
-                            active: {
-                                borderColor: string;
-                                boxShadow: string;
-                            };
-                        };
-                    };
-                    danger: {
-                        base: {
-                            color: string;
-                        };
-                        hover: {
-                            color: string;
-                            textDecorationColor: string;
-                        };
-                        active: {
-                            color: string;
-                            textDecorationColor: string;
-                        };
-                        icon: {
-                            hover: {
-                                borderColor: string;
-                                boxShadow: string;
-                            };
-                            active: {
-                                borderColor: string;
-                                boxShadow: string;
-                            };
-                        };
-                    };
-                };
-            };
-            rounded: {
-                base: {
-                    borderRadius: string;
-                    boxShadow: string;
-                };
-                purpose: {
-                    primary: {
-                        base: {
-                            color: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        active: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                    };
-                    secondary: {
-                        base: {
-                            color: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        active: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                    };
-                    danger: {
-                        base: {
-                            color: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        hover: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                        active: {
-                            backgroundColor: string;
-                            borderColor: string;
-                        };
-                    };
-                };
-            };
-        };
-    };
-};
+import { ButtonSize } from '.';
+import { StaticTypographyType } from '../Typography';
+export declare const typographyTypes: {
+    [k in ButtonSize]: StaticTypographyType;
+};
+export declare const buttonTokens: {
+    button: {
+        base: {
+            border: string;
+        };
+        sizes: {
+            large: {
+                justIcon: {
+                    icon: {
+                        fontSize: string;
+                        padding: string;
+                    };
+                    wrapper: {
+                        height: string;
+                        width: string;
+                    };
+                };
+                text: {
+                    padding: string;
+                };
+                textAndIcon: {
+                    gap: string;
+                };
+            };
+            medium: {
+                justIcon: {
+                    icon: {
+                        fontSize: string;
+                        padding: string;
+                    };
+                    wrapper: {
+                        height: string;
+                        width: string;
+                    };
+                };
+                text: {
+                    padding: string;
+                };
+                textAndIcon: {
+                    gap: string;
+                };
+            };
+            small: {
+                justIcon: {
+                    icon: {
+                        fontSize: string;
+                        padding: string;
+                    };
+                    wrapper: {
+                        height: string;
+                        width: string;
+                    };
+                };
+                text: {
+                    padding: string;
+                };
+                textAndIcon: {
+                    gap: string;
+                };
+            };
+            tiny: {
+                justIcon: {
+                    icon: {
+                        fontSize: string;
+                        padding: string;
+                    };
+                    wrapper: {
+                        height: string;
+                        width: string;
+                    };
+                };
+                text: {
+                    padding: string;
+                };
+                textAndIcon: {
+                    gap: string;
+                };
+            };
+        };
+        appearances: {
+            filled: {
+                base: {
+                    borderRadius: string;
+                    boxShadow: string;
+                };
+                purpose: {
+                    primary: {
+                        base: {
+                            color: string;
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        active: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                    };
+                    secondary: {
+                        base: {
+                            color: string;
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        active: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                    };
+                    danger: {
+                        base: {
+                            color: string;
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        active: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                    };
+                };
+            };
+            ghost: {
+                base: {
+                    borderRadius: string;
+                    boxShadow: string;
+                    backgroundColor: string;
+                };
+                purpose: {
+                    primary: {
+                        base: {
+                            color: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            color: string;
+                            borderColor: string;
+                            boxShadow: string;
+                        };
+                        active: {
+                            color: string;
+                            borderColor: string;
+                            boxShadow: string;
+                        };
+                    };
+                    secondary: {
+                        base: {
+                            color: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            color: string;
+                            borderColor: string;
+                            boxShadow: string;
+                        };
+                        active: {
+                            color: string;
+                            borderColor: string;
+                            boxShadow: string;
+                        };
+                    };
+                    danger: {
+                        base: {
+                            color: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            color: string;
+                            borderColor: string;
+                            boxShadow: string;
+                        };
+                        active: {
+                            color: string;
+                            borderColor: string;
+                            boxShadow: string;
+                        };
+                    };
+                };
+            };
+            borderless: {
+                base: {
+                    borderRadius: string;
+                    boxShadow: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    textDecoration: string;
+                    textDecorationColor: string;
+                };
+                purpose: {
+                    primary: {
+                        base: {
+                            color: string;
+                        };
+                        hover: {
+                            color: string;
+                            textDecorationColor: string;
+                        };
+                        active: {
+                            color: string;
+                            textDecorationColor: string;
+                        };
+                        icon: {
+                            hover: {
+                                borderColor: string;
+                                boxShadow: string;
+                            };
+                            active: {
+                                borderColor: string;
+                                boxShadow: string;
+                            };
+                        };
+                    };
+                    secondary: {
+                        base: {
+                            color: string;
+                        };
+                        hover: {
+                            color: string;
+                            textDecorationColor: string;
+                        };
+                        active: {
+                            color: string;
+                            textDecorationColor: string;
+                        };
+                        icon: {
+                            hover: {
+                                borderColor: string;
+                                boxShadow: string;
+                            };
+                            active: {
+                                borderColor: string;
+                                boxShadow: string;
+                            };
+                        };
+                    };
+                    danger: {
+                        base: {
+                            color: string;
+                        };
+                        hover: {
+                            color: string;
+                            textDecorationColor: string;
+                        };
+                        active: {
+                            color: string;
+                            textDecorationColor: string;
+                        };
+                        icon: {
+                            hover: {
+                                borderColor: string;
+                                boxShadow: string;
+                            };
+                            active: {
+                                borderColor: string;
+                                boxShadow: string;
+                            };
+                        };
+                    };
+                };
+            };
+            rounded: {
+                base: {
+                    borderRadius: string;
+                    boxShadow: string;
+                };
+                purpose: {
+                    primary: {
+                        base: {
+                            color: string;
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        active: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                    };
+                    secondary: {
+                        base: {
+                            color: string;
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        active: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                    };
+                    danger: {
+                        base: {
+                            color: string;
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        hover: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                        active: {
+                            backgroundColor: string;
+                            borderColor: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};