@indico-data/design-system 2.0.3 → 2.1.3

package/lib/legacy/components/index.d.ts

@@ -10,8 +10,6 @@ export { Pagination } from './Pagination';
 export { Shrug } from './user-feedback';
 export { ConfirmModal, ModalBase } from './modals';
 export { LoadingAwareContainer } from './LoadingAwareContainer';
-export { Wizard, WizardCard, WizardSection, StyledWizard } from './Wizard';
-export { WizardWithSidebar } from './WizardWithSidebar';
 export { Drawer } from './Navigation/Drawer';
 export { TextTruncate } from './text-truncate';
 export { Toggle } from './Toggle';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "2.0.3",
+  "version": "2.1.3",
   "description": "",
   "author": "",
   "main": "lib/index.js",
@@ -18,7 +18,9 @@
     "build storybook": "storybook build",
     "test-storybook": "test-storybook",
     "test": "DEBUG_PRINT_LIMIT=10000 jest",
-    "test:watch": "DEBUG_PRINT_LIMIT=10000 jest --watch"
+    "test:watch": "DEBUG_PRINT_LIMIT=10000 jest --watch",
+    "all-releases": "npm view @indico-data/design-system versions",
+    "latest-release": "npm dist-tags ls @indico-data/design-system"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"
@@ -128,7 +130,6 @@
     "rollup-plugin-scss": "^4.0.0",
     "sass": "^1.75.0",
     "sass-loader": "10.1.1",
-    "semantic-release": "^23.1.1",
     "storybook": "^8.0.8",
     "storybook-css-modules": "^1.0.8",
     "style-loader": "2.0.0",

package/src/components/button/{Button.scss → styles/Button.scss}

@@ -1,72 +1,4 @@
-// Variables
-:root [data-theme='light'],
-:root {
-  // Typography
-  --pf-button-font-weight-bold: var(--pf-font-weight-bold);
-  --pf-button-font-weight-regular: var(--pf-button-font-weight-regular);
-  --pf-button-background-primary-color: var(--pf-primary-color);
-  --pf-button-disabled-primary-color: var(--pf-primary-color-300);
-  --pf-button-focus-primary-color: var(--pf-primary-color-900);
-  --pf-button-hover-primary-color: var(--pf-primary-color-400);
-  --pf-button-outline-hover-primary-color: var(--pf-primary-color-100);
-  --pf-button-primary-color: var(--pf-primary-color);
-  --pf-button-primary-text-color: var(--pf-white-color);
-
-  // Secondary Button Colors
-  --pf-button-background-secondary-color: var(--pf-secondary-color);
-  --pf-button-disabled-secondary-color: var(--pf-secondary-color-300);
-  --pf-button-focus-secondary-color: var(--pf-secondary-color-900);
-  --pf-button-hover-secondary-color: var(--pf-secondary-color-400);
-  --pf-button-outline-hover-secondary-color: var(--pf-secondary-color-100);
-  --pf-button-secondary-color: var(--pf-secondary-color);
-  --pf-button-secondary-text-color: var(--pf-white-color);
-
-  // Error Button Colors
-  --pf-button-background-error-color: var(--pf-error-color);
-  --pf-button-disabled-error-color: var(--pf-red-color-300);
-  --pf-button-focus-error-color: var(--pf-red-color-900);
-  --pf-button-hover-error-color: var(--pf-red-color-400);
-  --pf-button-error-color: var(--pf-error-color);
-  --pf-button-error-text-color: var(--pf-white-color);
-  --pf-button-outline-hover-error-color: var(--pf-red-color-100);
-
-  // Success Button Colors
-  --pf-button-background-success-color: var(--pf-success-color);
-  --pf-button-disabled-success-color: var(--pf-green-color-300);
-  --pf-button-focus-success-color: var(--pf-green-color-900);
-  --pf-button-hover-success-color: var(--pf-green-color-400);
-  --pf-button-success-color: var(--pf-success-color);
-  --pf-button-success-text-color: var(--pf-white-color);
-  --pf-button-outline-hover-success-color: var(--pf-green-color-100);
-
-  // Warning Button Colors
-  --pf-button-background-warning-color: var(--pf-warning-color);
-  --pf-button-disabled-warning-color: var(--pf-orange-color-300);
-  --pf-button-focus-warning-color: var(--pf-orange-color-900);
-  --pf-button-hover-warning-color: var(--pf-orange-color-400);
-  --pf-button-warning-color: var(--pf-warning-color);
-  --pf-button-warning-text-color: var(--pf-white-color);
-  --pf-button-outline-hover-warning-color: var(--pf-orange-color-100);
-
-  // Info Button Colors
-  --pf-button-background-info-color: var(--pf-info-color);
-  --pf-button-disabled-info-color: var(--pf-gray-color-300);
-  --pf-button-focus-info-color: var(--pf-gray-color-900);
-  --pf-button-hover-info-color: var(--pf-gray-color-400);
-  --pf-button-info-color: var(--pf-info-color);
-  --pf-button-info-text-color: var(--pf-white-color);
-  --pf-button-outline-hover-info-color: var(--pf-gray-color-100);
-
-  // Gray Button Color
-  --pf-button-gray-color: var(--pf-gray-color);
-  --pf-button-gray-disabled-color: var(--pf-gray-color-400);
-
-  // Outline Buttons
-  --pf-button-outline-background-color: var(--pf-white-color);
-
-  // Button Radius
-  --pf-button-rounded: var(--pf-rounded);
-}
+@import './variables.scss';
 
 .btn {
   display: inline-flex;
@@ -256,6 +188,10 @@
   }
 }
 
+.btn--info {
+  background-color: var(--pf-button-background-info-color);
+}
+
 .btn--info.btn--text {
   background: transparent;
   color: var(--pf-button-info-color);

package/src/components/button/styles/_variables.scss

@@ -0,0 +1,89 @@
+// Common Variables
+:root,
+:root [data-theme='light'],
+:root [data-theme='dark'] {
+  // Typography
+  --pf-button-font-weight-bold: var(--pf-font-weight-bold);
+  --pf-button-font-weight-regular: var(--pf-button-font-weight-regular);
+
+  // Primary Button Colors
+  --pf-button-background-primary-color: var(--pf-primary-color);
+  --pf-button-disabled-primary-color: var(--pf-primary-color-300);
+  --pf-button-focus-primary-color: var(--pf-primary-color-900);
+  --pf-button-hover-primary-color: var(--pf-primary-color-400);
+  --pf-button-outline-hover-primary-color: var(--pf-primary-color-100);
+  --pf-button-primary-color: var(--pf-primary-color);
+  --pf-button-primary-text-color: var(--pf-white-color);
+
+  // Secondary Button Colors
+  --pf-button-background-secondary-color: var(--pf-secondary-color);
+  --pf-button-disabled-secondary-color: var(--pf-secondary-color-300);
+  --pf-button-focus-secondary-color: var(--pf-secondary-color-900);
+  --pf-button-hover-secondary-color: var(--pf-secondary-color-400);
+  --pf-button-outline-hover-secondary-color: var(--pf-secondary-color-100);
+  --pf-button-secondary-color: var(--pf-secondary-color);
+  --pf-button-secondary-text-color: var(--pf-white-color);
+
+  // Error Button Colors
+  --pf-button-background-error-color: var(--pf-error-color);
+  --pf-button-disabled-error-color: var(--pf-red-color-300);
+  --pf-button-focus-error-color: var(--pf-red-color-900);
+  --pf-button-hover-error-color: var(--pf-red-color-400);
+  --pf-button-error-color: var(--pf-error-color);
+  --pf-button-error-text-color: var(--pf-white-color);
+  --pf-button-outline-hover-error-color: var(--pf-red-color-100);
+
+  // Success Button Colors
+  --pf-button-background-success-color: var(--pf-success-color);
+  --pf-button-focus-success-color: var(--pf-green-color-900);
+  --pf-button-hover-success-color: var(--pf-green-color-400);
+  --pf-button-success-color: var(--pf-success-color);
+  --pf-button-success-text-color: var(--pf-white-color);
+  --pf-button-outline-hover-success-color: var(--pf-green-color-100);
+
+  // Warning Button Colors
+  --pf-button-background-warning-color: var(--pf-warning-color);
+  --pf-button-focus-warning-color: var(--pf-orange-color-900);
+  --pf-button-hover-warning-color: var(--pf-orange-color-400);
+  --pf-button-warning-color: var(--pf-warning-color);
+  --pf-button-warning-text-color: var(--pf-white-color);
+
+  // Info Button Colors
+
+  --pf-button-disabled-info-color: var(--pf-gray-color-300);
+  --pf-button-focus-info-color: var(--pf-gray-color-900);
+  --pf-button-info-color: var(--pf-info-color);
+  --pf-button-info-text-color: var(--pf-white-color);
+
+  // Gray Button Color
+  --pf-button-gray-color: var(--pf-gray-color);
+  --pf-button-gray-disabled-color: var(--pf-gray-color-400);
+
+  // Outline Buttons
+  --pf-button-outline-background-color: var(--pf-white-color);
+
+  // Button Radius
+  --pf-button-rounded: var(--pf-rounded);
+}
+
+// Light Theme Specific Variables
+:root [data-theme='light'] {
+  --pf-button-disabled-success-color: var(--pf-green-color-300);
+  --pf-button-disabled-warning-color: var(--pf-orange-color-300);
+  --pf-button-outline-hover-warning-color: var(--pf-orange-color-100);
+
+  --pf-button-background-info-color: var(--pf-info-color);
+  --pf-button-hover-info-color: var(--pf-gray-color-400);
+  --pf-button-outline-hover-info-color: var(--pf-gray-color-100);
+}
+
+// Dark Theme Specific Variables
+:root [data-theme='dark'] {
+  --pf-button-disabled-success-color: var(--pf-green-color-400);
+  --pf-button-disabled-warning-color: var(--pf-orange-color-400);
+  --pf-button-outline-hover-warning-color: var(--pf-orange-color-300);
+
+  --pf-button-background-info-color: var(--pf-gray-color-800);
+  --pf-button-hover-info-color: var(--pf-gray-color-600);
+  --pf-button-outline-hover-info-color: var(--pf-gray-color-300);
+}

package/src/index.ts

@@ -53,14 +53,9 @@ export {
   Shrug,
   SingleCombobox,
   TextInput,
-  Wizard,
-  WizardCard,
-  WizardSection,
-  StyledWizard,
   TextTruncate,
   Toggle,
   Tooltip,
-  WizardWithSidebar,
 } from './legacy/components';
 
 export { numberUtils, stringUtils, colorUtils } from './legacy/utils';

package/src/legacy/components/index.ts

@@ -29,8 +29,6 @@ export { Pagination } from './Pagination';
 export { Shrug } from './user-feedback';
 export { ConfirmModal, ModalBase } from './modals';
 export { LoadingAwareContainer } from './LoadingAwareContainer';
-export { Wizard, WizardCard, WizardSection, StyledWizard } from './Wizard';
-export { WizardWithSidebar } from './WizardWithSidebar';
 export { Drawer } from './Navigation/Drawer';
 export { TextTruncate } from './text-truncate';
 export { Toggle } from './Toggle';

package/src/styles/index.scss

@@ -3,7 +3,7 @@
 
 // Components
 @import '../legacy/components/Navigation/Drawer/Drawer.scss';
-@import '../components/button/Button.scss';
+@import '../components/button/styles/Button.scss';
 
 // Helper Classes
 @import 'typography';

package/src/styles/variables/themes/dark.scss

@@ -1,89 +1,85 @@
-:root [data-theme="dark"] {
-
+:root [data-theme='dark'] {
   // Primary Color
-  --pf-primary-color: #27374D;
-
-  --pf-primary-color-100: #E2E4E8;
-  --pf-primary-color-200: #B6BAC1;
-  --pf-primary-color-300: #898F9A;
-  --pf-primary-color-400: #5D6573;
-  --pf-primary-color-500: #27374D;
-  --pf-primary-color-600: #202C3A;
-  --pf-primary-color-700: #192228;
-  --pf-primary-color-800: #131816;
-  --pf-primary-color-900: #0D0E0E;
-
-// Secondary Color
-  --pf-secondary-color: #526D82;
-
-  --pf-secondary-color-100: #E6E9EB;
-  --pf-secondary-color-200: #C0C7CD;
-  --pf-secondary-color-300: #99A5AF;
-  --pf-secondary-color-400: #738491;
-  --pf-secondary-color-500: #526D82;
-  --pf-secondary-color-600: #3F5866;
-  --pf-secondary-color-700: #2C434A;
-  --pf-secondary-color-800: #1A2E2E;
-  --pf-secondary-color-900: #071919;
+  --pf-primary-color: #262c3a;
+
+  --pf-primary-color-100: #8194c0;
+  --pf-primary-color-200: #5b6b8f;
+  --pf-primary-color-300: #3b455e;
+  --pf-primary-color-400: #323a4d;
+  --pf-primary-color-500: #262c3a;
+  --pf-primary-color-600: #1f2431;
+  --pf-primary-color-700: #1c2632;
+  --pf-primary-color-800: #1b202c;
+  --pf-primary-color-900: #141b24;
+
+  // Secondary Color
+  --pf-secondary-color: #0070f5;
+
+  --pf-secondary-color-100: #dceafd;
+  --pf-secondary-color-200: #b3d4fc;
+  --pf-secondary-color-300: #7ab5fa;
+  --pf-secondary-color-400: #4797f5;
+  --pf-secondary-color-500: #0070f5;
+  --pf-secondary-color-600: #0067e1;
+  --pf-secondary-color-700: #005ac4;
+  --pf-secondary-color-800: #004eac;
+  --pf-secondary-color-900: #004393;
 
   // Gray Color
-  --pf-gray-color: #DDE6ED;
-
-  --pf-gray-color-100: #F7F9FA;
-  --pf-gray-color-200: #EAF2F5;
-  --pf-gray-color-300: #DDE6ED;
-  --pf-gray-color-400: #D1DAE5;
-  --pf-gray-color-500: #C4CFDD;
-  --pf-gray-color-600: #B7C3D5;
-  --pf-gray-color-700: #AAB8CD;
-  --pf-gray-color-800: #9DACB5;
-  --pf-gray-color-900: #90A19D;
-
+  --pf-gray-color: #bfc1c3;
+
+  --pf-gray-color-100: #efefef;
+  --pf-gray-color-200: #eaeaea;
+  --pf-gray-color-300: #dcdcdc;
+  --pf-gray-color-400: #d2d2d2;
+  --pf-gray-color-500: #bfc1c3;
+  --pf-gray-color-600: #a0a0a0;
+  --pf-gray-color-700: #828588;
+  --pf-gray-color-800: #797979;
+  --pf-gray-color-900: #585858;
 
   //Green Color
-  --pf-green-color: #82DD55;
-
-  --pf-green-color-100: #F0FFF2;
-  --pf-green-color-200: #E1FFD5;
-  --pf-green-color-300: #D2FFB8;
-  --pf-green-color-400: #C3FF9B;
-  --pf-green-color-500: #82DD55;
-  --pf-green-color-600: #6FC94A;
-  --pf-green-color-700: #5CB53F;
-  --pf-green-color-800: #4AA134;
-  --pf-green-color-900: #388D29;
-
+  --pf-green-color: #199d19;
+
+  --pf-green-color-100: #98ff98;
+  --pf-green-color-200: #76ff76;
+  --pf-green-color-300: #63eb63;
+  --pf-green-color-400: #41ca41;
+  --pf-green-color-500: #199d19;
+  --pf-green-color-600: #168116;
+  --pf-green-color-700: #106710;
+  --pf-green-color-800: #0d5a0d;
+  --pf-green-color-900: #0a500a;
 
   //Orange color
-  --pf-orange-color: #EDB95E;
-
-  --pf-orange-color-100: #FFF7E6;
-  --pf-orange-color-200: #FFEDCC;
-  --pf-orange-color-300: #FFE4B2;
-  --pf-orange-color-400: #FFDA99;
-  --pf-orange-color-500: #EDB95E;
-  --pf-orange-color-600: #DAA54D;
-  --pf-orange-color-700: #C7913D;
-  --pf-orange-color-800: #B47D2D;
-  --pf-orange-color-900: #A1691D;
-
+  --pf-orange-color: #da9534;
+
+  --pf-orange-color-100: #ffd599;
+  --pf-orange-color-200: #ffc676;
+  --pf-orange-color-300: #f7b75b;
+  --pf-orange-color-400: #f1ab48;
+  --pf-orange-color-500: #da9534;
+  --pf-orange-color-600: #c7892f;
+  --pf-orange-color-700: #a87428;
+  --pf-orange-color-800: #825b22;
+  --pf-orange-color-900: #68481a;
 
   //Red color
-  --pf-red-color: #E23636;
-
-  --pf-red-color-100: #FDECEC;
-  --pf-red-color-200: #FBD1D1;
-  --pf-red-color-300: #F9B6B6;
-  --pf-red-color-400: #F79B9B;
-  --pf-red-color-500: #E23636;
-  --pf-red-color-600: #C72F2F;
-  --pf-red-color-700: #AC2828;
-  --pf-red-color-800: #912121;
-  --pf-red-color-900: #761A1A;
+  --pf-red-color: #f44d4f;
+
+  --pf-red-color-100: #ffa9aa;
+  --pf-red-color-200: #ff8a8b;
+  --pf-red-color-300: #ff7577;
+  --pf-red-color-400: #ff6466;
+  --pf-red-color-500: #f44d4f;
+  --pf-red-color-600: #cf4244;
+  --pf-red-color-700: #b4393a;
+  --pf-red-color-800: #9a3132;
+  --pf-red-color-900: #752324;
 
   // Utility Colors
   --pf-error-color: var(--pf-red-color);
   --pf-success-color: var(--pf-green-color);
   --pf-warning-color: var(--pf-orange-color);
   --pf-info-color: var(--pf-gray-color);
-}
+}

package/src/stylesAndAnimations/colors/constants.ts

@@ -76,76 +76,76 @@ export const lightThemeColors = {
 
 export const darkThemeColors = {
   primary: {
-    base: '#27374D',
-    100: '#E2E4E8',
-    200: '#B6BAC1',
-    300: '#898F9A',
-    400: '#5D6573',
-    500: '#27374D',
-    600: '#202C3A',
-    700: '#192228',
-    800: '#131816',
-    900: '#0D0E0E',
+    base: '#262c3a',
+    100: '#8194c0',
+    200: '#5b6b8f',
+    300: '#3b455e',
+    400: '#323a4d',
+    500: '#262c3a',
+    600: '#1f2431',
+    700: '#1c2632',
+    800: '#1b202c',
+    900: '#141b24',
   },
   secondary: {
-    base: '#526D82',
-    100: '#E6E9EB',
-    200: '#C0C7CD',
-    300: '#99A5AF',
-    400: '#738491',
-    500: '#526D82',
-    600: '#3F5866',
-    700: '#2C434A',
-    800: '#1A2E2E',
-    900: '#071919',
+    base: '#0070f5',
+    100: '#dceafd',
+    200: '#b3d4fc',
+    300: '#7ab5fa',
+    400: '#4797f5',
+    500: '#0070f5',
+    600: '#0067e1',
+    700: '#005ac4',
+    800: '#004eac',
+    900: '#004393',
   },
   gray: {
-    base: '#DDE6ED',
-    100: '#F7F9FA',
-    200: '#EAF2F5',
-    300: '#DDE6ED',
-    400: '#D1DAE5',
-    500: '#C4CFDD',
-    600: '#B7C3D5',
-    700: '#AAB8CD',
-    800: '#9DACB5',
-    900: '#90A19D',
+    base: '#bfc1c3',
+    100: '#efefef',
+    200: '#eaeaea',
+    300: '#dcdcdc',
+    400: '#d2d2d2',
+    500: '#bfc1c3',
+    600: '#a0a0a0',
+    700: '#828588',
+    800: '#797979',
+    900: '#585858',
   },
   green: {
-    base: '#82DD55',
-    100: '#F0FFF2',
-    200: '#E1FFD5',
-    300: '#D2FFB8',
-    400: '#C3FF9B',
-    500: '#82DD55',
-    600: '#6FC94A',
-    700: '#5CB53F',
-    800: '#4AA134',
-    900: '#388D29',
+    base: '#199d19',
+    100: '#98ff98',
+    200: '#76ff76',
+    300: '#63eb63',
+    400: '#41ca41',
+    500: '#199d19',
+    600: '#168116',
+    700: '#106710',
+    800: '#0d5a0d',
+    900: '#0a500a',
   },
   orange: {
-    base: '#EDB95E',
-    100: '#FFF7E6',
-    200: '#FFEDCC',
-    300: '#FFE4B2',
-    400: '#FFDA99',
-    500: '#EDB95E',
-    600: '#DAA54D',
-    700: '#C7913D',
-    800: '#B47D2D',
-    900: '#A1691D',
+    base: '#da9534',
+    100: '#ffd599',
+    200: '#ffc676',
+    300: '#f7b75b',
+    400: '#f1ab48',
+    500: '#da9534',
+    600: '#c7892f',
+    700: '#a87428',
+    800: '#825b22',
+    900: '#68481a',
   },
   red: {
-    base: '#E23636',
-    100: '#FDECEC',
-    200: '#FBD1D1',
-    300: '#F9B6B6',
-    400: '#F79B9B',
-    500: '#E23636',
-    600: '#C72F2F',
-    700: '#AC2828',
-    800: '#912121',
-    900: '#761A1A',
+    base: '#f44d4f',
+    100: '#ffa9aa',
+    200: '#ff8a8b',
+    300: '#ff7577',
+    400: '#ff6466',
+    500: '#f44d4f',
+    600: '#cf4244',
+    700: '#b4393a',
+    800: '#9a3132',
+    900: '#752324',
   },
 } as Record<string, any>;
 export const shades = 9;

package/lib/legacy/components/Wizard/Wizard.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import { PermafrostComponent } from '@/types';
-export type CancelText = {
-    confirmText: string;
-    message?: string;
-    rejectText: string;
-    title: string;
-};
-type Props = PermafrostComponent & {
-    children: React.ReactNode;
-    /**
-     * text for the cancel confirmation modal
-     */
-    confirmCancel: CancelText;
-    disableNextStep?: boolean;
-    disablePrevStep?: boolean;
-    disableSubmit?: boolean;
-    isLastStep?: boolean;
-    /**
-     * for testing/mocking purposes
-     */
-    startingStep?: string;
-    steps: string[];
-    /**
-     * the text to appear on the submit button
-     */
-    submitButtonLabel: string;
-    /**
-     * Puts button in "busy" mode, and replaces button label with this text
-     */
-    submitProcessing?: string;
-    wizardTitle: string;
-    onCancel?(): void;
-    onNextPress?(): boolean;
-    /**
-     * returns the current step name to the parent component
-     */
-    onStepChange(stepName: string): void;
-    onSubmit(): void;
-    /**
-     * Allows for any custom attribute to be added directly to "next button" in wizard
-     */
-    nextButtonProps?: {
-        'data-cy': string;
-    };
-};
-export declare function Wizard(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/legacy/components/Wizard/Wizard.stories.d.ts

@@ -1,29 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Wizard } from './Wizard';
-declare const meta: {
-    component: typeof Wizard;
-    title: string;
-    args: {
-        steps: string[];
-        onCancel: () => void;
-        onSubmit: () => void;
-        wizardTitle: string;
-        confirmCancel: {
-            title: string;
-            message: string;
-            confirmText: string;
-            rejectText: string;
-        };
-        submitButtonLabel: string;
-        onNextPress: () => true;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Wizard>;
-export declare const Normal: Story;
-export declare const FirstStep: Story;
-export declare const LastStep: Story;
-export declare const DisabledNextStep: Story;
-export declare const DisabledPreviousStep: Story;
-export declare const SubmitProcessing: Story;
-export declare const LastStepOverride: Story;

package/lib/legacy/components/Wizard/Wizard.styles.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledWizard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const WizardCard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const WizardSection: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/legacy/components/Wizard/index.d.ts

@@ -1,2 +0,0 @@
-export { Wizard } from './Wizard';
-export { WizardCard, WizardSection, StyledWizard } from './Wizard.styles';