carbon-react 146.5.2 → 146.6.0

package/esm/components/date/__internal__/date-picker/date-picker.component.js

@@ -14,6 +14,7 @@ import StyledDayPicker from "./day-picker.style";
 const popoverMiddleware = [offset(3), flip({
   fallbackStrategy: "initialPlacement"
 })];
+const Nav = Navbar;
 export const DatePicker = ({
   inputElement,
   minDate,
@@ -157,16 +158,14 @@ export const DatePicker = ({
         weekdaysShort
       }
     },
-    selected: focusedMonth,
+    selected: selectedDays,
     month: focusedMonth || /* istanbul ignore next */new Date(),
     onDayClick: (d, _, e) => {
       const date = d;
       handleDayClick(date, e);
     },
     components: {
-      Nav: props => {
-        return /*#__PURE__*/React.createElement(Navbar, props);
-      },
+      Nav,
       Weekday: props => {
         const fixedDays = {
           Sunday: 0,

package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.js

@@ -132,7 +132,7 @@ const StyledNavigationButton = styled.button`
 `;
 const StyledContainer = styled.div`
   display: flex;
-  padding: 6px 24px 0px;
+  padding: 6px 4px 0px;
   margin: 0;
   overflow-x: hidden;
   ${({
@@ -146,8 +146,8 @@ const StyledBottomBorder = styled.div`
   height: auto;
   border-bottom: 2px solid var(--colorsActionMinor100);
   bottom: 0;
-  left: 24px;
-  right: 24px;
+  left: 4px;
+  right: 4px;
   position: absolute;
 `;
 export { StyledTabsHeaderWrapper, StyledTabsHeaderList, StyledVerticalTabsWrapper, StyledWrapper, StyledNavigationButtonWrapper, StyledNavigationButton, StyledContainer, StyledBottomBorder };

package/esm/components/tabs/tab/tab.style.js

@@ -10,6 +10,11 @@ const StyledTab = styled.div`
 }) => isTabSelected && css`
       display: block;
 
+      ${position === "top" && css`
+        margin-left: 4px;
+        margin-right: 4px;
+      `}
+
       ${position === "left" && css`
         margin-left: -6px;
         margin-top: var(--spacing075);

package/lib/components/date/__internal__/date-picker/date-picker.component.js

@@ -23,6 +23,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const popoverMiddleware = [(0, _dom.offset)(3), (0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
+const Nav = _navbar.default;
 const DatePicker = ({
   inputElement,
   minDate,
@@ -166,16 +167,14 @@ const DatePicker = ({
         weekdaysShort
       }
     },
-    selected: focusedMonth,
+    selected: selectedDays,
     month: focusedMonth || /* istanbul ignore next */new Date(),
     onDayClick: (d, _, e) => {
       const date = d;
       handleDayClick(date, e);
     },
     components: {
-      Nav: props => {
-        return /*#__PURE__*/_react.default.createElement(_navbar.default, props);
-      },
+      Nav,
       Weekday: props => {
         const fixedDays = {
           Sunday: 0,

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js

@@ -141,7 +141,7 @@ const StyledNavigationButton = exports.StyledNavigationButton = _styledComponent
 `;
 const StyledContainer = exports.StyledContainer = _styledComponents.default.div`
   display: flex;
-  padding: 6px 24px 0px;
+  padding: 6px 4px 0px;
   margin: 0;
   overflow-x: hidden;
   ${({
@@ -155,7 +155,7 @@ const StyledBottomBorder = exports.StyledBottomBorder = _styledComponents.defaul
   height: auto;
   border-bottom: 2px solid var(--colorsActionMinor100);
   bottom: 0;
-  left: 24px;
-  right: 24px;
+  left: 4px;
+  right: 4px;
   position: absolute;
 `;

package/lib/components/tabs/tab/tab.style.js

@@ -19,6 +19,11 @@ const StyledTab = _styledComponents.default.div`
 }) => isTabSelected && (0, _styledComponents.css)`
       display: block;
 
+      ${position === "top" && (0, _styledComponents.css)`
+        margin-left: 4px;
+        margin-right: 4px;
+      `}
+
       ${position === "left" && (0, _styledComponents.css)`
         margin-left: -6px;
         margin-top: var(--spacing075);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "146.5.2",
+  "version": "146.6.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",