@campxdev/shared 1.10.40 → 1.10.42

package/src/theme/customCssBaseline.ts

@@ -1,135 +1,135 @@
-import {
-  avenirHeavy,
-  avenirHeavyObliquue,
-  avenirMedium,
-  avenirMediumObliquue,
-  avenirRegular,
-} from '../assets/fonts/avenir'
-import {
-  lightPoppins,
-  mediumPoppins,
-  regularPoppins,
-  semiboldPoppins,
-  lightPoppinsItalic,
-  mediumPoppinsItalic,
-  regularPoppinsItalic,
-} from '../assets/fonts/poppins'
-
-export const customCssBaseline = `
-    :root{
-      --toastify-color-info: #3498db;
-      --toastify-color-success: #7EB872;
-      --toastify-color-warning: #f1c40f;
-      --toastify-color-error: #BC2C3D;
-    }
-
-    html, body {
-      font-size: 14px;
-      font-family: Avenir, sans-serif;
-      font-weight: 400;
-    }
-    
-    @font-face {
-      font-family: Avenir;
-      src: url(${avenirRegular}) format('truetype');
-      font-display: swap;
-      font-weight: 400;
-    }
-    @font-face {
-      font-family: Avenir;
-      src: url(${avenirMedium}) format('truetype');
-      font-display: swap;
-      font-weight: 500;
-    }
-    @font-face {
-      font-family: Avenir;
-      src: url(${avenirMediumObliquue}) format('truetype');
-      font-display: swap;
-      font-weight: 500;
-      font-style: oblique;
-    }
-    @font-face {
-      font-family: Avenir;
-      src: url(${avenirHeavy}) format('truetype');
-      font-display: swap;
-      font-weight: 600;
-    }
-    @font-face {
-      font-family: Avenir;
-      src: url(${avenirHeavyObliquue}) format('truetype');
-      font-display: swap;
-      font-weight: 600;
-      font-style: oblique;
-    }
-
-    @font-face {
-      font-family: Poppins;
-      src: url(${lightPoppins}) format('truetype');
-      font-display: swap;
-      font-weight: 300;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${lightPoppinsItalic}) format('truetype');
-      font-display: swap;
-      font-weight: 300;
-      font-style: italic;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${regularPoppins}) format('truetype');
-      font-display: swap;
-      font-weight: 400;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${regularPoppinsItalic}) format('truetype');
-      font-display: swap;
-      font-weight: 400;
-      font-style: italic;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${mediumPoppins}) format('truetype');
-      font-display: swap;
-      font-weight: 500;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${mediumPoppinsItalic}) format('truetype');
-      font-display: swap;
-      font-weight: 500;
-      font-style: italic;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${semiboldPoppins}) format('truetype');
-      font-display: swap;
-      font-weight: 600;
-    }
-
-.Toastify__toast {
-  border-radius: 5px;
-  padding: 0;
-}
-
-.Toastify__toast-body {
-  font-family: Poppins;
-  font-size: 16px;
-  line-height: 1.5;
-  color: #fff;
-  font-weight: 600;
-  padding: 0;
-  margin: 0;
-  height: 64px;
-  align-items: stretch;
-}
-.Toastify__toast-body > div:last-child {
-  align-self: center;
-  margin-left: 30px;
-}
-
-.Toastify__toast > button > svg {
-  display: none;
-}
-`
+import {
+  avenirHeavy,
+  avenirHeavyObliquue,
+  avenirMedium,
+  avenirMediumObliquue,
+  avenirRegular,
+} from '../assets/fonts/avenir'
+import {
+  lightPoppins,
+  mediumPoppins,
+  regularPoppins,
+  semiboldPoppins,
+  lightPoppinsItalic,
+  mediumPoppinsItalic,
+  regularPoppinsItalic,
+} from '../assets/fonts/poppins'
+
+export const customCssBaseline = `
+    :root{
+      --toastify-color-info: #3498db;
+      --toastify-color-success: #7EB872;
+      --toastify-color-warning: #f1c40f;
+      --toastify-color-error: #BC2C3D;
+    }
+
+    html, body {
+      font-size: 14px;
+      font-family: Avenir, sans-serif;
+      font-weight: 400;
+    }
+    
+    @font-face {
+      font-family: Avenir;
+      src: url(${avenirRegular}) format('truetype');
+      font-display: swap;
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: Avenir;
+      src: url(${avenirMedium}) format('truetype');
+      font-display: swap;
+      font-weight: 500;
+    }
+    @font-face {
+      font-family: Avenir;
+      src: url(${avenirMediumObliquue}) format('truetype');
+      font-display: swap;
+      font-weight: 500;
+      font-style: oblique;
+    }
+    @font-face {
+      font-family: Avenir;
+      src: url(${avenirHeavy}) format('truetype');
+      font-display: swap;
+      font-weight: 600;
+    }
+    @font-face {
+      font-family: Avenir;
+      src: url(${avenirHeavyObliquue}) format('truetype');
+      font-display: swap;
+      font-weight: 600;
+      font-style: oblique;
+    }
+
+    @font-face {
+      font-family: Poppins;
+      src: url(${lightPoppins}) format('truetype');
+      font-display: swap;
+      font-weight: 300;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${lightPoppinsItalic}) format('truetype');
+      font-display: swap;
+      font-weight: 300;
+      font-style: italic;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${regularPoppins}) format('truetype');
+      font-display: swap;
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${regularPoppinsItalic}) format('truetype');
+      font-display: swap;
+      font-weight: 400;
+      font-style: italic;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${mediumPoppins}) format('truetype');
+      font-display: swap;
+      font-weight: 500;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${mediumPoppinsItalic}) format('truetype');
+      font-display: swap;
+      font-weight: 500;
+      font-style: italic;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${semiboldPoppins}) format('truetype');
+      font-display: swap;
+      font-weight: 600;
+    }
+
+.Toastify__toast {
+  border-radius: 5px;
+  padding: 0;
+}
+
+.Toastify__toast-body {
+  font-family: Poppins;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #fff;
+  font-weight: 600;
+  padding: 0;
+  margin: 0;
+  height: 64px;
+  align-items: stretch;
+}
+.Toastify__toast-body > div:last-child {
+  align-self: center;
+  margin-left: 30px;
+}
+
+.Toastify__toast > button > svg {
+  display: none;
+}
+`

package/src/theme/index.css

@@ -1,28 +1,28 @@
-/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */
-
-:root {
-  --primary-main: rgb(30, 25, 245);
-  --secondary-dark: #121212;
-  --secondary-light: #1d1d1d;
-  --bg-gray-light: #f2f2f2;
-  --orange-primary: #ffaf20;
-  --primary-light: #eef8fe;
-  --secondary-color: #233659;
-  --success-color: #52c41a;
-  --warning-color: #faad14;
-  --error-color: #f5222d;
-  --link-color: #1890ff;
-  --heading-color: rgba(0, 0, 0, 0.85);
-  --disabled-color: rgba(0, 0, 0, 0.25);
-  --border-color-base: #d9d9d9;
-  --body-background: #fff;
-  --component-background: #fff;
-  /* TYPOGRAPHY */
-  --text-white: #fff;
-  --text-color: rgba(0, 0, 0, 0.65);
-  --text-color-secondary: rgba(0, 0, 0, 0.45);
-
-  --toastify-color-info: #3498db;
-  --toastify-color-success: #7eb872;
-  --toastify-color-warning: #f1c40f;
-}
+/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */
+
+:root {
+  --primary-main: rgb(30, 25, 245);
+  --secondary-dark: #121212;
+  --secondary-light: #1d1d1d;
+  --bg-gray-light: #f2f2f2;
+  --orange-primary: #ffaf20;
+  --primary-light: #eef8fe;
+  --secondary-color: #233659;
+  --success-color: #52c41a;
+  --warning-color: #faad14;
+  --error-color: #f5222d;
+  --link-color: #1890ff;
+  --heading-color: rgba(0, 0, 0, 0.85);
+  --disabled-color: rgba(0, 0, 0, 0.25);
+  --border-color-base: #d9d9d9;
+  --body-background: #fff;
+  --component-background: #fff;
+  /* TYPOGRAPHY */
+  --text-white: #fff;
+  --text-color: rgba(0, 0, 0, 0.65);
+  --text-color-secondary: rgba(0, 0, 0, 0.45);
+
+  --toastify-color-info: #3498db;
+  --toastify-color-success: #7eb872;
+  --toastify-color-warning: #f1c40f;
+}