orcs-design-system 3.3.0 → 3.3.1

package/es/components/Header/Header.styles.js

@@ -9,7 +9,7 @@ export const Bar = styled("header").attrs(props => ({
   displayName: "Headerstyles__Bar",
   componentId: "sc-xs8ba0-0"
 })(props => ({
-  height: themeGet("appScale.navBarSize")(props)
+  height: themeGet("appScale.newNavBarSize")(props)
 }), css({
   width: "100%",
   zIndex: 12,
@@ -56,7 +56,7 @@ export const SearchContainer = styled("div").withConfig({
   displayName: "Headerstyles__SearchContainer",
   componentId: "sc-xs8ba0-2"
 })(props => css({
-  maxWidth: "600px",
+  maxWidth: "550px",
   flex: "1 1 auto",
   borderRadius: themeGet("radii.2")(props),
   boxShadow: themeGet("shadows.boxDefault")(props)

package/es/components/SideNav/index.js

@@ -87,8 +87,8 @@ const SideNavExpanded = styled("div").withConfig({
 })(props => css({
   position: "relative",
   display: props.active ? "block" : "none",
-  minWidth: props.large ? "calc(" + themeGet("appScale.sidebarMaxWidthLarge")(props) + " - " + themeGet("appScale.navBarSize")(props) + ")" : "calc(" + themeGet("appScale.sidebarMaxWidth")(props) + " - " + themeGet("appScale.navBarSize")(props) + ")",
-  maxWidth: props.large ? "calc(" + themeGet("appScale.sidebarMaxWidthLarge")(props) + " - " + themeGet("appScale.navBarSize")(props) + ")" : "calc(" + themeGet("appScale.sidebarMaxWidth")(props) + " - " + themeGet("appScale.navBarSize")(props) + ")",
+  minWidth: props.large ? "calc(" + themeGet("appScale.sidebarMaxWidthLarge")(props) + " - " + themeGet("appScale.newNavBarSize")(props) + ")" : "calc(" + themeGet("appScale.sidebarMaxWidth")(props) + " - " + themeGet("appScale.newNavBarSize")(props) + ")",
+  maxWidth: props.large ? "calc(" + themeGet("appScale.sidebarMaxWidthLarge")(props) + " - " + themeGet("appScale.newNavBarSize")(props) + ")" : "calc(" + themeGet("appScale.sidebarMaxWidth")(props) + " - " + themeGet("appScale.newNavBarSize")(props) + ")",
   height: "inherit",
   overflowY: "auto",
   padding: "16px",
@@ -102,7 +102,7 @@ const SideNavExpanded = styled("div").withConfig({
     maxWidth: "initial",
     borderLeft: "none",
     borderBottom: `solid 1px ${themeGet("colors.greyLighter")(props)}`,
-    height: "calc(" + themeGet("appScale.sidebarMobileHeight")(props) + " - " + themeGet("appScale.navBarSize")(props) + ")"
+    height: "calc(" + themeGet("appScale.sidebarMobileHeight")(props) + " - " + themeGet("appScale.newNavBarSize")(props) + ")"
   }
 }));
 const SideNav = _ref => {

package/es/systemThemeCollapsed.js

@@ -6,7 +6,7 @@ export const fonts = {
 };
 export const font = fonts.main;
 export const fontFamilies = fonts;
-export const fontSizes = ["1.1rem", "1.2rem", "1.4rem", "1.6rem", "1.8rem", "2.2rem", "2.6rem", "3.0rem", "3.4rem", "4.4rem", "6rem"];
+export const fontSizes = ["1.1rem", "1.2rem", "1.3rem", "1.6rem", "1.8rem", "2.2rem", "2.6rem", "3.0rem", "3.4rem", "4.4rem", "6rem"];
 export const fontWeights = [300, 400, 600];
 export const lineHeights = [1, 1.5, 2];
 
@@ -214,7 +214,8 @@ export const mediaQueries = {
 // APP-SPECIFIC DIMENSIONS
 
 export const appScale = {
-  navBarSize: "70px",
+  navBarSize: "50px",
+  newNavBarSize: "70px",
   sideNavSize: "42px",
   sidebarMaxWidth: "360px",
   sidebarMaxWidthLarge: "450px",

package/es/systemtheme.js

@@ -6,7 +6,7 @@ export const fonts = {
 };
 export const font = fonts.main;
 export const fontFamilies = fonts;
-export const fontSizes = ["1.2rem", "1.4rem", "1.6rem", "1.8rem", "2.0rem", "2.4rem", "2.8rem", "3.2rem", "3.6rem", "4.8rem", "6.4rem"];
+export const fontSizes = ["1.2rem", "1.4rem", "1.5rem", "1.8rem", "2.0rem", "2.4rem", "2.8rem", "3.2rem", "3.6rem", "4.8rem", "6.4rem"];
 export const fontWeights = [300, 400, 600];
 export const lineHeights = [1, 1.5, 2];
 
@@ -213,7 +213,8 @@ export const mediaQueries = {
 // APP-SPECIFIC DIMENSIONS
 
 export const appScale = {
-  navBarSize: "70px",
+  navBarSize: "54px",
+  newNavBarSize: "70px",
   sideNavSize: "50px",
   sidebarMaxWidth: "360px",
   sidebarMaxWidthLarge: "550px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "engines": {
     "node": "20.12.2"
   },