@gov-design-system-ce/components 0.0.53 → 0.0.55

package/dist/cjs/{wcag-b0321f09.js → wcag-d7912060.js}

@@ -2,7 +2,7 @@
 
 const gov_log = require('./gov.log-0c9dca27.js');
 const string_utils = require('./string.utils-0f08c48c.js');
-const win = require('./win-53f637d4.js');
+const win = require('./win-0427c131.js');
 
 const validateWcagProp = (value, propName, component) => {
   if (value === undefined || String(value).length === 0) {
@@ -64,4 +64,4 @@ exports.validateWcagLabelFor = validateWcagLabelFor;
 exports.validateWcagProp = validateWcagProp;
 exports.validateWcagRef = validateWcagRef;
 
-//# sourceMappingURL=wcag-b0321f09.js.map
+//# sourceMappingURL=wcag-d7912060.js.map

package/dist/cjs/{wcag-b0321f09.js.map → wcag-d7912060.js.map}

@@ -1 +1 @@
-{"file":"wcag-b0321f09.js","mappings":";;;;;;MAIa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;EAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACtDA,qBAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;GACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;EACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;IACpE,OAAO,IAAI,CAAA;GACX;EACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACrCA,qBAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;IACpF,OAAO,KAAK,CAAA;GACZ;EACD,IAAI,OAAO,GAAG,EAAE,CAAA;EAChB,MAAM,YAAY,GAAGC,8BAAiB,CAAC,WAAW,CAAC,CAAA;EACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;IAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;MACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;KAC1B,CAAC,CAAA;GACF;EAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;IAClC,IAAIC,gBAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;MAExD,OAAO,KAAK,CAAA;KACZ;SAAM;MACN,OAAO,IAAI,CAAA;KACX;GACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAEY,oBAAoB,GAAG,CAAC,OAAe,EAAE,UAA8B,EAAE,SAAiB;EACtG,MAAM,OAAO,GAAGA,gBAAY,EAAE,CAAC,aAAa,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAA;EAChE,IAAI,OAAO,KAAK,IAAI,EAAE;IACrB,MAAM,YAAY,GAAGA,gBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,KAAK,IAAI,EAAE;MAC1BF,qBAAa,CAAC,IAAI,SAAS,8EAA8E,CAAC,CAAA;MAC1G,OAAO,KAAK,CAAA;KACZ;GACD;EACD,OAAO,IAAI,CAAA;AACZ,EAAC;MAEY,iBAAiB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB;EAC7G,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAClD,OAAO,IAAI,CAAA;GACX;EACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5D,MAAM,YAAY,GAAGE,gBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,EAAE;MACjB,OAAO,IAAI,CAAA;KACX;GACD;EACDF,qBAAa,CAAC,IAAI,SAAS,yEAAyE,CAAC,CAAA;EACrG,OAAO,KAAK,CAAA;AACb;;;;;;;","names":["govWarningLog","splitByWhitespace","documentNode"],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\nimport { splitByWhitespace } from '../../utils/string.utils'\nimport { documentNode } from '../Dom/win'\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === 'string' && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n"],"version":3}
+{"file":"wcag-d7912060.js","mappings":";;;;;;MAIa,gBAAgB,GAAG,CAAC,KAAyB,EAAE,QAAgB,EAAE,SAAiB;EAC9F,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACtDA,qBAAa,CAAC,IAAI,SAAS,WAAW,QAAQ,qDAAqD,CAAC,CAAA;GACpG;AACF,EAAC;MAEY,eAAe,GAAG,CAAC,WAAmB,EAAE,IAAY,EAAE,SAAiB;EACnF,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,WAAW,KAAK,SAAS,EAAE;IACpE,OAAO,IAAI,CAAA;GACX;EACD,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;IACrCA,qBAAa,CAAC,IAAI,SAAS,iBAAiB,IAAI,mCAAmC,CAAC,CAAA;IACpF,OAAO,KAAK,CAAA;GACZ;EACD,IAAI,OAAO,GAAG,EAAE,CAAA;EAChB,MAAM,YAAY,GAAGC,8BAAiB,CAAC,WAAW,CAAC,CAAA;EACnD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;IAChC,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;MACxC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;KAC1B,CAAC,CAAA;GACF;EAED,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;IAClC,IAAIC,gBAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;;MAExD,OAAO,KAAK,CAAA;KACZ;SAAM;MACN,OAAO,IAAI,CAAA;KACX;GACD,CAAC,CAAC,MAAM,CAAA;AACV,EAAC;MAEY,oBAAoB,GAAG,CAAC,OAAe,EAAE,UAA8B,EAAE,SAAiB;EACtG,MAAM,OAAO,GAAGA,gBAAY,EAAE,CAAC,aAAa,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAA;EAChE,IAAI,OAAO,KAAK,IAAI,EAAE;IACrB,MAAM,YAAY,GAAGA,gBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,KAAK,IAAI,EAAE;MAC1BF,qBAAa,CAAC,IAAI,SAAS,8EAA8E,CAAC,CAAA;MAC1G,OAAO,KAAK,CAAA;KACZ;GACD;EACD,OAAO,IAAI,CAAA;AACZ,EAAC;MAEY,iBAAiB,GAAG,CAAC,KAAyB,EAAE,UAA8B,EAAE,SAAiB;EAC7G,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;IAClD,OAAO,IAAI,CAAA;GACX;EACD,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;IAC5D,MAAM,YAAY,GAAGE,gBAAY,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,YAAY,EAAE;MACjB,OAAO,IAAI,CAAA;KACX;GACD;EACDF,qBAAa,CAAC,IAAI,SAAS,yEAAyE,CAAC,CAAA;EACrG,OAAO,KAAK,CAAA;AACb;;;;;;;","names":["govWarningLog","splitByWhitespace","documentNode"],"sources":["../../../packages/core/src/helpers/Validate/wcag.ts"],"sourcesContent":["import { govWarningLog } from '../Log/gov.log'\nimport { splitByWhitespace } from '../../utils/string.utils'\nimport { documentNode } from '../Dom/win'\n\nexport const validateWcagProp = (value: string | undefined, propName: string, component: string): void => {\n\tif (value === undefined || String(value).length === 0) {\n\t\tgovWarningLog(`[${component}]: The (${propName}) attribute is important for correct accessibility.`)\n\t}\n}\n\nexport const validateWcagRef = (referenceId: string, name: string, component: string): boolean => {\n\tif (typeof referenceId === 'undefined' || referenceId === undefined) {\n\t\treturn true\n\t}\n\tif (String(referenceId).length === 0) {\n\t\tgovWarningLog(`[${component}]: Attribute (${name}) is defined with an empty value.`)\n\t\treturn false\n\t}\n\tlet strings = []\n\tconst referenceIds = splitByWhitespace(referenceId)\n\tif (Array.isArray(referenceIds)) {\n\t\tstrings = referenceIds.filter(function (e) {\n\t\t\treturn e.trim().length > 0\n\t\t})\n\t}\n\n\treturn !!strings.filter(referenceId => {\n\t\tif (documentNode().getElementById(referenceId) === null) {\n\t\t\t//govWarningLog(`[${component}][${name}]: Reference to element with id (${referenceId}) does not exist.`)\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn true\n\t\t}\n\t}).length\n}\n\nexport const validateWcagLabelFor = (inputId: string, labelledBy: string | undefined, component: string): boolean => {\n\tconst labelEl = documentNode().querySelector(`[for=${inputId}]`)\n\tif (labelEl === null) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl === null) {\n\t\t\tgovWarningLog(`[${component}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`)\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const validateWcagLabel = (label: string | undefined, labelledBy: string | undefined, component: string): boolean => {\n\tif (typeof label === 'string' && label.length > 0) {\n\t\treturn true\n\t}\n\tif (typeof labelledBy === 'string' && labelledBy.length > 0) {\n\t\tconst labelledByEl = documentNode().getElementById(labelledBy)\n\t\tif (labelledByEl) {\n\t\t\treturn true\n\t\t}\n\t}\n\tgovWarningLog(`[${component}]: The element has no defined wcag-label or wcag-labelled-by attribute.`)\n\treturn false\n}\n"],"version":3}

package/dist/cjs/{win-53f637d4.js → win-0427c131.js}

@@ -8,6 +8,7 @@ const config = () => {
   const defaultConfig = {
     canValidateWcagOnRender: false,
     iconsPath: './assets/icons',
+    iconsLazyLoad: true,
     documentNode: document ? document : null,
   };
   const windowProperty = getWindowProperty('GOV_DS_CONFIG');
@@ -18,10 +19,12 @@ const config = () => {
 };
 const canValidateWcagOnRender = () => config().canValidateWcagOnRender;
 const iconsPath = () => config().iconsPath;
+const iconsLazyLoad = () => config().iconsLazyLoad;
 const documentNode = () => config().documentNode;
 
 exports.canValidateWcagOnRender = canValidateWcagOnRender;
 exports.documentNode = documentNode;
+exports.iconsLazyLoad = iconsLazyLoad;
 exports.iconsPath = iconsPath;
 
-//# sourceMappingURL=win-53f637d4.js.map
+//# sourceMappingURL=win-0427c131.js.map

package/dist/cjs/win-0427c131.js.map

@@ -0,0 +1 @@
+{"file":"win-0427c131.js","mappings":";;;;AASO,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAIA,cAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;EACd,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;MACpG,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;;;;;;","names":["property"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -58,8 +58,8 @@
     "components/gov-toast/gov-toast.js",
     "components/gov-tooltip/gov-tooltip-content.js",
     "components/gov-tooltip/gov-tooltip.js",
-    "components/gov-wizzard/gov-wizzard-item.js",
-    "components/gov-wizzard/gov-wizzard.js"
+    "components/gov-wizard/gov-wizard-item.js",
+    "components/gov-wizard/gov-wizard.js"
   ],
   "compiler": {
     "name": "@stencil/core",

package/dist/collection/components/gov-accordion/constants.js

@@ -9,13 +9,13 @@ export const AccordionClass = {
 export const AccordionItemClass = {
   root: 'gov-accordion-item',
   header: 'gov-accordion-item__header',
-  arrow: 'gov-accordion-item__arrow',
   icon: 'gov-accordion-item__icon',
-  suffix: 'gov-accordion-item__suffix',
   title: 'gov-accordion-item__title',
   label: 'gov-accordion-item__label',
-  name: 'gov-accordion-item__name',
   annotation: 'gov-accordion-item__annotation',
+  suffix: 'gov-accordion-item__suffix',
+  right: 'gov-accordion-item__right',
+  arrow: 'gov-accordion-item__arrow',
   content: 'gov-accordion-item__content',
 };
 //# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-accordion/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;AAGnF,MAAM,CAAC,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;EACjC,IAAI,EAAE,oBAAoB;EAC1B,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,IAAI,EAAE,0BAA0B;EAChC,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,KAAK,EAAE,2BAA2B;EAClC,IAAI,EAAE,0BAA0B;EAChC,UAAU,EAAE,gCAAgC;EAC5C,OAAO,EAAE,6BAA6B;CACtC,CAAA","sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\tarrow: 'gov-accordion-item__arrow',\n\ticon: 'gov-accordion-item__icon',\n\tsuffix: 'gov-accordion-item__suffix',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tname: 'gov-accordion-item__name',\n\tannotation: 'gov-accordion-item__annotation',\n\tcontent: 'gov-accordion-item__content',\n}\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AAGpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;AAGnF,MAAM,CAAC,MAAM,cAAc,GAAG;EAC7B,IAAI,EAAE,eAAe;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG;EACjC,IAAI,EAAE,oBAAoB;EAC1B,MAAM,EAAE,4BAA4B;EACpC,IAAI,EAAE,0BAA0B;EAChC,KAAK,EAAE,2BAA2B;EAClC,KAAK,EAAE,2BAA2B;EAClC,UAAU,EAAE,gCAAgC;EAC5C,MAAM,EAAE,4BAA4B;EACpC,KAAK,EAAE,2BAA2B;EAClC,KAAK,EAAE,2BAA2B;EAClC,OAAO,EAAE,6BAA6B;CACtC,CAAA","sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\ticon: 'gov-accordion-item__icon',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tannotation: 'gov-accordion-item__annotation',\n\tsuffix: 'gov-accordion-item__suffix',\n\tright: 'gov-accordion-item__right',\n\tarrow: 'gov-accordion-item__arrow',\n\tcontent: 'gov-accordion-item__content',\n}\n"]}

package/dist/collection/components/gov-accordion/gov-accordion-item.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper
@@ -284,30 +284,18 @@
 .gov-accordion-item__header:focus-visible::before {
   display: none;
 }
-.gov-accordion-item__header[aria-expanded=""] .gov-accordion-item__arrow gov-icon:not([slot=toggle-icon]), .gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow gov-icon:not([slot=toggle-icon]), .gov-accordion-item__header[aria-expanded="1"] .gov-accordion-item__arrow gov-icon:not([slot=toggle-icon]) {
+.gov-accordion-item__header[aria-expanded=""] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]), .gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]), .gov-accordion-item__header[aria-expanded="1"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]) {
   transform: scale(-1);
 }
-.gov-accordion-item__arrow {
-  flex: 0 0 auto;
-  align-self: center;
-  margin-left: auto;
-}
 .gov-accordion-item__icon {
   display: inline-flex;
   vertical-align: middle;
   flex: 0 0 auto;
 }
-.gov-accordion-item__suffix {
-  display: inline-flex;
-  vertical-align: middle;
-  flex: 0 0 auto;
-  align-self: start;
-  margin-left: auto;
-  line-height: initial;
-}
 .gov-accordion-item__title {
   display: flex;
   flex-direction: column;
+  margin-right: auto;
 }
 .gov-accordion-item__label * {
   margin-bottom: 0;
@@ -317,123 +305,166 @@
   color: var(--gov-color-secondary);
   margin-bottom: 0;
 }
+.gov-accordion-item__right {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+}
+.gov-accordion-item__suffix {
+  display: inline-flex;
+  vertical-align: middle;
+  flex: 0 0 auto;
+  align-self: start;
+  line-height: initial;
+}
+.gov-accordion-item__arrow {
+  flex: 0 0 auto;
+}
 .gov-accordion-item__content > *:last-child {
   margin-bottom: 0;
 }
-.gov-accordion-item[size=xs] .gov-accordion-item__header {
-  gap: var(--gov-accordion-s-headline-gap, 0.5rem);
-  min-height: var(--gov-accordion-s-min-height, 3rem);
-  padding: var(--gov-accordion-s-padding-y, 0.75rem) var(--gov-accordion-s-padding-x, 0.5rem);
+.gov-accordion-item[size=xs] .gov-accordion-item__header, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__header {
+  gap: var(--gov-accordion-xs-headline-gap, 0.5rem);
+  min-height: var(--gov-accordion-xs-min-height, 3rem);
+  padding: var(--gov-accordion-xs-padding-y, 0.75rem) var(--gov-accordion-xs-padding-x, 0.5rem);
+}
+.gov-accordion-item[size=xs] .gov-accordion-item__icon, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__icon {
+  width: calc(var(--gov-text-m-font-size) * 1.2);
+  height: calc(var(--gov-text-m-font-size) * 1.2);
+  transform: translateY(var(--gov-accordion-xs-icon-position, 0.1875rem));
 }
-.gov-accordion-item[size=xs] .gov-accordion-item__label * {
+.gov-accordion-item[size=xs] .gov-accordion-item__label *, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__label * {
   font-weight: var(--gov-text-m-font-weight);
   font-size: var(--gov-text-m-font-size);
   line-height: var(--gov-text-m-line-height);
   letter-spacing: var(--gov-text-m-letter-spacing);
 }
-.gov-accordion-item[size=xs] .gov-accordion-item__arrow {
-  width: var(--gov-accordion-s-icon-size, 1rem);
-  height: var(--gov-accordion-s-icon-size, 1rem);
-}
-.gov-accordion-item[size=xs] .gov-accordion-item__icon {
-  width: calc(var(--gov-text-m-font-size) * 1.2);
-  height: calc(var(--gov-text-m-font-size) * 1.2);
-  transform: translateY(var(--gov-accordion-s-icon-position, 0.1875rem));
-}
-.gov-accordion-item[size=xs] .gov-accordion-item__annotation {
+.gov-accordion-item[size=xs] .gov-accordion-item__annotation, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__annotation {
   font-weight: var(--gov-text-s-font-weight);
   font-size: var(--gov-text-s-font-size);
   line-height: var(--gov-text-s-line-height);
   letter-spacing: var(--gov-text-s-letter-spacing);
 }
-.gov-accordion-item[size=xs] .gov-accordion-item__content {
-  padding: var(--gov-accordion-s-padding-inner, 1rem 0.5rem);
+.gov-accordion-item[size=xs] .gov-accordion-item__right, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right {
+  gap: var(--gov-accordion-xs-headline-gap, 0.5rem);
+  transform: translateY(var(--gov-accordion-xs-arrow-position, 0.1875rem));
+}
+.gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix), .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix) {
+  transform: translateY(var(--gov-accordion-xs-icon-position, 0.1875rem));
+}
+.gov-accordion-item[size=xs] .gov-accordion-item__arrow, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__arrow {
+  width: var(--gov-accordion-xs-icon-size, 1rem);
+  height: var(--gov-accordion-xs-icon-size, 1rem);
+}
+.gov-accordion-item[size=xs] .gov-accordion-item__content, .gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__content {
+  padding: var(--gov-accordion-xs-padding-inner, 1rem 0.5rem);
 }
-.gov-accordion-item[size=s] .gov-accordion-item__header {
+.gov-accordion-item[size=s] .gov-accordion-item__header, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__header {
   gap: var(--gov-accordion-s-headline-gap, 0.5rem);
   min-height: var(--gov-accordion-s-min-height, 3rem);
   padding: var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem);
 }
-.gov-accordion-item[size=s] .gov-accordion-item__label * {
+.gov-accordion-item[size=s] .gov-accordion-item__icon, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__icon {
+  width: calc(var(--gov-text-xl-font-size) * 1.2);
+  height: calc(var(--gov-text-xl-font-size) * 1.2);
+  transform: translateY(var(--gov-accordion-s-icon-position, 0.1875rem));
+}
+.gov-accordion-item[size=s] .gov-accordion-item__label *, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__label * {
   font-weight: var(--gov-text-xl-font-weight);
   font-size: var(--gov-text-xl-font-size);
   line-height: var(--gov-text-xl-line-height);
   letter-spacing: var(--gov-text-xl-letter-spacing);
 }
-.gov-accordion-item[size=s] .gov-accordion-item__arrow {
-  width: var(--gov-accordion-s-icon-size, 1rem);
-  height: var(--gov-accordion-s-icon-size, 1rem);
-}
-.gov-accordion-item[size=s] .gov-accordion-item__icon {
-  width: calc(var(--gov-text-xl-font-size) * 1.2);
-  height: calc(var(--gov-text-xl-font-size) * 1.2);
-  transform: translateY(var(--gov-accordion-s-icon-position, 0.1875rem));
-}
-.gov-accordion-item[size=s] .gov-accordion-item__annotation {
+.gov-accordion-item[size=s] .gov-accordion-item__annotation, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__annotation {
   font-weight: var(--gov-text-m-font-weight);
   font-size: var(--gov-text-m-font-size);
   line-height: var(--gov-text-m-line-height);
   letter-spacing: var(--gov-text-m-letter-spacing);
 }
-.gov-accordion-item[size=s] .gov-accordion-item__content {
+.gov-accordion-item[size=s] .gov-accordion-item__right, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right {
+  gap: var(--gov-accordion-s-headline-gap, 0.5rem);
+  transform: translateY(var(--gov-accordion-s-arrow-position, 0.4375rem));
+}
+.gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix), .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix) {
+  transform: translateY(var(--gov-accordion-s-icon-position, 0.1875rem));
+}
+.gov-accordion-item[size=s] .gov-accordion-item__arrow, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__arrow {
+  width: var(--gov-accordion-s-icon-size, 1rem);
+  height: var(--gov-accordion-s-icon-size, 1rem);
+}
+.gov-accordion-item[size=s] .gov-accordion-item__content, .gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__content {
   padding: var(--gov-accordion-s-padding-inner, 1rem 0.5rem);
 }
-.gov-accordion-item[size=m] .gov-accordion-item__header {
+.gov-accordion-item[size=m] .gov-accordion-item__header, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__header {
   gap: var(--gov-accordion-m-headline-gap, 1rem);
   min-height: var(--gov-accordion-m-min-height, 4.5rem);
   padding: var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem);
 }
-.gov-accordion-item[size=m] .gov-accordion-item__label * {
+.gov-accordion-item[size=m] .gov-accordion-item__icon, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__icon {
+  width: calc(var(--gov-text-2xl-font-size) * 1.2);
+  height: calc(var(--gov-text-2xl-font-size) * 1.2);
+  transform: translateY(var(--gov-accordion-m-icon-position, 0.25rem));
+}
+.gov-accordion-item[size=m] .gov-accordion-item__label *, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__label * {
   font-weight: var(--gov-text-2xl-font-weight);
   font-size: var(--gov-text-2xl-font-size);
   line-height: var(--gov-text-2xl-line-height);
   letter-spacing: var(--gov-text-2xl-letter-spacing);
 }
-.gov-accordion-item[size=m] .gov-accordion-item__arrow {
-  width: var(--gov-accordion-m-icon-size, 1.5rem);
-  height: var(--gov-accordion-m-icon-size, 1.5rem);
-}
-.gov-accordion-item[size=m] .gov-accordion-item__icon {
-  width: calc(var(--gov-text-2xl-font-size) * 1.2);
-  height: calc(var(--gov-text-2xl-font-size) * 1.2);
-  transform: translateY(var(--gov-accordion-m-icon-position, 0.25rem));
-}
-.gov-accordion-item[size=m] .gov-accordion-item__annotation {
+.gov-accordion-item[size=m] .gov-accordion-item__annotation, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__annotation {
   font-weight: var(--gov-text-m-font-weight);
   font-size: var(--gov-text-m-font-size);
   line-height: var(--gov-text-m-line-height);
   letter-spacing: var(--gov-text-m-letter-spacing);
 }
-.gov-accordion-item[size=m] .gov-accordion-item__content {
+.gov-accordion-item[size=m] .gov-accordion-item__right, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right {
+  gap: var(--gov-accordion-m-headline-gap, 1rem);
+  transform: translateY(var(--gov-accordion-m-arrow-position, 0.25rem));
+}
+.gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix), .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix) {
+  transform: translateY(var(--gov-accordion-m-icon-position, 0.25rem));
+}
+.gov-accordion-item[size=m] .gov-accordion-item__arrow, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__arrow {
+  width: var(--gov-accordion-m-icon-size, 1.5rem);
+  height: var(--gov-accordion-m-icon-size, 1.5rem);
+}
+.gov-accordion-item[size=m] .gov-accordion-item__content, .gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__content {
   padding: var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem);
 }
-.gov-accordion-item[size=l] .gov-accordion-item__header {
+.gov-accordion-item[size=l] .gov-accordion-item__header, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__header {
   gap: var(--gov-accordion-l-headline-gap, 1rem);
   min-height: var(--gov-accordion-l-min-height, 5.5rem);
   padding: var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem);
 }
-.gov-accordion-item[size=l] .gov-accordion-item__label * {
+.gov-accordion-item[size=l] .gov-accordion-item__icon, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__icon {
+  width: calc(var(--gov-text-3xl-font-size) * 1.2);
+  height: calc(var(--gov-text-3xl-font-size) * 1.2);
+  transform: translateY(var(--gov-accordion-l-icon-position, 0.3125rem));
+}
+.gov-accordion-item[size=l] .gov-accordion-item__label *, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__label * {
   font-weight: var(--gov-text-3xl-font-weight);
   font-size: var(--gov-text-3xl-font-size);
   line-height: var(--gov-text-3xl-line-height);
   letter-spacing: var(--gov-text-3xl-letter-spacing);
 }
-.gov-accordion-item[size=l] .gov-accordion-item__arrow {
-  width: var(--gov-accordion-l-icon-size, 1.5rem);
-  height: var(--gov-accordion-l-icon-size, 1.5rem);
-}
-.gov-accordion-item[size=l] .gov-accordion-item__icon {
-  width: calc(var(--gov-text-3xl-font-size) * 1.2);
-  height: calc(var(--gov-text-3xl-font-size) * 1.2);
-  transform: translateY(var(--gov-accordion-l-icon-position, 0.3125rem));
-}
-.gov-accordion-item[size=l] .gov-accordion-item__annotation {
+.gov-accordion-item[size=l] .gov-accordion-item__annotation, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__annotation {
   font-weight: var(--gov-text-m-font-weight);
   font-size: var(--gov-text-m-font-size);
   line-height: var(--gov-text-m-line-height);
   letter-spacing: var(--gov-text-m-letter-spacing);
 }
-.gov-accordion-item[size=l] .gov-accordion-item__content {
+.gov-accordion-item[size=l] .gov-accordion-item__right, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right {
+  gap: var(--gov-accordion-l-headline-gap, 1rem);
+  transform: translateY(var(--gov-accordion-l-arrow-position, 0.625rem));
+}
+.gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix), .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix) {
+  transform: translateY(var(--gov-accordion-l-icon-position, 0.3125rem));
+}
+.gov-accordion-item[size=l] .gov-accordion-item__arrow, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__arrow {
+  width: var(--gov-accordion-l-icon-size, 1.5rem);
+  height: var(--gov-accordion-l-icon-size, 1.5rem);
+}
+.gov-accordion-item[size=l] .gov-accordion-item__content, .gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__content {
   padding: var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem);
 }
 .gov-accordion-item[variant=primary] .gov-accordion-item::before {

package/dist/collection/components/gov-accordion/gov-accordion-item.js

@@ -46,7 +46,7 @@ export class GovAccordionItem {
     return (h(Host, { class: this.h.classes(AccordionItemClass.root), size: this.size, variant: this.variant, role: "listitem" }, h("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": contentId, disabled: this.disabled, type: "button", "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
         e.stopPropagation();
         this.toggle().finally();
-      } }, this.h.hasSlot("icon") && (h("span", { class: AccordionItemClass.icon }, h("slot", { name: "icon" }))), h("span", { class: AccordionItemClass.title }, h("span", { class: AccordionItemClass.label }, h("slot", { name: "label" })), this.h.hasSlot("annotation") && (h("span", { class: AccordionItemClass.annotation }, h("slot", { name: "annotation" })))), this.h.hasSlot("suffix") && (h("span", { class: AccordionItemClass.suffix }, h("slot", { name: "suffix" }))), h("span", { class: AccordionItemClass.arrow }, this.h.hasSlot("toggle-icon") ? (h("slot", { name: "toggle-icon" })) : (h("gov-icon", { name: "chevron-down" })))), h("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))));
+      } }, this.h.hasSlot("icon") && (h("span", { class: AccordionItemClass.icon }, h("slot", { name: "icon" }))), h("span", { class: AccordionItemClass.title }, h("span", { class: AccordionItemClass.label }, h("slot", { name: "label" })), this.h.hasSlot("annotation") && (h("span", { class: AccordionItemClass.annotation }, h("slot", { name: "annotation" })))), h("span", { class: AccordionItemClass.right }, this.h.hasSlot("suffix") && (h("span", { class: AccordionItemClass.suffix }, h("slot", { name: "suffix" }))), h("span", { class: AccordionItemClass.arrow }, this.h.hasSlot("toggle-icon") ? (h("slot", { name: "toggle-icon" })) : (h("gov-icon", { name: "chevron-down" }))))), h("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))));
   }
   /**
    * Opening the accordion

package/dist/collection/components/gov-accordion/gov-accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-accordion-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tAccordionClass,\n\tAccordionItemClass,\n\tAccordionSizes,\n\tAccordionSizeType,\n\tAccordionVariants,\n\tAccordionVariantType,\n} from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { AccordionItemEvent } from \"./gov-accordion.types\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-accordion-item\",\n\tstyleUrl: \"gov-accordion-item.scss\",\n})\nexport class GovAccordionItem {\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovAccordionItem\")\n\t\tthis.contentId = createID(\"GovAccordionContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() variant?: AccordionVariantType\n\t/**\n\t * Custom accordion item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<AccordionItemEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AccordionVariants, newValue, AccordionItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({\n\t\t\topen: this.isExpanded,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.getPropsFromParents()\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\n\t}\n\n\tgetPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t\tthis.variant = accordion.getAttribute(\"variant\") as AccordionVariantType\n\t\t}\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionItemClass.root)} size={this.size} variant={this.variant} role=\"listitem\">\n\t\t\t\t<button\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={AccordionItemClass.header}\n\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\taria-controls={contentId}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.toggle().finally()\n\t\t\t\t\t}}>\n\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t<span class={AccordionItemClass.label}>\n\t\t\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.h.hasSlot(\"annotation\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.annotation}>\n\t\t\t\t\t\t\t\t<slot name=\"annotation\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.h.hasSlot(\"suffix\") && (\n\t\t\t\t\t\t<span class={AccordionItemClass.suffix}>\n\t\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t{this.h.hasSlot(\"toggle-icon\") ? (\n\t\t\t\t\t\t\t<slot name=\"toggle-icon\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t\t<div\n\t\t\t\t\tclass={AccordionItemClass.content}\n\t\t\t\t\tid={contentId}\n\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\taria-labelledby={triggerId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the accordion\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the accordion\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"]}
+{"version":3,"file":"gov-accordion-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-accordion/gov-accordion-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport {\n\tAccordionClass,\n\tAccordionItemClass,\n\tAccordionSizes,\n\tAccordionSizeType,\n\tAccordionVariants,\n\tAccordionVariantType,\n} from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { AccordionItemEvent } from \"./gov-accordion.types\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-accordion-item\",\n\tstyleUrl: \"gov-accordion-item.scss\",\n})\nexport class GovAccordionItem {\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovAccordionItem\")\n\t\tthis.contentId = createID(\"GovAccordionContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() variant?: AccordionVariantType\n\t/**\n\t * Custom accordion item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() size?: AccordionSizeType\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<AccordionItemEvent>\n\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AccordionVariants, newValue, AccordionItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({\n\t\t\topen: this.isExpanded,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.getPropsFromParents()\n\t\tthis.validateSize(this.size)\n\t\tthis.validateVariant(this.variant)\n\n\t}\n\n\tgetPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t\tthis.variant = accordion.getAttribute(\"variant\") as AccordionVariantType\n\t\t}\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AccordionItemClass.root)} size={this.size} variant={this.variant} role=\"listitem\">\n\t\t\t\t<button\n\t\t\t\t\tid={triggerId}\n\t\t\t\t\tclass={AccordionItemClass.header}\n\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\taria-controls={contentId}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.toggle().finally()\n\t\t\t\t\t}}>\n\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t<span class={AccordionItemClass.label}>\n\t\t\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.h.hasSlot(\"annotation\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.annotation}>\n\t\t\t\t\t\t\t\t<slot name=\"annotation\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t{this.h.hasSlot(\"suffix\") && (\n\t\t\t\t\t\t\t<span class={AccordionItemClass.suffix}>\n\t\t\t\t\t\t\t\t<slot name=\"suffix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"toggle-icon\") ? (\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t\t<div\n\t\t\t\t\tclass={AccordionItemClass.content}\n\t\t\t\t\tid={contentId}\n\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\taria-labelledby={triggerId}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the accordion\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the accordion\n\t */\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Accordion switch\n\t */\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"]}

package/dist/collection/components/gov-accordion/gov-accordion.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper
@@ -232,6 +232,6 @@
   display: block;
   width: 100%;
 }
-.gov-accordion[no-border] .gov-accordion-item__header::before {
+.gov-accordion[no-border] .gov-accordion-item::before {
   background-color: transparent !important;
 }

package/dist/collection/components/gov-alert/gov-alert.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper

package/dist/collection/components/gov-app/gov-app.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper

package/dist/collection/components/gov-app/gov-app.js

@@ -34,7 +34,7 @@ import "../../pages/ToastMessage";
 import "../../pages/ToastMessageCountdown";
 import "../../pages/Tooltip";
 import "../../pages/Typography";
-import "../../pages/Wizzard";
+import "../../pages/Wizard";
 export class GovApp {
   componentWillLoad() {
     const outlet = document.getElementById('outlet');
@@ -73,7 +73,7 @@ export class GovApp {
       { path: '/toast-message-countdown', component: 'toast-message-countdown-page' },
       { path: '/pagination', component: 'pagination-page' },
       { path: '/prompt', component: 'prompt-page' },
-      { path: '/wizzard', component: 'wizzard-page' },
+      { path: '/wizard', component: 'wizard-page' },
       { path: '/side-nav', component: 'side-nav-page' },
       { path: '/grid', component: 'grid-page' },
       { path: '/layout', component: 'layout-page' },

package/dist/collection/components/gov-app/gov-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"gov-app.js","sourceRoot":"","sources":["../../../../../../src/components/gov-app/gov-app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h } from '@stencil/core'\nimport { Router } from '@vaadin/router'\nimport '../../pages/Accordion'\nimport '../../pages/Alert'\nimport '../../pages/Badge'\nimport '../../pages/Breadcrumbs'\nimport '../../pages/Button'\nimport '../../pages/Card'\nimport '../../pages/Container'\nimport '../../pages/ControlGroup'\nimport '../../pages/Cookiebar'\nimport '../../pages/Empty'\nimport '../../pages/Error'\nimport '../../pages/FormLabel'\nimport '../../pages/FormMessage'\nimport '../../pages/Forms'\nimport '../../pages/FormsRestructure'\nimport '../../pages/Grid'\nimport '../../pages/Home'\nimport '../../pages/Layout'\nimport '../../pages/Loading'\nimport '../../pages/Message'\nimport '../../pages/Modal'\nimport '../../pages/Nav'\nimport '../../pages/Pagination'\nimport '../../pages/Prompt'\nimport '../../pages/SideNav'\nimport '../../pages/Spacer'\nimport '../../pages/Statsbar'\nimport '../../pages/Stepper'\nimport '../../pages/Tabs'\nimport '../../pages/Tiles.js'\nimport '../../pages/ToastMessage'\nimport '../../pages/ToastMessageCountdown'\nimport '../../pages/Tooltip'\nimport '../../pages/Typography'\nimport '../../pages/Wizzard'\n\n@Component({\n\ttag: 'gov-app',\n\tstyleUrl: 'gov-app.scss',\n\tshadow: false,\n})\nexport class GovApp {\n\tcomponentWillLoad() {\n\t\tconst outlet = document.getElementById('outlet')\n\t\toutlet.innerHTML = ''\n\t\tconst router = new Router(outlet)\n\t\trouter.setRoutes([\n\t\t\t{ path: '/', component: 'home-page' },\n\t\t\t{ path: '/alert', component: 'alert-page' },\n\t\t\t{ path: '/accordion', component: 'accordion-page' },\n\t\t\t{ path: '/badge', component: 'badge-page' },\n\t\t\t{ path: '/button', component: 'button-page' },\n\t\t\t{ path: '/breadcrumbs', component: 'breadcrumbs-page' },\n\t\t\t{ path: '/card', component: 'card-page' },\n\t\t\t{ path: '/message', component: 'message-page' },\n\t\t\t{ path: '/cookiebar', component: 'cookiebar-page' },\n\t\t\t{ path: '/container', component: 'container-page' },\n\t\t\t{ path: '/control-group', component: 'control-group-page' },\n\t\t\t{ path: '/empty', component: 'empty-page' },\n\t\t\t{ path: '/error', component: 'error-page' },\n\t\t\t{ path: '/forms', component: 'forms-page' },\n\t\t\t{ path: '/forms-restructue', component: 'forms-restructure-page' },\n\t\t\t{ path: '/form-message', component: 'form-message-page' },\n\t\t\t{ path: '/form-label', component: 'form-label-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/loading', component: 'loading-page' },\n\t\t\t{ path: '/modal', component: 'modal-page' },\n\t\t\t{ path: '/nav', component: 'nav-page' },\n\t\t\t{ path: '/spacer', component: 'spacer-page' },\n\t\t\t{ path: '/statsbar', component: 'statsbar-page' },\n\t\t\t{ path: '/stepper', component: 'stepper-page' },\n\t\t\t{ path: '/tabs', component: 'tabs-page' },\n\t\t\t{ path: '/tooltip', component: 'tooltip-page' },\n\t\t\t{ path: '/tiles', component: 'tiles-page' },\n\t\t\t{ path: '/typography', component: 'typography-page' },\n\t\t\t{ path: '/toast-message', component: 'toast-message-page' },\n\t\t\t{ path: '/toast-message-countdown', component: 'toast-message-countdown-page' },\n\t\t\t{ path: '/pagination', component: 'pagination-page' },\n\t\t\t{ path: '/prompt', component: 'prompt-page' },\n\t\t\t{ path: '/wizzard', component: 'wizzard-page' },\n\t\t\t{ path: '/side-nav', component: 'side-nav-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/layout', component: 'layout-page' },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn <Host />\n\t}\n}\n"]}
+{"version":3,"file":"gov-app.js","sourceRoot":"","sources":["../../../../../../src/components/gov-app/gov-app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h } from '@stencil/core'\nimport { Router } from '@vaadin/router'\nimport '../../pages/Accordion'\nimport '../../pages/Alert'\nimport '../../pages/Badge'\nimport '../../pages/Breadcrumbs'\nimport '../../pages/Button'\nimport '../../pages/Card'\nimport '../../pages/Container'\nimport '../../pages/ControlGroup'\nimport '../../pages/Cookiebar'\nimport '../../pages/Empty'\nimport '../../pages/Error'\nimport '../../pages/FormLabel'\nimport '../../pages/FormMessage'\nimport '../../pages/Forms'\nimport '../../pages/FormsRestructure'\nimport '../../pages/Grid'\nimport '../../pages/Home'\nimport '../../pages/Layout'\nimport '../../pages/Loading'\nimport '../../pages/Message'\nimport '../../pages/Modal'\nimport '../../pages/Nav'\nimport '../../pages/Pagination'\nimport '../../pages/Prompt'\nimport '../../pages/SideNav'\nimport '../../pages/Spacer'\nimport '../../pages/Statsbar'\nimport '../../pages/Stepper'\nimport '../../pages/Tabs'\nimport '../../pages/Tiles.js'\nimport '../../pages/ToastMessage'\nimport '../../pages/ToastMessageCountdown'\nimport '../../pages/Tooltip'\nimport '../../pages/Typography'\nimport '../../pages/Wizard'\n\n@Component({\n\ttag: 'gov-app',\n\tstyleUrl: 'gov-app.scss',\n\tshadow: false,\n})\nexport class GovApp {\n\tcomponentWillLoad() {\n\t\tconst outlet = document.getElementById('outlet')\n\t\toutlet.innerHTML = ''\n\t\tconst router = new Router(outlet)\n\t\trouter.setRoutes([\n\t\t\t{ path: '/', component: 'home-page' },\n\t\t\t{ path: '/alert', component: 'alert-page' },\n\t\t\t{ path: '/accordion', component: 'accordion-page' },\n\t\t\t{ path: '/badge', component: 'badge-page' },\n\t\t\t{ path: '/button', component: 'button-page' },\n\t\t\t{ path: '/breadcrumbs', component: 'breadcrumbs-page' },\n\t\t\t{ path: '/card', component: 'card-page' },\n\t\t\t{ path: '/message', component: 'message-page' },\n\t\t\t{ path: '/cookiebar', component: 'cookiebar-page' },\n\t\t\t{ path: '/container', component: 'container-page' },\n\t\t\t{ path: '/control-group', component: 'control-group-page' },\n\t\t\t{ path: '/empty', component: 'empty-page' },\n\t\t\t{ path: '/error', component: 'error-page' },\n\t\t\t{ path: '/forms', component: 'forms-page' },\n\t\t\t{ path: '/forms-restructue', component: 'forms-restructure-page' },\n\t\t\t{ path: '/form-message', component: 'form-message-page' },\n\t\t\t{ path: '/form-label', component: 'form-label-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/loading', component: 'loading-page' },\n\t\t\t{ path: '/modal', component: 'modal-page' },\n\t\t\t{ path: '/nav', component: 'nav-page' },\n\t\t\t{ path: '/spacer', component: 'spacer-page' },\n\t\t\t{ path: '/statsbar', component: 'statsbar-page' },\n\t\t\t{ path: '/stepper', component: 'stepper-page' },\n\t\t\t{ path: '/tabs', component: 'tabs-page' },\n\t\t\t{ path: '/tooltip', component: 'tooltip-page' },\n\t\t\t{ path: '/tiles', component: 'tiles-page' },\n\t\t\t{ path: '/typography', component: 'typography-page' },\n\t\t\t{ path: '/toast-message', component: 'toast-message-page' },\n\t\t\t{ path: '/toast-message-countdown', component: 'toast-message-countdown-page' },\n\t\t\t{ path: '/pagination', component: 'pagination-page' },\n\t\t\t{ path: '/prompt', component: 'prompt-page' },\n\t\t\t{ path: '/wizard', component: 'wizard-page' },\n\t\t\t{ path: '/side-nav', component: 'side-nav-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/layout', component: 'layout-page' },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn <Host />\n\t}\n}\n"]}

package/dist/collection/components/gov-attachments/gov-attachments-item.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper

package/dist/collection/components/gov-attachments/gov-attachments.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper

package/dist/collection/components/gov-backdrop/gov-backdrop.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper

package/dist/collection/components/gov-badge/gov-badge.css

@@ -170,7 +170,7 @@
  -  Variables - Toast Message
  */
 /*
- -  Variables - Wizzard
+ -  Variables - Wizard
  */
 /*
  -  Variables - Stepper

package/dist/collection/components/gov-badge/gov-badge.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { validateProp } from "../../helpers/Validate/props";
 import { govHost } from "../../helpers/Dom/template";
 import { BadgeClass, NativeType } from "./constants";
-import { ButtonSizes, ButtonVariants, } from "../gov-button/default/constants";
+import { ButtonSizes, ButtonVariants } from "../gov-button/default/constants";
 export class GovBadge {
   constructor() {
     this.inverse = false;
@@ -32,7 +32,7 @@ export class GovBadge {
         BadgeClass.root,
         this.h.hasSlot("right") ? BadgeClass.hasRight : undefined,
         this.h.hasSlot("left") ? BadgeClass.hasLeft : undefined,
-      ]), disabled: this.disabled, href: this.href, variant: this.variant, size: this.size, inverse: this.inverse, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON }, h(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left") && h("slot", { name: "left" }), this.h.hasSlot("left-icon") && h("slot", { name: "left-icon" }), h("slot", null), this.h.hasSlot("right-icon") && h("slot", { name: "right-icon" }), this.h.hasSlot("right") && h("slot", { name: "right" }))));
+      ]), disabled: this.disabled, href: this.href, variant: this.variant, type: this.inverse ? undefined : "solid", size: this.size, inverse: this.inverse, hoverable: Tag == NativeType.A || Tag == NativeType.BUTTON }, h(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, ref: el => (this.triggerRef = el), onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left") && h("slot", { name: "left" }), this.h.hasSlot("left-icon") && h("slot", { name: "left-icon" }), h("slot", null), this.h.hasSlot("right-icon") && h("slot", { name: "right-icon" }), this.h.hasSlot("right") && h("slot", { name: "right" }))));
   }
   onClickHandler(e) {
     e.stopPropagation();