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

package/lib/themes/newThemes/dark/components/drawerLayoutTray.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 drawerLayoutTray = {
+  background: _semantics.default.color.background.elevatedSurface.base,
+  borderColor: _semantics.default.color.stroke.muted,
+  borderStyle: "solid",
+  borderWidth: _semantics.default.borderWidth.sm,
+  boxShadow: "0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)",
+  contentOverflowY: "auto",
+  overflowX: "hidden",
+  overflowY: "auto",
+  zIndex: 9999
+};
+var _default = exports.default = drawerLayoutTray;

package/lib/themes/newThemes/dark/components/drilldown.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 drilldown = {
+  borderColor: _semantics.default.color.stroke.muted,
+  headerActionColor: _semantics.default.color.text.interactive.navigation.primary.base,
+  headerTitleFontWeight: _semantics.default.fontWeight.body.strong,
+  labelInfoColor: _semantics.default.color.text.muted,
+  borderRadius: _semantics.default.borderRadius.md,
+  labelInfoPadding: _semantics.default.spacing.spaceMd
+};
+var _default = exports.default = drilldown;

package/lib/themes/newThemes/dark/components/fileDrop.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 fileDrop = {
+  acceptedColor: _semantics.default.color.stroke.brand,
+  backgroundColor: _semantics.default.color.background.container,
+  borderColor: _semantics.default.color.stroke.interactive.input.base,
+  borderRadius: _semantics.default.borderRadius.container.md,
+  borderStyle: "dashed",
+  borderWidth: _semantics.default.borderWidth.sm,
+  hoverBorderColor: _semantics.default.color.stroke.interactive.input.hover,
+  rejectedColor: _semantics.default.color.stroke.interactive.action.destructive.secondary.base
+};
+var _default = exports.default = fileDrop;

package/lib/themes/newThemes/dark/components/flex.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 flex = {
+  fontFamily: _semantics.default.fontFamily.base
+};
+var _default = exports.default = flex;

package/lib/themes/newThemes/dark/components/formFieldLayout.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 formFieldLayout = {
+  textColor: _semantics.default.color.text.base,
+  readonlyTextColor: _semantics.default.color.text.muted,
+  asteriskColor: _semantics.default.color.text.error,
+  fontFamily: _semantics.default.fontFamily.base,
+  fontWeight: _semantics.default.fontWeight.body.strong,
+  fontSize: _semantics.default.fontSize.textBase,
+  lineHeight: _semantics.default.lineHeight.label.base,
+  gapPrimitives: _semantics.default.spacing.gap.inputElements,
+  stackedOrInlineBreakpoint: "48em",
+  gapInputs: "0.75rem"
+};
+var _default = exports.default = formFieldLayout;

package/lib/themes/newThemes/dark/components/formFieldMessage.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 formFieldMessage = {
+  hintTextColor: _semantics.default.color.text.muted,
+  errorTextColor: _semantics.default.color.text.error,
+  successTextColor: _semantics.default.color.text.success,
+  fontWeight: _semantics.default.fontWeight.body.base,
+  fontSize: _semantics.default.fontSize.textSm,
+  lineHeight: _semantics.default.lineHeight.paragraph.textSm,
+  fontFamily: _semantics.default.fontFamily.base
+};
+var _default = exports.default = formFieldMessage;

package/lib/themes/newThemes/dark/components/grid.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 grid = {
+  mediumMin: _semantics.default.size.media.mediumMin,
+  largeMin: _semantics.default.size.media.largeMin,
+  xLargeMin: _semantics.default.size.media.xLargeMin
+};
+var _default = exports.default = grid;

package/lib/themes/newThemes/dark/components/gridCol.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 gridCol = {
+  mediumMin: _semantics.default.size.media.mediumMin,
+  largeMin: _semantics.default.size.media.largeMin,
+  xLargeMin: _semantics.default.size.media.xLargeMin,
+  spacingLarge: "2.25rem",
+  spacingMedium: _semantics.default.spacing.spaceXl,
+  spacingSmall: _semantics.default.spacing.spaceMd
+};
+var _default = exports.default = gridCol;

package/lib/themes/newThemes/dark/components/gridRow.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 gridRow = {
+  mediumMin: _semantics.default.size.media.mediumMin,
+  largeMin: _semantics.default.size.media.largeMin,
+  xLargeMin: _semantics.default.size.media.xLargeMin,
+  spacingLarge: "2.25rem",
+  spacingMedium: _semantics.default.spacing.spaceXl,
+  spacingSmall: _semantics.default.spacing.spaceMd
+};
+var _default = exports.default = gridRow;

package/lib/themes/newThemes/dark/components/heading.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 heading = {
+  h1FontSize: _semantics.default.fontSize.text2xl,
+  h2FontSize: _semantics.default.fontSize.textXl,
+  h3FontSize: _semantics.default.fontSize.textLg,
+  h4FontSize: _semantics.default.fontSize.textBase,
+  h5FontSize: _semantics.default.fontSize.textSm,
+  h6FontSize: _semantics.default.fontSize.textXs,
+  h1FontWeight: _semantics.default.fontWeight.heading.strong,
+  h2FontWeight: _semantics.default.fontWeight.heading.base,
+  h3FontWeight: _semantics.default.fontWeight.heading.strong,
+  h4FontWeight: _semantics.default.fontWeight.heading.strong,
+  h5FontWeight: _semantics.default.fontWeight.heading.base,
+  h6FontWeight: _semantics.default.fontWeight.heading.base,
+  h1FontFamily: _semantics.default.fontFamily.heading,
+  h2FontFamily: _semantics.default.fontFamily.heading,
+  h3FontFamily: _semantics.default.fontFamily.heading,
+  h4FontFamily: _semantics.default.fontFamily.heading,
+  h5FontFamily: _semantics.default.fontFamily.heading,
+  h6FontFamily: _semantics.default.fontFamily.heading,
+  lineHeight: _semantics.default.lineHeight.heading.base,
+  borderWidth: _semantics.default.borderWidth.sm,
+  baseColor: _semantics.default.color.text.base,
+  baseOnColor: _semantics.default.color.text.onColor,
+  mutedColor: _semantics.default.color.text.muted,
+  mutedOnColor: _semantics.default.color.text.onColor,
+  inverseColor: _semantics.default.color.text.inverse,
+  aiTextTopGradientColor: _semantics.default.color.text.accent.violet,
+  aiTextBottomGradientColor: _semantics.default.color.text.accent.sea,
+  borderColor: _semantics.default.color.stroke.base,
+  borderStyle: "solid",
+  borderPadding: _semantics.default.spacing.space2xs,
+  titlePageDesktop: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.text2xl,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titlePageMobile: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: "2rem",
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titleSection: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.textXl,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titleCardSection: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.textXl,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titleModule: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: "1.5rem",
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titleCardLarge: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: "1.5rem",
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titleCardRegular: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.textLg,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  titleCardMini: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.textBase,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  label: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.textBase,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  labelInline: {
+    fontFamily: _semantics.default.fontFamily.heading,
+    fontWeight: _semantics.default.fontWeight.heading.strong,
+    fontSize: _semantics.default.fontSize.textBase,
+    lineHeight: _semantics.default.lineHeight.heading.base
+  },
+  gapIconSm: _semantics.default.spacing.space2xs,
+  gapIconMd: _semantics.default.spacing.spaceXs,
+  gapIconLg: _semantics.default.spacing.spaceSm
+};
+var _default = exports.default = heading;

package/lib/themes/newThemes/dark/components/icon.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _semantics = _interopRequireDefault(require("../semantics"));
+/*
+ * 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 icon = {
+  sizeXs: "0.75rem",
+  sizeSm: "1rem",
+  sizeMd: "1.25rem",
+  sizeLg: "1.5rem",
+  sizeXl: "2rem",
+  size2xl: "2.25rem",
+  illuSm: "3rem",
+  illuMd: "5rem",
+  illuLg: "10rem",
+  strokeWidthXs: "0.0625rem",
+  strokeWidthSm: "0.078125rem",
+  strokeWidthMd: "0.09375rem",
+  strokeWidthLg: "0.125rem",
+  strokeWidthXl: "0.15625rem",
+  strokeWidth2xl: "0.1875rem",
+  strokeWidthIlluSm: "0.25rem",
+  strokeWidthIlluMd: "0.5rem",
+  strokeWidthIlluLg: "0.75rem",
+  baseColor: _semantics.default.color.icon.base,
+  mutedColor: _semantics.default.color.icon.muted,
+  successColor: _semantics.default.color.icon.success,
+  errorColor: _semantics.default.color.icon.error,
+  warningColor: _semantics.default.color.icon.warning,
+  infoColor: _semantics.default.color.icon.info,
+  onColor: _semantics.default.color.icon.onColor,
+  inverseColor: _semantics.default.color.icon.inverse,
+  disabledBaseColor: _semantics.default.color.icon.interactive.disabled.base,
+  disabledOnColor: _semantics.default.color.icon.interactive.disabled.onColor,
+  dark: _semantics.default.color.icon.dark,
+  sideNavColor: _semantics.default.color.icon.brand,
+  sideNavActiveColor: _semantics.default.color.icon.inverse,
+  navigationPrimaryBaseColor: _semantics.default.color.icon.interactive.navigation.primary.base,
+  navigationPrimaryHoverColor: _semantics.default.color.icon.interactive.navigation.primary.hover,
+  navigationPrimaryActiveColor: _semantics.default.color.icon.interactive.navigation.primary.active,
+  navigationPrimaryOnColorBaseColor: _semantics.default.color.icon.interactive.navigation.primaryOnColor.base,
+  navigationPrimaryOnColorHoverColor: _semantics.default.color.icon.interactive.navigation.primaryOnColor.hover,
+  navigationPrimaryOnColorActiveColor: _semantics.default.color.icon.interactive.navigation.primaryOnColor.active,
+  actionSecondaryBaseColor: _semantics.default.color.icon.interactive.action.secondary.base,
+  actionSecondaryHoverColor: _semantics.default.color.icon.interactive.action.secondary.hover,
+  actionSecondaryActiveColor: _semantics.default.color.icon.interactive.action.secondary.active,
+  actionSecondaryDisabledColor: _semantics.default.color.icon.interactive.action.secondary.disabled,
+  actionStatusBaseColor: _semantics.default.color.icon.interactive.action.status.base,
+  actionStatusHoverColor: _semantics.default.color.icon.interactive.action.status.hover,
+  actionStatusActiveColor: _semantics.default.color.icon.interactive.action.status.active,
+  actionStatusDisabledColor: _semantics.default.color.icon.interactive.action.status.disabled,
+  actionAiSecondaryTopGradientBaseColor: _semantics.default.color.icon.interactive.action.aiSecondary.topGradient.base,
+  actionAiSecondaryBottomGradientBaseColor: _semantics.default.color.icon.interactive.action.aiSecondary.bottomGradient.base,
+  actionAiBaseColor: _semantics.default.color.icon.interactive.action.ai.base,
+  actionAiHoverColor: _semantics.default.color.icon.interactive.action.ai.hover,
+  actionAiActiveColor: _semantics.default.color.icon.interactive.action.ai.active,
+  actionAiDisabledColor: _semantics.default.color.icon.interactive.action.ai.disabled,
+  actionPrimaryBaseColor: _semantics.default.color.icon.interactive.action.primary.base,
+  actionPrimaryHoverColor: _semantics.default.color.icon.interactive.action.primary.hover,
+  actionPrimaryActiveColor: _semantics.default.color.icon.interactive.action.primary.active,
+  actionPrimaryDisabledColor: _semantics.default.color.icon.interactive.action.primary.disabled,
+  actionPrimaryOnColorBaseColor: _semantics.default.color.icon.interactive.action.primaryOnColor.base,
+  actionTertiaryBaseColor: _semantics.default.color.icon.interactive.action.tertiary.base,
+  actionTertiaryHoverColor: _semantics.default.color.icon.interactive.action.tertiary.hover,
+  actionTertiaryActiveColor: _semantics.default.color.icon.interactive.action.tertiary.active,
+  actionPrimaryOnColorHoverColor: _semantics.default.color.icon.interactive.action.primaryOnColor.hover,
+  actionPrimaryOnColorActiveColor: _semantics.default.color.icon.interactive.action.primaryOnColor.active,
+  actionPrimaryOnColorDisabledColor: _semantics.default.color.icon.interactive.action.primaryOnColor.disabled,
+  actionTertiaryDisabledColor: _semantics.default.color.icon.interactive.action.tertiary.disabled,
+  actionSuccessSecondaryBaseColor: _semantics.default.color.icon.interactive.action.successSecondary.base,
+  actionSuccessSecondaryHoverColor: _semantics.default.color.icon.interactive.action.successSecondary.hover,
+  actionSuccessSecondaryActiveColor: _semantics.default.color.icon.interactive.action.successSecondary.active,
+  actionSuccessSecondaryDisabledColor: _semantics.default.color.icon.interactive.action.successSecondary.disabled,
+  actionDestructiveSecondaryBaseColor: _semantics.default.color.icon.interactive.action.destructiveSecondary.base,
+  actionDestructiveSecondaryHoverColor: _semantics.default.color.icon.interactive.action.destructiveSecondary.hover,
+  actionDestructiveSecondaryActiveColor: _semantics.default.color.icon.interactive.action.destructiveSecondary.active,
+  actionDestructiveSecondaryDisabledColor: _semantics.default.color.icon.interactive.action.destructiveSecondary.disabled,
+  accentBlueColor: _semantics.default.color.icon.accent.blue,
+  accentGreenColor: _semantics.default.color.icon.accent.green,
+  accentRedColor: _semantics.default.color.icon.accent.red,
+  accentOrangeColor: _semantics.default.color.icon.accent.orange,
+  accentGreyColor: _semantics.default.color.icon.accent.grey,
+  accentAshColor: _semantics.default.color.icon.accent.ash,
+  accentPlumColor: _semantics.default.color.icon.accent.plum,
+  accentVioletColor: _semantics.default.color.icon.accent.violet,
+  accentStoneColor: _semantics.default.color.icon.accent.stone,
+  accentSkyColor: _semantics.default.color.icon.accent.sky,
+  accentHoneyColor: _semantics.default.color.icon.accent.honey,
+  accentSeaColor: _semantics.default.color.icon.accent.sea,
+  accentAuroraColor: _semantics.default.color.icon.accent.aurora,
+  actionAiSecondaryDisabledColor: _semantics.default.color.icon.interactive.action.aiSecondary.disabled,
+  actionSecondaryOnColorBaseColor: _semantics.default.color.icon.interactive.action.secondaryOnColor.base,
+  actionSecondaryOnColorHoverColor: _semantics.default.color.icon.interactive.action.secondaryOnColor.hover,
+  actionSecondaryOnColorActiveColor: _semantics.default.color.icon.interactive.action.secondaryOnColor.active,
+  actionSecondaryOnColorDisabledColor: _semantics.default.color.icon.interactive.action.secondaryOnColor.disabled
+};
+var _default = exports.default = icon;