feat(design): switch to new design site

azure-pipelines.yml

@@ -51,9 +51,6 @@ steps:
   - script: npm run lint
     displayName: 'npm run lint'
 
-  - script: npm run css:build
-    displayName: 'build css'
-
   - script: npm run storybook:build
     displayName: 'build storybook'
 
@@ -79,9 +76,9 @@ steps:
     displayName: 'Run Code Analysis'
     condition: and(succeeded(), eq(variables['System.PullRequest.IsFork'], 'False'))
 
-  #- task: SonarSource.sonarcloud.38b27399-a642-40af-bb7d-9971f69712e8.SonarCloudPublish@1
-  #  displayName: 'Publish Quality Gate Result'
-  #  condition: and(succeeded(), eq(variables['System.PullRequest.IsFork'], 'False'))
+  - task: SonarSource.sonarcloud.38b27399-a642-40af-bb7d-9971f69712e8.SonarCloudPublish@1
+    displayName: 'Publish Quality Gate Result'
+    condition: and(succeeded(), eq(variables['System.PullRequest.IsFork'], 'False'))
 
   - script: npm run publish -- $(Npm.Publish.Version) --yes --concurrency 1 --force-publish
     displayName: 'lerna publish'

packages/Form/Input/select-multi/src/select.scss

@@ -1,8 +1,5 @@
 @import '@axa-fr/react-toolkit-core/src/common/scss/core.scss';
 
-.react-select {
-  &__menu {
-    z-index: 2;
-    background-color: aqua;
-  }
+.react-select > div:nth-of-type(2) {
+  z-index: 2;
 }

scripts/publish-docs.js

@@ -36,10 +36,6 @@ try {
 
   fs.copySync(
     `./storybook/design-system/dist`,
-    `./tmp/AxaGuilDEv.github.io/react-toolkit/latest/design-system`
-  );
-  fs.copySync(
-    `./storybook/styles/distDemo`,
     `./tmp/AxaGuilDEv.github.io/react-toolkit/latest/design`
   );
   fs.copySync(

storybook/storybook/src/packages/alert/src/Alert.stories.js

@@ -21,7 +21,12 @@ const storyData = {
             'title',
             'Les caves et les garages situés dans le même corps de bâtiment que le logement assuré sont garantis d′office'
           )}
-        />
+        >
+          {text(
+          'children',
+          ''
+          )}
+        </Alert>
       ),
     },
     {

storybook/storybook/src/packages/alert/src/AlertWithType.stories.js

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/href-no-hash */
 import React from 'react';
-import { text, selectV2 } from '@storybook/addon-knobs';
+import { text, select } from '@storybook/addon-knobs';
 import addToStorie from '@axa-fr/storybook-addons';
 import { AlertWithType } from '@axa-fr/react-toolkit-alert';
 import { action } from '@storybook/addon-actions';
@@ -15,7 +15,7 @@ const storyData = {
       desc: 'Default',
       component: () => (
         <AlertWithType
-          type={selectV2(
+          type={select(
             'type',
             ['error', 'info', 'danger', 'success'],
             'danger'
@@ -32,7 +32,7 @@ const storyData = {
       desc: 'With close button',
       component: () => (
         <AlertWithType
-          type={selectV2(
+          type={select(
             'type',
             ['error', 'info', 'danger', 'success'],
             'danger'
@@ -50,7 +50,7 @@ const storyData = {
       desc: 'With child and custom icon',
       component: () => (
         <AlertWithType
-          type={selectV2(
+          type={select(
             'type',
             ['error', 'info', 'danger', 'success'],
             'info'

storybook/storybook/src/packages/table/src/Paging/Paging.stories.js

@@ -17,7 +17,7 @@ stories.push({
       currentPage={number('currentPage', 5)}
       onChange={action('onChange')}
       classModifier={text('classModifier', '')}
-      className={text('className', '')}
+      className={text('className', 'af-paging')}
     />
   ),
 });