@ndla/preset-panda 0.0.1

package/lib/semanticTokens.d.ts

@@ -0,0 +1,411 @@
+/**
+ * Copyright (c) 2024-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const semanticTokens: {
+    spacing: {
+        "4xsmall": {
+            value: string;
+        };
+        "3xsmall": {
+            value: string;
+        };
+        xxsmall: {
+            value: string;
+        };
+        xsmall: {
+            value: string;
+        };
+        small: {
+            value: string;
+        };
+        medium: {
+            value: string;
+        };
+        large: {
+            value: string;
+        };
+        xlarge: {
+            value: string;
+        };
+        xxlarge: {
+            value: string;
+        };
+        "3xlarge": {
+            value: string;
+        };
+        "4xlarge": {
+            value: string;
+        };
+        surface: {
+            "4xsmall": {
+                value: string;
+            };
+            "3xsmall": {
+                value: string;
+            };
+            xxsmall: {
+                value: string;
+            };
+            xsmall: {
+                value: string;
+            };
+            small: {
+                value: string;
+            };
+            medium: {
+                value: string;
+            };
+            large: {
+                value: string;
+            };
+            xlarge: {
+                value: string;
+            };
+            xxlarge: {
+                value: string;
+            };
+            "3xlarge": {
+                value: string;
+            };
+            "4xlarge": {
+                value: string;
+            };
+        };
+    };
+    sizes: {
+        "4xsmall": {
+            value: string;
+        };
+        "3xsmall": {
+            value: string;
+        };
+        xxsmall: {
+            value: string;
+        };
+        xsmall: {
+            value: string;
+        };
+        small: {
+            value: string;
+        };
+        medium: {
+            value: string;
+        };
+        large: {
+            value: string;
+        };
+        xlarge: {
+            value: string;
+        };
+        xxlarge: {
+            value: string;
+        };
+        "3xlarge": {
+            value: string;
+        };
+        "4xlarge": {
+            value: string;
+        };
+        surface: {
+            "4xsmall": {
+                value: string;
+            };
+            "3xsmall": {
+                value: string;
+            };
+            xxsmall: {
+                value: string;
+            };
+            xsmall: {
+                value: string;
+            };
+            small: {
+                value: string;
+            };
+            medium: {
+                value: string;
+            };
+            large: {
+                value: string;
+            };
+            xlarge: {
+                value: string;
+            };
+            xxlarge: {
+                value: string;
+            };
+            "3xlarge": {
+                value: string;
+            };
+            "4xlarge": {
+                value: string;
+            };
+        };
+    };
+    colors: {
+        background: {
+            default: {
+                value: string;
+            };
+            subtle: {
+                value: string;
+            };
+            strong: {
+                value: string;
+            };
+        };
+        text: {
+            default: {
+                value: string;
+            };
+            subtle: {
+                value: string;
+            };
+            strong: {
+                value: string;
+            };
+            action: {
+                value: string;
+            };
+            onAction: {
+                value: string;
+            };
+            link: {
+                value: string;
+            };
+            error: {
+                value: string;
+            };
+            disabled: {
+                value: string;
+            };
+        };
+        icon: {
+            default: {
+                value: string;
+            };
+            strong: {
+                value: string;
+            };
+            onAction: {
+                value: string;
+            };
+        };
+        surface: {
+            brand: {
+                1: {
+                    DEFAULT: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    strong: {
+                        value: string;
+                    };
+                };
+                2: {
+                    DEFAULT: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    strong: {
+                        value: string;
+                    };
+                };
+                3: {
+                    DEFAULT: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    strong: {
+                        value: string;
+                    };
+                };
+                4: {
+                    DEFAULT: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    strong: {
+                        value: string;
+                    };
+                };
+                5: {
+                    DEFAULT: {
+                        value: string;
+                    };
+                    subtle: {
+                        value: string;
+                    };
+                    strong: {
+                        value: string;
+                    };
+                };
+            };
+            default: {
+                value: string;
+            };
+            hover: {
+                value: string;
+            };
+            active: {
+                value: string;
+            };
+            selected: {
+                value: string;
+            };
+            disabled: {
+                DEFAULT: {
+                    value: string;
+                };
+                subtle: {
+                    value: string;
+                };
+                strong: {
+                    value: string;
+                };
+            };
+            infoSubtle: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            action: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            actionSubtle: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    DEFAULT: {
+                        value: string;
+                    };
+                    strong: {
+                        value: string;
+                    };
+                };
+                active: {
+                    value: string;
+                };
+            };
+            success: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            successSubtle: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            warning: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            warningSubtle: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            error: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+            errorSubtle: {
+                DEFAULT: {
+                    value: string;
+                };
+                hover: {
+                    value: string;
+                };
+                active: {
+                    value: string;
+                };
+            };
+        };
+        stroke: {
+            default: {
+                value: string;
+            };
+            hover: {
+                value: string;
+            };
+            subtle: {
+                value: string;
+            };
+            success: {
+                value: string;
+            };
+            info: {
+                value: string;
+            };
+            warning: {
+                value: string;
+            };
+            error: {
+                value: string;
+            };
+            disabled: {
+                value: string;
+            };
+        };
+    };
+};