Issue #3486267 by g4mbini: Change ID props to identifier

components/accordion_item/accordion_item.component.yml

@@ -35,4 +35,4 @@ props:
     item_id:
       title: ID
       description: 'Must start with a letter. Randomly generated if empty.'
-      type: string
+      $ref: 'ui-patterns://identifier'

components/banner/banner.component.yml

@@ -8,8 +8,8 @@ props:
   properties:
     banner_id:
       title: 'Banner ID'
-      description: 'Unique ID to be used by banner, recommend keeping as one word.'
-      type: string
+      description: 'Unique ID to be used by banner.'
+      $ref: 'ui-patterns://identifier'
     icon_path:
       title: 'Icon path'
       description: 'Path to the icon to use in banner.'

components/modal/modal.component.yml

@@ -28,8 +28,8 @@ props:
       type: boolean
     modal_id:
       title: ID
-      description: 'ID used by external buttons to toggle the visibility. Must start with a letter. Randomly generated if empty.'
-      type: string
+      description: 'ID used by external buttons to toggle the visibility. Randomly generated if empty.'
+      $ref: 'ui-patterns://identifier'
     yes_text:
       title: 'Yes Text'
       description: "Text 'Yes' button should go to. Defaults to Save changes"

components/search/search.component.yml

@@ -24,8 +24,8 @@ props:
       type: string
     search_id:
       title: 'Search field idea'
-      description: "Value for the 'id' attribute, for accessibility. Keep to one word."
-      type: string
+      description: "Value for the 'id' attribute, for accessibility."
+      $ref: 'ui-patterns://identifier'
     search_icon:
       title: 'Search icon path'
       description: 'Path to search icon.'

components/summary_box/summary_box.component.yml

@@ -16,4 +16,4 @@ props:
     summary_box_id:
       title: 'Summary box ID'
       description: 'ID for the summary box.'
-      type: string
+      $ref: 'ui-patterns://identifier'

components/tooltip/tooltip.component.yml

@@ -27,4 +27,4 @@ props:
     tooltip_id:
       title: 'Tooltip ID'
       description: 'ID used by button to toggle the tooltip. Randomly generated if empty.'
-      type: string
+      $ref: 'ui-patterns://identifier'