@instructure/ui-themes 11.6.0 → 11.6.1-snapshot-129

package/lib/themes/newThemes/legacyCanvasHighContrast/semantics.js

@@ -0,0 +1,751 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _primitives = _interopRequireDefault(require("./primitives"));
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const semantics = {
+  "color": {
+    "background": {
+      "base": _primitives.default.color.white,
+      "muted": _primitives.default.color.grey.grey10,
+      "mutedHover": _primitives.default.color.grey.grey20,
+      "page": _primitives.default.color.white,
+      "container": _primitives.default.color.white,
+      "onColor": _primitives.default.color.white,
+      "inverse": _primitives.default.color.grey.grey150,
+      "dark": _primitives.default.color.grey.grey150,
+      "success": _primitives.default.color.green.green140,
+      "error": _primitives.default.color.red.red140,
+      "warning": _primitives.default.color.orange.orange140,
+      "info": _primitives.default.color.blue.blue140,
+      "brand": _primitives.default.color.blue.blue140,
+      "aiTopGradient": _primitives.default.color.violet.violet140,
+      "aiBottomGradient": _primitives.default.color.sea.sea140,
+      "aiText": _primitives.default.color.violet.violet20,
+      "opacity": _primitives.default.color.greyOpacity10,
+      "opacityOnColor": _primitives.default.color.whiteOpacity10,
+      "divider": {
+        "base": _primitives.default.color.grey.grey40,
+        "onColor": _primitives.default.color.white
+      },
+      "interactive": {
+        "input": {
+          "base": _primitives.default.color.white,
+          "hover": _primitives.default.color.white,
+          "readonly": _primitives.default.color.white,
+          "disabled": _primitives.default.color.grey.grey10,
+          "selected": _primitives.default.color.grey.grey170
+        },
+        "action": {
+          "primary": {
+            "base": _primitives.default.color.blue.blue130,
+            "hover": _primitives.default.color.blue.blue140,
+            "active": _primitives.default.color.blue.blue140,
+            "disabled": _primitives.default.color.blue.blue130
+          },
+          "secondary": {
+            "base": _primitives.default.color.grey.grey10,
+            "hover": _primitives.default.color.grey.grey20,
+            "active": _primitives.default.color.grey.grey20,
+            "disabled": _primitives.default.color.grey.grey10
+          },
+          "destructive": {
+            "base": _primitives.default.color.red.red130,
+            "hover": _primitives.default.color.red.red140,
+            "active": _primitives.default.color.red.red140,
+            "disabled": _primitives.default.color.red.red130,
+            "secondary": {
+              "hover": _primitives.default.color.red.red20,
+              "active": _primitives.default.color.red.red20
+            }
+          },
+          "success": {
+            "base": _primitives.default.color.green.green130,
+            "hover": _primitives.default.color.green.green140,
+            "active": _primitives.default.color.green.green140,
+            "disabled": _primitives.default.color.green.green130,
+            "secondary": {
+              "hover": _primitives.default.color.green.green20,
+              "active": _primitives.default.color.green.green20
+            }
+          },
+          "ai": {
+            "topGradient": {
+              "base": _primitives.default.color.violet.violet130,
+              "hover": _primitives.default.color.violet.violet140,
+              "active": _primitives.default.color.violet.violet140
+            },
+            "bottomGradient": {
+              "base": _primitives.default.color.sea.sea130,
+              "hover": _primitives.default.color.sea.sea140,
+              "active": _primitives.default.color.sea.sea140
+            },
+            "disabled": _primitives.default.color.grey.grey30
+          },
+          "aiSecondary": {
+            "base": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white,
+            "hover": {
+              "topGradient": _primitives.default.color.violet.violet20,
+              "bottomGradient": _primitives.default.color.sea.sea20
+            },
+            "active": {
+              "topGradient": _primitives.default.color.violet.violet20,
+              "bottomGradient": _primitives.default.color.sea.sea20
+            }
+          },
+          "primaryOnColor": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.grey.grey10,
+            "active": _primitives.default.color.grey.grey10,
+            "disabled": _primitives.default.color.white
+          },
+          "tertiary": {
+            "hover": _primitives.default.color.blue.blue20,
+            "active": _primitives.default.color.blue.blue20
+          },
+          "disabled": _primitives.default.color.grey.grey30,
+          "ghost": {
+            "onColor": {
+              "hover": _primitives.default.color.whiteOpacity10
+            }
+          }
+        }
+      },
+      "accent": {
+        "blue": _primitives.default.color.blue.blue130,
+        "green": _primitives.default.color.green.green130,
+        "red": _primitives.default.color.red.red130,
+        "orange": _primitives.default.color.orange.orange130,
+        "grey": _primitives.default.color.grey.grey150,
+        "ash": _primitives.default.color.grey.grey180,
+        "plum": _primitives.default.color.plum.plum130,
+        "violet": _primitives.default.color.violet.violet130,
+        "stone": _primitives.default.color.stone.stone130,
+        "sky": _primitives.default.color.sky.sky130,
+        "honey": _primitives.default.color.honey.honey130,
+        "sea": _primitives.default.color.sea.sea130,
+        "aurora": _primitives.default.color.aurora.aurora130
+      },
+      "elevatedSurface": {
+        "base": _primitives.default.color.white,
+        "inverse": _primitives.default.color.grey.grey150
+      },
+      "overlay": {
+        "base": _primitives.default.color.whiteOpacity75,
+        "dark": _primitives.default.color.greyOpacity75
+      }
+    },
+    "stroke": {
+      "base": _primitives.default.color.grey.grey100,
+      "muted": _primitives.default.color.grey.grey60,
+      "strong": _primitives.default.color.grey.grey170,
+      "success": _primitives.default.color.green.green140,
+      "error": _primitives.default.color.red.red140,
+      "warning": _primitives.default.color.orange.orange140,
+      "info": _primitives.default.color.blue.blue140,
+      "brand": _primitives.default.color.blue.blue130,
+      "aiTopGradient": _primitives.default.color.violet.violet130,
+      "aiBottomGradient": _primitives.default.color.sea.sea130,
+      "onColor": _primitives.default.color.white,
+      "inverse": _primitives.default.color.white,
+      "container": {
+        "base": _primitives.default.color.grey.grey100,
+        "dark": _primitives.default.color.grey.grey170
+      },
+      "interactive": {
+        "focusRing": {
+          "base": _primitives.default.color.blue.blue120,
+          "onColor": _primitives.default.color.white
+        },
+        "input": {
+          "base": _primitives.default.color.grey.grey140,
+          "hover": _primitives.default.color.grey.grey140,
+          "readonly": _primitives.default.color.grey.grey140,
+          "disabled": _primitives.default.color.grey.grey40,
+          "selected": _primitives.default.color.grey.grey170
+        },
+        "action": {
+          "primary": {
+            "base": _primitives.default.color.blue.blue140,
+            "hover": _primitives.default.color.blue.blue140,
+            "active": _primitives.default.color.blue.blue140,
+            "disabled": _primitives.default.color.blue.blue140
+          },
+          "secondary": {
+            "base": _primitives.default.color.grey.grey140,
+            "hover": _primitives.default.color.grey.grey140,
+            "active": _primitives.default.color.grey.grey140,
+            "disabled": _primitives.default.color.grey.grey140
+          },
+          "destructive": {
+            "base": _primitives.default.color.red.red140,
+            "hover": _primitives.default.color.red.red140,
+            "active": _primitives.default.color.red.red140,
+            "disabled": _primitives.default.color.red.red140,
+            "secondary": {
+              "base": _primitives.default.color.red.red140,
+              "hover": _primitives.default.color.red.red140,
+              "active": _primitives.default.color.red.red140,
+              "disabled": _primitives.default.color.red.red140
+            }
+          },
+          "success": {
+            "base": _primitives.default.color.green.green140,
+            "hover": _primitives.default.color.green.green140,
+            "active": _primitives.default.color.green.green140,
+            "disabled": _primitives.default.color.green.green140,
+            "secondary": {
+              "base": _primitives.default.color.green.green140,
+              "hover": _primitives.default.color.green.green140,
+              "active": _primitives.default.color.green.green140,
+              "disabled": _primitives.default.color.green.green140
+            }
+          },
+          "ai": {
+            "topGradient": {
+              "base": _primitives.default.color.violet.violet140,
+              "hover": _primitives.default.color.violet.violet100,
+              "active": _primitives.default.color.violet.violet120
+            },
+            "bottomGradient": {
+              "base": _primitives.default.color.sea.sea140,
+              "hover": _primitives.default.color.sea.sea100,
+              "active": _primitives.default.color.sea.sea120
+            },
+            "disabled": _primitives.default.color.grey.grey30
+          },
+          "primaryOnColor": {
+            "base": _primitives.default.color.grey.grey70,
+            "hover": _primitives.default.color.grey.grey70,
+            "active": _primitives.default.color.grey.grey70,
+            "disabled": _primitives.default.color.grey.grey70
+          },
+          "tertiary": {
+            "base": _primitives.default.color.blue.blue140,
+            "hover": _primitives.default.color.blue.blue140,
+            "active": _primitives.default.color.blue.blue140,
+            "disabled": _primitives.default.color.blue.blue140
+          },
+          "disabled": _primitives.default.color.grey.grey30,
+          "secondaryOnColor": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.navy.navy30,
+            "active": _primitives.default.color.navy.navy40,
+            "disabled": _primitives.default.color.grey.grey70
+          },
+          "aiSecondary": {
+            "disabled": _primitives.default.color.grey.grey50
+          }
+        }
+      },
+      "accent": {
+        "blue": _primitives.default.color.blue.blue130,
+        "green": _primitives.default.color.green.green130,
+        "red": _primitives.default.color.red.red130,
+        "orange": _primitives.default.color.orange.orange130,
+        "grey": _primitives.default.color.grey.grey150,
+        "ash": _primitives.default.color.grey.grey180,
+        "plum": _primitives.default.color.plum.plum130,
+        "violet": _primitives.default.color.violet.violet130,
+        "stone": _primitives.default.color.stone.stone130,
+        "sky": _primitives.default.color.sky.sky130,
+        "honey": _primitives.default.color.honey.honey130,
+        "sea": _primitives.default.color.sea.sea130,
+        "aurora": _primitives.default.color.aurora.aurora130
+      }
+    },
+    "text": {
+      "base": _primitives.default.color.grey.grey170,
+      "muted": _primitives.default.color.grey.grey140,
+      "success": _primitives.default.color.green.green130,
+      "error": _primitives.default.color.red.red140,
+      "warning": _primitives.default.color.orange.orange130,
+      "info": _primitives.default.color.blue.blue130,
+      "aiColor": _primitives.default.color.violet.violet160,
+      "onColor": _primitives.default.color.white,
+      "inverse": _primitives.default.color.white,
+      "interactive": {
+        "disabled": {
+          "base": _primitives.default.color.grey.grey100,
+          "onColor": _primitives.default.color.grey.grey60
+        },
+        "input": {
+          "base": _primitives.default.color.grey.grey170,
+          "hover": _primitives.default.color.grey.grey170,
+          "readonly": _primitives.default.color.grey.grey170,
+          "placeholder": _primitives.default.color.grey.grey120,
+          "disabled": _primitives.default.color.grey.grey100
+        },
+        "navigation": {
+          "primary": {
+            "base": _primitives.default.color.blue.blue130,
+            "hover": _primitives.default.color.blue.blue160,
+            "active": _primitives.default.color.blue.blue140
+          },
+          "primaryOnColor": {
+            "base": _primitives.default.color.grey.grey10,
+            "hover": _primitives.default.color.grey.grey10,
+            "active": _primitives.default.color.grey.grey10
+          }
+        },
+        "action": {
+          "secondary": {
+            "base": _primitives.default.color.grey.grey180,
+            "hover": _primitives.default.color.grey.grey180,
+            "active": _primitives.default.color.grey.grey180,
+            "disabled": _primitives.default.color.grey.grey180
+          },
+          "status": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white
+          },
+          "aiSecondary": {
+            "topGradient": {
+              "base": _primitives.default.color.violet.violet130
+            },
+            "bottomGradient": {
+              "base": _primitives.default.color.sea.sea130
+            },
+            "disabled": _primitives.default.color.grey.grey50
+          },
+          "primary": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white
+          },
+          "ai": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.grey.grey60
+          },
+          "primaryOnColor": {
+            "base": _primitives.default.color.blue.blue130,
+            "hover": _primitives.default.color.blue.blue130,
+            "active": _primitives.default.color.blue.blue130,
+            "disabled": _primitives.default.color.blue.blue130
+          },
+          "tertiary": {
+            "base": _primitives.default.color.blue.blue150,
+            "hover": _primitives.default.color.blue.blue150,
+            "active": _primitives.default.color.blue.blue150,
+            "disabled": _primitives.default.color.blue.blue150
+          },
+          "successSecondary": {
+            "base": _primitives.default.color.green.green130,
+            "hover": _primitives.default.color.green.green130,
+            "active": _primitives.default.color.green.green130,
+            "disabled": _primitives.default.color.green.green130
+          },
+          "destructiveSecondary": {
+            "base": _primitives.default.color.red.red130,
+            "hover": _primitives.default.color.red.red130,
+            "active": _primitives.default.color.red.red130,
+            "disabled": _primitives.default.color.red.red130
+          },
+          "secondaryOnColor": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white
+          }
+        }
+      },
+      "accent": {
+        "blue": _primitives.default.color.blue.blue130,
+        "green": _primitives.default.color.green.green130,
+        "red": _primitives.default.color.red.red130,
+        "orange": _primitives.default.color.orange.orange130,
+        "grey": _primitives.default.color.grey.grey150,
+        "ash": _primitives.default.color.grey.grey180,
+        "violet": _primitives.default.color.violet.violet130,
+        "plum": _primitives.default.color.plum.plum130,
+        "stone": _primitives.default.color.stone.stone130,
+        "sky": _primitives.default.color.sky.sky130,
+        "honey": _primitives.default.color.honey.honey130,
+        "sea": _primitives.default.color.sea.sea130,
+        "aurora": _primitives.default.color.aurora.aurora130
+      },
+      "dark": _primitives.default.color.grey.grey180
+    },
+    "icon": {
+      "base": _primitives.default.color.grey.grey180,
+      "muted": _primitives.default.color.grey.grey150,
+      "success": _primitives.default.color.green.green130,
+      "error": _primitives.default.color.red.red140,
+      "warning": _primitives.default.color.orange.orange130,
+      "info": _primitives.default.color.blue.blue130,
+      "dark": _primitives.default.color.grey.grey170,
+      "onColor": _primitives.default.color.white,
+      "inverse": _primitives.default.color.white,
+      "brand": _primitives.default.color.blue.blue130,
+      "interactive": {
+        "disabled": {
+          "base": _primitives.default.color.grey.grey100,
+          "onColor": _primitives.default.color.grey.grey60
+        },
+        "navigation": {
+          "primary": {
+            "base": _primitives.default.color.blue.blue130,
+            "hover": _primitives.default.color.blue.blue160,
+            "active": _primitives.default.color.blue.blue140
+          },
+          "primaryOnColor": {
+            "base": _primitives.default.color.grey.grey10,
+            "hover": _primitives.default.color.grey.grey10,
+            "active": _primitives.default.color.grey.grey10
+          }
+        },
+        "action": {
+          "secondary": {
+            "base": _primitives.default.color.grey.grey180,
+            "hover": _primitives.default.color.grey.grey180,
+            "active": _primitives.default.color.grey.grey180,
+            "disabled": _primitives.default.color.grey.grey180
+          },
+          "status": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white
+          },
+          "aiSecondary": {
+            "topGradient": {
+              "base": _primitives.default.color.violet.violet130
+            },
+            "bottomGradient": {
+              "base": _primitives.default.color.sea.sea130
+            },
+            "disabled": _primitives.default.color.grey.grey50
+          },
+          "primary": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white
+          },
+          "primaryOnColor": {
+            "base": _primitives.default.color.blue.blue130,
+            "hover": _primitives.default.color.blue.blue130,
+            "active": _primitives.default.color.blue.blue130,
+            "disabled": _primitives.default.color.blue.blue130
+          },
+          "ai": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.grey.grey60
+          },
+          "tertiary": {
+            "base": _primitives.default.color.blue.blue150,
+            "hover": _primitives.default.color.blue.blue150,
+            "active": _primitives.default.color.blue.blue150,
+            "disabled": _primitives.default.color.blue.blue150
+          },
+          "successSecondary": {
+            "base": _primitives.default.color.green.green130,
+            "hover": _primitives.default.color.green.green130,
+            "active": _primitives.default.color.green.green130,
+            "disabled": _primitives.default.color.green.green130
+          },
+          "destructiveSecondary": {
+            "base": _primitives.default.color.red.red130,
+            "hover": _primitives.default.color.red.red130,
+            "active": _primitives.default.color.red.red130,
+            "disabled": _primitives.default.color.red.red130
+          },
+          "secondaryOnColor": {
+            "base": _primitives.default.color.white,
+            "hover": _primitives.default.color.white,
+            "active": _primitives.default.color.white,
+            "disabled": _primitives.default.color.white
+          }
+        }
+      },
+      "accent": {
+        "blue": _primitives.default.color.blue.blue130,
+        "green": _primitives.default.color.green.green130,
+        "red": _primitives.default.color.red.red130,
+        "orange": _primitives.default.color.orange.orange130,
+        "grey": _primitives.default.color.grey.grey150,
+        "ash": _primitives.default.color.grey.grey180,
+        "plum": _primitives.default.color.plum.plum130,
+        "violet": _primitives.default.color.violet.violet130,
+        "stone": _primitives.default.color.stone.stone130,
+        "sky": _primitives.default.color.sky.sky130,
+        "honey": _primitives.default.color.honey.honey130,
+        "sea": _primitives.default.color.sea.sea130,
+        "aurora": _primitives.default.color.aurora.aurora130
+      }
+    },
+    "dropShadow": {
+      "shadowColor1": "rgba(0,0,0,0.1)",
+      "shadowColor2": "rgba(0,0,0,0.2)"
+    },
+    "transparentColor": _primitives.default.color.transparent
+  },
+  "dropShadow": {
+    "x": {
+      "elevation1": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      },
+      "elevation2": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      },
+      "elevation3": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      },
+      "elevation4": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      }
+    },
+    "y": {
+      "elevation1": {
+        "dropshadow1": "0.0625rem",
+        "dropshadow2": "0.0625rem"
+      },
+      "elevation2": {
+        "dropshadow1": "0.1875rem",
+        "dropshadow2": "0.1875rem"
+      },
+      "elevation3": {
+        "dropshadow1": "0.1875rem",
+        "dropshadow2": "0.1875rem"
+      },
+      "elevation4": {
+        "dropshadow1": "0.375rem",
+        "dropshadow2": "0.625rem"
+      }
+    },
+    "blur": {
+      "elevation1": {
+        "dropshadow1": "0.125rem",
+        "dropshadow2": "0.125rem"
+      },
+      "elevation2": {
+        "dropshadow1": "0.375rem",
+        "dropshadow2": "0.375rem"
+      },
+      "elevation3": {
+        "dropshadow1": "0.375rem",
+        "dropshadow2": "0.375rem"
+      },
+      "elevation4": {
+        "dropshadow1": "0.4375rem",
+        "dropshadow2": "1.75rem"
+      }
+    },
+    "spread": {
+      "elevation1": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      },
+      "elevation2": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      },
+      "elevation3": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      },
+      "elevation4": {
+        "dropshadow1": "0px",
+        "dropshadow2": "0px"
+      }
+    }
+  },
+  "size": {
+    "interactive": {
+      "height": {
+        "xxs": _primitives.default.size.size20,
+        "xs": _primitives.default.size.size24,
+        "sm": _primitives.default.size.size28,
+        "md": "2.375rem",
+        "lg": _primitives.default.size.size48
+      }
+    },
+    "choiceControl": {
+      "height": {
+        "sm": _primitives.default.size.size16,
+        "md": _primitives.default.size.size20,
+        "lg": _primitives.default.size.size28
+      }
+    },
+    "breakpoints": {
+      "xxs": "8em",
+      "xs": "16em",
+      "sm": "30em",
+      "md": "48em",
+      "lg": "62em",
+      "desktop": "64em",
+      "xl": "75em"
+    },
+    "media": {
+      "mediumMin": "48em",
+      "largeMin": "62em",
+      "xLargeMin": "75em"
+    }
+  },
+  "spacing": {
+    "space2xs": _primitives.default.size.size2,
+    "spaceXs": _primitives.default.size.size4,
+    "spaceSm": _primitives.default.size.size8,
+    "spaceMd": _primitives.default.size.size12,
+    "spaceLg": _primitives.default.size.size16,
+    "spaceXl": _primitives.default.size.size24,
+    "space2xl": _primitives.default.size.size32,
+    "gap": {
+      "sections": _primitives.default.size.size48,
+      "cards": {
+        "sm": _primitives.default.size.size12,
+        "md": _primitives.default.size.size24,
+        "lg": _primitives.default.size.size24
+      },
+      "inputs": {
+        "horizontal": _primitives.default.size.size12,
+        "vertical": _primitives.default.size.size16
+      },
+      "inputElements": _primitives.default.size.size12
+    },
+    "padding": {
+      "container": {
+        "xxs": _primitives.default.size.size8,
+        "xs": _primitives.default.size.size12,
+        "sm": _primitives.default.size.size16,
+        "md": _primitives.default.size.size24,
+        "lg": _primitives.default.size.size32
+      },
+      "interactive": {
+        "horizontal": {
+          "sm": _primitives.default.size.size8,
+          "md": _primitives.default.size.size12,
+          "lg": _primitives.default.size.size16,
+          "xl": _primitives.default.size.size20
+        }
+      }
+    }
+  },
+  "borderRadius": {
+    "xs": _primitives.default.size.size4,
+    "sm": _primitives.default.size.size4,
+    "md": _primitives.default.size.size4,
+    "lg": _primitives.default.size.size4,
+    "xl": _primitives.default.size.size4,
+    "xxl": _primitives.default.size.size4,
+    "full": "999rem",
+    "container": {
+      "sm": _primitives.default.size.size4,
+      "md": _primitives.default.size.size4,
+      "lg": _primitives.default.size.size4,
+      "xl": _primitives.default.size.size4
+    },
+    "interactive": {
+      "base": _primitives.default.size.size4
+    }
+  },
+  "borderWidth": {
+    "sm": _primitives.default.size.size1,
+    "md": _primitives.default.size.size2,
+    "lg": _primitives.default.size.size4,
+    "interactive": {
+      "base": _primitives.default.size.size1,
+      "focus": _primitives.default.size.size2
+    }
+  },
+  "fontFamily": {
+    "heading": _primitives.default.fontFamily.lato,
+    "base": _primitives.default.fontFamily.lato,
+    "code": _primitives.default.fontFamily.menlo
+  },
+  "fontWeight": {
+    "body": {
+      "base": _primitives.default.fontWeight.regular,
+      "strong": _primitives.default.fontWeight.bold
+    },
+    "heading": {
+      "base": _primitives.default.fontWeight.regular,
+      "strong": _primitives.default.fontWeight.bold
+    },
+    "interactive": _primitives.default.fontWeight.regular
+  },
+  "lineHeight": {
+    "paragraph": {
+      "textXs": _primitives.default.size.size20,
+      "textSm": _primitives.default.size.size20,
+      "textBase": _primitives.default.size.size24,
+      "base": "150%"
+    },
+    "standalone": {
+      "textXs": _primitives.default.size.size12,
+      "textSm": _primitives.default.size.size14,
+      "textBase": _primitives.default.size.size16,
+      "textLg": _primitives.default.size.size20,
+      "textXl": _primitives.default.size.size24,
+      "text2xl": _primitives.default.size.size28,
+      "text3xl": _primitives.default.size.size32,
+      "text4xl": _primitives.default.size.size36,
+      "base": "125%"
+    },
+    "heading": {
+      "textLg": _primitives.default.size.size28,
+      "textXl": _primitives.default.size.size32,
+      "text2xl": _primitives.default.size.size36,
+      "text3xl": _primitives.default.size.size40,
+      "base": "125%",
+      "loose": "150%"
+    },
+    "label": {
+      "base": "1.125rem"
+    }
+  },
+  "fontSize": {
+    "textXs": _primitives.default.size.size12,
+    "textSm": _primitives.default.size.size14,
+    "textBase": _primitives.default.size.size16,
+    "textLg": "1.375rem",
+    "textXl": _primitives.default.size.size28,
+    "text2xl": "2.375rem"
+  },
+  "visibleInCanvas": "true",
+  "visibleInRebrand": "false",
+  "opacity": {
+    "base": _primitives.default.opacity100,
+    "disabled": _primitives.default.opacity50
+  }
+};
+var _default = exports.default = semantics;