@ongov/ontario-design-system-component-library 5.0.0-alpha.6 → 6.0.0-alpha.1

package/www/build/p-e79ee434.entry.js

@@ -1,96 +0,0 @@
-import { r as o, h as i } from './p-79293fd1.js';
-import { a as t, I as s, l as e } from './p-efc52a1c.js';
-import { C as a } from './p-b2019a19.js';
-const r =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const l = r;
-const n = class {
-	constructor(i) {
-		o(this, i);
-	}
-	iconWidth = 24;
-	iconWidthState;
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const o = new a();
-			o.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-video> ')
-				.addRegularText(
-					`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,
-				)
-				.addMonospaceText(' 24px ')
-				.addRegularText('was assumed.')
-				.printMessage();
-			this.iconWidthState = 24;
-		} else {
-			this.iconWidthState = this.iconWidth;
-		}
-	}
-	colour = 'black';
-	iconColourState;
-	iconCustomColourState;
-	validateColour() {
-		const o = t(this.colour, s);
-		if (o) {
-			this.iconColourState = this.colour;
-		} else {
-			if (e(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const o = new a();
-		o.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-video> ')
-			.addRegularText('was set to an invalid colour; only')
-			.addMonospaceText(' black, blue, grey or white ')
-			.addRegularText('are supported. The default colour')
-			.addMonospaceText(' black ')
-			.addRegularText('is assumed.')
-			.printMessage();
-		return 'black';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return i(
-			'div',
-			{
-				key: '8733d5c49bb6f07679c28b059b65a7a04641e9d4',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			i(
-				'svg',
-				{
-					key: 'e2a89457a66d12fcc1b69c8b39bd96beed0ec85c',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
-					viewBox: '0 0 24 24',
-					id: 'video',
-				},
-				i('path', {
-					key: '3540a8ab08b2b87dc9a9692c1948711ce5852e97',
-					d: 'M21 3H3c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7l7 4z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-n.style = l;
-export { n as ontario_icon_video };
-//# sourceMappingURL=p-e79ee434.entry.js.map

package/www/build/p-e79ee434.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconVideoStyle0","OntarioIconVideo","iconWidth","iconWidthState","validateWidth","isNaN","this","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","colour","iconColourState","iconCustomColourState","validateColour","isValid","validateValueAgainstArray","IconColours","validateColor","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-video&encapsulation=shadow","src/components/ontario-icon/ontario-icon-video.tsx"],"sourcesContent":["@use '@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/colours.variables' as colours;\n\n.ontario-icon svg,\n// Fractal component style coverage ↓\n.ontario-icon {\n\tdisplay: inline-block;\n\tstroke-width: 0;\n\tstroke: currentColor;\n\tfill: currentColor;\n\t/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */\n\tvertical-align: middle;\n\t/* Paths and strokes that overflow the viewBox can show in IE11. */\n\toverflow: hidden;\n}\n\n.ontario-icon--blue svg {\n\tstroke: colours.$ontario-colour-icon-blue;\n\tfill: colours.$ontario-colour-icon-blue;\n}\n\n.ontario-icon--grey svg {\n\tstroke: colours.$ontario-colour-icon-grey;\n\tfill: colours.$ontario-colour-icon-grey;\n}\n\n.ontario-icon--black svg {\n\tstroke: colours.$ontario-colour-icon-black;\n\tfill: colours.$ontario-colour-icon-black;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-icon-white;\n\tfill: colours.$ontario-colour-icon-white;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-white;\n\tfill: colours.$ontario-colour-white;\n}\n","// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State } from '@stencil/core';\nimport { IconWithColour } from './icon.interface';\nimport { IconSize, IconColour, IconColours } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validateValueAgainstArray } from '../../utils/validation/validation-functions';\nimport validateColor from 'validate-color';\n\n@Component({\n\ttag: 'ontario-icon-video',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconVideo implements IconWithColour {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-video> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Set the icon's colour.\n\t */\n\t@Prop() colour: IconColour = 'black';\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconColourState: string;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconCustomColourState: string;\n\n\t/**\n\t * Watch for changes in the `colour` variable for validation purpose.\n\t * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).\n\t * If a match is found in one of the enum values then `colour` will be set to the matching enum value.\n\t */\n\t@Watch('colour')\n\tvalidateColour() {\n\t\tconst isValid = validateValueAgainstArray(this.colour, IconColours);\n\t\tif (isValid) {\n\t\t\tthis.iconColourState = this.colour;\n\t\t} else {\n\t\t\tif (validateColor(this.colour)) {\n\t\t\t\tthis.iconCustomColourState = this.colour;\n\t\t\t} else {\n\t\t\t\tthis.iconColourState = this.warnDefaultColour();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Print the invalid colour warning message\n\t * @returns default colour (black)\n\t */\n\tprivate warnDefaultColour(): IconColour {\n\t\tconst message = new ConsoleMessageClass();\n\t\tmessage\n\t\t\t.addDesignSystemTag()\n\t\t\t.addMonospaceText(' colour ')\n\t\t\t.addRegularText('on')\n\t\t\t.addMonospaceText(' <ontario-icon-video> ')\n\t\t\t.addRegularText('was set to an invalid colour; only')\n\t\t\t.addMonospaceText(' black, blue, grey or white ')\n\t\t\t.addRegularText('are supported. The default colour')\n\t\t\t.addMonospaceText(' black ')\n\t\t\t.addRegularText('is assumed.')\n\t\t\t.printMessage();\n\t\treturn 'black';\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\tstyle={{ fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` }}\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"video\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M21 3H3c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7l7 4z\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAAgB,M,yBAKpBC,UAAsB,GAMrBC,eAOT,aAAAC,GACC,GAAIC,MAAMC,KAAKJ,aAAgBG,MAAMC,KAAKJ,YAAcI,KAAKJ,WAAa,EAAI,CAC7E,MAAMK,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,0BACjBC,eACA,GACCN,MAAMC,KAAKJ,WAAa,iCAAmC,0FAG5DQ,iBAAiB,UACjBC,eAAe,gBACfC,eACFN,KAAKH,eAAiB,E,KAChB,CACNG,KAAKH,eAAiBG,KAAKJ,S,EAOrBW,OAAqB,QAMpBC,gBAMAC,sBAQT,cAAAC,GACC,MAAMC,EAAUC,EAA0BZ,KAAKO,OAAQM,GACvD,GAAIF,EAAS,CACZX,KAAKQ,gBAAkBR,KAAKO,M,KACtB,CACN,GAAIO,EAAcd,KAAKO,QAAS,CAC/BP,KAAKS,sBAAwBT,KAAKO,M,KAC5B,CACNP,KAAKQ,gBAAkBR,KAAKe,mB,GASvB,iBAAAA,GACP,MAAMd,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,0BACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAU,GACChB,KAAKU,iBACLV,KAAKF,e,CAMN,MAAAmB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BpB,KAAKQ,uCAAuCR,KAAKH,iBACtFwB,MAAO,CAAEC,MAAO,GAAGtB,KAAKH,qBAExBqB,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGvB,KAAKS,wBAAyBe,OAAQ,GAAGxB,KAAKS,yBAChEgB,KAAK,MACLC,MAAM,6BACNC,QAAQ,YACRC,GAAG,SAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,0H","ignoreList":[]}

package/www/build/p-ee14493a.entry.js

@@ -1,96 +0,0 @@
-import { r as i, h as o } from './p-79293fd1.js';
-import { a as t, I as s, l as e } from './p-efc52a1c.js';
-import { C as a } from './p-b2019a19.js';
-const l =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = l;
-const n = class {
-	constructor(o) {
-		i(this, o);
-	}
-	iconWidth = 24;
-	iconWidthState;
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new a();
-			i.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-wifi> ')
-				.addRegularText(
-					`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,
-				)
-				.addMonospaceText(' 24px ')
-				.addRegularText('was assumed.')
-				.printMessage();
-			this.iconWidthState = 24;
-		} else {
-			this.iconWidthState = this.iconWidth;
-		}
-	}
-	colour = 'black';
-	iconColourState;
-	iconCustomColourState;
-	validateColour() {
-		const i = t(this.colour, s);
-		if (i) {
-			this.iconColourState = this.colour;
-		} else {
-			if (e(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const i = new a();
-		i.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-wifi> ')
-			.addRegularText('was set to an invalid colour; only')
-			.addMonospaceText(' black, blue, grey or white ')
-			.addRegularText('are supported. The default colour')
-			.addMonospaceText(' black ')
-			.addRegularText('is assumed.')
-			.printMessage();
-		return 'black';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return o(
-			'div',
-			{
-				key: 'c44e51dbba38474ee97789a15c9c822eab681c38',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			o(
-				'svg',
-				{
-					key: '762da5202acccf09d1d36114ca40288b76095e01',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
-					viewBox: '0 0 24 24',
-					id: 'wifi',
-				},
-				o('path', {
-					key: '002684a663b95cd8a82498905b7822ffe288c9e5',
-					d: 'M1 9l2 2a12.73 12.73 0 0 1 18 0l2-2A15.57 15.57 0 0 0 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-n.style = r;
-export { n as ontario_icon_wifi };
-//# sourceMappingURL=p-ee14493a.entry.js.map

package/www/build/p-ee14493a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconWifiStyle0","OntarioIconWifi","iconWidth","iconWidthState","validateWidth","isNaN","this","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","colour","iconColourState","iconCustomColourState","validateColour","isValid","validateValueAgainstArray","IconColours","validateColor","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-wifi&encapsulation=shadow","src/components/ontario-icon/ontario-icon-wifi.tsx"],"sourcesContent":["@use '@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/colours.variables' as colours;\n\n.ontario-icon svg,\n// Fractal component style coverage ↓\n.ontario-icon {\n\tdisplay: inline-block;\n\tstroke-width: 0;\n\tstroke: currentColor;\n\tfill: currentColor;\n\t/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */\n\tvertical-align: middle;\n\t/* Paths and strokes that overflow the viewBox can show in IE11. */\n\toverflow: hidden;\n}\n\n.ontario-icon--blue svg {\n\tstroke: colours.$ontario-colour-icon-blue;\n\tfill: colours.$ontario-colour-icon-blue;\n}\n\n.ontario-icon--grey svg {\n\tstroke: colours.$ontario-colour-icon-grey;\n\tfill: colours.$ontario-colour-icon-grey;\n}\n\n.ontario-icon--black svg {\n\tstroke: colours.$ontario-colour-icon-black;\n\tfill: colours.$ontario-colour-icon-black;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-icon-white;\n\tfill: colours.$ontario-colour-icon-white;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-white;\n\tfill: colours.$ontario-colour-white;\n}\n","// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State } from '@stencil/core';\nimport { IconWithColour } from './icon.interface';\nimport { IconSize, IconColour, IconColours } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validateValueAgainstArray } from '../../utils/validation/validation-functions';\nimport validateColor from 'validate-color';\n\n@Component({\n\ttag: 'ontario-icon-wifi',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconWifi implements IconWithColour {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-wifi> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Set the icon's colour.\n\t */\n\t@Prop() colour: IconColour = 'black';\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconColourState: string;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconCustomColourState: string;\n\n\t/**\n\t * Watch for changes in the `colour` variable for validation purpose.\n\t * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).\n\t * If a match is found in one of the enum values then `colour` will be set to the matching enum value.\n\t */\n\t@Watch('colour')\n\tvalidateColour() {\n\t\tconst isValid = validateValueAgainstArray(this.colour, IconColours);\n\t\tif (isValid) {\n\t\t\tthis.iconColourState = this.colour;\n\t\t} else {\n\t\t\tif (validateColor(this.colour)) {\n\t\t\t\tthis.iconCustomColourState = this.colour;\n\t\t\t} else {\n\t\t\t\tthis.iconColourState = this.warnDefaultColour();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Print the invalid colour warning message\n\t * @returns default colour (black)\n\t */\n\tprivate warnDefaultColour(): IconColour {\n\t\tconst message = new ConsoleMessageClass();\n\t\tmessage\n\t\t\t.addDesignSystemTag()\n\t\t\t.addMonospaceText(' colour ')\n\t\t\t.addRegularText('on')\n\t\t\t.addMonospaceText(' <ontario-icon-wifi> ')\n\t\t\t.addRegularText('was set to an invalid colour; only')\n\t\t\t.addMonospaceText(' black, blue, grey or white ')\n\t\t\t.addRegularText('are supported. The default colour')\n\t\t\t.addMonospaceText(' black ')\n\t\t\t.addRegularText('is assumed.')\n\t\t\t.printMessage();\n\t\treturn 'black';\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\tstyle={{ fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` }}\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"wifi\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M1 9l2 2a12.73 12.73 0 0 1 18 0l2-2A15.57 15.57 0 0 0 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAAe,M,yBAKnBC,UAAsB,GAMrBC,eAOT,aAAAC,GACC,GAAIC,MAAMC,KAAKJ,aAAgBG,MAAMC,KAAKJ,YAAcI,KAAKJ,WAAa,EAAI,CAC7E,MAAMK,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,yBACjBC,eACA,GACCN,MAAMC,KAAKJ,WAAa,iCAAmC,0FAG5DQ,iBAAiB,UACjBC,eAAe,gBACfC,eACFN,KAAKH,eAAiB,E,KAChB,CACNG,KAAKH,eAAiBG,KAAKJ,S,EAOrBW,OAAqB,QAMpBC,gBAMAC,sBAQT,cAAAC,GACC,MAAMC,EAAUC,EAA0BZ,KAAKO,OAAQM,GACvD,GAAIF,EAAS,CACZX,KAAKQ,gBAAkBR,KAAKO,M,KACtB,CACN,GAAIO,EAAcd,KAAKO,QAAS,CAC/BP,KAAKS,sBAAwBT,KAAKO,M,KAC5B,CACNP,KAAKQ,gBAAkBR,KAAKe,mB,GASvB,iBAAAA,GACP,MAAMd,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,yBACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAU,GACChB,KAAKU,iBACLV,KAAKF,e,CAMN,MAAAmB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BpB,KAAKQ,uCAAuCR,KAAKH,iBACtFwB,MAAO,CAAEC,MAAO,GAAGtB,KAAKH,qBAExBqB,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGvB,KAAKS,wBAAyBe,OAAQ,GAAGxB,KAAKS,yBAChEgB,KAAK,MACLC,MAAM,6BACNC,QAAQ,YACRC,GAAG,QAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,uK","ignoreList":[]}

package/www/build/p-ee24da67.entry.js

@@ -1,96 +0,0 @@
-import { r as o, h as i } from './p-79293fd1.js';
-import { a as t, I as s, l as a } from './p-efc52a1c.js';
-import { C as e } from './p-b2019a19.js';
-const r =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const n = r;
-const l = class {
-	constructor(i) {
-		o(this, i);
-	}
-	iconWidth = 24;
-	iconWidthState;
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const o = new e();
-			o.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-instagram> ')
-				.addRegularText(
-					`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,
-				)
-				.addMonospaceText(' 24px ')
-				.addRegularText('was assumed.')
-				.printMessage();
-			this.iconWidthState = 24;
-		} else {
-			this.iconWidthState = this.iconWidth;
-		}
-	}
-	colour = 'black';
-	iconColourState;
-	iconCustomColourState;
-	validateColour() {
-		const o = t(this.colour, s);
-		if (o) {
-			this.iconColourState = this.colour;
-		} else {
-			if (a(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const o = new e();
-		o.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-instagram> ')
-			.addRegularText('was set to an invalid colour; only')
-			.addMonospaceText(' black, blue, grey or white ')
-			.addRegularText('are supported. The default colour')
-			.addMonospaceText(' black ')
-			.addRegularText('is assumed.')
-			.printMessage();
-		return 'black';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return i(
-			'div',
-			{
-				key: '123219abe893c915bd28e57b26b4bfcabbb16509',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			i(
-				'svg',
-				{
-					key: '2ba1f07724b44b05cb56e21e1b72c169f152fdd9',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
-					viewBox: '0 0 24 24',
-					id: 'instagram',
-				},
-				i('path', {
-					key: 'c79e267199632cade8fc6c34b36219a19697c549',
-					d: 'M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25zM12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-l.style = n;
-export { l as ontario_icon_instagram };
-//# sourceMappingURL=p-ee24da67.entry.js.map

package/www/build/p-ee24da67.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconInstagramStyle0","OntarioIconInstagram","iconWidth","iconWidthState","validateWidth","isNaN","this","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","colour","iconColourState","iconCustomColourState","validateColour","isValid","validateValueAgainstArray","IconColours","validateColor","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-instagram&encapsulation=shadow","src/components/ontario-icon/ontario-icon-instagram.tsx"],"sourcesContent":["@use '@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/colours.variables' as colours;\n\n.ontario-icon svg,\n// Fractal component style coverage ↓\n.ontario-icon {\n\tdisplay: inline-block;\n\tstroke-width: 0;\n\tstroke: currentColor;\n\tfill: currentColor;\n\t/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */\n\tvertical-align: middle;\n\t/* Paths and strokes that overflow the viewBox can show in IE11. */\n\toverflow: hidden;\n}\n\n.ontario-icon--blue svg {\n\tstroke: colours.$ontario-colour-icon-blue;\n\tfill: colours.$ontario-colour-icon-blue;\n}\n\n.ontario-icon--grey svg {\n\tstroke: colours.$ontario-colour-icon-grey;\n\tfill: colours.$ontario-colour-icon-grey;\n}\n\n.ontario-icon--black svg {\n\tstroke: colours.$ontario-colour-icon-black;\n\tfill: colours.$ontario-colour-icon-black;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-icon-white;\n\tfill: colours.$ontario-colour-icon-white;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-white;\n\tfill: colours.$ontario-colour-white;\n}\n","// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State } from '@stencil/core';\nimport { IconWithColour } from './icon.interface';\nimport { IconSize, IconColour, IconColours } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validateValueAgainstArray } from '../../utils/validation/validation-functions';\nimport validateColor from 'validate-color';\n\n@Component({\n\ttag: 'ontario-icon-instagram',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconInstagram implements IconWithColour {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-instagram> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Set the icon's colour.\n\t */\n\t@Prop() colour: IconColour = 'black';\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconColourState: string;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconCustomColourState: string;\n\n\t/**\n\t * Watch for changes in the `colour` variable for validation purpose.\n\t * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).\n\t * If a match is found in one of the enum values then `colour` will be set to the matching enum value.\n\t */\n\t@Watch('colour')\n\tvalidateColour() {\n\t\tconst isValid = validateValueAgainstArray(this.colour, IconColours);\n\t\tif (isValid) {\n\t\t\tthis.iconColourState = this.colour;\n\t\t} else {\n\t\t\tif (validateColor(this.colour)) {\n\t\t\t\tthis.iconCustomColourState = this.colour;\n\t\t\t} else {\n\t\t\t\tthis.iconColourState = this.warnDefaultColour();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Print the invalid colour warning message\n\t * @returns default colour (black)\n\t */\n\tprivate warnDefaultColour(): IconColour {\n\t\tconst message = new ConsoleMessageClass();\n\t\tmessage\n\t\t\t.addDesignSystemTag()\n\t\t\t.addMonospaceText(' colour ')\n\t\t\t.addRegularText('on')\n\t\t\t.addMonospaceText(' <ontario-icon-instagram> ')\n\t\t\t.addRegularText('was set to an invalid colour; only')\n\t\t\t.addMonospaceText(' black, blue, grey or white ')\n\t\t\t.addRegularText('are supported. The default colour')\n\t\t\t.addMonospaceText(' black ')\n\t\t\t.addRegularText('is assumed.')\n\t\t\t.printMessage();\n\t\treturn 'black';\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\tstyle={{ fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` }}\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"instagram\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25zM12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAAoB,M,yBAKxBC,UAAsB,GAMrBC,eAOT,aAAAC,GACC,GAAIC,MAAMC,KAAKJ,aAAgBG,MAAMC,KAAKJ,YAAcI,KAAKJ,WAAa,EAAI,CAC7E,MAAMK,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,8BACjBC,eACA,GACCN,MAAMC,KAAKJ,WAAa,iCAAmC,0FAG5DQ,iBAAiB,UACjBC,eAAe,gBACfC,eACFN,KAAKH,eAAiB,E,KAChB,CACNG,KAAKH,eAAiBG,KAAKJ,S,EAOrBW,OAAqB,QAMpBC,gBAMAC,sBAQT,cAAAC,GACC,MAAMC,EAAUC,EAA0BZ,KAAKO,OAAQM,GACvD,GAAIF,EAAS,CACZX,KAAKQ,gBAAkBR,KAAKO,M,KACtB,CACN,GAAIO,EAAcd,KAAKO,QAAS,CAC/BP,KAAKS,sBAAwBT,KAAKO,M,KAC5B,CACNP,KAAKQ,gBAAkBR,KAAKe,mB,GASvB,iBAAAA,GACP,MAAMd,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,8BACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAU,GACChB,KAAKU,iBACLV,KAAKF,e,CAMN,MAAAmB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BpB,KAAKQ,uCAAuCR,KAAKH,iBACtFwB,MAAO,CAAEC,MAAO,GAAGtB,KAAKH,qBAExBqB,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGvB,KAAKS,wBAAyBe,OAAQ,GAAGxB,KAAKS,yBAChEgB,KAAK,MACLC,MAAM,6BACNC,QAAQ,YACRC,GAAG,aAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,qc","ignoreList":[]}

package/www/build/p-efc52a1c.js

@@ -1,328 +0,0 @@
-function e(e) {
-	const r = typeof e !== 'string' || e === '';
-	return r;
-}
-function r(e) {
-	const r = typeof e !== 'object';
-	return r;
-}
-function n(e, r) {
-	return r.includes(e);
-}
-function t(e) {
-	if (e) {
-		const r = typeof e !== 'string' ? e.detail : e;
-		if (r && (r === 'en' || r === 'fr')) return r;
-		else return 'en';
-	}
-	return 'en';
-}
-const a = ['black', 'blue', 'grey', 'white', 'inherit'];
-var i = (function (e) {
-	var r = {};
-	function n(t) {
-		if (r[t]) return r[t].exports;
-		var a = (r[t] = { i: t, l: !1, exports: {} });
-		return e[t].call(a.exports, a, a.exports, n), (a.l = !0), a.exports;
-	}
-	return (
-		(n.m = e),
-		(n.c = r),
-		(n.d = function (e, r, t) {
-			n.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t });
-		}),
-		(n.r = function (e) {
-			'undefined' != typeof Symbol &&
-				Symbol.toStringTag &&
-				Object.defineProperty(e, Symbol.toStringTag, { value: 'Module' }),
-				Object.defineProperty(e, '__esModule', { value: !0 });
-		}),
-		(n.t = function (e, r) {
-			if ((1 & r && (e = n(e)), 8 & r)) return e;
-			if (4 & r && 'object' == typeof e && e && e.__esModule) return e;
-			var t = Object.create(null);
-			if ((n.r(t), Object.defineProperty(t, 'default', { enumerable: !0, value: e }), 2 & r && 'string' != typeof e))
-				for (var a in e)
-					n.d(
-						t,
-						a,
-						function (r) {
-							return e[r];
-						}.bind(null, a),
-					);
-			return t;
-		}),
-		(n.n = function (e) {
-			var r =
-				e && e.__esModule
-					? function () {
-							return e.default;
-						}
-					: function () {
-							return e;
-						};
-			return n.d(r, 'a', r), r;
-		}),
-		(n.o = function (e, r) {
-			return Object.prototype.hasOwnProperty.call(e, r);
-		}),
-		(n.p = ''),
-		n((n.s = 0))
-	);
-})([
-	function (e, r, n) {
-		n.r(r),
-			n.d(r, 'validateHTMLColorName', function () {
-				return l;
-			}),
-			n.d(r, 'validateHTMLColorSpecialName', function () {
-				return o;
-			}),
-			n.d(r, 'validateHTMLColorHex', function () {
-				return u;
-			}),
-			n.d(r, 'validateHTMLColorRgb', function () {
-				return g;
-			}),
-			n.d(r, 'validateHTMLColorHsl', function () {
-				return y;
-			}),
-			n.d(r, 'validateHTMLColorHwb', function () {
-				return G;
-			}),
-			n.d(r, 'validateHTMLColorLab', function () {
-				return S;
-			}),
-			n.d(r, 'validateHTMLColorLch', function () {
-				return L;
-			}),
-			n.d(r, 'validateHTMLColor', function () {
-				return m;
-			});
-		const t = (e) => e && 'string' == typeof e,
-			a = [
-				'AliceBlue',
-				'AntiqueWhite',
-				'Aqua',
-				'Aquamarine',
-				'Azure',
-				'Beige',
-				'Bisque',
-				'Black',
-				'BlanchedAlmond',
-				'Blue',
-				'BlueViolet',
-				'Brown',
-				'BurlyWood',
-				'CadetBlue',
-				'Chartreuse',
-				'Chocolate',
-				'Coral',
-				'CornflowerBlue',
-				'Cornsilk',
-				'Crimson',
-				'Cyan',
-				'DarkBlue',
-				'DarkCyan',
-				'DarkGoldenrod',
-				'DarkGray',
-				'DarkGrey',
-				'DarkGreen',
-				'DarkKhaki',
-				'DarkMagenta',
-				'DarkOliveGreen',
-				'DarkOrange',
-				'DarkOrchid',
-				'DarkRed',
-				'DarkSalmon',
-				'DarkSeaGreen',
-				'DarkSlateBlue',
-				'DarkSlateGray',
-				'DarkSlateGrey',
-				'DarkTurquoise',
-				'DarkViolet',
-				'DeepPink',
-				'DeepSkyBlue',
-				'DimGray',
-				'DimGrey',
-				'DodgerBlue',
-				'FireBrick',
-				'FloralWhite',
-				'ForestGreen',
-				'Fuchsia',
-				'Gainsboro',
-				'GhostWhite',
-				'Gold',
-				'Goldenrod',
-				'Gray',
-				'Grey',
-				'Green',
-				'GreenYellow',
-				'HoneyDew',
-				'HotPink',
-				'IndianRed',
-				'Indigo',
-				'Ivory',
-				'Khaki',
-				'Lavender',
-				'LavenderBlush',
-				'LawnGreen',
-				'LemonChiffon',
-				'LightBlue',
-				'LightCoral',
-				'LightCyan',
-				'LightGoldenrodYellow',
-				'LightGray',
-				'LightGrey',
-				'LightGreen',
-				'LightPink',
-				'LightSalmon',
-				'LightSalmon',
-				'LightSeaGreen',
-				'LightSkyBlue',
-				'LightSlateGray',
-				'LightSlateGrey',
-				'LightSteelBlue',
-				'LightYellow',
-				'Lime',
-				'LimeGreen',
-				'Linen',
-				'Magenta',
-				'Maroon',
-				'MediumAquamarine',
-				'MediumBlue',
-				'MediumOrchid',
-				'MediumPurple',
-				'MediumSeaGreen',
-				'MediumSlateBlue',
-				'MediumSlateBlue',
-				'MediumSpringGreen',
-				'MediumTurquoise',
-				'MediumVioletRed',
-				'MidnightBlue',
-				'MintCream',
-				'MistyRose',
-				'Moccasin',
-				'NavajoWhite',
-				'Navy',
-				'OldLace',
-				'Olive',
-				'OliveDrab',
-				'Orange',
-				'OrangeRed',
-				'Orchid',
-				'PaleGoldenrod',
-				'PaleGreen',
-				'PaleTurquoise',
-				'PaleVioletRed',
-				'PapayaWhip',
-				'PeachPuff',
-				'Peru',
-				'Pink',
-				'Plum',
-				'PowderBlue',
-				'Purple',
-				'RebeccaPurple',
-				'Red',
-				'RosyBrown',
-				'RoyalBlue',
-				'SaddleBrown',
-				'Salmon',
-				'SandyBrown',
-				'SeaGreen',
-				'SeaShell',
-				'Sienna',
-				'Silver',
-				'SkyBlue',
-				'SlateBlue',
-				'SlateGray',
-				'SlateGrey',
-				'Snow',
-				'SpringGreen',
-				'SteelBlue',
-				'Tan',
-				'Teal',
-				'Thistle',
-				'Tomato',
-				'Turquoise',
-				'Violet',
-				'Wheat',
-				'White',
-				'WhiteSmoke',
-				'Yellow',
-				'YellowGreen',
-			],
-			i = ['currentColor', 'inherit', 'transparent'],
-			l = (e) => {
-				let r = !1;
-				return t(e) && a.map((n) => (e.toLowerCase() === n.toLowerCase() && (r = !0), null)), r;
-			},
-			o = (e) => {
-				let r = !1;
-				return t(e) && i.map((n) => (e.toLowerCase() === n.toLowerCase() && (r = !0), null)), r;
-			},
-			u = (e) => {
-				if (t(e)) {
-					const r = /^#([\da-f]{3}){1,2}$|^#([\da-f]{4}){1,2}$/i;
-					return e && r.test(e);
-				}
-				return !1;
-			},
-			s = '(([\\d]{0,5})((\\.([\\d]{1,5}))?))',
-			d = `(${s}%)`,
-			c = '(([0-9]|[1-9][0-9]|100)%)',
-			f = `(${c}|(0?((\\.([\\d]{1,5}))?))|1)`,
-			h = `([\\s]{0,5})\\)?)(([\\s]{0,5})(\\/?)([\\s]{1,5})${`(((${c}))|(0?((\\.([\\d]{1,5}))?))|1))?`}([\\s]{0,5})\\)`,
-			$ = '(-?(([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-9][0-9]|3[0-5][0-9])((\\.([\\d]{1,5}))?)|360)(deg)?)',
-			g = (e) => {
-				if (t(e)) {
-					const r = '([\\s]{0,5})([\\d]{1,5})%?([\\s]{0,5}),?',
-						n = '((([\\s]{0,5}),?([\\s]{0,5}))|(([\\s]{1,5})))',
-						t = new RegExp(
-							`^(rgb)a?\\(${`${r}${n}`}${`${r}${n}`}${`${r}${n}`}(${'(\\/?([\\s]{0,5})(0?\\.?([\\d]{1,5})%?([\\s]{0,5}))?|1|0)'})?\\)$`,
-						);
-					return e && t.test(e);
-				}
-				return !1;
-			},
-			y = (e) => {
-				if (t(e)) {
-					const r = new RegExp(
-						`^(hsl)a?\\((([\\s]{0,5})(${$}|${'(([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-9][0-9]|3[0-9][0-9]|400)grad)'}|${'((([0-5])?\\.([\\d]{1,5})|6\\.([0-9]|1[0-9]|2[0-8])|[0-6])rad)'}|${'((0?((\\.([\\d]{1,5}))?)|1)turn)'})((([\\s]{0,5}),([\\s]{0,5}))|(([\\s]{1,5}))))(([\\s]{0,5})(0|${c})((([\\s]{0,5}),([\\s]{0,5}))|(([\\s]{1,5}))))(([\\s]{0,5})(0|${c})([\\s]{0,5})\\)?)(([\\s]{0,5})(\\/?|,?)([\\s]{0,5})(((${c}))|(0?((\\.([\\d]{1,5}))?))|1))?\\)$`,
-					);
-					return e && r.test(e);
-				}
-				return !1;
-			},
-			G = (e) => {
-				if (t(e)) {
-					const r = new RegExp(`^(hwb\\(([\\s]{0,5})${$}([\\s]{1,5}))((0|${c})([\\s]{1,5}))((0|${c})${h}$`);
-					return e && r.test(e);
-				}
-				return !1;
-			},
-			S = (e) => {
-				if (t(e)) {
-					const r = '(-?(([0-9]|[1-9][0-9]|1[0-5][0-9])((\\.([\\d]{1,5}))?)?|160))',
-						n = new RegExp(`^(lab\\(([\\s]{0,5})${d}([\\s]{1,5})${r}([\\s]{1,5})${r}${h}$`);
-					return e && n.test(e);
-				}
-				return !1;
-			},
-			L = (e) => {
-				if (t(e)) {
-					const r = '((([0-9]|[1-9][0-9])?((\\.([\\d]{1,5}))?)|100)(%)?)',
-						n = '' + s,
-						t = `((${$})|(0|${f})|(([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-9][0-9]|3[0-5][0-9])((\\.([\\d]{1,5}))?)|360))`,
-						a = `(\\/([\\s]{0,5})${f})`,
-						i = new RegExp(`^lch\\(${`(([\\s]{0,5})${r}([\\s]{1,5})${n}([\\s]{1,5})${t}([\\s]{0,5})(${a})?)`}\\)$`);
-					return e && i.test(e);
-				}
-				return !1;
-			},
-			m = (e) => !!((e && u(e)) || g(e) || y(e) || G(e) || S(e) || L(e));
-		r.default = (e) => !!((e && u(e)) || l(e) || o(e) || g(e) || y(e) || G(e) || S(e) || L(e));
-	},
-]);
-export { a as I, n as a, e as b, r as c, i as l, t as v };
-//# sourceMappingURL=p-efc52a1c.js.map