@ilo-org/twig 0.17.1 → 0.18.0

package/dist/components/{accordion-item → accordion}/accordion-item.twig

@@ -5,8 +5,8 @@
 {% set accordion_id = id ~ uid %}
 {% set button_id = 'button-' ~ accordion_id %}
 {% set panel_id = 'panel-' ~ accordion_id %}
-{% set expanded_class = defaultExpanded ? prefix ~ '--accordion--panel--open' : '' %}
-{% set scroll_class = scroll ? prefix ~ '--accordion--panel__scroll' : '' %}
+{% set expanded_class = defaultExpanded ? 'ilo' ~ '--accordion--panel--open' : '' %}
+{% set scroll_class = scroll ? 'ilo' ~ '--accordion--panel__scroll' : '' %}
 
 <li class="ilo--accordion--item" id="{{ accordion_id }}">
 	<div class="ilo--h3">

package/dist/components/checkbox/checkbox.twig

@@ -3,7 +3,7 @@
 {% extends "@components/form/formcontrol.twig" %}
 
 {% set disabled = disabled|default(false) %}
-{% set baseClass = prefix ~ '--checkbox' %}
+{% set baseClass = 'ilo' ~ '--checkbox' %}
 {% set errorClass = baseClass ~ '__error' %}
 {% set CheckboxClasses = [baseClass] %}
 

package/dist/components/checkbox/checkbox.wingsuit.yml

@@ -14,6 +14,7 @@ checkbox:
       preview: "Do you agree to these terms?"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/datepicker/datepicker.twig

@@ -5,8 +5,8 @@
 
 {# Default values and input preparation #}
 {% set disabled = disabled|default(false) %}
-{% set inputClass = prefix ~ '--input' %}
-{% set baseClass = prefix ~ '--datepicker' %}
+{% set inputClass = 'ilo' ~ '--input' %}
+{% set baseClass = 'ilo' ~ '--datepicker' %}
 {% set datePickerClasses = [inputClass, baseClass] %}
 
 {% if error %}

package/dist/components/dropdown/dropdown.twig

@@ -3,7 +3,7 @@
 {% extends "@components/form/formcontrol.twig" %}
 
 {% set disabled = disabled|default(false) %}
-{% set baseClass = prefix ~ '--dropdown' %}
+{% set baseClass = 'ilo' ~ '--dropdown' %}
 {% set dropdownClasses = [baseClass, class] %}
 {% if error %}
 	{% set dropdownClasses = dropdownClasses|merge(['error']) %}

package/dist/components/dropdown/dropdown.wingsuit.yml

@@ -1,5 +1,5 @@
 dropdown:
-  namespace: components/Forms
+  namespace: Components/Forms
   use: "@components/dropdown/dropdown.twig"
   label: Dropdown
   description: The Dropdown displays a select element with options, and is most
@@ -13,6 +13,7 @@ dropdown:
       preview: "Select a country"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/fileupload/fileupload.twig

@@ -2,7 +2,7 @@
 
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set baseClass = prefix ~ '--file-upload' %}
+{% set baseClass = 'ilo' ~ '--file-upload' %}
 {% set fileUploadClasses = [baseClass] %}
 {% set inputClass = baseClass ~ '--input' %}
 

package/dist/components/fileupload/fileupload.wingsuit.yml

@@ -14,6 +14,7 @@ fileupload:
       preview: Upload your files here
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/{fieldset → form}/fieldset.twig

@@ -1,6 +1,6 @@
 {# fieldset.twig #}
 
-{% set baseClass = prefix ~ "--fieldset" %}
+{% set baseClass = 'ilo' ~ "--fieldset" %}
 {% set wrapClass = baseClass ~ "--wrap__" ~ wrap %}
 {% set directionClass = baseClass ~ "--direction__" ~ direction %}
 {% set helperClass = baseClass ~ "--helper" %}

package/dist/components/form/form.twig

@@ -1,6 +1,6 @@
 {# form.twig #}
 
-{% set baseClass = prefix ~ "--form" %}
+{% set baseClass = 'ilo' ~ "--form" %}
 
 {% set formControlClass = [baseClass, class] %}
 

package/dist/components/{formcontrol → form}/formcontrol.twig

@@ -1,6 +1,6 @@
 {# formcontrol.twig #}
 
-{% set baseClass = prefix ~ "--form-control" %}
+{% set baseClass = 'ilo' ~ "--form-control" %}
 
 {# Initialize ariaDescribedBy #}
 {% set ariaDescribedBy  = [] %}

package/dist/components/{input → form}/input.twig

@@ -1,7 +1,7 @@
 {# text-input.twig #}
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set baseClass = prefix ~ "--text-input" %}
+{% set baseClass = 'ilo' ~ "--text-input" %}
 {% set inputClass = [baseClass] %}
 {% if error %}
 	{% set inputClass = inputClass|merge([baseClass ~ "__error"]) %}

package/dist/components/list/list-item.twig

@@ -0,0 +1,6 @@
+{#
+  ACCORDION ITEM COMPONENT
+#}
+<li class="{{ prefix }}--list--item" id="{{ elementId }}">
+	{{content}}
+</li>

package/dist/components/list/list.twig

@@ -16,7 +16,7 @@
 				prefix: prefix,
 				label: item.label,
 				content: item.content,
-				id: item.id,
+				elementId: item.id,
 			} only %}
 			{% endfor %}
 		</ol>
@@ -27,7 +27,7 @@
 				prefix: prefix,
 				label: item.label,
 				content: item.content,
-				id: item.id,
+				elementId: item.id,
 			} only %}
 			{% endfor %}
 		</ul>

package/dist/components/list/list.wingsuit.yml

@@ -16,27 +16,27 @@ list:
       required: true
       preview:
         - content: The International Labour Organization (ILO) was founded in 1919 as part of the League of Nations to promote workers' rights, encourage decent employment opportunities, and enhance social protection.
-          id: item1
+          elementId: item1
         - content: The ILO aims to promote rights at work, encourage decent job opportunities, enhance social protection, and strengthen dialogue on work-related issues.
-          id: item2
+          elementId: item2
         - content: The ILO advocates for social justice and internationally recognized human and labor rights.
-          id: item3
+          elementId: item3
         - content: The ILO develops international labor standards in the form of conventions and recommendations to improve working conditions and labor rights.
-          id: item4
+          elementId: item4
         - content: The ILO is unique in its tripartite structure that includes representatives from government, employer, and worker organizations.
-          id: item5
+          elementId: item5
         - content: The ILO works to eradicate child labor, targeting the worst forms of child labor through conventions and action programs.
-          id: item6
+          elementId: item6
         - content: The ILO promotes gender equality and empowers women through targeted policies and programs.
-          id: item7
+          elementId: item7
         - content: The ILO’s Decent Work agenda aims to secure fair income, safety at work, social protection, and respect for workers' rights.
-          id: item8
+          elementId: item8
         - content: The ILO provides research and data on global employment trends and labor market issues to inform policy development.
-          id: item9
+          elementId: item9
         - content: The ILO offers training and education programs to improve occupational skills and competencies.
-          id: item10
+          elementId: item10
         - content: The annual International Labor Conference is where ILO members convene to discuss and create labor standards.
-          id: item11
+          elementId: item11
   settings:
     ordered:
       type: select

package/dist/components/list-item/list-item.wingsuit.yml

@@ -10,7 +10,7 @@ list:
       description: The list item's collapsed content.
       preview:
         faker: lorem.word
-    id:
+    elementId:
       type: text
       label: ID
       description: The list item's id.

package/dist/components/navigation/navigation.wingsuit.yml

@@ -1,4 +1,5 @@
 navigation:
+  namespace: Components/Navigation
   use: "@components/navigation/navigation.twig"
   label: Navigation
   description: The Navigation component

package/dist/components/numberpicker/numberpicker.twig

@@ -2,8 +2,8 @@
 
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set inputClass = prefix ~ '--input' %}
-{% set baseClass = prefix ~ '--numberpicker' %}
+{% set inputClass = 'ilo' ~ '--input' %}
+{% set baseClass = 'ilo' ~ '--numberpicker' %}
 {% set hasError = not disabled and error %}
 {% set numberPickerClasses = [inputClass, baseClass] %}
 

package/dist/components/numberpicker/numberpicker.wingsuit.yml

@@ -12,6 +12,7 @@ numberpicker:
       preview: "Pick a number"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/radio/radio.twig

@@ -2,7 +2,7 @@
 
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set baseClass = (prefix is defined ? prefix ~ "--radio" : "--radio") %}
+{% set baseClass = (prefix is defined ? 'ilo' ~ "--radio" : "--radio") %}
 {% set controlClass = baseClass ~ "--control" %}
 
 {% set errorClass = baseClass ~ "__error" %}

package/dist/components/radio/radio.wingsuit.yml

@@ -14,6 +14,7 @@ radio:
       preview: "Do you agree to these terms?"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/search/search.twig

@@ -2,11 +2,11 @@
 
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set baseClass = prefix ~ "--searchfield" %}
+{% set baseClass = 'ilo' ~ "--searchfield" %}
 {% set searchClass = [baseClass, class] %}
-{% set inputClass = prefix ~ "--input" %}
+{% set inputClass = 'ilo' ~ "--input" %}
 {% set buttonClass = baseClass ~ "--button" %}
-{% set fieldSetClass = prefix ~ "--fieldset" %}
+{% set fieldSetClass = 'ilo' ~ "--fieldset" %}
 {% set clearButtonClass = baseClass ~ "--clear-button" %}
 
 {% if error %}

package/dist/components/search/search.wingsuit.yml

@@ -11,6 +11,7 @@ searchfield:
       description: The label for the form element.
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/tag/tag.wingsuit.yml

@@ -1,7 +1,8 @@
 tag:
+  namespace: Components/Navigation
   use: "@components/tags/tag.twig"
   label: Tag
-  description: A display or interactable tag
+  description: A display an interactive tag
   fields:
     content:
       type: text
@@ -9,7 +10,7 @@ tag:
       description: The tag text content.
       preview:
         faker: lorem.word
-    id:
+    elementId:
       type: text
       label: ID
       description: The tag's id.
@@ -32,7 +33,7 @@ tag:
       preview: "false"
       required: false
     tagType:
-      type: type
+      type: select
       label: Tag Type
       description: The type of tag. Anchor and button have potential user interactions where display is static.
       options:

package/dist/components/{tag → tags}/tag.twig

@@ -3,26 +3,26 @@
 #}
 {% if tagType == "button" and defaultActive %}
   <li class="ilo--tags__item">
-    <button class="ilo--tag ilo--tag--button ilo--tag--active icon__position--right" id="{{ id }}" data-active={{ defaultActive }} type="button">
+    <button class="ilo--tag ilo--tag--button ilo--tag--active icon__position--right" id="{{ elementId }}" data-active={{ defaultActive }} type="button">
       {{content}}
       <span class="ilo--icon" title="Remove"></span>
     </button>
   </li>
 {% elseif tagType == "reset" %}
   <li class="ilo--tags__item">
-    <button class="ilo--tag ilo--tag--reset ilo--tag--active" id="{{ id }}" data-active={{ defaultActive }} type="button">
+    <button class="ilo--tag ilo--tag--reset ilo--tag--active" id="{{ elementId }}" data-active={{ defaultActive }} type="button">
       {{content}}
     </button>
   </li>
 {% elseif tagType == "anchor" %}
 <li class="ilo--tags__item">
-    <a class="ilo--tag ilo--tag--anchor {% if defaultActive %} ilo--tag--active{% endif %}" href="{{ url }}"  id="{{ id }}" data-active={{ defaultActive }}>
+    <a class="ilo--tag ilo--tag--anchor {% if defaultActive %} ilo--tag--active{% endif %}" href="{{ url }}"  id="{{ elementId }}" data-active={{ defaultActive }}>
       {{content}}
     </a>
 </li>
 {% elseif tagType == "display" %}
 <li class="ilo--tags__item">
-  <span class="ilo--tag {% if defaultActive %} ilo--tag--active{% endif %}" id="{{ id }}" data-active={{ defaultActive }}>
+  <span class="ilo--tag {% if defaultActive %} ilo--tag--active{% endif %}" id="{{ elementId }}" data-active={{ defaultActive }}>
     {{content}}
   </span>
 </li>

package/dist/components/tags/tags.twig

@@ -6,7 +6,7 @@
     {% include "@components/tags/tag.twig" with {
       content: item.content,
       defaultActive: item.defaultActive,
-      id: item.id,
+      id: item.elementId,
       prefix: prefix,
       tagType: tagType,
       url: item.url|default(null),

package/dist/components/tags/tags.wingsuit.yml

@@ -11,15 +11,15 @@ tags:
       required: true
       preview:
         - content: content 1
-          id: tag1
+          elementId: tag1
           defaultActive: true
           url: https://www.google.com/
         - content: content 2
-          id: tag2
+          elementId: tag2
           defaultActive: true
           url: https://www.google.com/
         - content: content 3
-          id: tag3
+          elementId: tag3
           defaultActive: false
   settings:
     allowMultipleActive:

package/dist/components/textarea/textarea.twig

@@ -2,7 +2,7 @@
 
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set baseClass = prefix ~ '--textarea' %}
+{% set baseClass = 'ilo' ~ '--textarea' %}
 {% set textAreaClass = [baseClass] %}
 {% if error %}
 	{% set textAreaClass = textAreaClass|merge([baseClass ~ "__error"]) %}

package/dist/components/textarea/textarea.wingsuit.yml

@@ -12,6 +12,7 @@ textarea:
       preview: "Insert your name here"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
       preview: "This is a tooltip"
     helper:

package/dist/components/textinput/textinput.twig

@@ -2,7 +2,7 @@
 
 {% extends "@components/form/formcontrol.twig" %}
 
-{% set baseClass = prefix ~ "--text-input" %}
+{% set baseClass = 'ilo' ~ "--text-input" %}
 {% set inputClass = [baseClass] %}
 {% if error %}
 	{% set inputClass = inputClass|merge([baseClass ~ "__error"]) %}

package/dist/components/textinput/textinput.wingsuit.yml

@@ -12,6 +12,7 @@ textinput:
       preview: "Insert your name here"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
       preview: "This is a tooltip"
     helper:

package/dist/components/toggle/toggle.twig

@@ -13,7 +13,7 @@
 {% set ariaDescribedBy = ariaDescribedBy|default("") %}
 
 {# Calculate dynamic classes based on the passed values. #}
-{% set baseClass = prefix ~ "--input--toggle" %}
+{% set baseClass = 'ilo' ~ "--input--toggle" %}
 {% set sliderClass = baseClass ~ "--slider" %}
 {% set toggleClass = [baseClass, class, baseClass ~ "__size__" ~ size] %}
 

package/dist/components/toggle/toggle.wingsuit.yml

@@ -14,6 +14,7 @@ toggle:
       preview: Accept cookies
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/twig",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "license": "Apache-2.0",
   "description": "Twig components for the ILO's Design System",
   "publishConfig": {
@@ -50,9 +50,9 @@
     "videojs-youtube": "^3.0.1",
     "@ilo-org/brand-assets": "0.5.1",
     "@ilo-org/fonts": "0.2.1",
-    "@ilo-org/icons": "0.3.1",
     "@ilo-org/styles": "0.16.1",
     "@ilo-org/themes": "0.8.1",
+    "@ilo-org/icons": "0.3.1",
     "@ilo-org/utils": "0.1.1"
   },
   "devDependencies": {

package/src/patterns/components/checkbox/checkbox.wingsuit.yml

@@ -14,6 +14,7 @@ checkbox:
       preview: "Do you agree to these terms?"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/src/patterns/components/dropdown/dropdown.wingsuit.yml

@@ -1,5 +1,5 @@
 dropdown:
-  namespace: components/Forms
+  namespace: Components/Forms
   use: "@components/dropdown/dropdown.twig"
   label: Dropdown
   description: The Dropdown displays a select element with options, and is most
@@ -13,6 +13,7 @@ dropdown:
       preview: "Select a country"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/src/patterns/components/fileupload/fileupload.wingsuit.yml

@@ -14,6 +14,7 @@ fileupload:
       preview: Upload your files here
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/src/patterns/components/list/list-item.twig

@@ -1,6 +1,6 @@
 {#
   ACCORDION ITEM COMPONENT
 #}
-<li class="{{ prefix }}--list--item" id="{{ id }}">
+<li class="{{ prefix }}--list--item" id="{{ elementId }}">
 	{{content}}
 </li>

package/src/patterns/components/list/list-item.wingsuit.yml

@@ -10,7 +10,7 @@ list:
       description: The list item's collapsed content.
       preview:
         faker: lorem.word
-    id:
+    elementId:
       type: text
       label: ID
       description: The list item's id.

package/src/patterns/components/list/list.twig

@@ -16,7 +16,7 @@
 				prefix: prefix,
 				label: item.label,
 				content: item.content,
-				id: item.id,
+				elementId: item.id,
 			} only %}
 			{% endfor %}
 		</ol>
@@ -27,7 +27,7 @@
 				prefix: prefix,
 				label: item.label,
 				content: item.content,
-				id: item.id,
+				elementId: item.id,
 			} only %}
 			{% endfor %}
 		</ul>

package/src/patterns/components/list/list.wingsuit.yml

@@ -16,27 +16,27 @@ list:
       required: true
       preview:
         - content: The International Labour Organization (ILO) was founded in 1919 as part of the League of Nations to promote workers' rights, encourage decent employment opportunities, and enhance social protection.
-          id: item1
+          elementId: item1
         - content: The ILO aims to promote rights at work, encourage decent job opportunities, enhance social protection, and strengthen dialogue on work-related issues.
-          id: item2
+          elementId: item2
         - content: The ILO advocates for social justice and internationally recognized human and labor rights.
-          id: item3
+          elementId: item3
         - content: The ILO develops international labor standards in the form of conventions and recommendations to improve working conditions and labor rights.
-          id: item4
+          elementId: item4
         - content: The ILO is unique in its tripartite structure that includes representatives from government, employer, and worker organizations.
-          id: item5
+          elementId: item5
         - content: The ILO works to eradicate child labor, targeting the worst forms of child labor through conventions and action programs.
-          id: item6
+          elementId: item6
         - content: The ILO promotes gender equality and empowers women through targeted policies and programs.
-          id: item7
+          elementId: item7
         - content: The ILO’s Decent Work agenda aims to secure fair income, safety at work, social protection, and respect for workers' rights.
-          id: item8
+          elementId: item8
         - content: The ILO provides research and data on global employment trends and labor market issues to inform policy development.
-          id: item9
+          elementId: item9
         - content: The ILO offers training and education programs to improve occupational skills and competencies.
-          id: item10
+          elementId: item10
         - content: The annual International Labor Conference is where ILO members convene to discuss and create labor standards.
-          id: item11
+          elementId: item11
   settings:
     ordered:
       type: select

package/src/patterns/components/navigation/navigation.wingsuit.yml

@@ -1,4 +1,5 @@
 navigation:
+  namespace: Components/Navigation
   use: "@components/navigation/navigation.twig"
   label: Navigation
   description: The Navigation component

package/src/patterns/components/numberpicker/numberpicker.wingsuit.yml

@@ -12,6 +12,7 @@ numberpicker:
       preview: "Pick a number"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/src/patterns/components/radio/radio.wingsuit.yml

@@ -14,6 +14,7 @@ radio:
       preview: "Do you agree to these terms?"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/src/patterns/components/search/search.wingsuit.yml

@@ -11,6 +11,7 @@ searchfield:
       description: The label for the form element.
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/src/patterns/components/tags/tag.twig

@@ -3,26 +3,26 @@
 #}
 {% if tagType == "button" and defaultActive %}
   <li class="{{prefix}}--tags__item">
-    <button class="{{prefix}}--tag {{prefix}}--tag--button {{prefix}}--tag--active icon__position--right" id="{{ id }}" data-active={{ defaultActive }} type="button">
+    <button class="{{prefix}}--tag {{prefix}}--tag--button {{prefix}}--tag--active icon__position--right" id="{{ elementId }}" data-active={{ defaultActive }} type="button">
       {{content}}
       <span class="ilo--icon" title="Remove"></span>
     </button>
   </li>
 {% elseif tagType == "reset" %}
   <li class="{{prefix}}--tags__item">
-    <button class="{{prefix}}--tag {{prefix}}--tag--reset {{prefix}}--tag--active" id="{{ id }}" data-active={{ defaultActive }} type="button">
+    <button class="{{prefix}}--tag {{prefix}}--tag--reset {{prefix}}--tag--active" id="{{ elementId }}" data-active={{ defaultActive }} type="button">
       {{content}}
     </button>
   </li>
 {% elseif tagType == "anchor" %}
 <li class="{{prefix}}--tags__item">
-    <a class="{{prefix}}--tag {{prefix}}--tag--anchor {% if defaultActive %} {{prefix}}--tag--active{% endif %}" href="{{ url }}"  id="{{ id }}" data-active={{ defaultActive }}>
+    <a class="{{prefix}}--tag {{prefix}}--tag--anchor {% if defaultActive %} {{prefix}}--tag--active{% endif %}" href="{{ url }}"  id="{{ elementId }}" data-active={{ defaultActive }}>
       {{content}}
     </a>
 </li>
 {% elseif tagType == "display" %}
 <li class="{{prefix}}--tags__item">
-  <span class="{{prefix}}--tag {% if defaultActive %} {{prefix}}--tag--active{% endif %}" id="{{ id }}" data-active={{ defaultActive }}>
+  <span class="{{prefix}}--tag {% if defaultActive %} {{prefix}}--tag--active{% endif %}" id="{{ elementId }}" data-active={{ defaultActive }}>
     {{content}}
   </span>
 </li>

package/src/patterns/components/tags/tag.wingsuit.yml

@@ -1,7 +1,8 @@
 tag:
+  namespace: Components/Navigation
   use: "@components/tags/tag.twig"
   label: Tag
-  description: A display or interactable tag
+  description: A display an interactive tag
   fields:
     content:
       type: text
@@ -9,7 +10,7 @@ tag:
       description: The tag text content.
       preview:
         faker: lorem.word
-    id:
+    elementId:
       type: text
       label: ID
       description: The tag's id.
@@ -32,7 +33,7 @@ tag:
       preview: "false"
       required: false
     tagType:
-      type: type
+      type: select
       label: Tag Type
       description: The type of tag. Anchor and button have potential user interactions where display is static.
       options:

package/src/patterns/components/tags/tags.twig

@@ -6,7 +6,7 @@
     {% include "@components/tags/tag.twig" with {
       content: item.content,
       defaultActive: item.defaultActive,
-      id: item.id,
+      id: item.elementId,
       prefix: prefix,
       tagType: tagType,
       url: item.url|default(null),

package/src/patterns/components/tags/tags.wingsuit.yml

@@ -11,15 +11,15 @@ tags:
       required: true
       preview:
         - content: content 1
-          id: tag1
+          elementId: tag1
           defaultActive: true
           url: https://www.google.com/
         - content: content 2
-          id: tag2
+          elementId: tag2
           defaultActive: true
           url: https://www.google.com/
         - content: content 3
-          id: tag3
+          elementId: tag3
           defaultActive: false
   settings:
     allowMultipleActive:

package/src/patterns/components/textarea/textarea.wingsuit.yml

@@ -12,6 +12,7 @@ textarea:
       preview: "Insert your name here"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
       preview: "This is a tooltip"
     helper:

package/src/patterns/components/textinput/textinput.wingsuit.yml

@@ -12,6 +12,7 @@ textinput:
       preview: "Insert your name here"
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
       preview: "This is a tooltip"
     helper:

package/src/patterns/components/toggle/toggle.wingsuit.yml

@@ -14,6 +14,7 @@ toggle:
       preview: Accept cookies
     tooltip:
       type: string
+      label: Tooltip
       description: The tooltip for the form element.
     helper:
       type: text

package/dist/components/list-item/list-item.twig

@@ -1,6 +0,0 @@
-{#
-  ACCORDION ITEM COMPONENT
-#}
-<li class="{{ prefix }}--list--item" id="{{ id }}">
-	{{content}}
-</li>