@instructure/ui-themes 11.7.10 → 11.7.11-snapshot-4

package/es/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js

@@ -1,109 +0,0 @@
-/*
- * 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 sideNavBarNew = semantic => ({
-  backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
-  fill: semantic.color.icon.onColor,
-  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-  minimizedminWidth: "5.75rem",
-  toggleTransition: "300ms",
-  minWidth: "14.5rem",
-  margin: "0rem",
-  minimizedMargin: "0rem",
-  mainNavMargin: "0rem",
-  mainNavMinimizedMargin: "0rem",
-  mainNavGap: "0rem",
-  navItemsGap: "0rem",
-  boxShadow: {
-    0: {
-      x: "0rem",
-      y: "0rem",
-      blur: "0rem",
-      spread: "0rem",
-      color: semantic.color.transparentColor,
-      type: "dropShadow"
-    },
-    1: {
-      x: "0rem",
-      y: "0rem",
-      blur: "0rem",
-      spread: "0rem",
-      color: semantic.color.transparentColor,
-      type: "dropShadow"
-    }
-  },
-  borderRadius: "0rem",
-  minimizedBorderRadius: "0rem",
-  borderColor: semantic.color.stroke.base,
-  borderWidth: semantic.borderWidth.sm,
-  item: {
-    iconWrapperHeight: "2.25rem",
-    borderRadius: "0rem",
-    backgroundColor: "transparent",
-    horizontalPadding: "0.5rem",
-    verticalPadding: "0.375rem",
-    fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    fontFamily: semantic.fontFamily.base,
-    fontSize: semantic.fontSize.textBase,
-    fontWeight: semantic.fontWeight.body.base,
-    hoverBackgroundColor: semantic.color.institutional.globalNavLinkHover,
-    lineHeight: semantic.lineHeight.paragraph.base,
-    linkTextDecoration: "none",
-    currentBackgroundColor: semantic.color.background.base,
-    selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
-    selectedAccountFontColor: semantic.color.text.interactive.navigation.primary.base,
-    innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
-    selectedInnerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
-    outerFocusOutlineColor: semantic.color.stroke.base,
-    selectedOuterFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor
-  },
-  drilldownOption: {
-    backgroundColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.primary.hover,
-    activeBackgroundColor: semantic.color.background.interactive.action.primary.active,
-    selectedBackgroundColor: semantic.color.background.brand,
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    selectedTextColor: semantic.color.text.interactive.navigation.primary.base,
-    logoutTextColor: semantic.color.text.onColor,
-    borderRadius: "0rem"
-  },
-  button: {
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor
-  },
-  subNav: {
-    strokeColor: semantic.color.stroke.base,
-    textColor: semantic.color.text.onColor,
-    padding: semantic.spacing.spaceMd,
-    gap: semantic.spacing.spaceSm
-  },
-  institutionLogo: {
-    textColor: semantic.color.text.onColor,
-    strokeColor: semantic.color.stroke.base,
-    padding: semantic.spacing.spaceSm,
-    gap: semantic.spacing.spaceMd
-  }
-});
-export default sideNavBarNew;

package/es/themes/newThemeTokens/light/components/sideNavBarNew.js

@@ -1,109 +0,0 @@
-/*
- * 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 sideNavBarNew = semantic => ({
-  backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
-  fill: semantic.color.icon.interactive.action.primaryOnColor.base,
-  borderColor: semantic.color.stroke.muted,
-  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-  minimizedminWidth: "6.5rem",
-  toggleTransition: "300ms",
-  minWidth: "16rem",
-  margin: semantic.spacing.spaceMd,
-  minimizedMargin: "0.375rem",
-  mainNavMargin: "0.75rem",
-  mainNavMinimizedMargin: "0rem",
-  mainNavGap: semantic.spacing.padding.container.xxs,
-  navItemsGap: semantic.spacing.spaceXs,
-  boxShadow: {
-    0: {
-      x: "0rem",
-      y: "0.0625rem",
-      blur: "0.125rem",
-      spread: "0rem",
-      color: semantic.color.dropShadow.shadowColor1,
-      type: "dropShadow"
-    },
-    1: {
-      x: "0rem",
-      y: "0.125rem",
-      blur: "0.25rem",
-      spread: "0.125rem",
-      color: semantic.color.dropShadow.shadowColor2,
-      type: "dropShadow"
-    }
-  },
-  borderRadius: semantic.borderRadius.lg,
-  minimizedBorderRadius: semantic.borderRadius.container.sm,
-  borderWidth: semantic.borderWidth.sm,
-  item: {
-    horizontalPadding: semantic.spacing.spaceSm,
-    verticalPadding: "0.25rem",
-    iconWrapperHeight: "2.25rem",
-    borderRadius: semantic.borderRadius.lg,
-    backgroundColor: "transparent",
-    fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    fontFamily: semantic.fontFamily.base,
-    fontSize: semantic.fontSize.textBase,
-    fontWeight: semantic.fontWeight.body.base,
-    innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
-    outerFocusOutlineColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
-    lineHeight: semantic.lineHeight.paragraph.base,
-    linkTextDecoration: "none",
-    currentBackgroundColor: semantic.color.institutional.brandPrimary,
-    selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
-    selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedAccountFontColor: semantic.color.text.base,
-    selectedInnerFocusOutlineColor: semantic.color.icon.inverse,
-    selectedOuterFocusOutlineColor: semantic.color.transparentColor
-  },
-  drilldownOption: {
-    backgroundColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
-    activeBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedBackgroundColor: semantic.color.background.brand,
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    selectedTextColor: semantic.color.text.inverse,
-    logoutTextColor: semantic.color.text.error,
-    borderRadius: semantic.borderRadius.lg
-  },
-  button: {
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor
-  },
-  subNav: {
-    strokeColor: semantic.color.stroke.muted,
-    textColor: semantic.color.text.base,
-    padding: semantic.spacing.spaceMd,
-    gap: semantic.spacing.spaceSm
-  },
-  institutionLogo: {
-    textColor: semantic.color.text.base,
-    strokeColor: semantic.color.stroke.muted,
-    padding: semantic.spacing.spaceSm,
-    gap: semantic.spacing.spaceMd
-  }
-});
-export default sideNavBarNew;

package/lib/themes/newThemeTokens/dark/components/sideNavBarNew.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * 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 sideNavBarNew = semantic => ({
-  backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
-  fill: semantic.color.icon.interactive.action.primaryOnColor.base,
-  borderColor: semantic.color.stroke.muted,
-  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-  minimizedminWidth: "6.5rem",
-  toggleTransition: "300ms",
-  minWidth: "16rem",
-  margin: semantic.spacing.spaceMd,
-  minimizedMargin: "0.375rem",
-  mainNavMargin: "0.75rem",
-  mainNavMinimizedMargin: "0rem",
-  mainNavGap: semantic.spacing.padding.container.xxs,
-  navItemsGap: semantic.spacing.spaceXs,
-  boxShadow: {
-    0: {
-      x: "0rem",
-      y: "0.0625rem",
-      blur: "0.125rem",
-      spread: "0rem",
-      color: semantic.color.dropShadow.shadowColor1,
-      type: "dropShadow"
-    },
-    1: {
-      x: "0rem",
-      y: "0.125rem",
-      blur: "0.25rem",
-      spread: "0.125rem",
-      color: semantic.color.dropShadow.shadowColor2,
-      type: "dropShadow"
-    }
-  },
-  borderRadius: semantic.borderRadius.lg,
-  minimizedBorderRadius: semantic.borderRadius.container.sm,
-  borderWidth: semantic.borderWidth.sm,
-  item: {
-    horizontalPadding: semantic.spacing.spaceSm,
-    verticalPadding: "0.25rem",
-    iconWrapperHeight: "2.25rem",
-    borderRadius: semantic.borderRadius.lg,
-    backgroundColor: "transparent",
-    fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    fontFamily: semantic.fontFamily.base,
-    fontSize: semantic.fontSize.textBase,
-    fontWeight: semantic.fontWeight.body.base,
-    innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
-    outerFocusOutlineColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
-    lineHeight: semantic.lineHeight.paragraph.base,
-    linkTextDecoration: "none",
-    currentBackgroundColor: semantic.color.institutional.brandPrimary,
-    selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
-    selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedAccountFontColor: semantic.color.text.base,
-    selectedInnerFocusOutlineColor: semantic.color.icon.inverse,
-    selectedOuterFocusOutlineColor: semantic.color.transparentColor
-  },
-  drilldownOption: {
-    backgroundColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
-    activeBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedBackgroundColor: semantic.color.background.brand,
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    selectedTextColor: semantic.color.text.inverse,
-    logoutTextColor: semantic.color.text.error,
-    borderRadius: semantic.borderRadius.lg
-  },
-  button: {
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor
-  },
-  subNav: {
-    strokeColor: semantic.color.stroke.muted,
-    textColor: semantic.color.text.base,
-    padding: semantic.spacing.spaceMd,
-    gap: semantic.spacing.spaceSm
-  },
-  institutionLogo: {
-    textColor: semantic.color.text.base,
-    strokeColor: semantic.color.stroke.muted,
-    padding: semantic.spacing.spaceSm,
-    gap: semantic.spacing.spaceMd
-  }
-});
-var _default = exports.default = sideNavBarNew;

package/lib/themes/newThemeTokens/legacyCanvas/components/sideNavBarNew.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * 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 sideNavBarNew = semantic => ({
-  backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
-  fill: semantic.color.icon.onColor,
-  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-  minimizedminWidth: "5.75rem",
-  toggleTransition: "300ms",
-  minWidth: "14.5rem",
-  margin: "0rem",
-  minimizedMargin: "0rem",
-  mainNavMargin: "0rem",
-  mainNavMinimizedMargin: "0rem",
-  mainNavGap: "0rem",
-  navItemsGap: "0rem",
-  boxShadow: {
-    0: {
-      x: "0rem",
-      y: "0rem",
-      blur: "0rem",
-      spread: "0rem",
-      color: semantic.color.transparentColor,
-      type: "dropShadow"
-    },
-    1: {
-      x: "0rem",
-      y: "0rem",
-      blur: "0rem",
-      spread: "0rem",
-      color: semantic.color.transparentColor,
-      type: "dropShadow"
-    }
-  },
-  borderRadius: "0rem",
-  minimizedBorderRadius: "0rem",
-  borderColor: semantic.color.stroke.base,
-  borderWidth: semantic.borderWidth.sm,
-  item: {
-    iconWrapperHeight: "2.25rem",
-    borderRadius: "0rem",
-    backgroundColor: "transparent",
-    horizontalPadding: "0.5rem",
-    verticalPadding: "0.375rem",
-    fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    fontFamily: semantic.fontFamily.base,
-    fontSize: semantic.fontSize.textBase,
-    fontWeight: semantic.fontWeight.body.base,
-    hoverBackgroundColor: semantic.color.institutional.globalNavLinkHover,
-    lineHeight: semantic.lineHeight.paragraph.base,
-    linkTextDecoration: "none",
-    currentBackgroundColor: semantic.color.background.base,
-    selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
-    selectedAccountFontColor: semantic.color.text.interactive.navigation.primary.base,
-    innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
-    selectedInnerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
-    outerFocusOutlineColor: semantic.color.stroke.base,
-    selectedOuterFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor
-  },
-  drilldownOption: {
-    backgroundColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.primary.hover,
-    activeBackgroundColor: semantic.color.background.interactive.action.primary.active,
-    selectedBackgroundColor: semantic.color.background.brand,
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    selectedTextColor: semantic.color.text.interactive.navigation.primary.base,
-    logoutTextColor: semantic.color.text.onColor,
-    borderRadius: "0rem"
-  },
-  button: {
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor
-  },
-  subNav: {
-    strokeColor: semantic.color.stroke.base,
-    textColor: semantic.color.text.onColor,
-    padding: semantic.spacing.spaceMd,
-    gap: semantic.spacing.spaceSm
-  },
-  institutionLogo: {
-    textColor: semantic.color.text.onColor,
-    strokeColor: semantic.color.stroke.base,
-    padding: semantic.spacing.spaceSm,
-    gap: semantic.spacing.spaceMd
-  }
-});
-var _default = exports.default = sideNavBarNew;

package/lib/themes/newThemeTokens/legacyCanvasHighContrast/components/sideNavBarNew.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * 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 sideNavBarNew = semantic => ({
-  backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
-  fill: semantic.color.icon.onColor,
-  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-  minimizedminWidth: "5.75rem",
-  toggleTransition: "300ms",
-  minWidth: "14.5rem",
-  margin: "0rem",
-  minimizedMargin: "0rem",
-  mainNavMargin: "0rem",
-  mainNavMinimizedMargin: "0rem",
-  mainNavGap: "0rem",
-  navItemsGap: "0rem",
-  boxShadow: {
-    0: {
-      x: "0rem",
-      y: "0rem",
-      blur: "0rem",
-      spread: "0rem",
-      color: semantic.color.transparentColor,
-      type: "dropShadow"
-    },
-    1: {
-      x: "0rem",
-      y: "0rem",
-      blur: "0rem",
-      spread: "0rem",
-      color: semantic.color.transparentColor,
-      type: "dropShadow"
-    }
-  },
-  borderRadius: "0rem",
-  minimizedBorderRadius: "0rem",
-  borderColor: semantic.color.stroke.base,
-  borderWidth: semantic.borderWidth.sm,
-  item: {
-    iconWrapperHeight: "2.25rem",
-    borderRadius: "0rem",
-    backgroundColor: "transparent",
-    horizontalPadding: "0.5rem",
-    verticalPadding: "0.375rem",
-    fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    fontFamily: semantic.fontFamily.base,
-    fontSize: semantic.fontSize.textBase,
-    fontWeight: semantic.fontWeight.body.base,
-    hoverBackgroundColor: semantic.color.institutional.globalNavLinkHover,
-    lineHeight: semantic.lineHeight.paragraph.base,
-    linkTextDecoration: "none",
-    currentBackgroundColor: semantic.color.background.base,
-    selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
-    selectedAccountFontColor: semantic.color.text.interactive.navigation.primary.base,
-    innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor,
-    selectedInnerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
-    outerFocusOutlineColor: semantic.color.stroke.base,
-    selectedOuterFocusOutlineColor: semantic.color.stroke.interactive.focusRing.onColor
-  },
-  drilldownOption: {
-    backgroundColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.primary.hover,
-    activeBackgroundColor: semantic.color.background.interactive.action.primary.active,
-    selectedBackgroundColor: semantic.color.background.brand,
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    selectedTextColor: semantic.color.text.interactive.navigation.primary.base,
-    logoutTextColor: semantic.color.text.onColor,
-    borderRadius: "0rem"
-  },
-  button: {
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor
-  },
-  subNav: {
-    strokeColor: semantic.color.stroke.base,
-    textColor: semantic.color.text.onColor,
-    padding: semantic.spacing.spaceMd,
-    gap: semantic.spacing.spaceSm
-  },
-  institutionLogo: {
-    textColor: semantic.color.text.onColor,
-    strokeColor: semantic.color.stroke.base,
-    padding: semantic.spacing.spaceSm,
-    gap: semantic.spacing.spaceMd
-  }
-});
-var _default = exports.default = sideNavBarNew;

package/lib/themes/newThemeTokens/light/components/sideNavBarNew.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * 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 sideNavBarNew = semantic => ({
-  backgroundColor: semantic.color.institutional.brandGlobalNavBgd,
-  fill: semantic.color.icon.interactive.action.primaryOnColor.base,
-  borderColor: semantic.color.stroke.muted,
-  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-  minimizedminWidth: "6.5rem",
-  toggleTransition: "300ms",
-  minWidth: "16rem",
-  margin: semantic.spacing.spaceMd,
-  minimizedMargin: "0.375rem",
-  mainNavMargin: "0.75rem",
-  mainNavMinimizedMargin: "0rem",
-  mainNavGap: semantic.spacing.padding.container.xxs,
-  navItemsGap: semantic.spacing.spaceXs,
-  boxShadow: {
-    0: {
-      x: "0rem",
-      y: "0.0625rem",
-      blur: "0.125rem",
-      spread: "0rem",
-      color: semantic.color.dropShadow.shadowColor1,
-      type: "dropShadow"
-    },
-    1: {
-      x: "0rem",
-      y: "0.125rem",
-      blur: "0.25rem",
-      spread: "0.125rem",
-      color: semantic.color.dropShadow.shadowColor2,
-      type: "dropShadow"
-    }
-  },
-  borderRadius: semantic.borderRadius.lg,
-  minimizedBorderRadius: semantic.borderRadius.container.sm,
-  borderWidth: semantic.borderWidth.sm,
-  item: {
-    horizontalPadding: semantic.spacing.spaceSm,
-    verticalPadding: "0.25rem",
-    iconWrapperHeight: "2.25rem",
-    borderRadius: semantic.borderRadius.lg,
-    backgroundColor: "transparent",
-    fontColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    fontFamily: semantic.fontFamily.base,
-    fontSize: semantic.fontSize.textBase,
-    fontWeight: semantic.fontWeight.body.base,
-    innerFocusOutlineColor: semantic.color.stroke.interactive.focusRing.base,
-    outerFocusOutlineColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
-    lineHeight: semantic.lineHeight.paragraph.base,
-    linkTextDecoration: "none",
-    currentBackgroundColor: semantic.color.institutional.brandPrimary,
-    selectedBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    currentTextColor: semantic.color.institutional.brandGlobalNavMenuItemTextColorActive,
-    selectedAccountBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedAccountFontColor: semantic.color.text.base,
-    selectedInnerFocusOutlineColor: semantic.color.icon.inverse,
-    selectedOuterFocusOutlineColor: semantic.color.transparentColor
-  },
-  drilldownOption: {
-    backgroundColor: semantic.color.transparentColor,
-    hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
-    activeBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
-    selectedBackgroundColor: semantic.color.background.brand,
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
-    selectedTextColor: semantic.color.text.inverse,
-    logoutTextColor: semantic.color.text.error,
-    borderRadius: semantic.borderRadius.lg
-  },
-  button: {
-    textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor
-  },
-  subNav: {
-    strokeColor: semantic.color.stroke.muted,
-    textColor: semantic.color.text.base,
-    padding: semantic.spacing.spaceMd,
-    gap: semantic.spacing.spaceSm
-  },
-  institutionLogo: {
-    textColor: semantic.color.text.base,
-    strokeColor: semantic.color.stroke.muted,
-    padding: semantic.spacing.spaceSm,
-    gap: semantic.spacing.spaceMd
-  }
-});
-var _default = exports.default = sideNavBarNew;