@omniumretail/component-library 1.0.70 → 1.0.72

package/src/components/Sidebar/styles.module.scss

@@ -1,86 +1,86 @@
-.sidebar {
-    width: 300px;
-    max-width: 300px;
-    height: 100%;
-    background-color: var(--color-white);
-    padding: 24px;
-    position: relative;
-    transition: var(--transition-fast);
-    overflow: hidden;
-
-    &.sidebarClosed {
-        max-width: 100px;
-        width: 100px;
-        overflow: hidden;
-
-        .sidebarItem {
-            font-size: 0;
-            transition: 0;
-            padding-left: 42px;
-
-            &:first-letter {
-                font-size: var(--font-size-body-4);
-            }
-        }
-
-        .sidebarHasIcon {
-            font-size: 24px;
-            padding-left: 35px;
-        }
-    }
-}
-
-.sidebarItem {
-    color: var(--color-black);
-    padding: 16px;
-    font-weight: var(--font-weight-semibold);
-    text-transform: uppercase;
-    position: relative;
-    white-space: nowrap;
-    cursor: pointer;
-
-    &:after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        height: 1px;
-        width: 100%;
-        background-color: var(--color-orange);
-        transform: scaleY(.5);
-    }
-} 
-
-.sidebarItemActive {
-    color: var(--color-orange) !important;
-}
-
-.toggle {
-    position: absolute; 
-    top: 12px;
-    right: 24px;
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1;
-    cursor: pointer;
-
-    > * {
-        font-size: var(--font-size-body-5);
-    }
-}
-
-.subMenu {
-    margin-top: 8px;
-    padding-left: 16px;
-}
-
-.subMenuItem {
-    color: var(--color-black);
-    padding: 8px;
-    margin-top: 8px;
-    font-weight: var(--font-weight-semibold);
-    cursor: pointer;
+.sidebar {
+    width: 300px;
+    max-width: 300px;
+    height: 100%;
+    background-color: var(--color-white);
+    padding: 24px;
+    position: relative;
+    transition: var(--transition-fast);
+    overflow: hidden;
+
+    &.sidebarClosed {
+        max-width: 100px;
+        width: 100px;
+        overflow: hidden;
+
+        .sidebarItem {
+            font-size: 0;
+            transition: 0;
+            padding-left: 42px;
+
+            &:first-letter {
+                font-size: var(--font-size-body-4);
+            }
+        }
+
+        .sidebarHasIcon {
+            font-size: 24px;
+            padding-left: 35px;
+        }
+    }
+}
+
+.sidebarItem {
+    color: var(--color-black);
+    padding: 16px;
+    font-weight: var(--font-weight-semibold);
+    text-transform: uppercase;
+    position: relative;
+    white-space: nowrap;
+    cursor: pointer;
+
+    &:after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        height: 1px;
+        width: 100%;
+        background-color: var(--color-orange);
+        transform: scaleY(.5);
+    }
+} 
+
+.sidebarItemActive {
+    color: var(--color-orange) !important;
+}
+
+.toggle {
+    position: absolute; 
+    top: 12px;
+    right: 24px;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1;
+    cursor: pointer;
+
+    > * {
+        font-size: var(--font-size-body-5);
+    }
+}
+
+.subMenu {
+    margin-top: 8px;
+    padding-left: 16px;
+}
+
+.subMenuItem {
+    color: var(--color-black);
+    padding: 8px;
+    margin-top: 8px;
+    font-weight: var(--font-weight-semibold);
+    cursor: pointer;
 }

package/src/components/Switch/Switch.stories.tsx

@@ -1,14 +1,14 @@
-import { Meta, Story } from "@storybook/react";
-import { Switch } from '.';
-import { SwitchProps } from 'antd';
-
-export default {
-    title: 'Switch',
-    component: Switch,
-} as Meta;
-
-const Template: Story<SwitchProps> = (args) => <Switch {...args}></Switch>;
-
-export const Primary = Template.bind({});
-Primary.args = {
-};
+import { Meta, Story } from "@storybook/react";
+import { Switch } from '.';
+import { SwitchProps } from 'antd';
+
+export default {
+    title: 'Switch',
+    component: Switch,
+} as Meta;
+
+const Template: Story<SwitchProps> = (args) => <Switch {...args}></Switch>;
+
+export const Primary = Template.bind({});
+Primary.args = {
+};

package/src/components/Switch/index.tsx

@@ -1,8 +1,8 @@
-import { Switch as AntdSwitch, SwitchProps } from 'antd';
-import styles from './styles.module.scss';
-
-export const Switch = ({...props}: SwitchProps) => {
-    return (
-        <AntdSwitch { ...props } className={styles.switch}/>
-    );
-};
+import { Switch as AntdSwitch, SwitchProps } from 'antd';
+import styles from './styles.module.scss';
+
+export const Switch = ({...props}: SwitchProps) => {
+    return (
+        <AntdSwitch { ...props } className={styles.switch}/>
+    );
+};

package/src/components/Switch/styles.module.scss

@@ -1,7 +1,7 @@
-.switch {
-    background-color: var(--color-grey) !important;
-
-    &[aria-checked="true"] {
-        background: var(--color-orange) !important;
-    }
-}
+.switch {
+    background-color: var(--color-grey) !important;
+
+    &[aria-checked="true"] {
+        background: var(--color-orange) !important;
+    }
+}