@madgex/design-system - npm Package Compare versions

Comparing version 5.9.0 to 5.10.0

package.json

@@ -5,3 +5,3 @@ {
   "license": "UNLICENSED",
-  "version": "5.9.0",
+  "version": "5.10.0",
   "main": "dist/js/index.js",
@@ -93,3 +93,3 @@ "files": [
   },
-  "gitHead": "ac3e96e389676e6e6dfbca5f6ed6e78f1289693e"
+  "gitHead": "a778c81350d63b335cc68caab575ba2c2176a398"
 }

src/components/inputs/checkbox-list/README.md

@@ -20,2 +20,3 @@ ## Parameters
   requiredIcon: 'required', // visually hidden text for the required icon (label)
+  errorIcon: default is 'Error', // visually hidden text for the error icon
   accordionTrigger: 'Select options under {label}' // text to improve a11y on nested checkboxes - please note the use of `{label}` to get the name of the option
@@ -22,0 +23,0 @@ }

src/components/inputs/combobox/combobox.config.js

@@ -82,3 +82,18 @@ module.exports = {
     },
+    {
+      name: 'AJAX autocomplete prefilled with validation error',
+      context: {
+        useAutocomplete: true,
+        variantTitle: 'AJAX autocomplete prefilled with validation error',
+        name: 'keywords',
+        id: 'keywords-lookup-prefilled-validation-error',
+        labelText: 'Keywords:',
+        placeholder: 'eg. Testimonials',
+        value: 'Initial Value',
+        vModel: 'Initial Value',
+        fallbackTo: 'input',
+        validationError: 'There was an error',
+      },
+    },
   ],
 };

src/components/inputs/combobox/README.md

@@ -21,2 +21,3 @@ ## Parameters - Nunjucks
   loadingText: 'Loading', // visually hidden text for the loading icon
+  errorIcon: default is 'Error', // visually hidden text for the error icon
   describedByText:
@@ -23,0 +24,0 @@ 'When autocomplete results are available, use up and down arrows to review and enter to select.', // help text for screen readers users to explain how to use the combobox

src/components/inputs/file-upload/file-upload.config.js

@@ -23,3 +23,15 @@ module.exports = {
     },
+    {
+      name: 'Errored file input',
+      context: {
+        labelText: 'Error with uploaded file',
+        name: 'selected-file',
+        id: 'selected-file',
+        validationError: 'There was an error',
+        i18n: {
+          fallbackSelectedFileText: 'Use my saved CV or upload a different one',
+        },
+      },
+    },
   ],
 };

src/components/inputs/file-upload/README.md

@@ -20,3 +20,4 @@ ## Parameters
 i18n: {
-  requiredIcon: 'required',
+  requiredIcon: 'required', , // visually hidden text for the required icon
+  errorIcon: default is 'Error', // visually hidden text for the error icon
   defaultFileText: 'Drag and drop',
@@ -23,0 +24,0 @@ buttonText: 'Choose a file',

src/components/inputs/input/README.md

@@ -27,2 +27,3 @@ ## Nunjucks
   requiredIcon: 'required', // visually hidden text for the required icon (label)
+  errorIcon: default is 'Error', // visually hidden text for the error icon
 }
@@ -29,0 +30,0 @@ ```

src/components/inputs/radio/radio.config.js

@@ -70,3 +70,29 @@ module.exports = {
     },
+    {
+      name: 'Error',
+      context: {
+        id: 'error-stacked-radio-input',
+        labelText: 'Error Stacked Radio',
+        validationError: 'There was an error',
+        helpText: "This field won't steal your card details",
+        options: [
+          {
+            labelText: 'Radio Input 1',
+            value: '4-1',
+            id: 'radio-4-1',
+          },
+          {
+            labelText: 'Radio Input 2',
+            value: '4-2',
+            id: 'radio-4-2',
+          },
+          {
+            labelText: 'Radio Input 3',
+            value: '4-3',
+            id: 'radio-4-3',
+          },
+        ],
+      },
+    },
   ],
 };

src/components/inputs/radio/README.md

@@ -21,2 +21,3 @@ ## Nunjucks
   requiredIcon: 'required', // visually hidden text for the required icon (label)
+  errorIcon: default is 'Error', // visually hidden text for the error icon
 }
@@ -23,0 +24,0 @@ ```

src/components/inputs/select/README.md

@@ -22,2 +22,3 @@ ## Parameters
   requiredIcon: 'required', // visually hidden text for the required icon (label)
+  errorIcon: default is 'Error', // visually hidden text for the error icon
   defaultOptionLabel: 'Please select', // text for default option - won't display if hideDefault parameter is set
@@ -24,0 +25,0 @@ }

src/components/inputs/select/select.config.js

@@ -99,3 +99,27 @@ module.exports = {
     },
+    {
+      name: 'Select Input With Error',
+      context: {
+        labelText: 'Select Input With Error',
+        name: 'Select input with error',
+        id: 'select-input-with-error',
+        optional: true,
+        validationError: 'There was an error',
+        options: [
+          {
+            labelText: 'Option 1',
+            value: 'option-1',
+          },
+          {
+            labelText: 'Option 2',
+            value: 'option-2',
+          },
+          {
+            labelText: 'Option 3',
+            value: 'option-3',
+          },
+        ],
+      },
+    },
   ],
 };

src/components/inputs/single-checkbox/README.md

@@ -67,3 +67,4 @@ ## Nunjucks
   requiredIcon: 'required', // visually hidden text for the required icon (label)
+  errorIcon: default is 'Error', // visually hidden text for the error icon
 }
 ```

src/components/inputs/single-checkbox/single-checkbox.config.js

@@ -45,3 +45,18 @@ module.exports = {
     },
+    {
+      name: 'Checkbox with validation error',
+      context: {
+        id: 'error',
+        validationError: 'There was an error',
+        describedBy: 'topcv-example',
+        options: [
+          {
+            labelText: 'Please tick here to receive a free CV review from TopCV',
+            value: 'data-yes',
+            id: 'data-error',
+          },
+        ],
+      },
+    },
   ],
 };

src/components/inputs/text-editor/README.md

@@ -33,2 +33,3 @@ ## Parameters - Nunjucks
   requiredIcon: 'required', // visually hidden text for the required icon
+  errorIcon: default is 'Error', // visually hidden text for the error icon
   toolbarLabel: 'Text formatting', // label for the toolbar explaining what the toolbar is about (default: Text formatting)
@@ -35,0 +36,0 @@ }

src/components/inputs/textarea/README.md

@@ -22,2 +22,3 @@ ## Parameters
   requiredIcon: 'required', // visually hidden text for the required icon (label)
+  errorIcon: default is 'Error', // visually hidden text for the error icon
   characterCountText: '<span class="js-character-count-number">[maxlength]</span> characters remaining' (use with the maxlength parameter)
@@ -24,0 +25,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

896597

increased by0.99%

Lines of code

10078

increased by0.92%

Published versions last two months

11

increased by10%

No dependency changes