From d6ac0c0c4a3b3c20b85d5af7c380934bd803c53a Mon Sep 17 00:00:00 2001
From: Asif <132882230+ashifalinadaf@users.noreply.github.com>
Date: Fri, 20 Oct 2023 13:13:00 +0530
Subject: [PATCH] Update components.js

Adding meta data to the components.
---
 aries-site/src/data/structures/components.js | 187 ++++++++++++++++++-
 1 file changed, 186 insertions(+), 1 deletion(-)

diff --git a/aries-site/src/data/structures/components.js b/aries-site/src/data/structures/components.js
index 9da2af2db..77c954b58 100644
--- a/aries-site/src/data/structures/components.js
+++ b/aries-site/src/data/structures/components.js
@@ -130,6 +130,17 @@ export const components = [
       'cta',
       'pressable',
       'interaction',
+      'Avatar', 
+      'Profile Picture', 
+      'User Image', 
+      'User Photo', 
+      'Display Picture', 
+      'Profile Photo', 
+      'User Avatar', 
+      'User Icon', 
+      'User Badge', 
+      'User Thumbnail', 
+      'Profile Image',
     ],
   },
   {
@@ -291,6 +302,16 @@ export const components = [
       'hpe tabs style',
       'tabs styling',
       'tabs ux recommendations',
+      'tabbed Navigation', 
+      'Tab Bar', 
+      'tab Menu', 
+      'tabset', 
+      'tabbed Interface', 
+      'section Switcher', 
+      'content Tabs', 
+      'tabbed Content', 
+      'page Tabs', 
+      'panels',
     ],
   },
   {
@@ -320,6 +341,18 @@ export const components = [
       'select date range',
       'HPE calendar component',
       'hpe calendar widget',
+      'DateInput', 
+      'Date Picker', 
+      'Date Selector', 
+      'Date Entry', 
+      'Calendar Input', 
+      'Date Entry Field', 
+      'Date Selection', 
+      'Date Control', 
+      'Date Chooser', 
+      'Calendar Picker', 
+      'Date Entry Box', 
+      'Date Dropdown',
     ],
   },
   {
@@ -354,6 +387,18 @@ export const components = [
       'fileinput styling',
       'fileinput standards',
       'selecting files',
+      'FileInput', 
+      'File Selector',
+      'File Upload', 
+      'File Chooser', 
+      'Upload Control',
+      'Attach File', 
+      'File Browser', 
+      'Upload Input, 
+      'Choose File', 
+      'File Picker', 
+      'Attach Document', 
+      'Document Input',
     ],
   },
   {
@@ -379,7 +424,7 @@ export const components = [
       'text boxes',
       'placeholder text',
       'input error',
-    ],
+      '‘TextArea’,‘Text Box’,‘Text Entry’, ‘Text Input’,  ‘Text Field’,  ‘Message Box’,  ‘Text Editor’,  ‘Content Box’,  ‘Input Area’,  ‘Editable Field’, ‘Multiline Input’,
   },
   {
     name: 'TextInput',
@@ -408,6 +453,18 @@ export const components = [
       'short text field',
       'simple text field',
       'text field error message',
+      'TextInput', 
+      'Input Field, 
+      'Text Field', 
+      'Text Entry', 
+      'Input Box, 
+      'Entry Box', 
+      'Text Box', 
+      'Input Area', 
+      'Editable Field', 
+      'Input Control', 
+      'Text Entry Field', 
+      'Edit Field',
     ],
   },
   {
@@ -455,6 +512,16 @@ export const components = [
       'informational pop-up',
       'contextual help',
       'on hover',
+      'Tips', 
+      'Tooltip', 
+      'Information Bubble, 
+      'Hint', 
+      'Info', 
+      'Help', 
+      'Tool Tip', 
+      'Guidance Box', 
+      'Informational, 
+      'Pop-up',
     ],
   },
   {
@@ -484,6 +551,10 @@ export const components = [
       'search suggestions',
       'search placement',
       'search icon',
+      'Search', 
+      'Find', 
+      'Lookup', 
+      'Query',
     ],
   },
   {
@@ -518,6 +589,18 @@ export const components = [
       'drop-down alternatives',
       'drop-down error message',
       'disabled state',
+      'Select', 
+      'Dropdown', 
+      'Dropdown Menu', 
+      'Dropdown Selector', 
+      'Option Selector', 
+      'Choice Menu', 
+      'Selection Menu', 
+      'Picker', 
+      'List Selector', 
+      'Choice Dropdown', 
+      'Value Selector', 
+      'List Menu',
     ],
   },
   {
@@ -607,6 +690,15 @@ export const components = [
       'hpe checkbox styling',
       'checkbox vs toggle',
       'error message',
+      'check box',
+      'toggle',
+      'input type',
+      'indeterminate',
+      'multiple choices checkbox',
+      'checkbox states',
+      'hpe checkbox styling',
+      'checkbox vs toggle',
+      'error message',
     ],
   },
   {
@@ -630,6 +722,11 @@ export const components = [
       'checkbox error message',
       'checkbox group accessibility',
       'checkbox scrolling',
+      'Check Group', 
+      'Selection Group', 
+      'Option Group', 
+      'Multi-select Group', 
+      'Choice Cluster',
     ],
   },
   {
@@ -1083,6 +1180,16 @@ export const components = [
       'use-cases for preformatted text',
       'preformatted text',
       'preformatted form fields',
+      'MaskedInput', 
+      'Formatted Input', 
+      'Input Mask', 
+      'Masked Entry', 
+      'Patterned Input', 
+      'Controlled Input', 
+      'Custom Input', 
+      'Input Formatter', 
+      'Pattern Input', 
+      'Special Input',
     ],
   },
   {
@@ -1127,6 +1234,19 @@ export const components = [
       'read only',
       'key',
       'property list',
+      'namevaluelist', 
+      'key value list', 
+      'pair list', 
+      'attribute list', 
+      'property list',
+      'label value list', 
+      'info list, data pair list', 
+      'definition list', 
+      'term definition list', 
+      'attributevaluelist', 
+      'dl', 
+      'dd', 
+      'dt',
     ],
   },
   {
@@ -1185,6 +1305,17 @@ export const components = [
       'red alert',
       'notification system',
       'alert alternatives',
+      'notification', 
+      'alert', 
+      'message', 
+      'information', 
+      'notice', 
+      'announcement', 
+      'update, pop-up', 
+      'toast', 
+      'alert box', 
+      'status message', 
+      'system message',
     ],
   },
   {
@@ -1206,6 +1337,13 @@ export const components = [
       'radio button',
       'checkbox alternative',
       'radio button vs checkbox',
+      'RadioButton Group', 
+      'Radio Group', 
+      'Option Group', 
+      'Choice Group', 
+      'Single Select Group', 
+      'Radio Button Set', 
+      'Option Group',
     ],
   },
   {
@@ -1230,6 +1368,18 @@ export const components = [
       'choosing numbers',
       'continuum',
       'choosing a value',
+      "RangeInput', 
+      'Slider',
+      'Value Slider', 
+      'Slider Input', 
+      'Range Slider', 
+      'Value Range Selector', 
+      'Numeric Slider', 
+      'Slide Control', 
+      'Range Selector', 
+      'Value Adjuster', 
+      'Numeric Range Selector', 
+      'Slide Input',"
     ],
   },
   {
@@ -1287,6 +1437,17 @@ export const components = [
       'hpe style spinner',
       'hpe loading spinner',
       'spooling',
+      'spinner',  
+      'loading indicator',  
+      'activity indicator',  
+      'loader',  
+      'progress spinner',  
+      'loading wheel',  
+      'waiting icon',  
+      'busy spinner',  
+      'circular loader',  
+      'throbber',  
+      'loading symbol', 
     ],
   },
   {
@@ -1369,6 +1530,17 @@ export const components = [
       'totals in tables',
       'scrolling tables',
       'scrolling vs pagination',
+      'DataTable', 
+      'Grid Table', 
+      'Data Grid', 
+      'Tabular Data', 
+      'Table View', 
+      'Data Sheet', 
+      'Information Table', 
+      'Grid View', 
+      'Tabulated Data', 
+      'Data List', 
+      'Data Chart',
     ],
   },
   {
@@ -1453,6 +1625,19 @@ export const components = [
       'filtering by keywords',
       'adding tags',
       'tag creation',
+      "tag', 
+      'tags', 
+      'label', 
+      'badge', 
+      'marker', 
+      'identifier', 
+      'category label', 
+      'meta tag', 
+      'keyword', 
+      'marker label', 
+      'attribute label', 
+      'descriptor', 
+      'tag label',"
     ],
   },
   {