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

package/components/ontario-form-container.js

@@ -0,0 +1,74 @@
+import { p as proxyCustomElement, H, h } from './index.js';
+import { F as FormGap } from './p-C-t5TNzY.js';
+
+const ontarioFormContainerCss =
+	'.ontario-form-container--gap-16 ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-input:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-textarea:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-button:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-16 form ::slotted(ontario-date-input:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-input:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-input:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-input:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-input:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-input:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-textarea:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-textarea:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-textarea:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-textarea:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-textarea:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-button:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-button:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-button:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-button:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-button:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-date-input:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-date-input:last-child),.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-date-input:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-date-input:last-child),.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-date-input:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-input:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-textarea:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-button:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-40 form ::slotted(ontario-date-input:not(:last-child)){margin-bottom:2.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-input:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-input:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-input:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-input:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-input:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-input:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-textarea:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-textarea:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-textarea:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-textarea:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-textarea:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-textarea:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-button:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-button:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-button:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-button:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-button:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-button:last-child){margin-bottom:3.5rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-date-input:not(:last-child)),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-date-input:not(:last-child)){margin-bottom:1rem;display:block}.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-date-input:last-child),.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-date-input:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-date-input:last-child),.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-date-input:last-child){margin-bottom:3.5rem;display:block}';
+
+const OntarioFormContainer$1 = /*@__PURE__*/ proxyCustomElement(
+	class OntarioFormContainer extends H {
+		constructor() {
+			super();
+			this.__registerHost();
+			this.__attachShadow();
+			/**
+			 * Defines the gap (bottom margin) between slotted form elements.
+			 * If no gap prop is provided, it will default to 'default'.
+			 */
+			this.gap = 'default';
+		}
+		/**
+		 * Returns the pixel value for the selected gap option.
+		 */
+		getGapValue() {
+			const gapOptions = {
+				default: FormGap.Default,
+				condensed: FormGap.Condensed,
+			};
+			return gapOptions[this.gap] || FormGap.Default;
+		}
+		render() {
+			return h(
+				'div',
+				{ key: 'da315377043521af17170d36a8733d43a9d2143e', class: `ontario-form-container--gap-${this.getGapValue()}` },
+				h('slot', { key: '6fda05795c4588fc4c6b4736aa7544880fa42344' }),
+			);
+		}
+		get element() {
+			return this;
+		}
+		static get style() {
+			return ontarioFormContainerCss;
+		}
+	},
+	[
+		257,
+		'ontario-form-container',
+		{
+			gap: [1],
+		},
+	],
+);
+function defineCustomElement$1() {
+	if (typeof customElements === 'undefined') {
+		return;
+	}
+	const components = ['ontario-form-container'];
+	components.forEach((tagName) => {
+		switch (tagName) {
+			case 'ontario-form-container':
+				if (!customElements.get(tagName)) {
+					customElements.define(tagName, OntarioFormContainer$1);
+				}
+				break;
+		}
+	});
+}
+defineCustomElement$1();
+
+const OntarioFormContainer = OntarioFormContainer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { OntarioFormContainer, defineCustomElement };
+//# sourceMappingURL=ontario-form-container.js.map
+
+//# sourceMappingURL=ontario-form-container.js.map

package/components/ontario-form-container.js.map

@@ -0,0 +1 @@
+{"file":"ontario-form-container.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,05fAA05f;;MCS76fA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AALjC,IAAA,WAAA,GAAA;;;;AAQC;;;AAGG;AACK,QAAA,IAAG,CAAA,GAAA,GAA4B,SAAS;AAqBhD;AAnBA;;AAEG;IACK,WAAW,GAAA;AAClB,QAAA,MAAM,UAAU,GAA+B;YAC9C,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,SAAS,EAAE,OAAO,CAAC,SAAS;SAC5B;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,OAAO;;IAG/C,MAAM,GAAA;AACL,QAAA,QACC,4DAAK,KAAK,EAAE,CAAA,4BAAA,EAA+B,IAAI,CAAC,WAAW,EAAE,CAAA,CAAE,EAAA,EAC9D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["OntarioFormContainer","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ontario-form-container/ontario-form-container.scss?tag=ontario-form-container&encapsulation=shadow","src/components/ontario-form-container/ontario-form-container.tsx"],"sourcesContent":["@use 'pkg:@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/spacing.variables' as spacing;\n\n@use '../../utils/common/common.form-elements.scss' as common-form-elements;\n\n// Note: If additional form elements need to be targeted for gaps, update the $form-elements list in the common.form-elements.scss file.\n\n// Mixin for generating individual form container gap classes\n@mixin ontario-form-container-gap($modifier, $spacing-variable) {\n\t.ontario-form-container--gap-#{$modifier},\n\t.ontario-form-container--gap-#{$modifier} form {\n\t\t@each $element in common-form-elements.$form-elements {\n\t\t\t::slotted(#{$element}:not(:last-child)) {\n\t\t\t\tmargin-bottom: (#{$spacing-variable});\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Mixin for generating nested form container gap classes\n@mixin ontario-nested-form-container-gap($parent-modifier, $parent-spacing, $child-spacings) {\n\t.ontario-form-container--gap-#{$parent-modifier},\n\t.ontario-form-container--gap-#{$parent-modifier} form {\n\t\t@each $child-spacing in $child-spacings {\n\t\t\t$child-modifier: nth($child-spacing, 1);\n\t\t\t$child-spacing-variable: nth($child-spacing, 2);\n\n\t\t\t.ontario-form-container--gap-#{$child-modifier},\n\t\t\t.ontario-form-container--gap-#{$child-modifier} form {\n\t\t\t\t@each $element in common-form-elements.$form-elements {\n\t\t\t\t\t::slotted(#{$element}:not(:last-child)) {\n\t\t\t\t\t\tmargin-bottom: $child-spacing-variable;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add extra spacing for the last child\n\t\t\t\t\t::slotted(#{$element}:last-child) {\n\t\t\t\t\t\tmargin-bottom: $child-spacing-variable + $parent-spacing;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Gap definitions\n// These values represent the two gap options available:\n////  $spacing-4 (or 16px): Standard spacing for default form layout\n////  $spacing-7 (or 40px): Condensed spacing for condensed form layout\n$gap-definitions: (16, spacing.$spacing-4), (40, spacing.$spacing-7);\n\n// Generate styles for each gap setting\n@each $gap-definition in $gap-definitions {\n\t$gap-modifier: nth($gap-definition, 1);\n\t$gap-variable: nth($gap-definition, 2);\n\n\t// Generate individual form container gap classes\n\t@include ontario-form-container-gap($gap-modifier, $gap-variable);\n\n\t// Generate nested form container gap classes\n\t$nested-gaps: ();\n\t@each $nested-gap in $gap-definitions {\n\t\t@if $gap-modifier != nth($nested-gap, 1) {\n\t\t\t$nested-gaps: append($nested-gaps, $nested-gap);\n\t\t}\n\t}\n\n\t@include ontario-nested-form-container-gap($gap-modifier, $gap-variable, $nested-gaps);\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\n\nimport { FormGap } from '../../utils/components/form-container/form-container.interface';\n\n@Component({\n\ttag: 'ontario-form-container',\n\tstyleUrl: 'ontario-form-container.scss',\n\tshadow: true,\n})\nexport class OntarioFormContainer {\n\t@Element() element: HTMLElement;\n\n\t/**\n\t * Defines the gap (bottom margin) between slotted form elements.\n\t * If no gap prop is provided, it will default to 'default'.\n\t */\n\t@Prop() gap: 'default' | 'condensed' = 'default';\n\n\t/**\n\t * Returns the pixel value for the selected gap option.\n\t */\n\tprivate getGapValue(): FormGap {\n\t\tconst gapOptions: { [key: string]: FormGap } = {\n\t\t\tdefault: FormGap.Default,\n\t\t\tcondensed: FormGap.Condensed,\n\t\t};\n\n\t\treturn gapOptions[this.gap] || FormGap.Default;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={`ontario-form-container--gap-${this.getGapValue()}`}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/components/ontario-header-overflow-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from '../dist/types/components';
+
+interface OntarioHeaderOverflowMenu extends Components.OntarioHeaderOverflowMenu, HTMLElement {}
+export const OntarioHeaderOverflowMenu: {
+	prototype: OntarioHeaderOverflowMenu;
+	new (): OntarioHeaderOverflowMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ontario-header-overflow-menu.js

@@ -0,0 +1,9 @@
+import { O as OntarioHeaderOverflowMenu$1, d as defineCustomElement$1 } from './p-C0Xvjp7G.js';
+
+const OntarioHeaderOverflowMenu = OntarioHeaderOverflowMenu$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { OntarioHeaderOverflowMenu, defineCustomElement };
+//# sourceMappingURL=ontario-header-overflow-menu.js.map
+
+//# sourceMappingURL=ontario-header-overflow-menu.js.map

package/components/ontario-header-overflow-menu.js.map

@@ -0,0 +1 @@
+{"file":"ontario-header-overflow-menu.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/ontario-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from '../dist/types/components';
+
+interface OntarioHeader extends Components.OntarioHeader, HTMLElement {}
+export const OntarioHeader: {
+	prototype: OntarioHeader;
+	new (): OntarioHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;