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

package/lib/themes/newThemes/legacyCanvasHighContrast/components/popover.js

@@ -0,0 +1,37 @@
+"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 popover = {
+  borderColor: _semantics.default.color.stroke.container.base,
+  borderRadius: _semantics.default.borderRadius.md
+};
+var _default = exports.default = popover;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/progressBar.js

@@ -0,0 +1,70 @@
+"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 progressBar = {
+  borderRadius: "0rem",
+  fontFamily: _semantics.default.fontFamily.base,
+  fontSize: _semantics.default.fontSize.textBase,
+  xSmallValueFontSize: _semantics.default.fontSize.textXs,
+  smallValueFontSize: _semantics.default.fontSize.textXs,
+  mediumValueFontSize: _semantics.default.fontSize.textSm,
+  largeValueFontSize: _semantics.default.fontSize.textBase,
+  fontWeight: _semantics.default.fontWeight.body.base,
+  lineHeight: _semantics.default.lineHeight.heading.base,
+  xSmallHeight: "0.5rem",
+  smallHeight: "1.125rem",
+  mediumHeight: "1.5rem",
+  meterColorAlert: _semantics.default.color.background.info,
+  meterColorAlertInverse: _semantics.default.color.background.info,
+  meterColorBrand: _semantics.default.color.background.brand,
+  meterColorBrandInverse: _semantics.default.color.background.brand,
+  meterColorDanger: _semantics.default.color.background.error,
+  meterColorDangerInverse: _semantics.default.color.background.error,
+  meterColorInfo: _semantics.default.color.background.info,
+  meterColorInfoInverse: _semantics.default.color.background.info,
+  meterColorSuccess: _semantics.default.color.background.success,
+  meterColorSuccessInverse: _semantics.default.color.background.success,
+  meterColorWarning: _semantics.default.color.background.warning,
+  meterColorWarningInverse: _semantics.default.color.background.warning,
+  largeHeight: "2.25rem",
+  trackBottomBorderColor: _semantics.default.color.stroke.strong,
+  trackBottomBorderColorInverse: _semantics.default.color.stroke.onColor,
+  trackBottomBorderWidth: _semantics.default.borderWidth.sm,
+  trackColor: _semantics.default.color.background.base,
+  trackColorInverse: _semantics.default.color.transparentColor,
+  textColor: _semantics.default.color.text.base,
+  valuePadding: "0.375rem",
+  textColorInverse: _semantics.default.color.text.onColor,
+  borderColor: _semantics.default.color.transparentColor,
+  borderColorInverse: _semantics.default.color.transparentColor
+};
+var _default = exports.default = progressBar;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/progressCircle.js

@@ -0,0 +1,80 @@
+"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 progressCircle = {
+  fontFamily: _semantics.default.fontFamily.base,
+  fontWeight: _semantics.default.fontWeight.heading.base,
+  lineHeight: _semantics.default.lineHeight.heading.base,
+  xSmallSize: "3em",
+  xSmallCircumference: "6.25em",
+  xSmallTransform: "1.5em",
+  xSmallStrokeWidth: "0.2em",
+  smallSize: "5em",
+  smallCircumference: "11em",
+  smallTransform: "2.5em",
+  smallStrokeWidth: "0.5em",
+  mediumSize: "7em",
+  mediumCircumference: "17.25em",
+  mediumTransform: "3.5em",
+  mediumStrokeWidth: "0.625em",
+  largeSize: "9em",
+  largeCircumference: "22em",
+  largeTransform: "4.5em",
+  largeStrokeWidth: "0.875em",
+  color: _semantics.default.color.text.base,
+  colorInverse: _semantics.default.color.text.inverse,
+  trackColor: _semantics.default.color.background.base,
+  trackColorInverse: _semantics.default.color.transparentColor,
+  trackBorderColor: _semantics.default.color.stroke.base,
+  trackBorderColorInverse: _semantics.default.color.stroke.inverse,
+  meterColorAlert: _semantics.default.color.stroke.info,
+  meterColorAlertInverse: _semantics.default.color.stroke.inverse,
+  meterColorBrand: _semantics.default.color.stroke.brand,
+  meterColorBrandInverse: _semantics.default.color.stroke.inverse,
+  meterColorDanger: _semantics.default.color.stroke.error,
+  meterColorDangerInverse: _semantics.default.color.stroke.inverse,
+  meterColorInfo: _semantics.default.color.stroke.info,
+  meterColorInfoInverse: _semantics.default.color.stroke.inverse,
+  meterColorSuccess: _semantics.default.color.stroke.success,
+  meterColorSuccessInverse: _semantics.default.color.stroke.inverse,
+  meterColorWarning: _semantics.default.color.stroke.warning,
+  meterColorWarningInverse: _semantics.default.color.stroke.inverse,
+  xSmallRadius: "1em",
+  smallRadius: "1.8em",
+  mediumRadius: "2.75em",
+  largeRadius: "3.5em",
+  xSmallBorderOffset: "0.94em",
+  smallBorderOffset: "1.6125em",
+  mediumBorderOffset: "2.5em",
+  largeBorderOffset: "3.125em"
+};
+var _default = exports.default = progressCircle;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/radioInput.js

@@ -0,0 +1,96 @@
+"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 radioInput = {
+  backgroundColor: _semantics.default.color.background.interactive.input.base,
+  backgroundHoverColor: _semantics.default.color.background.interactive.input.hover,
+  backgroundReadonlyColor: _semantics.default.color.background.interactive.input.readonly,
+  backgroundDisabledColor: _semantics.default.color.background.interactive.input.disabled,
+  borderColor: _semantics.default.color.stroke.interactive.input.base,
+  borderHoverColor: _semantics.default.color.stroke.interactive.input.hover,
+  borderReadonlyColor: _semantics.default.color.stroke.interactive.input.readonly,
+  borderDisabledColor: _semantics.default.color.stroke.interactive.input.disabled,
+  borderSelectedColor: _semantics.default.color.stroke.interactive.input.selected,
+  fontSizeSm: _semantics.default.fontSize.textSm,
+  fontSizeMd: _semantics.default.fontSize.textBase,
+  fontSizeLg: "1.375rem",
+  toggleSmallFontSize: _semantics.default.fontSize.textXs,
+  toggleMediumFontSize: _semantics.default.fontSize.textSm,
+  toggleLargeFontSize: _semantics.default.fontSize.textBase,
+  lineHeightSm: _semantics.default.lineHeight.paragraph.textSm,
+  lineHeightMd: _semantics.default.lineHeight.paragraph.textBase,
+  lineHeightLg: _semantics.default.lineHeight.paragraph.textBase,
+  fontFamily: _semantics.default.fontFamily.base,
+  fontWeight: _semantics.default.fontWeight.body.base,
+  gap: _semantics.default.spacing.spaceSm,
+  borderWidth: _semantics.default.borderWidth.interactive.base,
+  toggleBorderWidth: _semantics.default.borderWidth.lg,
+  labelBaseColor: _semantics.default.color.text.base,
+  labelHoverColor: _semantics.default.color.text.base,
+  labelDisabledColor: _semantics.default.color.text.interactive.disabled.base,
+  labelReadonlyColor: _semantics.default.color.text.base,
+  controlSizeSm: _semantics.default.size.choiceControl.height.sm,
+  controlSizeMd: _semantics.default.size.choiceControl.height.md,
+  controlSizeLg: _semantics.default.size.choiceControl.height.lg,
+  checkedInsetSm: "0.1875rem",
+  checkedInsetMd: "0.25rem",
+  checkedInsetLg: "0.375rem",
+  toggleSmallHeight: _semantics.default.size.interactive.height.sm,
+  toggleMediumHeight: _semantics.default.size.interactive.height.md,
+  toggleLargeHeight: _semantics.default.size.interactive.height.lg,
+  controlVerticalMargin: _semantics.default.spacing.space2xs,
+  toggleBackgroundDanger: _semantics.default.color.background.warning,
+  toggleBackgroundOff: _semantics.default.color.background.success,
+  toggleBackgroundSuccess: _semantics.default.color.background.success,
+  toggleBackgroundWarning: _semantics.default.color.background.warning,
+  toggleHandleText: _semantics.default.color.text.onColor,
+  toggleBorderRadius: "0.125rem",
+  toggleShadow: {
+    0: {
+      x: _semantics.default.dropShadow.x.elevation1.dropshadow1,
+      y: _semantics.default.dropShadow.y.elevation1.dropshadow1,
+      blur: _semantics.default.dropShadow.blur.elevation1.dropshadow1,
+      spread: _semantics.default.dropShadow.spread.elevation1.dropshadow1,
+      color: _semantics.default.color.dropShadow.shadowColor1,
+      type: "dropShadow"
+    },
+    1: {
+      x: _semantics.default.dropShadow.x.elevation1.dropshadow2,
+      y: _semantics.default.dropShadow.y.elevation1.dropshadow2,
+      blur: _semantics.default.dropShadow.blur.elevation1.dropshadow2,
+      spread: _semantics.default.dropShadow.spread.elevation1.dropshadow2,
+      color: _semantics.default.color.dropShadow.shadowColor2,
+      type: "innerShadow"
+    }
+  }
+};
+var _default = exports.default = radioInput;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/rangeInput.js

@@ -0,0 +1,77 @@
+"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 rangeInput = {
+  handleBackground: _semantics.default.color.background.brand,
+  handleHoverBackground: _semantics.default.color.background.brand,
+  handleFocusBackground: _semantics.default.color.background.brand,
+  handleFocusOutlineColor: _semantics.default.color.background.brand,
+  handleShadowColor: _semantics.default.color.background.brand,
+  handleBorderColor: _semantics.default.color.stroke.onColor,
+  handleBorderSize: _semantics.default.borderWidth.md,
+  handleFocusOutlineWidth: "0.75em",
+  handleFocusInset: _semantics.default.spacing.space2xs,
+  trackBackground: _semantics.default.color.background.accent.grey,
+  valueFontFamily: _semantics.default.fontFamily.base,
+  valueFontWeight: _semantics.default.fontWeight.body.base,
+  valueSmallFontSize: _semantics.default.fontSize.textSm,
+  valueMediumFontSize: _semantics.default.fontSize.textBase,
+  valueLargeFontSize: _semantics.default.fontSize.textLg,
+  valueSmallPadding: _semantics.default.spacing.spaceSm,
+  valueMediumPadding: _semantics.default.spacing.spaceMd,
+  valueLargePadding: _semantics.default.spacing.spaceXl,
+  valueSmallLineHeight: "1.75rem",
+  valueMediumLineHeight: "2.375rem",
+  valueLargeLineHeight: "3rem",
+  trackBorderColor: _semantics.default.color.stroke.strong,
+  minWidth: "12.5rem",
+  handleSize: "1.5rem",
+  boxShadow: {
+    0: {
+      x: _semantics.default.dropShadow.x.elevation1.dropshadow1,
+      y: _semantics.default.dropShadow.y.elevation1.dropshadow1,
+      blur: _semantics.default.dropShadow.blur.elevation1.dropshadow1,
+      spread: _semantics.default.dropShadow.spread.elevation1.dropshadow1,
+      color: _semantics.default.color.dropShadow.shadowColor1,
+      type: "dropShadow"
+    },
+    1: {
+      x: _semantics.default.dropShadow.x.elevation1.dropshadow2,
+      y: _semantics.default.dropShadow.y.elevation1.dropshadow2,
+      blur: _semantics.default.dropShadow.blur.elevation1.dropshadow2,
+      spread: _semantics.default.dropShadow.spread.elevation1.dropshadow2,
+      color: _semantics.default.color.dropShadow.shadowColor2,
+      type: "dropShadow"
+    }
+  }
+};
+var _default = exports.default = rangeInput;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/ratingIcon.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 ratingIcon = {
+  iconMargin: _semantics.default.spacing.space2xs,
+  iconEmptyColor: _semantics.default.color.stroke.brand,
+  iconFilledColor: _semantics.default.color.background.brand,
+  smallIconFontSize: "1rem",
+  mediumIconFontSize: "1.375rem",
+  largeIconFontSize: "2.375rem"
+};
+var _default = exports.default = ratingIcon;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/rgbaInput.js

@@ -0,0 +1,40 @@
+"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 rgbaInput = {
+  rgbaInputTopMargin: "1.5rem",
+  inputContainerTopMargin: "1.5rem",
+  tgbInputTopMargin: "0.5rem",
+  labelFontWeight: _semantics.default.fontWeight.body.base,
+  rgbaInputLabel: _semantics.default.color.text.base
+};
+var _default = exports.default = rgbaInput;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/select.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 select = {
+  popoverBorderWidth: _semantics.default.borderWidth.sm
+};
+var _default = exports.default = select;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/sideNavBar.js

@@ -0,0 +1,65 @@
+"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 sideNavBar = {
+  backgroundColor: _semantics.default.color.background.dark,
+  fill: _semantics.default.color.icon.onColor,
+  fontColor: _semantics.default.color.text.onColor,
+  minimizedWidth: "3.375rem",
+  toggleTransition: "300ms",
+  width: "5.25rem",
+  margin: "0rem",
+  minimizedMargin: "0rem",
+  contentMargin: "0rem",
+  contentGap: "0rem",
+  boxShadow: {
+    0: {
+      x: "0rem",
+      y: "0rem",
+      blur: "0rem",
+      spread: "0rem",
+      color: _semantics.default.color.transparentColor,
+      type: "dropShadow"
+    },
+    1: {
+      x: "0rem",
+      y: "0rem",
+      blur: "0rem",
+      spread: "0rem",
+      color: _semantics.default.color.transparentColor,
+      type: "dropShadow"
+    }
+  },
+  borderRadius: "0rem",
+  minimizedBorderRadius: "0rem"
+};
+var _default = exports.default = sideNavBar;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarItem.js

@@ -0,0 +1,52 @@
+"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 sideNavBarItem = {
+  iconWrapperHeight: "2.25rem",
+  borderRadius: "0rem",
+  backgroundColor: "transparent",
+  contentPadding: "0.375rem",
+  fontColor: _semantics.default.color.text.onColor,
+  fontFamily: _semantics.default.fontFamily.base,
+  fontSize: _semantics.default.fontSize.textSm,
+  fontWeight: _semantics.default.fontWeight.body.base,
+  hoverBackgroundColor: _semantics.default.color.background.interactive.action.primary.hover,
+  lineHeight: _semantics.default.lineHeight.paragraph.base,
+  linkTextDecoration: "none",
+  selectedBackgroundColor: _semantics.default.color.background.base,
+  selectedFontColor: _semantics.default.color.text.interactive.navigation.primary.base,
+  innerFocusOutlineColor: _semantics.default.color.stroke.interactive.focusRing.onColor,
+  selectedInnerFocusOutlineColor: _semantics.default.color.stroke.interactive.focusRing.base,
+  outerFocusOutlineColor: _semantics.default.color.stroke.base,
+  selectedOuterFocusOutlineColor: _semantics.default.color.stroke.interactive.focusRing.onColor
+};
+var _default = exports.default = sideNavBarItem;

package/lib/themes/newThemes/legacyCanvasHighContrast/components/sideNavBarItemNew.js

@@ -0,0 +1,52 @@
+"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 sideNavBarItemNew = {
+  iconWrapperHeight: "2.25rem",
+  borderRadius: "0rem",
+  backgroundColor: "transparent",
+  contentPadding: "0.375rem",
+  fontColor: _semantics.default.color.text.onColor,
+  fontFamily: _semantics.default.fontFamily.base,
+  fontSize: _semantics.default.fontSize.textSm,
+  fontWeight: _semantics.default.fontWeight.body.base,
+  hoverBackgroundColor: _semantics.default.color.background.interactive.action.primary.hover,
+  lineHeight: _semantics.default.lineHeight.paragraph.base,
+  linkTextDecoration: "none",
+  selectedBackgroundColor: _semantics.default.color.background.base,
+  selectedFontColor: _semantics.default.color.text.interactive.navigation.primary.base,
+  innerFocusOutlineColor: _semantics.default.color.stroke.interactive.focusRing.onColor,
+  selectedInnerFocusOutlineColor: _semantics.default.color.stroke.interactive.focusRing.base,
+  outerFocusOutlineColor: _semantics.default.color.stroke.base,
+  selectedOuterFocusOutlineColor: _semantics.default.color.stroke.interactive.focusRing.onColor
+};
+var _default = exports.default = sideNavBarItemNew;