adds card first design-system rules

.babelrc.json

@@ -10,7 +10,7 @@
       }
     ],
     "@babel/preset-typescript",
-    "@babel/preset-react"
+    ["@babel/preset-react", {"runtime":"automatic"}]
   ],
   "plugins": []
 }

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: cimg/node:16.16.0
+      - image: cimg/node:20.12.0
     working_directory: ~/repo
     steps:
       - checkout

.eslintrc.json

@@ -1,45 +1,57 @@
 {
-    "extends": [
-      "react-app"
+  "extends": [
+    "react-app"
+  ],
+  "rules": {
+    "import/no-anonymous-default-export": 0,
+    "no-console": "error",
+    "no-debugger": "error",
+    "array-bracket-newline": "error",
+    "array-bracket-spacing": "error",
+    "array-callback-return": "error",
+    "arrow-body-style": "error",
+    "arrow-spacing": "error",
+    "block-scoped-var": "error",
+    "block-spacing": "error",
+    "brace-style": "error",
+    "callback-return": "error",
+    "camelcase": "error",
+    "no-dupe-else-if": "error",
+    "no-dupe-keys": "error",
+    "no-duplicate-case": "error",
+    "no-duplicate-imports": "error",
+    "no-unneeded-ternary": "error",
+    "no-unreachable": "error",
+    "no-unsafe-finally": "error",
+    "no-unsafe-negation": "error",
+    "no-unused-expressions": "error",
+    "no-unused-labels": "error",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-debugger": "error",
-      "array-bracket-newline": "error",
-      "array-bracket-spacing": "error",
-      "array-callback-return": "error",
-      "arrow-body-style": "error",
-      "arrow-spacing": "error",
-      "block-scoped-var": "error",
-      "block-spacing": "error",
-      "brace-style": "error",
-      "callback-return": "error",
-      "camelcase": "error",
-      "no-dupe-else-if": "error",
-      "no-dupe-keys": "error",
-      "no-duplicate-case": "error",
-      "no-duplicate-imports": "error",
-      "no-unneeded-ternary": "error",
-      "no-unreachable": "error",
-      "no-unsafe-finally": "error",
-      "no-unsafe-negation": "error",
-      "no-unused-expressions": "error",
-      "no-unused-labels": "error",
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": ["error"],
-      "no-use-before-define": "off",
-      "no-useless-call": "error",
-      "no-useless-catch": "error",
-      "no-useless-computed-key": "error",
-      "no-useless-concat": "error",
-      "no-useless-constructor": "error",
-      "no-useless-escape": "error",
-      "no-useless-rename": "error",
-      "no-useless-return": "error",
-      "no-var": "error",
-      "quotes": [2, "single", { "avoidEscape": true }],
-      "semi": [2, "always"],
-      // turning off the following
-      "react-hooks/exhaustive-deps": "off"
-    }
-  }
+    "no-use-before-define": "off",
+    "no-useless-call": "error",
+    "no-useless-catch": "error",
+    "no-useless-computed-key": "error",
+    "no-useless-concat": "error",
+    "no-useless-constructor": "error",
+    "no-useless-escape": "error",
+    "no-useless-rename": "error",
+    "no-useless-return": "error",
+    "no-var": "error",
+    "quotes": [
+      2,
+      "single",
+      {
+        "avoidEscape": true
+      }
+    ],
+    "semi": [
+      2,
+      "always"
+    ],
+    // turning off the following
+    "react-hooks/exhaustive-deps": "off"
+  }
+}

.gitignore

@@ -8,4 +8,5 @@ coverage
 .parcel-cache
 example/.parcel-cache/*
 example/build
-storybook-static
+storybook-static
+package-lock.json

.storybook/main.js

@@ -7,6 +7,7 @@ const config = {
     '@storybook/addon-docs',
     '@storybook/addon-controls',
     'storybook-css-modules-preset',
+    '@storybook/preview-api',
     '@storybook/addon-a11y',
     {
         name: "storybook-design-token",
@@ -17,12 +18,17 @@ const config = {
         autodocs: "tag",
       },
     },
-    '@storybook/addon-mdx-gfm'
+    '@storybook/addon-mdx-gfm',
+    '@storybook/addon-webpack5-compiler-babel'
   ],
   framework: {
     name: '@storybook/react-webpack5',
     options: {}
   },
+  docs: {
+    autodocs: true
+  },
+  staticDirs: ["../static"],
 };
 
 export default config;

.storybook/manager-head.html

@@ -2,6 +2,7 @@
   href="https://www.capgemini.com/wp-content/themes/capgemini-komposite/assets/images/favicon.ico">
 <link rel="icon" type="image/png" href="/storybook.png" sizes="192x192">
 <!-- TODO-DS: we'll remove this one when we'll decide to release the design tokens-->
+<meta name="description" content="react agnostic library" key="desc" />
 <script defer>
   if (location.hostname !== 'localhost') {
     const $hideDesignSystemFromSidebar = document.createElement('style');

.storybook/manager.js

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import camTheme from './capgeminiTheme';
 
 addons.setConfig({

.storybook/preview.js

@@ -18,12 +18,18 @@ export const parameters = {
         [
           'Introduction',
           'Utils',
+          [
+            'CopyToClipboard',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+          ],
           'Form',
           [
             'Autocomplete',
             ['Documentation', 'Live', 'Without style', 'Class based'],
             'Button',
             ['Documentation', 'Live', 'Without style', 'Class based'],
+            'ButtonGroup',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
             'CharacterCount',
             ['Documentation', 'Live', 'Without style', 'Class based'],
             'Checkbox',
@@ -67,16 +73,21 @@ export const parameters = {
             'Tooltip',
             ['Documentation', 'Live', 'Class based'],
           ],
-          'Breadcrumb',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'CopyToClipboard',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'Details',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'Tabs',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
-          'Table',
-          ['Documentation', 'Live', 'Without style', 'Class based'],
+          'Layout',
+          [
+            'Accordion',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Breadcrumb',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Details',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Tabs',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Table',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'Card',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+          ],
           'Typography',
           [
             'Abbreviate',
@@ -103,6 +114,10 @@ export const parameters = {
             ['Documentation', 'Live', 'Without style', 'Class based'],
             'List',
             ['Documentation', 'Live', 'Without style', 'Class based'],
+            'DescriptionList',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
+            'PreformattedText',
+            ['Documentation', 'Live', 'Without style', 'Class based'],
           ],
           'Changelog',
         ],

.vscode/settings.json

@@ -11,4 +11,4 @@
   "files.associations": {
     "*.css": "postcss"
   }
-}
+}

CHANGELOG.md

@@ -1,39 +1,117 @@
+## 1.0.0 (15/04/2024)
+
+<a name="1.0.0" />
+
+**Design System**
+
+- [Highlight](https://github.com/Capgemini/dcx-react-library/issues/535)
+- [KeyboardInput](https://github.com/Capgemini/dcx-react-library/issues/534)
+- [Link](https://github.com/Capgemini/dcx-react-library/issues/533)
+- [Paragraph](https://github.com/Capgemini/dcx-react-library/issues/566)
+- [Abbreviate](https://github.com/Capgemini/dcx-react-library/issues/530)
+- [Code Snippet](https://github.com/Capgemini/dcx-react-library/issues/532)
+- [Preformatted Text](https://github.com/Capgemini/dcx-react-library/issues/536)
+- [Description List](https://github.com/Capgemini/dcx-react-library/issues/502)
+- [Blockquote](https://github.com/Capgemini/dcx-react-library/issues/531)
+- [Form Input](https://github.com/Capgemini/dcx-react-library/issues/578)
+- [DescriptionList](https://github.com/Capgemini/dcx-react-library/issues/587)
+- [Radio Button](https://github.com/Capgemini/dcx-react-library/issues/580)
+- [RadioGroup](https://github.com/Capgemini/dcx-react-library/issues/608)
+- [Checkbox](https://github.com/Capgemini/dcx-react-library/issues/598)
+- [Checkbox Group](https://github.com/Capgemini/dcx-react-library/issues/579)
+
+**New Components**
+
+- [Accordion](https://github.com/Capgemini/dcx-react-library/issues/209)
+- [ButtonGroup](https://github.com/Capgemini/dcx-react-library/issues/458)
+- [Card](https://github.com/Capgemini/dcx-react-library/issues/550)
+
+**Enhancement**
+
+- [Autocomplete - Add option to show all values](https://github.com/Capgemini/dcx-react-library/issues/292)
+- [Button - should allow to pass an html content](https://github.com/Capgemini/dcx-react-library/issues/563)
+- [Checkbox - add error state](https://github.com/Capgemini/dcx-react-library/issues/581)
+- [Autocomplete - Adds close on blur and moves accessibility status text to new location](https://github.com/Capgemini/dcx-react-library/issues/644)
+
+**A11y**
+
+- [remove tab index if not set](https://github.com/Capgemini/dcx-react-library/pull/630)
+- [Button component - does not render the aria-label attribute properly](https://github.com/Capgemini/dcx-react-library/issues/618)
+- [Tab - Actionable Element](https://github.com/Capgemini/dcx-react-library/issues/629)
+- [FormRadio and FormInput - does not offer a capability to not add an aria-label](https://github.com/Capgemini/dcx-react-library/issues/621)
+- [FormInput - should not have a tabindex defined](https://github.com/Capgemini/dcx-react-library/issues/623)
+- [FormInput - An aria attribute has been given an invalid value](https://github.com/Capgemini/dcx-react-library/issues/631)
+- [Autocomplete - is not accessible and needs to be adjusted](https://github.com/Capgemini/dcx-react-library/issues/624)
+- [Details - contains a default TabIndex](https://github.com/Capgemini/dcx-react-library/issues/640)
+
+**Bug**
+
+- [TabGroup - key prop](https://github.com/Capgemini/dcx-react-library/issues/538)
+- [TabGroup - displaying incorrect CSS](https://github.com/Capgemini/dcx-react-library/issues/565)
+- [Select - when you pass the default value it doesn't allow to change on select](https://github.com/Capgemini/dcx-react-library/issues/572)
+- [Heading - does no apply the css correctly](https://github.com/Capgemini/dcx-react-library/issues/610)
+- [Form input - props wrong typing and expose input ref](https://github.com/Capgemini/dcx-react-library/issues/626)
+
+**Documentation**
+
+- [design system](https://github.com/Capgemini/dcx-react-library/issues/517)
+- [Group new components within Storybook](https://github.com/Capgemini/dcx-react-library/issues/513)
+- [google crowler](https://github.com/Capgemini/dcx-react-library/issues/548)
+- [Update storybook documentation to include design system](https://github.com/Capgemini/dcx-react-library/issues/547)
+
+**Dependencies**
+
+- [remove CRA from Example and replace with Vite](https://github.com/Capgemini/dcx-react-library/issues/599)
+- [Close vulnerabilities](https://github.com/Capgemini/dcx-react-library/issues/526)
+
+**Breaking Changes**
+
+- [Autocomplete - adding hiddenErrorText as mandatory](https://github.com/Capgemini/dcx-react-library/issues/638)
+
+**Upgrade notes**
+
+- If you upgrading from a previous release and you use the Autocomplete component it will requires the addition of a new property called **hiddenErrorText**.
+  This property will require a string value to be set and provides a visually hidden text for screen readers to make your component fully accessible
+  å
+
 ## 0.8.0 (15/09/2023)
 
 <a name="0.8.0"></a>
 
-[Autocomplete - changing defaultValue prop has no affect](https://github.com/Capgemini/dcx-react-library/issues/455)
-[Autocomplete - doesn't auto scroll for filtered list on keydown](https://github.com/Capgemini/dcx-react-library/issues/470)
-[Button - add new properties](https://github.com/Capgemini/dcx-react-library/issues/466)
-[Tabs - non-js compliant](https://github.com/Capgemini/dcx-react-library/issues/283)
+- [Autocomplete - changing defaultValue prop has no affect](https://github.com/Capgemini/dcx-react-library/issues/455)
+- [Autocomplete - doesn't auto scroll for filtered list on keydown](https://github.com/Capgemini/dcx-react-library/issues/470)
+- [Button - add new properties](https://github.com/Capgemini/dcx-react-library/issues/466)
+- [Tabs - non-js compliant](https://github.com/Capgemini/dcx-react-library/issues/283)
 
 **New components**
-[Code Snippet](https://github.com/Capgemini/dcx-react-library/issues/500)
-[Breadcrumbs](https://github.com/Capgemini/dcx-react-library/issues/415)
-[Preformatted Text](https://github.com/Capgemini/dcx-react-library/issues/503)
-[Abbreviate](https://github.com/Capgemini/dcx-react-library/issues/497)
-[Highlight](https://github.com/Capgemini/dcx-react-library/issues/498)
-[List item](https://github.com/Capgemini/dcx-react-library/issues/453)
-[Blockquote](https://github.com/Capgemini/dcx-react-library/issues/499)
-[Keyboard Shortcut](https://github.com/Capgemini/dcx-react-library/issues/501)
-[Paragraph](https://github.com/Capgemini/dcx-react-library/issues/455)
-[Insert Text](https://github.com/Capgemini/dcx-react-library/issues/452)
-[Link](https://github.com/Capgemini/dcx-react-library/issues/467)
-[Label](https://github.com/Capgemini/dcx-react-library/issues/466)
-[Heading](https://github.com/Capgemini/dcx-react-library/issues/450)
+
+- [Code Snippet](https://github.com/Capgemini/dcx-react-library/issues/500)
+- [Breadcrumbs](https://github.com/Capgemini/dcx-react-library/issues/415)
+- [Preformatted Text](https://github.com/Capgemini/dcx-react-library/issues/503)
+- [Abbreviate](https://github.com/Capgemini/dcx-react-library/issues/497)
+- [Highlight](https://github.com/Capgemini/dcx-react-library/issues/498)
+- [List item](https://github.com/Capgemini/dcx-react-library/issues/453)
+- [Blockquote](https://github.com/Capgemini/dcx-react-library/issues/499) -[Keyboard Shortcut](https://github.com/Capgemini/dcx-react-library/issues/501)
+- [Paragraph](https://github.com/Capgemini/dcx-react-library/issues/455)
+- [Insert Text](https://github.com/Capgemini/dcx-react-library/issues/452)
+- [Link](https://github.com/Capgemini/dcx-react-library/issues/467)
+- [Label](https://github.com/Capgemini/dcx-react-library/issues/466)
+- [Heading](https://github.com/Capgemini/dcx-react-library/issues/450)
 
 **Documentation**
-[clientOnly](https://github.com/Capgemini/dcx-react-library/issues/459)
-[Storybook - v7](https://github.com/Capgemini/dcx-react-library/issues/473)
+
+- [clientOnly](https://github.com/Capgemini/dcx-react-library/issues/459)
+- [Storybook - v7](https://github.com/Capgemini/dcx-react-library/issues/473)
 
 **Design system - not publicly available yet... stay tuned ;)**
-[Button](https://github.com/Capgemini/dcx-react-library/issues/468)
-[Select](https://github.com/Capgemini/dcx-react-library/issues/469)
-[List Item](https://github.com/Capgemini/dcx-react-library/issues/487)
-[Heading](https://github.com/Capgemini/dcx-react-library/issues/484)
-[Insert Text](https://github.com/Capgemini/dcx-react-library/issues/486)
-[Paragraph](https://github.com/Capgemini/dcx-react-library/issues/488)
-[Label](https://github.com/Capgemini/dcx-react-library/issues/485)
+
+- [Button](https://github.com/Capgemini/dcx-react-library/issues/468)
+- [Select](https://github.com/Capgemini/dcx-react-library/issues/469)
+- [List Item](https://github.com/Capgemini/dcx-react-library/issues/487)
+- [Heading](https://github.com/Capgemini/dcx-react-library/issues/484)
+- [Insert Text](https://github.com/Capgemini/dcx-react-library/issues/486)
+- [Paragraph](https://github.com/Capgemini/dcx-react-library/issues/488)
+- [Label](https://github.com/Capgemini/dcx-react-library/issues/485)
 
 ## 0.7.0 (27/03/2023)