@mmb-digital/design-system-web 0.1.0

package/src/style/styledComponents/mmb_variables-5224.json

@@ -0,0 +1,958 @@
+{
+  "tokens": {
+    "light": {
+      "color": {
+        "fg": {
+          "neutral": {
+            "default": {
+              "value": "#01194c"
+            },
+            "subtle": {
+              "value": "#56647b"
+            },
+            "subtlest": {
+              "value": "#6c7d98"
+            },
+            "white": {
+              "value": "#ffffff"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#8a97ad"
+            }
+          },
+          "inverse": {
+            "default": {
+              "value": "#ffffff"
+            }
+          },
+          "link": {
+            "default": {
+              "value": "#1c65fd"
+            },
+            "hover": {
+              "value": "#024be3"
+            },
+            "pressed": {
+              "value": "#023ab1"
+            }
+          },
+          "success": {
+            "default": {
+              "value": "#1c6c13"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "#85703d"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "#ca2e21"
+            }
+          },
+          "info": {
+            "default": {
+              "value": "#1c65fd"
+            }
+          },
+          "promo": {
+            "default": {
+              "value": "#85703d"
+            }
+          },
+          "brand": {
+            "default": {
+              "value": "#1c65fd"
+            },
+            "bold": {
+              "value": "#024be3"
+            }
+          },
+          "accent": {
+            "default": {
+              "value": "#de31b9"
+            },
+            "bold": {
+              "value": "#bd1e9b"
+            }
+          }
+        },
+        "bg": {
+          "neutral": {
+            "default": {
+              "value": "#e8eaed"
+            },
+            "subtle": {
+              "value": "#f3f4f5"
+            },
+            "subtlest": {
+              "value": "#ffffff"
+            },
+            "white": {
+              "value": "#ffffff"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#f3f4f5"
+            }
+          },
+          "promo": {
+            "default": {
+              "value": "#fbf9f4"
+            },
+            "bold": {
+              "value": "#a58b4b"
+            }
+          },
+          "error": {
+            "bold": {
+              "value": "#dc3628"
+            },
+            "default": {
+              "value": "#fff8f7"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "#fff9db"
+            },
+            "bold": {
+              "value": "#fae9a3"
+            }
+          },
+          "inverse": {
+            "default": {
+              "value": "#171b21"
+            }
+          },
+          "success": {
+            "bold": {
+              "value": "#2e9721"
+            },
+            "default": {
+              "value": "#e9fff4"
+            }
+          },
+          "info": {
+            "bold": {
+              "value": "#1c65fd"
+            },
+            "default": {
+              "value": "#f0f5ff"
+            }
+          },
+          "accent": {
+            "default": {
+              "value": "#fef6fc"
+            }
+          },
+          "brand": {
+            "default": {
+              "value": "#f0f5ff",
+              "hover": {
+                "value": "#d7e4ff"
+              },
+              "pressed": {
+                "value": "#d7e4ff"
+              }
+            },
+            "bold": {
+              "value": "#1c65fd",
+              "hover": {
+                "value": "#024be3"
+              },
+              "pressed": {
+                "value": "#023ab1"
+              }
+            }
+          }
+        },
+        "surface": {
+          "overlay": {
+            "value": "#f0f5ff"
+          },
+          "risen": {
+            "value": "#ffffff"
+          },
+          "default": {
+            "value": "#fafcff"
+          },
+          "sunken": {
+            "value": "#e8eaed"
+          }
+        },
+        "border": {
+          "neutral": {
+            "default": {
+              "value": "#56647b"
+            },
+            "subtle": {
+              "value": "#a8b2c2"
+            },
+            "subtlest": {
+              "value": "#e8eaed"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#e8eaed"
+            }
+          },
+          "success": {
+            "default": {
+              "value": "#2e9721"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "#b17902"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "#ca2e21"
+            }
+          },
+          "promo": {
+            "bold": {
+              "value": "#a58b4b"
+            }
+          },
+          "brand": {
+            "bold": {
+              "value": "#024be3"
+            },
+            "default": {
+              "value": "#1c65fd"
+            },
+            "suble": {
+              "value": "#81a9fe"
+            },
+            "subtlest": {
+              "value": "#d7e4ff"
+            }
+          },
+          "inverse": {
+            "subtle": {
+              "value": "rgba(255, 255, 255, 0.1000)"
+            }
+          },
+          "accent": {
+            "default": {
+              "value": "#fae0f5"
+            }
+          }
+        },
+        "icon": {
+          "background": {
+            "default": {
+              "value": "#ffffff"
+            }
+          },
+          "brand": {
+            "default": {
+              "value": "#1c65fd"
+            }
+          },
+          "neutral": {
+            "default": {
+              "value": "#56647b"
+            }
+          },
+          "inverse": {
+            "default": {
+              "value": "#ffffff"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#e8eaed"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "#dc3628"
+            }
+          }
+        }
+      },
+      "layout": {
+        "spacing": {
+          "xxs": {
+            "value": "4px"
+          },
+          "xs": {
+            "value": "8px"
+          },
+          "sm": {
+            "value": "12px"
+          },
+          "md": {
+            "value": "16px"
+          },
+          "lg": {
+            "value": "24px"
+          },
+          "xl": {
+            "value": "32px"
+          },
+          "2xl": {
+            "value": "40px"
+          },
+          "3xl": {
+            "value": "48px"
+          },
+          "4xl": {
+            "value": "56px"
+          },
+          "5xl": {
+            "value": "64px"
+          }
+        },
+        "border-radius": {
+          "xxs": {
+            "value": "4px"
+          },
+          "xs": {
+            "value": "8px"
+          },
+          "sm": {
+            "value": "12px"
+          },
+          "md": {
+            "value": "16px"
+          },
+          "lg": {
+            "value": "24px"
+          },
+          "xl": {
+            "value": "32px"
+          },
+          "full": {
+            "value": "9999px"
+          }
+        },
+        "container": {
+          "xl": {
+            "value": "1200px"
+          }
+        },
+        "breakpoint": {
+          "xs": {
+            "value": "375px"
+          },
+          "sm": {
+            "value": "576px"
+          },
+          "md": {
+            "value": "768px"
+          },
+          "lg": {
+            "value": "992px"
+          },
+          "xl": {
+            "value": "1280px"
+          },
+          "2xl": {
+            "value": "1920px"
+          }
+        }
+      }
+    },
+    "dark": {
+      "color": {
+        "fg": {
+          "neutral": {
+            "default": {
+              "value": "#ffffff"
+            },
+            "subtle": {
+              "value": "#a8b2c2"
+            },
+            "subtlest": {
+              "value": "#6c7d98"
+            },
+            "white": {
+              "value": "#ffffff"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#6c7d98"
+            }
+          },
+          "inverse": {
+            "default": {
+              "value": "#171b21"
+            }
+          },
+          "link": {
+            "default": {
+              "value": "#4e86fe"
+            },
+            "hover": {
+              "value": "#81a9fe"
+            },
+            "pressed": {
+              "value": "#b3ccfe"
+            }
+          },
+          "success": {
+            "default": {
+              "value": "#99e5b3"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "#fae9a3"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "#f5aea8"
+            }
+          },
+          "info": {
+            "default": {
+              "value": "#4e86fe"
+            }
+          },
+          "promo": {
+            "default": {
+              "value": "#a58b4b"
+            }
+          },
+          "brand": {
+            "default": {
+              "value": "#1c65fd"
+            },
+            "bold": {
+              "value": "#4e86fe"
+            }
+          },
+          "accent": {
+            "default": {
+              "value": "#de31b9"
+            },
+            "bold": {
+              "value": "#e55cc8"
+            }
+          }
+        },
+        "bg": {
+          "neutral": {
+            "default": {
+              "value": "#56647b"
+            },
+            "subtle": {
+              "value": "#414c5d"
+            },
+            "subtlest": {
+              "value": "#171b21"
+            },
+            "white": {
+              "value": "#ffffff"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#414c5d"
+            }
+          },
+          "promo": {
+            "default": {
+              "value": "#62532d"
+            },
+            "bold": {
+              "value": "#a58b4b"
+            }
+          },
+          "error": {
+            "bold": {
+              "value": "#f5aea8"
+            },
+            "default": {
+              "value": "#a0271c"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "#fffcee"
+            },
+            "bold": {
+              "value": "#b17902"
+            }
+          },
+          "inverse": {
+            "default": {
+              "value": "#fafcff"
+            }
+          },
+          "success": {
+            "bold": {
+              "value": "#99e5b3"
+            },
+            "default": {
+              "value": "#1d5a16"
+            }
+          },
+          "info": {
+            "bold": {
+              "value": "#4e86fe"
+            },
+            "default": {
+              "value": "#01194c"
+            }
+          },
+          "accent": {
+            "default": {
+              "value": "#651053"
+            }
+          },
+          "brand": {
+            "default": {
+              "value": "#01194c",
+              "hover": {
+                "value": "#023ab1"
+              },
+              "pressed": {
+                "value": "#023ab1"
+              }
+            },
+            "bold": {
+              "value": "#1c65fd",
+              "hover": {
+                "value": "#024be3"
+              },
+              "pressed": {
+                "value": "#023ab1"
+              }
+            }
+          }
+        },
+        "surface": {
+          "overlay": {
+            "value": "#171b21"
+          },
+          "risen": {
+            "value": "#2c333f"
+          },
+          "default": {
+            "value": "#171b21"
+          },
+          "sunken": {
+            "value": "#56647b"
+          }
+        },
+        "border": {
+          "neutral": {
+            "default": {
+              "value": "#e8eaed"
+            },
+            "subtle": {
+              "value": "#6c7d98"
+            },
+            "subtlest": {
+              "value": "#56647b"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#56647b"
+            }
+          },
+          "success": {
+            "default": {
+              "value": "#2e9721"
+            }
+          },
+          "warning": {
+            "default": {
+              "value": "#b17902"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "#dc3628"
+            }
+          },
+          "promo": {
+            "bold": {
+              "value": "#a58b4b"
+            }
+          },
+          "brand": {
+            "bold": {
+              "value": "#024be3"
+            },
+            "default": {
+              "value": "#1c65fd"
+            },
+            "suble": {
+              "value": "#1c65fd"
+            },
+            "subtlest": {
+              "value": "#023ab1"
+            }
+          },
+          "inverse": {
+            "subtle": {
+              "value": "rgba(255, 255, 255, 0.1000)"
+            }
+          },
+          "accent": {
+            "default": {
+              "value": "#911777"
+            }
+          }
+        },
+        "icon": {
+          "background": {
+            "default": {
+              "value": "#ffffff"
+            }
+          },
+          "brand": {
+            "default": {
+              "value": "#ffffff"
+            }
+          },
+          "neutral": {
+            "default": {
+              "value": "#e8eaed"
+            }
+          },
+          "inverse": {
+            "default": {
+              "value": "#000000"
+            }
+          },
+          "disabled": {
+            "default": {
+              "value": "#ffffff"
+            }
+          },
+          "error": {
+            "default": {
+              "value": "#dc3628"
+            }
+          }
+        }
+      },
+      "layout": {
+        "spacing": {
+          "xxs": {
+            "value": "4px"
+          },
+          "xs": {
+            "value": "8px"
+          },
+          "sm": {
+            "value": "12px"
+          },
+          "md": {
+            "value": "16px"
+          },
+          "lg": {
+            "value": "24px"
+          },
+          "xl": {
+            "value": "32px"
+          },
+          "2xl": {
+            "value": "40px"
+          },
+          "3xl": {
+            "value": "48px"
+          },
+          "4xl": {
+            "value": "56px"
+          },
+          "5xl": {
+            "value": "64px"
+          }
+        },
+        "border-radius": {
+          "xxs": {
+            "value": "4px"
+          },
+          "xs": {
+            "value": "8px"
+          },
+          "sm": {
+            "value": "12px"
+          },
+          "md": {
+            "value": "16px"
+          },
+          "lg": {
+            "value": "24px"
+          },
+          "xl": {
+            "value": "32px"
+          },
+          "full": {
+            "value": "9999px"
+          }
+        },
+        "container": {
+          "xl": {
+            "value": "1200px"
+          }
+        },
+        "breakpoint": {
+          "xs": {
+            "value": "375px"
+          },
+          "sm": {
+            "value": "576px"
+          },
+          "md": {
+            "value": "768px"
+          },
+          "lg": {
+            "value": "992px"
+          },
+          "xl": {
+            "value": "1280px"
+          },
+          "2xl": {
+            "value": "1920px"
+          }
+        }
+      }
+    }
+  },
+  "_primitives": {
+    "colors": {
+      "gold": {
+        "100": {
+          "value": "#fffcee"
+        },
+        "200": {
+          "value": "#fbf9f4"
+        },
+        "500": {
+          "value": "#a58b4b"
+        },
+        "600": {
+          "value": "#85703d"
+        },
+        "700": {
+          "value": "#776437"
+        },
+        "800": {
+          "value": "#62532d"
+        }
+      },
+      "pink": {
+        "100": {
+          "value": "#fef6fc"
+        },
+        "200": {
+          "value": "#fae0f5"
+        },
+        "300": {
+          "value": "#f3b4e6"
+        },
+        "400": {
+          "value": "#ec88d7"
+        },
+        "500": {
+          "value": "#e55cc8"
+        },
+        "600": {
+          "value": "#de31b9"
+        },
+        "700": {
+          "value": "#bd1e9b"
+        },
+        "800": {
+          "value": "#911777"
+        },
+        "900": {
+          "value": "#651053"
+        },
+        "1000": {
+          "value": "#39092f"
+        }
+      },
+      "grey": {
+        "100": {
+          "value": "#fafcff"
+        },
+        "200": {
+          "value": "#f3f4f5"
+        },
+        "300": {
+          "value": "#e8eaed"
+        },
+        "400": {
+          "value": "#a8b2c2"
+        },
+        "500": {
+          "value": "#8a97ad"
+        },
+        "600": {
+          "value": "#6c7d98"
+        },
+        "700": {
+          "value": "#56647b"
+        },
+        "800": {
+          "value": "#414c5d"
+        },
+        "900": {
+          "value": "#2c333f"
+        },
+        "1000": {
+          "value": "#171b21"
+        }
+      },
+      "black": {
+        "value": "#000000"
+      },
+      "white": {
+        "value": "#ffffff"
+      },
+      "transparent": {
+        "value": "rgba(255, 255, 255, 0.0000)"
+      },
+      "yellow": {
+        "100": {
+          "value": "#fffcee"
+        },
+        "200": {
+          "value": "#fff9db"
+        },
+        "300": {
+          "value": "#fdf6d8"
+        },
+        "400": {
+          "value": "#fae9a3"
+        },
+        "500": {
+          "value": "#d7b45b"
+        },
+        "600": {
+          "value": "#b17902"
+        },
+        "700": {
+          "value": "#ab6802"
+        },
+        "800": {
+          "value": "#885202"
+        },
+        "900": {
+          "value": "#704300"
+        },
+        "1000": {
+          "value": "#3d2500"
+        }
+      },
+      "green": {
+        "100": {
+          "value": "#f7fffb"
+        },
+        "200": {
+          "value": "#e9fff4"
+        },
+        "300": {
+          "value": "#def7e6"
+        },
+        "400": {
+          "value": "#99e5b3"
+        },
+        "500": {
+          "value": "#6cd07b"
+        },
+        "600": {
+          "value": "#2e9721"
+        },
+        "700": {
+          "value": "#258a19"
+        },
+        "800": {
+          "value": "#1c6c13"
+        },
+        "900": {
+          "value": "#1d5a16"
+        },
+        "1000": {
+          "value": "#10310c"
+        }
+      },
+      "red": {
+        "100": {
+          "value": "#fff8f7"
+        },
+        "200": {
+          "value": "#ffebe9"
+        },
+        "300": {
+          "value": "#fbddda"
+        },
+        "400": {
+          "value": "#f5aea8"
+        },
+        "500": {
+          "value": "#eb827a"
+        },
+        "600": {
+          "value": "#dc3628"
+        },
+        "700": {
+          "value": "#ca2e21"
+        },
+        "800": {
+          "value": "#b92518"
+        },
+        "900": {
+          "value": "#a0271c"
+        },
+        "1000": {
+          "value": "#57150f"
+        }
+      },
+      "blue": {
+        "100": {
+          "value": "#f0f5ff"
+        },
+        "200": {
+          "value": "#d7e4ff"
+        },
+        "300": {
+          "value": "#b3ccfe"
+        },
+        "400": {
+          "value": "#81a9fe"
+        },
+        "500": {
+          "value": "#4e86fe"
+        },
+        "600": {
+          "value": "#1c65fd"
+        },
+        "700": {
+          "value": "#024be3"
+        },
+        "800": {
+          "value": "#023ab1"
+        },
+        "900": {
+          "value": "#012a7e"
+        },
+        "1000": {
+          "value": "#01194c"
+        }
+      }
+    },
+    "name": {
+      "value": "String value"
+    }
+  }
+}