kelt-ui-kit-react 1.2.0 → 1.2.1

package/src/header/header.css

@@ -1,26 +1,26 @@
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem;
-  height: 50px;
-  border-bottom: 1px solid #cfbdbd;
-  background-color: #fff;
-  width: 100%;
-
-  &.header--fixed {
-    position: fixed;
-  }
-
-  .header-logo {
-    margin-left: 1rem;
-
-    img {
-      width: 50px;
-    }
-  }
-
-  .bi {
-    cursor: pointer;
-  }
-}
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  height: 50px;
+  border-bottom: 1px solid #cfbdbd;
+  background-color: #fff;
+  width: 100%;
+
+  &.header--fixed {
+    position: fixed;
+  }
+
+  .header-logo {
+    margin-left: 1rem;
+
+    img {
+      width: 50px;
+    }
+  }
+
+  .bi {
+    cursor: pointer;
+  }
+}

package/src/header/header.interface.tsx

@@ -1,8 +1,8 @@
-export interface HeaderInterface {
-  logo?: string;
-  children?: React.ReactNode;
-  positionFixed?: boolean;
-  onClickMenu?: () => void;
-  userChildren?: React.ReactNode;
-  onClickLogo?: () => void;
-}
+export interface HeaderInterface {
+  logo?: string;
+  children?: React.ReactNode;
+  positionFixed?: boolean;
+  onClickMenu?: () => void;
+  userChildren?: React.ReactNode;
+  onClickLogo?: () => void;
+}

package/src/home/Home.tsx

@@ -1,3 +1,3 @@
-export const Home = (): JSX.Element => {
-  return <h1>Home</h1>;
-};
+export const Home = (): JSX.Element => {
+  return <h1>Home</h1>;
+};

package/src/icon/Icon.tsx

@@ -1,6 +1,6 @@
-import "./icon.css";
-import { IconInterface } from "./icon.interface";
-
-export const Icon = ({ classIcon, size }: IconInterface): JSX.Element => {
-  return <i className={`bi ${classIcon} ${size ?? "sm"}`} />;
-};
+import "./icon.css";
+import { IconInterface } from "./icon.interface";
+
+export const Icon = ({ classIcon, size }: IconInterface): JSX.Element => {
+  return <i className={`bi ${classIcon} ${size ?? "sm"}`} />;
+};

package/src/icon/Icons.view.tsx

@@ -1,29 +1,29 @@
-import { Icon } from "./Icon";
-import { IconInterface } from "./icon.interface";
-
-export const IconsView = (): JSX.Element => {
-  const mockItems: IconInterface[] = [
-    {
-      classIcon: "bi-list",
-    },
-    {
-      classIcon: "bi-person-circle",
-    },
-    {
-      classIcon: "bi-volume-mute-fill",
-    },
-  ];
-
-  return (
-    <>
-      <p>
-        <a href="https://icons.getbootstrap.com/#usage" target="_blank">
-          Liste des icons utilisables
-        </a>
-      </p>
-      {mockItems.map((item, idx) => (
-        <Icon key={idx} classIcon={item.classIcon} />
-      ))}
-    </>
-  );
-};
+import { Icon } from "./Icon";
+import { IconInterface } from "./icon.interface";
+
+export const IconsView = (): JSX.Element => {
+  const mockItems: IconInterface[] = [
+    {
+      classIcon: "bi-list",
+    },
+    {
+      classIcon: "bi-person-circle",
+    },
+    {
+      classIcon: "bi-volume-mute-fill",
+    },
+  ];
+
+  return (
+    <>
+      <p>
+        <a href="https://icons.getbootstrap.com/#usage" target="_blank">
+          Liste des icons utilisables
+        </a>
+      </p>
+      {mockItems.map((item, idx) => (
+        <Icon key={idx} classIcon={item.classIcon} />
+      ))}
+    </>
+  );
+};

package/src/icon/icon.css

@@ -1,20 +1,20 @@
-.bi {
-  &.xs {
-    font-size: 1rem;
-  }
-  &.sm {
-    font-size: 1.2rem;
-  }
-
-  &.md {
-    font-size: 1.4rem;
-  }
-
-  &.xl {
-    font-size: 1.6rem;
-  }
-
-  &.xxl {
-    font-size: 2rem;
-  }
-}
+.bi {
+  &.xs {
+    font-size: 1rem;
+  }
+  &.sm {
+    font-size: 1.2rem;
+  }
+
+  &.md {
+    font-size: 1.4rem;
+  }
+
+  &.xl {
+    font-size: 1.6rem;
+  }
+
+  &.xxl {
+    font-size: 2rem;
+  }
+}

package/src/icon/icon.interface.tsx

@@ -1,6 +1,6 @@
-import { IconSizeEnum } from "./iconSize.enum";
-
-export interface IconInterface {
-  classIcon: string;
-  size?: IconSizeEnum;
-}
+import { IconSizeEnum } from "./iconSize.enum";
+
+export interface IconInterface {
+  classIcon: string;
+  size?: IconSizeEnum;
+}

package/src/icon/iconSize.enum.ts

@@ -1,7 +1,7 @@
-export enum IconSizeEnum {
-  EXTRA_SMALL = "xs",
-  SMALL = "sm",
-  MEDIUM = "md",
-  LARGE = "xl",
-  EXTRA_LARGE = "xxl",
-}
+export enum IconSizeEnum {
+  EXTRA_SMALL = "xs",
+  SMALL = "sm",
+  MEDIUM = "md",
+  LARGE = "xl",
+  EXTRA_LARGE = "xxl",
+}