npm - @aurodesignsystem/design-tokens - Versions diffs - 5.4.0 → 5.6.0 - Mend

@aurodesignsystem/design-tokens 5.4.0 → 5.6.0

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.

Files changed (80) hide show

package/CHANGELOG.md +27 -0
package/dist/CSSCustomProperties--bundled.css +847 -71
package/dist/alaska/CSSCustomProperties--alaska.css +457 -0
package/dist/alaska/JSONVariablesNested--alaska.json +706 -0
package/dist/alaska/JSObject--allTokens.js +15481 -0
package/dist/alaska/SCSSVariables--alaska.scss +454 -0
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +458 -0
package/dist/alaska/primitives--alaska.scss +246 -0
package/dist/auro-classic/CSSCustomProperties.css +1 -1
package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
package/dist/auro-classic/JSData--color.js +1 -1
package/dist/auro-classic/JSObject--allTokens.js +1 -1
package/dist/auro-classic/JSObject--deprecated.js +1 -1
package/dist/auro-classic/JSVariables--color.js +1 -1
package/dist/auro-classic/SCSSVariableMap.scss +1 -1
package/dist/auro-classic/SCSSVariables.scss +1 -1
package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
package/dist/auro-classic/SassCustomProperties.scss +1 -1
package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
package/dist/hawaiian/CSSCustomProperties--hawaiian.css +393 -71
package/dist/hawaiian/JSONVariablesNested--hawaiian.json +614 -96
package/dist/hawaiian/JSObject--allTokens.js +13917 -2636
package/dist/hawaiian/SCSSVariables--hawaiian.scss +393 -71
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +394 -72
package/dist/hawaiian/primitives--hawaiian.scss +25 -24
package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
package/package.json +1 -1
package/src/primitives/alaska/color.json +456 -456
package/src/primitives/alaska/font.json +9 -9
package/src/primitives/base/color.json +284 -284
package/src/primitives/base/font.json +186 -175
package/src/primitives/base/transparency.json +108 -108
package/src/primitives/hawaiian/color.json +287 -287
package/src/primitives/hawaiian/font.json +9 -9
package/src/themes/alaska/advanced/accents.json +104 -0
package/src/themes/alaska/advanced/boolean.json +87 -95
package/src/themes/alaska/advanced/button/primary.json +146 -0
package/src/themes/alaska/advanced/button/secondary.json +106 -0
package/src/themes/alaska/advanced/button/tertiary.json +98 -0
package/src/themes/alaska/advanced/hyperlink.json +34 -56
package/src/themes/alaska/advanced/shared.json +43 -41
package/src/themes/alaska/advanced/state.json +42 -48
package/src/themes/alaska/basic/color/border.json +43 -45
package/src/themes/alaska/basic/color/brand.json +68 -72
package/src/themes/alaska/basic/color/fare-brand.json +46 -46
package/src/themes/alaska/basic/color/page-background.json +9 -9
package/src/themes/alaska/basic/color/status.json +61 -69
package/src/themes/alaska/basic/color/surface.json +72 -80
package/src/themes/alaska/basic/color/text-icon.json +38 -78
package/src/themes/alaska/basic/corner-radius.json +15 -15
package/src/themes/alaska/basic/font/accent.json +847 -217
package/src/themes/alaska/basic/font/body.json +203 -48
package/src/themes/alaska/basic/font/display.json +727 -187
package/src/themes/alaska/basic/font/heading.json +725 -182
package/src/themes/alaska-classic/color.json +2 -2
package/src/themes/alaska-classic/typography.json +124 -124
package/src/themes/hawaiian/advanced/accents.json +104 -0
package/src/themes/hawaiian/advanced/boolean.json +115 -125
package/src/themes/hawaiian/advanced/button/primary.json +146 -0
package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
package/src/themes/hawaiian/advanced/shared.json +30 -30
package/src/themes/hawaiian/advanced/state.json +52 -60
package/src/themes/hawaiian/basic/color/border.json +28 -29
package/src/themes/hawaiian/basic/color/brand.json +48 -49
package/src/themes/hawaiian/basic/color/fare-brand.json +44 -45
package/src/themes/hawaiian/basic/color/page-background.json +8 -9
package/src/themes/hawaiian/basic/color/status.json +36 -37
package/src/themes/hawaiian/basic/color/surface.json +40 -41
package/src/themes/hawaiian/basic/color/text-icon.json +38 -40
package/src/themes/hawaiian/basic/corner-radius.json +30 -0
package/src/themes/hawaiian/basic/font/accent.json +846 -216
package/src/themes/hawaiian/basic/font/body.json +202 -47
package/src/themes/hawaiian/basic/font/display.json +788 -0
package/src/themes/hawaiian/basic/font/heading.json +724 -184
package/src/themes/alaska/advanced/button.json +0 -260
package/src/themes/hawaiian/advanced/button.json +0 -334
package/src/themes/hawaiian/basic/color/color.json +0 -57
package/src/themes/hawaiian/basic/font/typography.json +0 -248

package/dist/alaska/JSONVariablesNested--alaska.json ADDED Viewed

@@ -0,0 +1,706 @@
+{
+  "advanced": {
+    "color": {
+      "button": {
+        "primary": {
+          "background": "#01426a",
+          "backgroundActive": "#00274a",
+          "backgroundDisabled": "#acc9e2",
+          "backgroundHover": "#00274a",
+          "backgroundInactive": "#cfe0ef",
+          "backgroundInactiveHover": "#89b2d4",
+          "backgroundInverse": "#ffffff",
+          "backgroundInverseDisabled": "#ffffffbf",
+          "backgroundInverseHover": "#ebf3f9",
+          "border": "#01426a",
+          "borderDisabled": "#acc9e2",
+          "borderHover": "#00274a",
+          "borderInverse": "#ffffff",
+          "borderInverseDisabled": "#ffffffbf",
+          "borderInverseHover": "#ebf3f9",
+          "text": "#ffffff",
+          "textInverse": "#01426a"
+        },
+        "secondary": {
+          "background": "#ffffff",
+          "backgroundDisabled": "#f7f7f7",
+          "backgroundHover": "#f2f2f2",
+          "backgroundInverseHover": "#ffffffe6",
+          "border": "#01426a",
+          "borderHover": "#00274a",
+          "borderHoverDisabled": "#f7f7f7",
+          "borderInverse": "#ffffff",
+          "borderInverseDisabled": "#dddddd",
+          "text": "#01426a",
+          "textHover": "#00274a",
+          "textInverse": "#ffffff"
+        },
+        "tertiary": {
+          "background": "#0000000d",
+          "backgroundHover": "#0000001a",
+          "backgroundInverse": "#ffffff0d",
+          "backgroundInverseHover": "#ffffffe6",
+          "border": "#0000000d",
+          "borderHover": "#0000001a",
+          "borderInverse": "#ffffff0d",
+          "borderInverseHover": "#ffffffe6",
+          "text": "#01426a",
+          "textHover": "#00274a",
+          "textInverse": "#ffffff"
+        }
+      },
+      "accents": {
+        "accent1": "#b2d583",
+        "accent1Bold": "#92c450",
+        "accent1Muted": "#deedca",
+        "accent2": "#fad362",
+        "accent2Bold": "#f2ba14",
+        "accent2Muted": "#fde398",
+        "accent3": "#63beff",
+        "accent3Bold": "#0074ca",
+        "accent3Muted": "#aedeff",
+        "accent4": "#feb17a",
+        "accent4Bold": "#fb7f24",
+        "accent4Muted": "#ffe2cf"
+      },
+      "boolean": {
+        "disabledInverse": "#7e8894",
+        "error": "#e31f26",
+        "errorHover": "#b1161c",
+        "indicator": "#ffffff",
+        "indicatorInverse": "#01426a",
+        "isfalse": "#ffffff",
+        "isfalseBorder": "#585e67",
+        "isfalseBorderInverse": "#ffffff",
+        "isfalseHover": "#ffffff1a",
+        "isfalseInverse": "#ffffff0d",
+        "isfalseInverseHover": "#f2f2f2",
+        "istrue": "#01426a",
+        "istrueHover": "#00274a",
+        "istrueInverse": "#ffffff",
+        "istrueInverseHover": "#ffffffb2"
+      },
+      "hyperlink": {
+        "text": "#2875b5",
+        "textHover": "#01426a",
+        "textInverse": "#ffffff",
+        "textInverseHover": "#ebf3f9"
+      },
+      "shared": {
+        "background": "#ffffff",
+        "backgroundInverse": "#ffffff0d",
+        "backgroundMuted": "#f7f7f7",
+        "backgroundStrong": "#7e7e7e",
+        "textAccent": "#2875b5"
+      },
+      "state": {
+        "backgroundDisabled": "#dddddd",
+        "backgroundHover": "#f2f2f2",
+        "backgroundInverseHover": "#ffffff1a",
+        "focused": "#01426a",
+        "focusedInverse": "#ffffff",
+        "selected": "#01426a",
+        "selectedHover": "#00274a"
+      }
+    }
+  },
+  "basic": {
+    "color": {
+      "border": {
+        "bold": "#585e67",
+        "brand": "#00274a",
+        "default": "#959595",
+        "divider": "#00000026",
+        "dividerInverse": "#ffffff66",
+        "inverse": "#ffffff",
+        "subtle": "#dddddd"
+      },
+      "brand": {
+        "primary": "#01426a",
+        "primaryBold": "#00274a",
+        "primaryMuted": "#ebf3f9",
+        "primarySubtle": "#2875b5",
+        "secondary": "#5de3f7",
+        "secondaryBold": "#18c3dd",
+        "secondaryMuted": "#ebfafd",
+        "secondarySubtle": "#b4eff9",
+        "tertiary": "#a3cd6a",
+        "tertiaryBold": "#7daf3b",
+        "tertiaryMuted": "#eaf3dd",
+        "tertiarySubtle": "#c9e1a7"
+      },
+      "fare": {
+        "basiceconomy": "#97eaf8",
+        "business": "#01426a",
+        "economy": "#0074ca",
+        "first": "#00274a",
+        "oneworld": {
+          "emerald": "#139142",
+          "ruby": "#a41d4a",
+          "sapphire": "#015daa"
+        },
+        "premiumeconomy": "#005154"
+      },
+      "pageBackground": {
+        "default": "#ebfafd",
+        "utility": "#ffffff"
+      },
+      "status": {
+        "default": "#afb9c6",
+        "error": "#e31f26",
+        "errorSubtle": "#fbc6c6",
+        "info": "#01426a",
+        "infoSubtle": "#ebf3f9",
+        "success": "#447a1f",
+        "successSubtle": "#d6eac7",
+        "warning": "#fac200",
+        "warningSubtle": "#fff0b2"
+      },
+      "surface": {
+        "accent1": "#5de3f7",
+        "accent1Muted": "#ebfafd",
+        "accent1Subtle": "#b4eff9",
+        "accent2": "#a3cd6a",
+        "accent2Muted": "#eaf3dd",
+        "default": "#ffffff",
+        "inverse": "#00274a",
+        "inverseSubtle": "#2875b5",
+        "neutralMedium": "#c5c5c5",
+        "neutralSubtle": "#f7f7f7"
+      },
+      "texticon": {
+        "accent1": "#265688",
+        "default": "#2a2a2a",
+        "disabled": "#d0d0d0",
+        "disabledInverse": "#7e8894",
+        "inverse": "#ffffff",
+        "muted": "#676767"
+      }
+    },
+    "text": {
+      "accent": {
+        "lg": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "28px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "26px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "24px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "md": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "24px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "22px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "22px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "sm": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "20px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "18px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "18px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xl": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "32px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "28px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "26px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xs": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "16px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".10em",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "16px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".10em",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "16px",
+              "fontWeight": "Cond Medium",
+              "letterSpacing": ".10em",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xxl": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "38px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "100%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "38px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "100%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "32px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".05em",
+              "lineHeight": "100%"
+            }
+          }
+        },
+        "xxs": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "Good OT",
+              "fontSize": "14px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".10em",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "Good OT",
+              "fontSize": "14px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".10em",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "Good OT",
+              "fontSize": "14px",
+              "fontWeight": "Cond News",
+              "letterSpacing": ".10em",
+              "lineHeight": "130%"
+            }
+          }
+        }
+      },
+      "body": {
+        "default": {
+          "fontFamily": "AS Circular",
+          "fontSize": "16px",
+          "fontWeight": "Book",
+          "letterSpacing": "0",
+          "lineHeight": "24px"
+        },
+        "lg": {
+          "fontFamily": "AS Circular",
+          "fontSize": "18px",
+          "fontWeight": "Book",
+          "letterSpacing": "0",
+          "lineHeight": "26px"
+        },
+        "sm": {
+          "fontFamily": "AS Circular",
+          "fontSize": "14px",
+          "fontWeight": "Book",
+          "letterSpacing": "0",
+          "lineHeight": "20px"
+        },
+        "xs": {
+          "fontFamily": "AS Circular",
+          "fontSize": "12px",
+          "fontWeight": "Book",
+          "letterSpacing": "0",
+          "lineHeight": "16px"
+        },
+        "xxs": {
+          "fontFamily": "AS Circular",
+          "fontSize": "10px",
+          "fontWeight": "Book",
+          "letterSpacing": "0",
+          "lineHeight": "14px"
+        }
+      },
+      "display": {
+        "lg": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "64px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "56px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "44px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "md": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "56px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "48px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "40px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "sm": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "48px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "44px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "32px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xl": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "72px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "64px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "48px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xs": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "38px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "36px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "28px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xxl": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "86px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "72px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "56px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        }
+      },
+      "heading": {
+        "lg": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "36px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "32px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "28px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "md": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "28px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "28px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "26px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "sm": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "24px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "24px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "22px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xl": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "40px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "36px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "32px",
+              "fontWeight": "Light",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xs": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "20px",
+              "fontWeight": "Book",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "20px",
+              "fontWeight": "Book",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "20px",
+              "fontWeight": "Book",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        },
+        "xxs": {
+          "breakpoint": {
+            "lg": {
+              "fontFamily": "AS Circular",
+              "fontSize": "18px",
+              "fontWeight": "Book",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "md": {
+              "fontFamily": "AS Circular",
+              "fontSize": "18px",
+              "fontWeight": "Book",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            },
+            "sm": {
+              "fontFamily": "AS Circular",
+              "fontSize": "18px",
+              "fontWeight": "Book",
+              "letterSpacing": "0",
+              "lineHeight": "130%"
+            }
+          }
+        }
+      }
+    },
+    "cornerRadius": {
+      "large": "100px",
+      "medium": "6px",
+      "small": "6px"
+    }
+  }
+}