fix(style): use dist folder instead of src for packages's css import …

…in package all
AxaFrance · Nov 17, 2023 · 71177c3 · 71177c3
1 parent db64034
commit 71177c3
Show file tree

Hide file tree

Showing 6 changed files with 97 additions and 115 deletions.
diff --git a/packages/Layout/footer-client/src/_footer-client-item.scss b/packages/Layout/footer-client/src/_footer-client-item.scss
diff --git a/packages/Layout/footer-client/src/_footer-client-list.scss b/packages/Layout/footer-client/src/_footer-client-list.scss
diff --git a/packages/Layout/footer-client/src/_language-selection.scss b/packages/Layout/footer-client/src/_language-selection.scss
diff --git a/packages/Layout/footer-client/src/_social-network.scss b/packages/Layout/footer-client/src/_social-network.scss
diff --git a/packages/Layout/footer-client/src/footer-client.scss b/packages/Layout/footer-client/src/footer-client.scss
@@ -1,9 +1,5 @@
 @import '@axa-fr/react-toolkit-core/src/common/scss/core.scss';
 
-@import '_footer-client-item';
-@import '_footer-client-list';
-@import '_language-selection';
-
 .social-network__list {
   list-style: none;
   display: flex;
@@ -56,3 +52,98 @@
   color: $color-white;
   line-height: 25px;
 }
+
+.af-footer-client__column-item {
+  margin-bottom: 25px;
+}
+
+.af-footer-client__column-link {
+  color: $color-white;
+}
+
+.af-footer-client__top-container {
+  display: flex;
+}
+
+.af-footer-client__column {
+  flex-grow: 1;
+}
+
+.af-footer-client__column-title {
+  font-size: 16px;
+  font-weight: bold;
+  letter-spacing: 0;
+  text-align: left;
+  text-transform: uppercase;
+  margin-bottom: 25px;
+  color: $color-white;
+}
+
+.af-footer-client__column-items {
+  list-style: none;
+  padding: 0;
+}
+
+.af-languageSelection {
+  display: inline-block;
+}
+
+.af-languageSelection__title {
+  font-size: 14px;
+  font-weight: bold;
+  letter-spacing: 0;
+  text-align: left;
+  text-transform: uppercase;
+  display: inline-block;
+  margin-bottom: 0;
+  color: $color-white;
+}
+
+.af-languageSelection__list {
+  list-style: none;
+  padding: 0;
+  display: inline-block;
+  margin-left: 20px;
+  margin-bottom: 0;
+}
+
+.af-languageSelection__item {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  letter-spacing: 0;
+  text-align: left;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  border-right: 2px solid $color-white;
+  padding: 0 20px;
+
+  &:last-child {
+    border: none;
+  }
+
+  &--active {
+    .af-languageSelection__item-button {
+      color: $color-white;
+    }
+  }
+
+  &:hover {
+    color: $color-white;
+  }
+}
+
+.af-languageSelection__item-button {
+  background: none;
+  border: none;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  letter-spacing: 0;
+  text-align: left;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  padding: 0 20px;
+}
diff --git a/scripts/style.js b/scripts/style.js
@@ -84,7 +84,7 @@ const prepareStylePackages = (packagesScssfiles) => {
       .replace(`/${src}`, `/${dist}`)}`;
     const outputName = `/af-${path
       .basename(scssFile)
-      .replace(`.scss`, '.css')}`;
+      .replace('.scss', '.css')}`;
 
     if (!fs.existsSync(outputPath)) {
       fs.mkdirSync(outputPath, { recursive: true });
@@ -145,7 +145,7 @@ const setFileImport = (filePath) => {
     .replace('packages/', '')
     .replace(/\//g, '-')
     .toLowerCase();
-  return `@import '@axa-fr/react-toolkit-${basePath}/src/${fileSplit[1]}';`;
+  return `@import '@axa-fr/react-toolkit-${basePath}/dist/${fileSplit[1]}';`;
 };
 
 /**