npm - @instructure/ui-themes - Versions diffs - 11.7.1 → 11.7.2-snapshot-4 - Mend

@instructure/ui-themes 11.7.1 → 11.7.2-snapshot-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/src/themes/newThemes/light/components/topNavBarLayout.ts CHANGED Viewed

@@ -59,5 +59,10 @@ const topNavBarLayout: TopNavBarLayout = {
   smallViewportTrayPosition: "fixed",
   smallViewportTrayZIndex: 9998,
   smallViewportZIndex: 10000,
+  desktopBottomBorderInverse: semantics.color.stroke.inverse,
+  desktopBrandContainerInlineMargin: semantics.spacing.spaceMd,
+  desktopActionItemsContainerInlineMargin: semantics.spacing.spaceXs,
+  smallViewportFontSize: semantics.fontSize.textSm,
+  smallViewportTrayFixTopPosition: "undefined",
 }
 export default topNavBarLayout

package/src/themes/newThemes/light/components/topNavBarMenuItems.ts CHANGED Viewed

@@ -27,7 +27,6 @@ import semantics from "../semantics"
 const topNavBarMenuItems: TopNavBarMenuItems = {
   desktopItemSpacing: semantics.spacing.spaceLg,
-  desktopMaxWidth: "100%",
   desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
   desktopSubmenuActiveOptionIndicatorColor: "currentColor",
   desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,

package/tokens/canvas/scss/_variables.scss CHANGED Viewed

@@ -1709,7 +1709,7 @@ $instui-canvas-new-theme-components-badge-count-offset: 0.5rem;
 $instui-canvas-new-theme-components-tag-default-background: #F2F4F5;
 $instui-canvas-new-theme-components-tag-default-background-hover: #E8EAEC;
 $instui-canvas-new-theme-components-tag-default-border-color: #C7CACD;
-$instui-canvas-new-theme-components-tag-default-border-radius: 0.25rem;
+$instui-canvas-new-theme-components-tag-default-border-radius: 999rem;
 $instui-canvas-new-theme-components-tag-default-border-style: solid;
 $instui-canvas-new-theme-components-tag-inline-border-style: solid;
 $instui-canvas-new-theme-components-tag-default-border-width: 0.0625rem;
@@ -2354,7 +2354,6 @@ $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-acti
 $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-font-weight: 700;
 $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-indicator-spacing: 0.25rem;
 $instui-canvas-new-theme-components-top-nav-bar-action-items-small-viewport-dropdown-menu-active-option-indicator-width: 0.25rem;
-$instui-canvas-new-theme-components-top-nav-bar-action-items-active-indicator-width: 0.125rem;
 $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-dropdown-menu-active-option-indicator-spacing: 0.25rem;
 $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-dropdown-menu-active-option-indicator-width: 0.25rem;
 $instui-canvas-new-theme-components-top-nav-bar-layout-desktop-height: 4rem;
@@ -2388,11 +2387,15 @@ $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-inline-pad
 $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-tray-position: fixed;
 $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-tray-z-index: 9998;
 $instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-z-index: 10000;
+$instui-canvas-new-theme-components-top-nav-bar-layout-desktop-bottom-border-inverse: #ffffff;
+$instui-canvas-new-theme-components-top-nav-bar-layout-desktop-brand-container-inline-margin: 0.75rem;
+$instui-canvas-new-theme-components-top-nav-bar-layout-desktop-action-items-container-inline-margin: 0.25rem;
+$instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-font-size: 0.875rem;
+$instui-canvas-new-theme-components-top-nav-bar-layout-small-viewport-tray-fix-top-position: undefined;
 $instui-canvas-new-theme-components-top-nav-bar-brand-logo-height: 2.25rem;
 $instui-canvas-new-theme-components-top-nav-bar-brand-focus-outline-inset: -0.25rem;
 $instui-canvas-new-theme-components-top-nav-bar-brand-icon-padding: 0.75rem;
 $instui-canvas-new-theme-components-top-nav-bar-item-font-size: 1rem;
-$instui-canvas-new-theme-components-top-nav-bar-item-small-viewport-font-size: 1rem;
 $instui-canvas-new-theme-components-top-nav-bar-item-font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $instui-canvas-new-theme-components-top-nav-bar-item-font-weight: 400;
 $instui-canvas-new-theme-components-top-nav-bar-item-color: #ffffff;
@@ -2408,7 +2411,6 @@ $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-activ
 $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-item-spacing: 1rem;
 $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-spacing: 0.25rem;
 $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-font-weight: 700;
-$instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-max-width: 100%;
 $instui-canvas-new-theme-components-top-nav-bar-menu-items-desktop-submenu-active-option-indicator-color: currentColor;
 $instui-canvas-new-theme-components-select-popover-border-width: 0.0625rem;
 $instui-canvas-new-theme-components-pagination-page-indicator-gap: 0.5rem;