@hashicorp/design-system-components 3.6.0 → 4.0.0

package/dist/components/hds/form/radio-card/index.js

@@ -0,0 +1,107 @@
+import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { assert } from '@ember/debug';
+import { schedule } from '@ember/runloop';
+import { setAriaDescribedBy } from '../../../../utils/hds-set-aria-described-by.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<label class={{this.classNames}} {{did-insert this.setAriaDescribedBy}} {{style maxWidth=@maxWidth}}>\n  <span class=\"hds-form-radio-card__content\">\n    {{yield (hash Icon=(component \"flight-icon\" size=\"24\" isInlineBlock=false))}}\n    {{yield (hash Label=(component \"hds/form/radio-card/label\"))}}\n    {{yield (hash Badge=(component \"hds/badge\"))}}\n    {{yield (hash Description=(component \"hds/form/radio-card/description\"))}}\n    {{yield (hash Generic=(component \"hds/yield\"))}}\n  </span>\n  <span class=\"hds-form-radio-card__control-wrapper\">\n    <Hds::Form::Radio::Base\n      class=\"hds-form-radio-card__control\"\n      @value={{@value}}\n      name={{@name}}\n      checked={{@checked}}\n      disabled={{@disabled}}\n      aria-describedby={{this.ariaDescribedBy}}\n      ...attributes\n    />\n  </span>\n</label>");
+
+var _class, _descriptor, _descriptor2;
+const DEFAULT_CONTROL_POSITION = 'bottom';
+const DEFAULT_ALIGNMENT = 'left';
+const CONTROL_POSITIONS = ['bottom', 'left'];
+const ALIGNMENTS = ['left', 'center'];
+let HdsFormRadioCardIndexComponent = (_class = class HdsFormRadioCardIndexComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    _initializerDefineProperty(this, "ariaDescribedBy", _descriptor, this);
+    _initializerDefineProperty(this, "descriptors", _descriptor2, this);
+  }
+  setAriaDescribedBy() {
+    // we schedule this afterRender to capture all descriptors registered onInsert
+    schedule('afterRender', () => {
+      setAriaDescribedBy(this);
+    });
+  }
+
+  /**
+   * Sets the position of the control
+   * Accepted values: buttom, left
+   *
+   * @param type
+   * @type {string}
+   * @default 'bottom'
+   */
+  get controlPosition() {
+    let {
+      controlPosition = DEFAULT_CONTROL_POSITION
+    } = this.args;
+    assert(`@controlPosition for "Hds::Form::RadioCard" must be one of the following: ${CONTROL_POSITIONS.join(', ')}; received: ${controlPosition}`, CONTROL_POSITIONS.includes(controlPosition));
+    return controlPosition;
+  }
+
+  /**
+   * Sets the alignment of the content
+   * Accepted values: left, center
+   *
+   * @param alignnment
+   * @type {string}
+   * @default 'left'
+   */
+  get alignment() {
+    let {
+      alignment = DEFAULT_ALIGNMENT
+    } = this.args;
+    assert(`@alignment for "Hds::Form::RadioCard" must be one of the following: ${ALIGNMENTS.join(', ')}; received: ${alignment}`, ALIGNMENTS.includes(alignment));
+    return alignment;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-form-radio-card'];
+    if (this.args.checked) {
+      classes.push('hds-form-radio-card--checked');
+    }
+    if (this.args.disabled) {
+      classes.push('hds-form-radio-card--disabled');
+    }
+    if (this.args.maxWidth) {
+      classes.push('hds-form-radio-card--has-fixed-width');
+    } else {
+      classes.push('hds-form-radio-card--has-fluid-width');
+    }
+
+    // add a class based on the @controlPosition argument
+    classes.push(`hds-form-radio-card--control-${this.controlPosition}`);
+
+    // add a class based on the @alignment argument
+    classes.push(`hds-form-radio-card--align-${this.alignment}`);
+    return classes.join(' ');
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "ariaDescribedBy", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.extraAriaDescribedBy;
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "descriptors", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return [];
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "setAriaDescribedBy", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setAriaDescribedBy"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsFormRadioCardIndexComponent);
+
+export { ALIGNMENTS, CONTROL_POSITIONS, DEFAULT_ALIGNMENT, DEFAULT_CONTROL_POSITION, HdsFormRadioCardIndexComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/form/radio-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/radio-card/index.hbs","../../../../../src/components/hds/form/radio-card/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<label class={{this.classNames}} {{did-insert this.setAriaDescribedBy}} {{style maxWidth=@maxWidth}}>\\n  <span class=\\\"hds-form-radio-card__content\\\">\\n    {{yield (hash Icon=(component \\\"flight-icon\\\" size=\\\"24\\\" isInlineBlock=false))}}\\n    {{yield (hash Label=(component \\\"hds/form/radio-card/label\\\"))}}\\n    {{yield (hash Badge=(component \\\"hds/badge\\\"))}}\\n    {{yield (hash Description=(component \\\"hds/form/radio-card/description\\\"))}}\\n    {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n  </span>\\n  <span class=\\\"hds-form-radio-card__control-wrapper\\\">\\n    <Hds::Form::Radio::Base\\n      class=\\\"hds-form-radio-card__control\\\"\\n      @value={{@value}}\\n      name={{@name}}\\n      checked={{@checked}}\\n      disabled={{@disabled}}\\n      aria-describedby={{this.ariaDescribedBy}}\\n      ...attributes\\n    />\\n  </span>\\n</label>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { schedule } from '@ember/runloop';\nimport { setAriaDescribedBy } from '../../../../utils/hds-set-aria-described-by';\n\nexport const DEFAULT_CONTROL_POSITION = 'bottom';\nexport const DEFAULT_ALIGNMENT = 'left';\nexport const CONTROL_POSITIONS = ['bottom', 'left'];\nexport const ALIGNMENTS = ['left', 'center'];\n\nexport default class HdsFormRadioCardIndexComponent extends Component {\n  @tracked ariaDescribedBy = this.args.extraAriaDescribedBy;\n  @tracked descriptors = [];\n\n  @action\n  setAriaDescribedBy() {\n    // we schedule this afterRender to capture all descriptors registered onInsert\n    schedule('afterRender', () => {\n      setAriaDescribedBy(this);\n    });\n  }\n\n  /**\n   * Sets the position of the control\n   * Accepted values: buttom, left\n   *\n   * @param type\n   * @type {string}\n   * @default 'bottom'\n   */\n  get controlPosition() {\n    let { controlPosition = DEFAULT_CONTROL_POSITION } = this.args;\n\n    assert(\n      `@controlPosition for \"Hds::Form::RadioCard\" must be one of the following: ${CONTROL_POSITIONS.join(\n        ', '\n      )}; received: ${controlPosition}`,\n      CONTROL_POSITIONS.includes(controlPosition)\n    );\n\n    return controlPosition;\n  }\n\n  /**\n   * Sets the alignment of the content\n   * Accepted values: left, center\n   *\n   * @param alignnment\n   * @type {string}\n   * @default 'left'\n   */\n  get alignment() {\n    let { alignment = DEFAULT_ALIGNMENT } = this.args;\n\n    assert(\n      `@alignment for \"Hds::Form::RadioCard\" must be one of the following: ${ALIGNMENTS.join(\n        ', '\n      )}; received: ${alignment}`,\n      ALIGNMENTS.includes(alignment)\n    );\n\n    return alignment;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-radio-card'];\n\n    if (this.args.checked) {\n      classes.push('hds-form-radio-card--checked');\n    }\n    if (this.args.disabled) {\n      classes.push('hds-form-radio-card--disabled');\n    }\n    if (this.args.maxWidth) {\n      classes.push('hds-form-radio-card--has-fixed-width');\n    } else {\n      classes.push('hds-form-radio-card--has-fluid-width');\n    }\n\n    // add a class based on the @controlPosition argument\n    classes.push(`hds-form-radio-card--control-${this.controlPosition}`);\n\n    // add a class based on the @alignment argument\n    classes.push(`hds-form-radio-card--align-${this.alignment}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_CONTROL_POSITION","DEFAULT_ALIGNMENT","CONTROL_POSITIONS","ALIGNMENTS","HdsFormRadioCardIndexComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","setAriaDescribedBy","schedule","controlPosition","assert","join","includes","alignment","classNames","classes","checked","push","disabled","maxWidth","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","extraAriaDescribedBy","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,85BAA85B;;;ACWz7B,MAAMA,wBAAwB,GAAG,SAAQ;AACzC,MAAMC,iBAAiB,GAAG,OAAM;MAC1BC,iBAAiB,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAC;MACtCC,UAAU,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAC;AAEvBC,IAAAA,8BAA8B,IAAAC,MAAA,GAApC,MAAMD,8BAA8B,SAASE,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,0BAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,sBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;AAKpEC,EAAAA,kBAAkBA,GAAG;AACnB;IACAC,QAAQ,CAAC,aAAa,EAAE,MAAM;MAC5BD,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC1B,KAAC,CAAC,CAAA;AACJ,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,eAAeA,GAAG;IACpB,IAAI;AAAEA,MAAAA,eAAe,GAAGd,wBAAAA;KAA0B,GAAG,IAAI,CAACQ,IAAI,CAAA;AAE9DO,IAAAA,MAAM,CACH,CAA4Eb,0EAAAA,EAAAA,iBAAiB,CAACc,IAAI,CACjG,IACF,CAAE,CAAA,YAAA,EAAcF,eAAgB,CAAA,CAAC,EACjCZ,iBAAiB,CAACe,QAAQ,CAACH,eAAe,CAC5C,CAAC,CAAA;AAED,IAAA,OAAOA,eAAe,CAAA;AACxB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAII,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAS,GAAGjB,iBAAAA;KAAmB,GAAG,IAAI,CAACO,IAAI,CAAA;AAEjDO,IAAAA,MAAM,CACH,CAAsEZ,oEAAAA,EAAAA,UAAU,CAACa,IAAI,CACpF,IACF,CAAE,CAAA,YAAA,EAAcE,SAAU,CAAA,CAAC,EAC3Bf,UAAU,CAACc,QAAQ,CAACC,SAAS,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,qBAAqB,CAAC,CAAA;AAErC,IAAA,IAAI,IAAI,CAACZ,IAAI,CAACa,OAAO,EAAE;AACrBD,MAAAA,OAAO,CAACE,IAAI,CAAC,8BAA8B,CAAC,CAAA;AAC9C,KAAA;AACA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACe,QAAQ,EAAE;AACtBH,MAAAA,OAAO,CAACE,IAAI,CAAC,+BAA+B,CAAC,CAAA;AAC/C,KAAA;AACA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACgB,QAAQ,EAAE;AACtBJ,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC,CAAA;AACtD,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC,CAAA;AACtD,KAAA;;AAEA;IACAF,OAAO,CAACE,IAAI,CAAE,CAAA,6BAAA,EAA+B,IAAI,CAACR,eAAgB,EAAC,CAAC,CAAA;;AAEpE;IACAM,OAAO,CAACE,IAAI,CAAE,CAAA,2BAAA,EAA6B,IAAI,CAACJ,SAAU,EAAC,CAAC,CAAA;AAE5D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAC,GAAAN,WAAA,GAAAe,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,EAAA,iBAAA,EAAA,CAjFEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAmB,IAAI,CAACvB,IAAI,CAACwB,oBAAoB,CAAA;AAAA,GAAA;AAAA,CAAArB,CAAAA,EAAAA,YAAA,GAAAc,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,kBACxDC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAe,EAAE,CAAA;AAAA,GAAA;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,EAExBO,oBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAA9B,MAAA,CAAAqB,SAAA,EAAA,oBAAA,CAAA,EAAArB,MAAA,CAAAqB,SAAA,IAAArB,MAAA,EAAA;AAJ0C+B,oBAAA,CAAAC,QAAA,EAAAjC,8BAAA,CAAA;;;;"}

package/dist/components/hds/form/radio-card/label.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Display\n  class=\"hds-form-radio-card__label\"\n  @tag=\"span\"\n  @size=\"300\"\n  @weight=\"bold\"\n  ...attributes\n>{{yield}}</Hds::Text::Display>");
+
+var label = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { label as default };
+//# sourceMappingURL=label.js.map

package/dist/components/hds/form/radio-card/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../../src/components/hds/form/radio-card/label.hbs","../../../../../src/components/hds/form/radio-card/label.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Display\\n  class=\\\"hds-form-radio-card__label\\\"\\n  @tag=\\\"span\\\"\\n  @size=\\\"300\\\"\\n  @weight=\\\"bold\\\"\\n  ...attributes\\n>{{yield}}</Hds::Text::Display>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mPAAmP;;ACArR,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/form/select/base.js

@@ -0,0 +1,34 @@
+import Component from '@glimmer/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<select class={{this.classNames}} {{style width=@width}} ...attributes>\n  {{yield (hash Options=(component \"hds/yield\"))}}\n</select>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsFormSelectBaseComponent extends Component {
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-form-select'];
+
+    // add typographic classes
+    classes.push('hds-typography-body-200', 'hds-font-weight-regular');
+
+    // add a class based on the @isInvalid argument
+    if (this.args.isInvalid) {
+      classes.push(`hds-form-select--is-invalid`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFormSelectBaseComponent);
+
+export { HdsFormSelectBaseComponent as default };
+//# sourceMappingURL=base.js.map

package/dist/components/hds/form/select/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.hbs","../../../../../src/components/hds/form/select/base.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<select class={{this.classNames}} {{style width=@width}} ...attributes>\\n  {{yield (hash Options=(component \\\"hds/yield\\\"))}}\\n</select>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsFormSelectBaseComponent extends Component {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-select'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSelectBaseComponent","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wNAAwN;;ACD1P;AACA;AACA;AACA;;AAIe,MAAMA,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEjC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,2BAAA,CAA4B,CAAC,CAAA;AAC7C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,0BAA0B,CAAA;;;;"}

package/dist/components/hds/form/select/field.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label isRequired=F.isRequired isOptional=F.isOptional)}}\n  {{yield (hash HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <Hds::Form::Select::Base\n      @value={{@value}}\n      @isInvalid={{@isInvalid}}\n      @width={{@width}}\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n      as |S|\n    >\n      {{yield (hash Options=S.Options)}}\n    </Hds::Form::Select::Base>\n  </F.Control>\n</Hds::Form::Field>");
+
+var field = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { field as default };
+//# sourceMappingURL=field.js.map

package/dist/components/hds/form/select/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.hbs","../../../../../src/components/hds/form/select/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label isRequired=F.isRequired isOptional=F.isOptional)}}\\n  {{yield (hash HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    <Hds::Form::Select::Base\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n      as |S|\\n    >\\n      {{yield (hash Options=S.Options)}}\\n    </Hds::Form::Select::Base>\\n  </F.Control>\\n</Hds::Form::Field>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,44BAA44B;;ACA96B,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/form/text-input/base.js

@@ -0,0 +1,62 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<input class={{this.classNames}} {{style width=@width}} ...attributes value={{@value}} type={{this.type}} />");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const DEFAULT_TYPE = 'text';
+const TYPES = ['text', 'email', 'password', 'url', 'date', 'time', 'datetime-local', 'search'];
+class HdsFormTextInputBaseComponent extends Component {
+  /**
+   * Sets the type of input
+   *
+   * @param type
+   * @type {string}
+   * @default 'text'
+   */
+  get type() {
+    let {
+      type = DEFAULT_TYPE
+    } = this.args;
+    assert(`@type for "Hds::Form::TextInput" must be one of the following: ${TYPES.join(', ')}; received: ${type}`, TYPES.includes(type));
+    return type;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-form-text-input'];
+
+    // add typographic classes
+    classes.push('hds-typography-body-200', 'hds-font-weight-regular');
+
+    // add a class based on the @isInvalid argument
+    if (this.args.isInvalid) {
+      classes.push(`hds-form-text-input--is-invalid`);
+    }
+
+    // add a class based on the @hasVisibilityToggle argument
+    if (this.args.hasVisibilityToggle) {
+      classes.push(`hds-form-text-input--has-visibility-toggle`);
+    }
+
+    // add a class based on the @isLoading argument
+    if (this.args.isLoading) {
+      classes.push(`hds-form-text-input--is-loading`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFormTextInputBaseComponent);
+
+export { DEFAULT_TYPE, TYPES, HdsFormTextInputBaseComponent as default };
+//# sourceMappingURL=base.js.map

package/dist/components/hds/form/text-input/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/text-input/base.hbs","../../../../../src/components/hds/form/text-input/base.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<input class={{this.classNames}} {{style width=@width}} ...attributes value={{@value}} type={{this.type}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\n// notice: we don't support all the possible HTML types, only a subset\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input\nexport const DEFAULT_TYPE = 'text';\nexport const TYPES = [\n  'text',\n  'email',\n  'password',\n  'url',\n  'date',\n  'time',\n  'datetime-local',\n  'search',\n];\n\nexport default class HdsFormTextInputBaseComponent extends Component {\n  /**\n   * Sets the type of input\n   *\n   * @param type\n   * @type {string}\n   * @default 'text'\n   */\n  get type() {\n    let { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Form::TextInput\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-text-input'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-text-input--is-invalid`);\n    }\n\n    // add a class based on the @hasVisibilityToggle argument\n    if (this.args.hasVisibilityToggle) {\n      classes.push(`hds-form-text-input--has-visibility-toggle`);\n    }\n\n    // add a class based on the @isLoading argument\n    if (this.args.isLoading) {\n      classes.push(`hds-form-text-input--is-loading`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_TYPE","TYPES","HdsFormTextInputBaseComponent","Component","type","args","assert","join","includes","classNames","classes","push","isInvalid","hasVisibilityToggle","isLoading","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,4LAA4L;;ACD9N;AACA;AACA;AACA;;AAOO,MAAMA,YAAY,GAAG,OAAM;MACrBC,KAAK,GAAG,CACnB,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACT;AAEc,MAAMC,6BAA6B,SAASC,SAAS,CAAC;AACnE;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGJ,YAAAA;KAAc,GAAG,IAAI,CAACK,IAAI,CAAA;AAEvCC,IAAAA,MAAM,CACH,CAAiEL,+DAAAA,EAAAA,KAAK,CAACM,IAAI,CAC1E,IACF,CAAE,CAAA,YAAA,EAAcH,IAAK,CAAA,CAAC,EACtBH,KAAK,CAACO,QAAQ,CAACJ,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,qBAAqB,CAAC,CAAA;;AAErC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,SAAS,EAAE;AACvBF,MAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,+BAAA,CAAgC,CAAC,CAAA;AACjD,KAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,mBAAmB,EAAE;AACjCH,MAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,0CAAA,CAA2C,CAAC,CAAA;AAC5D,KAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACS,SAAS,EAAE;AACvBJ,MAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,+BAAA,CAAgC,CAAC,CAAA;AACjD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACQ,oBAAA,CAAAC,QAAA,EAjDoBd,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/text-input/field.js

@@ -0,0 +1,85 @@
+import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield\n    (hash\n      Label=F.Label\n      isRequired=F.isRequired\n      isOptional=F.isOptional\n      HelperText=F.HelperText\n      Error=F.Error\n      CharacterCount=(component F.CharacterCount value=@value)\n    )\n  }}\n  <F.Control>\n    <div class=\"hds-form-text-input__wrapper\" {{style width=@width}}>\n      <Hds::Form::TextInput::Base\n        @type={{this.type}}\n        @value={{@value}}\n        @isInvalid={{@isInvalid}}\n        @isLoading={{@isLoading}}\n        @hasVisibilityToggle={{this.showVisibilityToggle}}\n        required={{@isRequired}}\n        ...attributes\n        id={{F.id}}\n        aria-describedby={{F.ariaDescribedBy}}\n      />\n      {{#if this.showVisibilityToggle}}\n        <Hds::Form::VisibilityToggle\n          @isVisible={{this.isPasswordMasked}}\n          @ariaLabel={{this.visibilityToggleAriaLabel}}\n          @ariaMessageText={{this.visibilityToggleAriaMessageText}}\n          aria-controls={{F.id}}\n          class=\"hds-form-text-input__visibility-toggle\"\n          {{on \"click\" this.onClickTogglePasswordReadability}}\n        />\n      {{/if}}\n    </div>\n  </F.Control>\n</Hds::Form::Field>");
+
+var _class, _descriptor, _descriptor2, _descriptor3;
+let HdsFormTextInputFieldComponent = (_class = class HdsFormTextInputFieldComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    _initializerDefineProperty(this, "isPasswordMasked", _descriptor, this);
+    _initializerDefineProperty(this, "hasVisibilityToggle", _descriptor2, this);
+    _initializerDefineProperty(this, "type", _descriptor3, this);
+  }
+  /**
+   * @param showVisibilityToggle
+   * @type {boolean}
+   * @default false
+   */
+  get showVisibilityToggle() {
+    return this.args.type === 'password' && this.hasVisibilityToggle;
+  }
+
+  /**
+   * @param visibilityToggleAriaLabel
+   * @type {string}
+   * @default 'Show password'
+   */
+  get visibilityToggleAriaLabel() {
+    if (this.args.visibilityToggleAriaLabel) {
+      return this.args.visibilityToggleAriaLabel;
+    } else if (this.isPasswordMasked) {
+      return 'Show password';
+    } else {
+      return 'Hide password';
+    }
+  }
+
+  /**
+   * @param visibilityToggleAriaMessageText
+   * @type {string}
+   * @default 'Password is now hidden'
+   */
+  get visibilityToggleAriaMessageText() {
+    if (this.args.visibilityToggleAriaMessageText) {
+      return this.args.visibilityToggleAriaMessageText;
+    } else if (this.isPasswordMasked) {
+      return 'Password is hidden';
+    } else {
+      return 'Password is visible';
+    }
+  }
+  onClickTogglePasswordReadability() {
+    this.isPasswordMasked = !this.isPasswordMasked;
+    this.type = this.isPasswordMasked ? 'password' : 'text';
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isPasswordMasked", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return true;
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "hasVisibilityToggle", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.hasVisibilityToggle ?? true;
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "type", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.type ?? 'text';
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "onClickTogglePasswordReadability", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickTogglePasswordReadability"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsFormTextInputFieldComponent);
+
+export { HdsFormTextInputFieldComponent as default };
+//# sourceMappingURL=field.js.map

package/dist/components/hds/form/text-input/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.hbs","../../../../../src/components/hds/form/text-input/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield\\n    (hash\\n      Label=F.Label\\n      isRequired=F.isRequired\\n      isOptional=F.isOptional\\n      HelperText=F.HelperText\\n      Error=F.Error\\n      CharacterCount=(component F.CharacterCount value=@value)\\n    )\\n  }}\\n  <F.Control>\\n    <div class=\\\"hds-form-text-input__wrapper\\\" {{style width=@width}}>\\n      <Hds::Form::TextInput::Base\\n        @type={{this.type}}\\n        @value={{@value}}\\n        @isInvalid={{@isInvalid}}\\n        @isLoading={{@isLoading}}\\n        @hasVisibilityToggle={{this.showVisibilityToggle}}\\n        required={{@isRequired}}\\n        ...attributes\\n        id={{F.id}}\\n        aria-describedby={{F.ariaDescribedBy}}\\n      />\\n      {{#if this.showVisibilityToggle}}\\n        <Hds::Form::VisibilityToggle\\n          @isVisible={{this.isPasswordMasked}}\\n          @ariaLabel={{this.visibilityToggleAriaLabel}}\\n          @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n          aria-controls={{F.id}}\\n          class=\\\"hds-form-text-input__visibility-toggle\\\"\\n          {{on \\\"click\\\" this.onClickTogglePasswordReadability}}\\n        />\\n      {{/if}}\\n    </div>\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nexport default class HdsFormTextInputFieldComponent extends Component {\n  @tracked isPasswordMasked = true;\n  @tracked hasVisibilityToggle = this.args.hasVisibilityToggle ?? true;\n  @tracked type = this.args.type ?? 'text';\n\n  /**\n   * @param showVisibilityToggle\n   * @type {boolean}\n   * @default false\n   */\n  get showVisibilityToggle() {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  /**\n   * @param visibilityToggleAriaLabel\n   * @type {string}\n   * @default 'Show password'\n   */\n  get visibilityToggleAriaLabel() {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this.isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  /**\n   * @param visibilityToggleAriaMessageText\n   * @type {string}\n   * @default 'Password is now hidden'\n   */\n  get visibilityToggleAriaMessageText() {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this.isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  @action\n  onClickTogglePasswordReadability() {\n    this.isPasswordMasked = !this.isPasswordMasked;\n    this.type = this.isPasswordMasked ? 'password' : 'text';\n  }\n}\n"],"names":["HdsFormTextInputFieldComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","showVisibilityToggle","type","hasVisibilityToggle","visibilityToggleAriaLabel","isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/form/textarea/base.js

@@ -0,0 +1,34 @@
+import Component from '@glimmer/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\n<Textarea class={{this.classNames}} {{style width=@width height=@height}} rows=\"4\" ...attributes @value={{@value}} />");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsFormTextareaBaseComponent extends Component {
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-form-textarea'];
+
+    // add typographic classes
+    classes.push('hds-typography-body-200', 'hds-font-weight-regular');
+
+    // add a class based on the @isInvalid argument
+    if (this.args.isInvalid) {
+      classes.push(`hds-form-textarea--is-invalid`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFormTextareaBaseComponent);
+
+export { HdsFormTextareaBaseComponent as default };
+//# sourceMappingURL=base.js.map

package/dist/components/hds/form/textarea/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.hbs","../../../../../src/components/hds/form/textarea/base.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\\n<Textarea class={{this.classNames}} {{style width=@width height=@height}} rows=\\\"4\\\" ...attributes @value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsFormTextareaBaseComponent extends Component {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-textarea'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-textarea--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormTextareaBaseComponent","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iSAAiS;;ACDnU;AACA;AACA;AACA;;AAIe,MAAMA,4BAA4B,SAASC,SAAS,CAAC;AAClE;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,mBAAmB,CAAC,CAAA;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,6BAAA,CAA8B,CAAC,CAAA;AAC/C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,4BAA4B,CAAA;;;;"}

package/dist/components/hds/form/textarea/field.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield\n    (hash\n      Label=F.Label\n      isRequired=F.isRequired\n      isOptional=F.isOptional\n      HelperText=F.HelperText\n      Error=F.Error\n      CharacterCount=(component F.CharacterCount value=@value)\n    )\n  }}\n  <F.Control>\n    <Hds::Form::Textarea::Base\n      @value={{@value}}\n      @isInvalid={{@isInvalid}}\n      @width={{@width}}\n      @height={{@height}}\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n    />\n  </F.Control>\n</Hds::Form::Field>");
+
+var field = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { field as default };
+//# sourceMappingURL=field.js.map

package/dist/components/hds/form/textarea/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.hbs","../../../../../src/components/hds/form/textarea/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield\\n    (hash\\n      Label=F.Label\\n      isRequired=F.isRequired\\n      isOptional=F.isOptional\\n      HelperText=F.HelperText\\n      Error=F.Error\\n      CharacterCount=(component F.CharacterCount value=@value)\\n    )\\n  }}\\n  <F.Control>\\n    <Hds::Form::Textarea::Base\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      @height={{@height}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,g7BAAg7B;;ACAl9B,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/form/toggle/base.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-form-toggle\">\n  <input class=\"hds-form-toggle__control\" type=\"checkbox\" ...attributes value={{@value}} role=\"switch\" />\n  <div class=\"hds-form-toggle__facade\"></div>\n</div>");
+
+var base = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { base as default };
+//# sourceMappingURL=base.js.map

package/dist/components/hds/form/toggle/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.hbs","../../../../../src/components/hds/form/toggle/base.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-form-toggle\\\">\\n  <input class=\\\"hds-form-toggle__control\\\" type=\\\"checkbox\\\" ...attributes value={{@value}} role=\\\"switch\\\" />\\n  <div class=\\\"hds-form-toggle__facade\\\"></div>\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,yRAAyR;;ACA3T,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/form/toggle/field.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"flag\"\n  @contextualClass={{@contextualClass}}\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <Hds::Form::Toggle::Base\n      @value={{@value}}\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n    />\n  </F.Control>\n</Hds::Form::Field>");
+
+var field = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { field as default };
+//# sourceMappingURL=field.js.map

package/dist/components/hds/form/toggle/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.hbs","../../../../../src/components/hds/form/toggle/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"flag\\\"\\n  @contextualClass={{@contextualClass}}\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    <Hds::Form::Toggle::Base\\n      @value={{@value}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8pBAA8pB;;ACAhsB,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/form/toggle/group.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as |F|>\n  {{! Notice: the order of the elements is not relevant here, because it\'s controlled at \"Hds::Form::Fieldset\" component level }}\n  {{yield (hash Legend=F.Legend isRequired=F.isRequired isOptional=F.isOptional)}}\n  {{yield (hash HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{yield\n      (hash\n        ToggleField=(component\n          \"hds/form/toggle/field\"\n          contextualClass=\"hds-form-group__control-field\"\n          isRequired=@isRequired\n          extraAriaDescribedBy=F.ariaDescribedBy\n        )\n      )\n    }}\n  </F.Control>\n</Hds::Form::Fieldset>");
+
+var group = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { group as default };
+//# sourceMappingURL=group.js.map

package/dist/components/hds/form/toggle/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.hbs","../../../../../src/components/hds/form/toggle/group.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as |F|>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend isRequired=F.isRequired isOptional=F.isOptional)}}\\n  {{yield (hash HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        ToggleField=(component\\n          \\\"hds/form/toggle/field\\\"\\n          contextualClass=\\\"hds-form-group__control-field\\\"\\n          isRequired=@isRequired\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6xBAA6xB;;ACA/zB,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/form/visibility-toggle/index.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button class=\"hds-form-visibility-toggle\" type=\"button\" aria-label={{@ariaLabel}} ...attributes>\n  <FlightIcon @name={{if @isVisible \"eye\" \"eye-off\"}} @size=\"16\" @isInlineBlock={{false}} />\n  <span class=\"sr-only\" aria-live=\"polite\">{{@ariaMessageText}}</span>\n</button>");
+
+var index = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/form/visibility-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/visibility-toggle/index.hbs","../../../../../src/components/hds/form/visibility-toggle/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button class=\\\"hds-form-visibility-toggle\\\" type=\\\"button\\\" aria-label={{@ariaLabel}} ...attributes>\\n  <FlightIcon @name={{if @isVisible \\\"eye\\\" \\\"eye-off\\\"}} @size=\\\"16\\\" @isInlineBlock={{false}} />\\n  <span class=\\\"sr-only\\\" aria-live=\\\"polite\\\">{{@ariaMessageText}}</span>\\n</button>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gXAAgX;;ACAlZ,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}