refactor(components): rewrite ProgressBar component

* Avoid browser vendors by adding an extra div
* Add a loading state
* Add an option to center the progress bar (no longer the default)
* Remove min since it is always 0

1 files changed, 0 insertions, 79 deletions

diff --git a/src/components/atoms/loaders/progress-bar.stories.tsx b/src/components/atoms/loaders/progress-bar.stories.tsx
deleted file mode 100644
index 799aacb..0000000
--- a/src/components/atoms/loaders/progress-bar.stories.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { ProgressBar as ProgressBarComponent } from './progress-bar';
-import { current, id, label, max, min } from './progress-bar.fixture';
-
-/**
- * ProgressBar - Storybook Meta
- */
-export default {
-  title: 'Atoms/Loaders',
-  component: ProgressBarComponent,
-  argTypes: {
-    current: {
-      control: {
-        type: 'number',
-      },
-      description: 'The current value.',
-      type: {
-        name: 'number',
-        required: true,
-      },
-    },
-    id: {
-      control: {
-        type: 'text',
-      },
-      description: 'The progress bar id.',
-      type: {
-        name: 'string',
-        required: true,
-      },
-    },
-    label: {
-      control: {
-        type: 'text',
-      },
-      description: 'The progress bar label.',
-      type: {
-        name: 'string',
-        required: true,
-      },
-    },
-    max: {
-      control: {
-        type: 'number',
-      },
-      description: 'The maximal value.',
-      type: {
-        name: 'number',
-        required: true,
-      },
-    },
-    min: {
-      control: {
-        type: 'number',
-      },
-      description: 'The minimal value.',
-      type: {
-        name: 'number',
-        required: true,
-      },
-    },
-  },
-} as ComponentMeta<typeof ProgressBarComponent>;
-
-const Template: ComponentStory<typeof ProgressBarComponent> = (args) => (
-  <ProgressBarComponent {...args} />
-);
-
-/**
- * Loaders Stories - Progress bar
- */
-export const ProgressBar = Template.bind({});
-ProgressBar.args = {
-  current,
-  id,
-  label,
-  min,
-  max,
-};