carbon-react 144.22.1 → 146.0.0

package/lib/components/split-button/split-button-toggle.style.js

@@ -21,8 +21,7 @@ const StyledSplitButtonToggle = (0, _styledComponents.default)(_button.default)`
   buttonType,
   disabled,
   displayed,
-  size,
-  theme
+  size
 }) => (0, _styledComponents.css)`
     border-top-left-radius: var(--borderRadius000);
     border-bottom-left-radius: var(--borderRadius000);
@@ -58,14 +57,6 @@ const StyledSplitButtonToggle = (0, _styledComponents.default)(_button.default)`
 
     ${_button.default} + & {
       margin-left: 0;
-
-      ${buttonType === "secondary" && /* istanbul ignore next */
-theme.focusRedesignOptOut && /* istanbul ignore next */
-(0, _styledComponents.css)`
-        &:focus {
-          margin-left: -3px;
-        }
-      `}
     }
 
     ${_button.default} + & ${_icon.default} {

package/lib/components/split-button/split-button.style.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _button = _interopRequireDefault(require("../button/button.style"));
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const StyledSplitButton = _styledComponents.default.div`
   ${_styledSystem.margin}
   display: inline-block;
@@ -24,21 +22,8 @@ const StyledSplitButton = _styledComponents.default.div`
   & > ${_button.default} {
     margin: 0;
     &:focus {
-      ${({
-  theme
-}) => (0, _styledComponents.css)`
-        ${theme.focusRedesignOptOut && /* istanbul ignore next */
-`
-          border: 3px solid var(--colorsSemanticFocus500);
-          margin: -1px;
-          outline: none;
-        `}
-
-        ${!theme.focusRedesignOptOut && `
-          position: relative;
-          z-index: 1;
-        `}
-      `}
+      position: relative;
+      z-index: 1;
     }
   }
 `;

package/lib/components/switch/__internal__/switch-slider.style.d.ts

@@ -1,11 +1,9 @@
-import { ThemeObject } from "../../../style/themes/base";
 import { SwitchSliderProps } from "./switch-slider.component";
 interface StyledSwitchSliderProps extends Pick<SwitchSliderProps, "checked" | "disabled" | "size" | "error" | "warning"> {
     isLoading?: boolean;
-    theme?: Partial<ThemeObject>;
     isDarkBackground?: boolean;
 }
-declare const StyledSwitchSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledSwitchSlider: import("styled-components").StyledComponent<"div", any, StyledSwitchSliderProps, never>;
 declare const HiddenContent: import("styled-components").StyledComponent<"div", any, Pick<StyledSwitchSliderProps, "size">, never>;
 export { StyledSwitchSlider, HiddenContent };
 export default StyledSwitchSlider;

package/lib/components/switch/__internal__/switch-slider.style.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.StyledSwitchSlider = exports.HiddenContent = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _validationIcon = _interopRequireDefault(require("../../../__internal__/validations/validation-icon.style"));
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
 var _switchSliderPanel = _interopRequireDefault(require("./switch-slider-panel.style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -19,7 +18,6 @@ const StyledSwitchSlider = exports.StyledSwitchSlider = _styledComponents.defaul
   size,
   error,
   warning,
-  theme,
   isDarkBackground
 }) => (0, _styledComponents.css)`
     display: flex;
@@ -33,7 +31,7 @@ const StyledSwitchSlider = exports.StyledSwitchSlider = _styledComponents.defaul
     top: 0;
     width: 100%
     z-index: 2;
-    border-radius: ${theme?.roundedCornersOptOut ? "90px" : "var(--borderRadius400)"};
+    border-radius: var(--borderRadius400);
     border-style: solid;
     border-color: ${isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsActionMinor400)"};
     border-width: var(--borderWidth200);
@@ -92,10 +90,6 @@ const StyledSwitchSlider = exports.StyledSwitchSlider = _styledComponents.defaul
         `}
       `}
 
-    ${size === "large" && (0, _styledComponents.css)`
-        ${theme?.roundedCornersOptOut ? "border-radius: 30px;" : ""}
-      `}
-
     ${isLoading && (0, _styledComponents.css)`
         &::before {
           display: none;
@@ -126,7 +120,4 @@ const HiddenContent = exports.HiddenContent = _styledComponents.default.div`
     padding-left: ${size === "large" ? "var(--spacing700)" : "var(--spacing500)"};
   `}
 `;
-StyledSwitchSlider.defaultProps = {
-  theme: _base.default
-};
 var _default = exports.default = StyledSwitchSlider;

package/lib/components/switch/switch.style.js

@@ -18,9 +18,6 @@ var _switchSlider = _interopRequireDefault(require("./__internal__/switch-slider
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const oldFocusStyling = `
-  outline: solid 3px var(--colorsSemanticFocus500);
-`;
 const ErrorBorder = exports.ErrorBorder = _styledComponents.default.span`
   ${({
   reverse,
@@ -56,8 +53,7 @@ const StyledSwitch = _styledComponents.default.div`
   fieldHelpInline,
   labelInline,
   reverse,
-  size,
-  theme
+  size
 }) => (0, _styledComponents.css)`
     ${_styledSystem.margin}
     ${_formField.FieldLineStyle} {
@@ -91,7 +87,7 @@ const StyledSwitch = _styledComponents.default.div`
 
     ${_hiddenCheckableInput.default}:not([disabled]) {
       &:focus ~ ${_switchSlider.default} {
-        ${!theme.focusRedesignOptOut ? (0, _addFocusStyling.default)() : /* istanbul ignore next */oldFocusStyling}
+        ${(0, _addFocusStyling.default)()}
       }
     }
 

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -335,12 +335,8 @@ const tabTitleStyles = (0, _styledComponents.css)`
           cursor: default;
         }
       `}
-
-    ${({
-  theme
-}) => `
       &:focus {
-        outline: 4px solid ${!theme.focusRedesignOptOut ? "black" : /* istanbul ignore next */"var(--colorsSemanticFocus500)"};
+        outline: 4px solid black;
         top: -2px;
         z-index: 6;
 
@@ -356,7 +352,7 @@ const tabTitleStyles = (0, _styledComponents.css)`
                 border-bottom-left-radius: var(--borderRadius100);
               `}
 
-        ${!theme.focusRedesignOptOut ? `::before {
+        ::before {
           content: "";
           position: absolute;
           top: 0;
@@ -385,10 +381,10 @@ const tabTitleStyles = (0, _styledComponents.css)`
                  bottom: 2px;
                  right: 1px;
                `}
-        }` : /* istanbul ignore next */""}
+        }
+        }
       }
-    `}
-
+    
     ${position === "left" && (0, _styledComponents.css)`
         background-color: transparent;
         border-bottom: 0px;

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.js

@@ -23,23 +23,13 @@ const StyledToolbarButton = _styledComponents.default.button.attrs({
   cursor: pointer;
 
   ${({
-  isActive,
-  theme
+  isActive
 }) => (0, _styledComponents.css)`
     :focus,
     :active {
       z-index: 1;
       position: relative;
-
-      ${theme.focusRedesignOptOut && /* istanbul ignore next */
-(0, _styledComponents.css)`
-        outline: 2px solid var(--colorsSemanticFocus500);
-        outline-offset: -2px;
-      `}
-
-      ${!theme.focusRedesignOptOut && (0, _styledComponents.css)`
-        ${(0, _addFocusStyling.default)()}
-      `}
+      ${(0, _addFocusStyling.default)()}
     }
 
     :hover {

package/lib/components/text-editor/text-editor.style.js

@@ -66,17 +66,13 @@ const StyledEditorContainer = exports.StyledEditorContainer = _styledComponents.
 const StyledEditorOutline = exports.StyledEditorOutline = _styledComponents.default.div`
   ${({
   isFocused,
-  hasError,
-  theme
+  hasError
 }) => (0, _styledComponents.css)`
     border-radius: var(--borderRadius050);
     outline: none;
 
     ${isFocused && (0, _styledComponents.css)`
-      ${!theme.focusRedesignOptOut ? (0, _addFocusStyling.default)() : `
-        outline: 3px solid var(--colorsSemanticFocus500);
-        outline-offset: ${hasError ? "2px" : "1px"};
-      `}
+      ${(0, _addFocusStyling.default)()}
     `}
   `}
 `;

package/lib/components/tile-select/tile-select.style.js

@@ -64,14 +64,10 @@ const StyledTileSelect = exports.StyledTileSelect = _styledComponents.default.di
       }
     `}
 `;
-const oldFocusStyling = `
-  outline: solid 3px var(--colorsSemanticFocus500);
-`;
 const StyledFocusWrapper = exports.StyledFocusWrapper = _styledComponents.default.div`
   ${({
   checked,
-  hasFocus,
-  theme
+  hasFocus
 }) => (0, _styledComponents.css)`
     position: relative;
     border: 1px solid var(--colorsActionMinor250);
@@ -84,7 +80,7 @@ const StyledFocusWrapper = exports.StyledFocusWrapper = _styledComponents.defaul
     `}
 
     ${hasFocus && (0, _styledComponents.css)`
-      ${!theme.focusRedesignOptOut ? (0, _addFocusStyling.default)() : /* istanbul ignore next */oldFocusStyling}
+      ${(0, _addFocusStyling.default)()}
       z-index: 15;
     `}
   `}

package/lib/components/vertical-menu/vertical-menu.style.js

@@ -19,10 +19,6 @@ const StyledList = exports.StyledList = _styledComponents.default.ul`
   margin: 0;
   padding: 0;
 `;
-const oldFocusStyling = `
-  outline: 3px solid var(--colorsSemanticFocus500);
-  outline-offset: -3px;
-`;
 const StyledVerticalMenuItem = exports.StyledVerticalMenuItem = _styledComponents.default.div`
   min-height: ${({
   height
@@ -47,9 +43,7 @@ const StyledVerticalMenuItem = exports.StyledVerticalMenuItem = _styledComponent
   }
 
   &:focus {
-    ${({
-  theme
-}) => !theme.focusRedesignOptOut ? (0, _addFocusStyling.default)(true) : /* istanbul ignore next */oldFocusStyling}
+    ${(0, _addFocusStyling.default)(true)}
   }
 
   ${({

package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts

@@ -1,10 +1,9 @@
 import { ThemeObject } from "../../themes/base";
-import { CarbonProviderProps } from "../../../components/carbon-provider";
 /**
  *
  * Converts theme properties to css variables form and set them locally for
  * given scope
  *
  */
-declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, ThemeObject & Pick<CarbonProviderProps, "roundedCornersOptOut">, never>;
+declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, ThemeObject, never>;
 export default CarbonScopedTokensProvider;

package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js

@@ -23,7 +23,7 @@ const CarbonScopedTokensProvider = _styledComponents.default.div`
 
   ${({
   theme
-}) => (0, _generateCssVariables.default)(theme.compatibility, theme.roundedCornersOptOut)}
+}) => (0, _generateCssVariables.default)(theme.compatibility)}
 `;
 CarbonScopedTokensProvider.defaultProps = {
   theme: _themes.baseTheme

package/lib/style/design-tokens/generate-css-variables.util.d.ts

@@ -7,5 +7,5 @@ import { ThemeObject } from "../themes/base";
  * form of CSS variables along with styled-components ThemeProvider.
  *
  */
-declare const _default: (theme: ThemeObject | Record<string, string>, roundedCornersOptOut?: boolean) => string;
+declare const _default: (theme: ThemeObject | Record<string, string>) => string;
 export default _default;

package/lib/style/design-tokens/generate-css-variables.util.js

@@ -12,10 +12,5 @@ exports.default = void 0;
  * form of CSS variables along with styled-components ThemeProvider.
  *
  */
-var _default = (theme, roundedCornersOptOut) => Object.entries(theme).map(([key, value]) => {
-  if (roundedCornersOptOut && key.startsWith("borderRadius") && key !== "borderRadiusCircle") {
-    return `--${key}: 0px;`;
-  }
-  return `--${key}: ${value};`;
-}).join("\r\n");
+var _default = theme => Object.entries(theme).map(([key, value]) => `--${key}: ${value};`).join("\r\n");
 exports.default = _default;

package/package.json

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