refactor(project): update enable-2021-release to enable-v11-release

packages/components/src/components/structured-list/_structured-list.scss

@@ -17,7 +17,7 @@
   .#{$prefix}--structured-list--selection .#{$prefix}--structured-list-th {
     @include padding--data-structured-list;
   }
-  @if feature-flag-enabled('enable-2021-release') {
+  @if feature-flag-enabled('enable-v11-release') {
     .#{$prefix}--structured-list-row--focused-within {
       @include focus-outline('outline');
     }
@@ -67,7 +67,7 @@
     cursor: inherit;
   }
 
-  @if not feature-flag-enabled('enable-2021-release') {
+  @if not feature-flag-enabled('enable-v11-release') {
     .#{$prefix}--structured-list-row:focus:not(.#{$prefix}--structured-list-row--header-row) {
       @include focus-outline('outline');
     }
@@ -123,7 +123,7 @@
     display: table-cell;
     max-width: 36rem;
     color: $text-secondary;
-    @if feature-flag-enabled('enable-2021-release') {
+    @if feature-flag-enabled('enable-v11-release') {
       border-top: 1px solid $border-subtle;
     }
 

packages/components/src/globals/scss/_feature-flags.scss

@@ -33,12 +33,12 @@ $default-feature-flags: (
   grid-columns-16: false,
   grid--fallback: false,
   enable-css-custom-properties: false,
-  enable-2021-release: false,
+  enable-v11-release: false,
 );
 
 $feature-flags: map-merge($default-feature-flags, $feature-flags);
 
-@if feature-flag-enabled('enable-2021-release') == true {
+@if feature-flag-enabled('enable-v11-release') == true {
   @if variable-exists(css--disable-css-custom-properties) ==
     false or
     $css--disable-css-custom-properties ==

packages/components/src/globals/scss/_theme-tokens.scss

@@ -15,7 +15,7 @@
 // to make sure that they're in sync if one has diverged from the other.
 @include carbon--theme();
 
-@if not feature-flag-enabled('enable-2021-release') {
+@if not feature-flag-enabled('enable-v11-release') {
   $background: $ui-background;
   $layer: $ui-01;
   $layer-accent: $ui-03;

packages/components/src/globals/scss/styles.scss

@@ -61,7 +61,7 @@ $css--use-experimental-grid: false !default;
 /// @deprecated (For v10) v10 always uses `@carbon/grid`
 $css--use-experimental-grid-fallback: false !default;
 
-/// If `enable-2021-release` is set to `true`, it automatically enables the custom properties flag.
+/// If `enable-v11-release` is set to `true`, it automatically enables the custom properties flag.
 /// If so, we need a way to disable custom properties, but use the new tokens.
 /// @access public
 /// @type Bool

packages/feature-flags/feature-flags.yml

@@ -18,7 +18,7 @@ feature-flags:
     description: >
       Enable CSS Grid Layout in the Grid and Column React components
     enabled: false
-  - name: enable-2021-release
+  - name: enable-v11-release
     description: >
-      Enable the features and functionality for the 2021 Release
+      Enable the features and functionality for the v11 Release
     enabled: false

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -4666,15 +4666,15 @@ Map {
           "enable-css-custom-properties" => false,
           "enable-use-controlled-state-with-value" => false,
           "enable-css-grid" => false,
-          "enable-2021-release" => false,
+          "enable-v11-release" => false,
         },
       },
       "_currentValue2": FeatureFlagScope {
         "flags": Map {
           "enable-css-custom-properties" => false,
           "enable-use-controlled-state-with-value" => false,
           "enable-css-grid" => false,
-          "enable-2021-release" => false,
+          "enable-v11-release" => false,
         },
       },
       "_threadCount": 0,

packages/react/src/components/Button/Button.js

@@ -118,7 +118,7 @@ const Button = React.forwardRef(function Button(
     return () => document.removeEventListener('keydown', handleEscKeyDown);
   }, []);
 
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
 
   const buttonClasses = classNames(className, {
     [`${prefix}--btn`]: true,

packages/react/src/components/Checkbox/Checkbox-story.js

@@ -43,7 +43,7 @@ export const checkbox = () => {
 
 export const unstable_Checkbox = () => {
   return (
-    <FeatureFlags flags={{ 'enable-2021-release': true }}>
+    <FeatureFlags flags={{ 'enable-v11-release': true }}>
       <fieldset className={`${prefix}--fieldset`}>
         <legend className={`${prefix}--label`}>Checkbox heading</legend>
         <Checkbox

packages/react/src/components/Checkbox/Checkbox.js

@@ -37,7 +37,7 @@ const Checkbox = React.forwardRef(function Checkbox(
     wrapperClassName
   );
 
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
 
   return (
     <div className={wrapperClasses}>

packages/react/src/components/Search/Search-story.js

@@ -84,7 +84,7 @@ export const SizeStory = () => (
     </div>
     <br />
     <br />
-    <FeatureFlags flags={{ 'enable-2021-release': true }}>
+    <FeatureFlags flags={{ 'enable-v11-release': true }}>
       <h3>Feature Flags: ENABLED</h3>
       <br />
       <br />

packages/react/src/components/Search/Search.js

@@ -192,7 +192,7 @@ export default class Search extends Component {
     let enabled;
 
     if (scope.enabled) {
-      enabled = scope.enabled('enable-2021-release');
+      enabled = scope.enabled('enable-v11-release');
     }
 
     const searchClasses = classNames({

packages/react/src/components/StructuredList/index.js

@@ -24,46 +24,46 @@ import {
 import { useFeatureFlag } from '../FeatureFlags';
 
 export function StructuredListWrapper(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <StructuredListWrapperNext {...props} />;
   }
   return <StructuredListWrapperClassic {...props} />;
 }
 
 export function StructuredListHead(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <StructuredListHeadNext {...props} />;
   }
   return <StructuredListHeadClassic {...props} />;
 }
 export function StructuredListInput(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <StructuredListInputNext {...props} />;
   }
   return <StructuredListInputClassic {...props} />;
 }
 
 export function StructuredListBody(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <StructuredListBodyNext {...props} />;
   }
   return <StructuredListBodyClassic {...props} />;
 }
 
 export function StructuredListRow(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <StructuredListRowNext {...props} />;
   }
   return <StructuredListRowClassic {...props} />;
 }
 
 export function StructuredListCell(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <StructuredListCellNext {...props} />;
   }

packages/react/src/components/Toggle/index.js

@@ -13,7 +13,7 @@ import ToggleClassic from './Toggle';
 import { useFeatureFlag } from '../FeatureFlags';
 
 function Toggle(props) {
-  const enabled = useFeatureFlag('enable-2021-release');
+  const enabled = useFeatureFlag('enable-v11-release');
   if (enabled) {
     return <ToggleNext {...props} />;
   }