Remove Framer and deprecate EuiNavDrawer family of components

.eslintignore

@@ -7,6 +7,6 @@ types
 eui.d.ts
 **/*.snap.js
 **/assets/**/*.js
+package.json
 src-docs/src/views/icon/icon_example.js
-src-framer/code/canvas.tsx
 packages/react-datepicker/examples

.npmignore

@@ -6,7 +6,6 @@ wiki/
 generator-eui/
 test/
 src-docs/
-src-framer/
 packages/react-datepicker
 packages/eslint-plugin
 .nvmrc

CHANGELOG.md

@@ -3,6 +3,14 @@
 - Added exports for `EuiSteps` and related components types ([#3471](https://github.com/elastic/eui/pull/3471))
 - Added `displayName` to components using `React.forwardRef` ([#3451](https://github.com/elastic/eui/pull/3451))
 
+**Deprecations**
+
+- Added a deprecation notice for `EuiNavDrawer` family of components. Advise usage of `EuiCollapsibleNav` instead ([#3487](https://github.com/elastic/eui/pull/3487))
+
+**Notes**
+
+- Removed `src-framer` files from the repository ([#3487](https://github.com/elastic/eui/pull/3487))
+
 ## [`24.0.0`](https://github.com/elastic/eui/tree/v24.0.0)
 
 - Added `null` as acceptable `icon` prop for `EuiCard` ([#3470](https://github.com/elastic/eui/pull/3470))

package.json

@@ -18,7 +18,7 @@
     "extract-i18n-strings": "node ./scripts/babel/fetch-i18n-strings",
     "lint": "yarn tsc --noEmit && yarn lint-es && yarn lint-sass",
     "lint-fix": "yarn lint-es-fix",
-    "lint-es": "eslint --cache '{src,src-docs,src-framer}/**/*.{ts,tsx,js}' --max-warnings 0",
+    "lint-es": "eslint --cache '{src,src-docs}/**/*.{ts,tsx,js}' --max-warnings 0",
     "lint-es-fix": "yarn lint-es --fix",
     "lint-sass": "sass-lint -v --max-warnings 0",
     "lint-sass-fix": "sass-lint-auto-fix -c ./.sass-lint-fix.yml",

scripts/dtsgenerator.js

@@ -31,12 +31,11 @@ const generator = dtsGenerator({
   exclude: [
     'node_modules/**/*.d.ts',
     '*/custom_typings/**/*.d.ts',
-    'src-framer/**/*',
     '**/*.test.ts',
     '**/*.test.tsx',
     '**/*.testenv.ts',
     '**/*.testenv.tsx',
-    'src/themes/charts/*' // A separate d.ts file is generated for the charts theme file
+    'src/themes/charts/*', // A separate d.ts file is generated for the charts theme file
   ],
   resolveModuleId(params) {
     if (

src-docs/src/views/nav_drawer/nav_drawer_example.js

@@ -5,7 +5,13 @@ import { renderToHtml } from '../../services';
 
 import { GuideSectionTypes } from '../../components';
 
-import { EuiNavDrawer, EuiCode, EuiCallOut } from '../../../../src/components';
+import {
+  EuiNavDrawer,
+  EuiCode,
+  EuiCallOut,
+  EuiBadge,
+  EuiSpacer,
+} from '../../../../src/components';
 
 import NavDrawer from './nav_drawer';
 const navDrawerSource = require('!!raw-loader!./nav_drawer');
@@ -30,6 +36,24 @@ export const NavDrawerExample = {
       ],
       text: (
         <div>
+          <EuiBadge
+            color="danger"
+            href="https://github.com/elastic/eui/issues/1469"
+            target="_blank"
+            iconSide="right"
+            iconType="popout">
+            Set for deprecation. See details.
+          </EuiBadge>
+          <EuiSpacer />
+          <p>
+            Please use{' '}
+            <Link to="/navigation/collapsible-nav">
+              <strong>EuiCollapsableNav</strong>
+            </Link>{' '}
+            instead of <strong>EuiNavDrawer</strong> for your global navigation
+            needs. Feature enhancements are no longer being made to this
+            component.
+          </p>
           <p>
             <strong>EuiNavDrawer</strong> provides a side navigation feature
             that is complete with interactions and a mobile-friendly design. It