@aquera/nile-elements 1.0.1 → 1.1.0-beta-1.0

package/dist/nile-filter-chip/nile-filter-chip.css.esm.js

@@ -1,10 +1,5 @@
-import{css as r}from"lit";const e=r`
+import{css as e}from"lit";const i=e`
 
-  :host{
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-  }
 
   .filter-chips {
     display: flex;
@@ -17,31 +12,31 @@ import{css as r}from"lit";const e=r`
     align-items: center;
     height: 30px;
     padding: 8px;
-    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));
-    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
+    border-radius: 4px;
     font-size: 14px;
-    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));
-    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));
+    background-color: var(--nile-filter-chip-background-default);
+    color: var(--nile-filter-chip-text-default);
     transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
     cursor: pointer;
     box-sizing: border-box;
   }
 
   .chip:hover {
-    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));
+    background-color: var(--nile-filter-chip-hover-background);
   }
  .chip:active {
-  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));
+  background-color: var(--nile-filter-chip-active-background);
   border-color: var(--nile-filter-chip-active-border-color-stroke);
 }
 :host([active]) .chip {
-  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));
+  background-color: var(--nile-filter-chip-active-background);
   border-color: var(--nile-filter-chip-active-border-color-stroke);
 }
 
 
   .icon {
-    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));
+    color: var(--nile-filter-chip-icon-color-default);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -52,7 +47,7 @@ import{css as r}from"lit";const e=r`
 
   .label {
     font-weight: 500;
-    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));
+    color: var(--nile-filter-chip-label-color-default);
   }
 
   nile-badge::part(base) {
@@ -83,7 +78,7 @@ import{css as r}from"lit";const e=r`
 
 
  .value {
-  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));
+  color: var(--nile-filter-chip-values-color-default);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -94,7 +89,7 @@ import{css as r}from"lit";const e=r`
 
 
   .close-icon {
-    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));
+    color: var(--nile-filter-chip-close-icon-color-default);
     cursor: pointer;
     display: flex;
     align-items: center;
@@ -103,8 +98,8 @@ import{css as r}from"lit";const e=r`
   }
 
   .close-icon:hover {
-    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));
-    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));
+    background-color: var(--nile-filter-chip-close-icon-hover-background);
+    color: var(--nile-filter-chip-close-icon-hover-color);
   }
 
 .label-wrapper {
@@ -123,14 +118,4 @@ import{css as r}from"lit";const e=r`
   margin-right: 12px;  
 }
 
-.badge{
-  display: inline-flex;
-    align-items: center;
-    height: 20px; 
-}
-
-nile-badge::part(content) {
- line-height: 20px;
-}
-
-`;export{e as s};
+`;export{i as s};

package/dist/nile-filter-chip/nile-filter-chip.esm.js

@@ -16,7 +16,7 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
       <slot name="suffix">
         ${this.viewMoreCount?t`
           <span class="badge-wrapper">
-              <nile-badge class="badge" part="badge" variant="primary" pilltype="pill-color" exportparts="content, base">
+              <nile-badge variant="primary" pilltype="pill-color">
                 +${this.viewMoreCount}
               </nile-badge>
           </span>
@@ -26,7 +26,7 @@ import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as
     `}getCloseIconSlot(){return t`
       ${this.closable?t`
             <span class="close-icon" @click="${this.handleClose}">
-              <nile-icon name="${this.removeIcon||"var(--nile-icon-close, var(--ng-icon-x-close))"}" size="12" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
+              <nile-icon name="${this.removeIcon||"close"}" size="12"></nile-icon>
             </span>
           `:t``}
     `}render(){return t`

package/dist/nile-footer/nile-footer.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-footer.css.cjs.js.map

package/dist/nile-footer/nile-footer.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-footer.css.cjs.js","sources":["../../../src/nile-footer/nile-footer.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Footer CSS\n */\nexport const styles = css`\n\t:host {\n\t-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-footer.css.cjs.js","sources":["../../../src/nile-footer/nile-footer.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Footer CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-footer/nile-footer.css.esm.js

@@ -1,7 +1,5 @@
 import{css as o}from"lit";const t=o`
 	:host {
-	-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+
 	}
 `;export{t as s};

package/dist/nile-form-error-message/nile-form-error-message.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";var r,e,o,s,i,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_lit){e=_lit.LitElement;o=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileFormErrorMessageCssCjsJs){i=_nileFormErrorMessageCssCjsJs.s;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_e){function l(){_classCallCheck(this,l);return _callSuper(this,l,arguments);}_inherits(l,_e);return _createClass(l,[{key:"render",value:function render(){return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);}(e));_export("N",l=r([s("nile-form-error-message")],l));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";var r,e,s,o,i,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileFormErrorMessageCssCjsJs){i=_nileFormErrorMessageCssCjsJs.s;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_e){function l(){_classCallCheck(this,l);return _callSuper(this,l,arguments);}_inherits(l,_e);return _createClass(l,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700)\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);}(e));_export("N",l=r([o("nile-form-error-message")],l));}};});
 //# sourceMappingURL=nile-form-error-message.cjs.js.map

package/dist/nile-form-error-message/nile-form-error-message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-form-error-message.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-error-message\n *\n */\n@customElement('nile-form-error-message')\nexport class NileFormErrorMessage extends LitElement {\n\n\t/**\n\t * The styles for FormErrorMessage\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"var(--nile-icon-info, var(--ng-icon-info-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFormErrorMessage;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-error-message': NileFormErrorMessage;\n  }\n}\n"],"names":["NileFormErrorMessage","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","LitElement","__decorate","customElement"],"mappings":"yiGAkBaA,CAAAA,uBAAAA,EAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,UAAAA,MAAAA,CAAAA,CAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6XAKX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAlBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,MAlBkCC,CAMlC,GANKR,OAAAA,KAAAA,CAAoBS,CAAAA,CAAAA,CAAA,CADhCC,CAAAA,CAAc,4BACFV"}
+{"version":3,"file":"nile-form-error-message.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-form-error-message.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-error-message\n *\n */\n@customElement('nile-form-error-message')\nexport class NileFormErrorMessage extends LitElement {\n\n\t/**\n\t * The styles for FormErrorMessage\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"var(--nile-colors-red-700)\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFormErrorMessage;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-error-message': NileFormErrorMessage;\n  }\n}\n"],"names":["NileFormErrorMessage","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","LitElement","__decorate","customElement"],"mappings":"yiGAkBaA,CAAAA,uBAAAA,EAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,UAAAA,MAAAA,CAAAA,CAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wOAKX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAlBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,MAlBkCC,CAMlC,GANKR,OAAAA,KAAAA,CAAoBS,CAAAA,CAAAA,CAAA,CADhCC,CAAAA,CAAc,4BACFV"}

package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",r=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-error-text-color, var(--ng-colors-text-error-primary-600));\n    font-family: var(--nile-font-family-serif,var(--ng-font-family-body));\n    font-size: var(--nile-form-error-text-font-size, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-form-error-text-line-height,  var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .nile-form-error-message__icon {\n    display: var(--nile-display-inline-block, var(--ng-display-none));\n    margin-right: var(--nile-spacing-sm, var(--ng-spacing-none));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-error-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-error-text-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    line-height: var(--nile-form-error-text-line-height);\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-error-message.css.cjs.js.map

package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.css.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-error-text-color, var(--ng-colors-text-error-primary-600));\n    font-family: var(--nile-font-family-serif,var(--ng-font-family-body));\n    font-size: var(--nile-form-error-text-font-size, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-form-error-text-line-height,  var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .nile-form-error-message__icon {\n    display: var(--nile-display-inline-block, var(--ng-display-none));\n    margin-right: var(--nile-spacing-sm, var(--ng-spacing-none));\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-form-error-message.css.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-error-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-error-text-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    line-height: var(--nile-form-error-text-line-height);\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-form-error-message/nile-form-error-message.css.esm.js

@@ -1,25 +1,22 @@
-import{css as n}from"lit";const r=n`
+import{css as e}from"lit";const r=e`
   :host {
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .nile-form-error-message {
     display: flex;
     align-items: center;
-    color: var(--nile-form-error-text-color, var(--ng-colors-text-error-primary-600));
-    font-family: var(--nile-font-family-serif,var(--ng-font-family-body));
-    font-size: var(--nile-form-error-text-font-size, var(--ng-font-size-text-sm));
+    color: var(--nile-form-error-text-color);
+    font-family: var(--nile-font-family-serif);
+    font-size: var(--nile-form-error-text-font-size);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
-    line-height: var(--nile-form-error-text-line-height,  var(--ng-line-height-text-md));
+    font-weight: 400;
+    line-height: 12px;
+    line-height: var(--nile-form-error-text-line-height);
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
+    margin-top: 6px;
   }
 
   .nile-form-error-message__icon {
-    display: var(--nile-display-inline-block, var(--ng-display-none));
-    margin-right: var(--nile-spacing-sm, var(--ng-spacing-none));
+    margin-right: 6px;
   }
 `;export{r as s};

package/dist/nile-form-error-message/nile-form-error-message.esm.js

@@ -1,5 +1,5 @@
-import{__decorate as r}from"tslib";import{LitElement as e,html as o}from"lit";import{customElement as s}from"lit/decorators.js";import{s as i}from"./nile-form-error-message.css.esm.js";let l=class extends e{static get styles(){return[i]}render(){return o`
+import{__decorate as r}from"tslib";import{LitElement as e,html as s}from"lit";import{customElement as o}from"lit/decorators.js";import{s as i}from"./nile-form-error-message.css.esm.js";let l=class extends e{static get styles(){return[i]}render(){return s`
       <div class="nile-form-error-message">
-       <nile-icon name="var(--nile-icon-info, var(--ng-icon-info-circle))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))"> </nile-icon> <slot> </slot>
+       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700)"> </nile-icon> <slot> </slot>
         </div>
-			`}};l=r([s("nile-form-error-message")],l);export{l as N};
+			`}};l=r([o("nile-form-error-message")],l);export{l as N};

package/dist/nile-form-group/nile-form-group.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-group.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,s,r,i,e,o,l,_templateObject,_templateObject2,_templateObject3,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.query;i=_litDecoratorsJs.property;e=_litDecoratorsJs.customElement;},function(_nileFormGroupCssCjsJs){o=_nileFormGroupCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.title="",_this.subtitle="";return _this;}_inherits(a,_l);return _createClass(a,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"base\" class=\"form__base\">\n        ","\n        <div part=\"body\" class=\"form__body\">\n          <slot></slot>\n        </div>\n      </div>\n    "])),this.title?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div part=\"header\" class=\"form__header\">\n              <div part=\"content\" class=\"form__title-content\">\n                <slot name=\"title\" class=\"form__title\"> "," </slot>\n                ","\n              </div>\n\n              <slot name=\"action\" class=\"form__action\"></slot>\n            </div>\n            <nile-divider part=\"divider\" class=\"form__divider\"></nile-divider>\n            "])),this.title,this.subtitle?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                      <slot name=\"subtitle\" class=\"form__subtitle\">\n                        ","\n                      </slot>\n                    "])),this.subtitle):""):"");}}],[{key:"styles",get:function get(){return[o];}}]);}(l));t([r(".form__body")],a.prototype,"nileformgroup",void 0),t([i({type:String,reflect:!0})],a.prototype,"title",void 0),t([i({type:String,reflect:!0})],a.prototype,"subtitle",void 0),_export("N",a=t([e("nile-form-group")],a));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-group.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,s,o,i,r,e,l,_templateObject,_templateObject2,_templateObject3,m;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.query;i=_litDecoratorsJs.property;r=_litDecoratorsJs.customElement;},function(_nileFormGroupCssCjsJs){e=_nileFormGroupCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",m=/*#__PURE__*/function(_l){function m(){var _this;_classCallCheck(this,m);_this=_callSuper(this,m,arguments),_this.title="",_this.subtitle="";return _this;}_inherits(m,_l);return _createClass(m,[{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"form__base\">\n        ","\n        <div class=\"form__body\">\n          <slot></slot>\n        </div>\n      </div>\n    "])),this.title?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div class=\"form__header\">\n              <div class=\"form__title-content\">\n                <slot name=\"title\" class=\"form__title\"> "," </slot>\n                ","\n              </div>\n\n              <slot name=\"action\" class=\"form__action\"> </slot>\n            </div>"])),this.title,this.subtitle?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                      <slot name=\"subtitle\" class=\"form__subtitle\">\n                        ","\n                      </slot>\n                    "])),this.subtitle):""):"");}}],[{key:"styles",get:function get(){return[e];}}]);}(l));t([o(".form__body")],m.prototype,"nileformgroup",void 0),t([i({type:String,reflect:!0})],m.prototype,"title",void 0),t([i({type:String,reflect:!0})],m.prototype,"subtitle",void 0),_export("N",m=t([r("nile-form-group")],m));}};});
 //# sourceMappingURL=nile-form-group.cjs.js.map

package/dist/nile-form-group/nile-form-group.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-group.cjs.js","sources":["../../../src/nile-form-group/nile-form-group.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-form-group.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile Form Group component.\n *\n * @tag nile-form-group\n *\n */\n@customElement('nile-form-group')\nexport class NileFormGroup extends NileElement {\n  @query('.form__body') nileformgroup: HTMLInputElement;\n\n  /**\n   * The styles for FormGroup\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** The Form Title . If you need to display HTML, use the `title` slot instead. */\n  @property({ type: String, reflect: true }) title = '';\n\n  /** The Form subtitle . If you need to display HTML, use the `subtitle` slot instead. */\n  @property({ type: String, reflect: true }) subtitle = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"form__base\">\n        ${this.title\n          ? html` <div part=\"header\" class=\"form__header\">\n              <div part=\"content\" class=\"form__title-content\">\n                <slot name=\"title\" class=\"form__title\"> ${this.title} </slot>\n                ${this.subtitle\n                  ? html`\n                      <slot name=\"subtitle\" class=\"form__subtitle\">\n                        ${this.subtitle}\n                      </slot>\n                    `\n                  : ``}\n              </div>\n\n              <slot name=\"action\" class=\"form__action\"></slot>\n            </div>\n            <nile-divider part=\"divider\" class=\"form__divider\"></nile-divider>\n            `\n          : ``}\n        <div part=\"body\" class=\"form__body\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileFormGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-group': NileFormGroup;\n  }\n}\n"],"names":["NileFormGroup","_l","a","constructor","this","title","subtitle","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","query","prototype","property","type","String","reflect","customElement"],"mappings":"ksGAuBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAYsCC,KAAAA,CAAKC,KAAG,CAAA,EAAA,CAGRD,KAAAA,CAAQE,QAAAA,CAAG,EAwCvD,QAAAC,KAAA,EAhDQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAmBA,SAAAC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,oLAELX,IAAAA,CAAKC,MACHQ,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,yaAE0CX,IAAKC,CAAAA,KAAAA,CAC7CD,IAAAA,CAAKE,SACHO,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,mKAEEX,IAAKE,CAAAA,QAAAA,EAGX,EAAA,EAOR,EAAA,EAMT,CAAA,KAAAI,GAAA,UAAAQ,GAAA,CA7CM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAiBM,MA1B0BC,IACXC,EAAA,CAArBC,CAAAA,CAAM,aAA+CtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuB,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAWXF,CAAA,CAAA,CAA1CG,EAAS,CAAEC,IAAAA,CAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,KAAmB3B,CAAAuB,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGXF,EAAA,CAA1CG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB3B,CAAAuB,CAAAA,SAAAA,CAAA,eAAA,EAf9CvB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAaqB,EAAA,CADzBO,CAAAA,CAAc,oBACF5B"}
+{"version":3,"file":"nile-form-group.cjs.js","sources":["../../../src/nile-form-group/nile-form-group.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-form-group.css';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile Form Group component.\n *\n * @tag nile-form-group\n *\n */\n@customElement('nile-form-group')\nexport class NileFormGroup extends NileElement {\n  @query('.form__body') nileformgroup: HTMLInputElement;\n\n  /**\n   * The styles for FormGroup\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /** The Form Title . If you need to display HTML, use the `title` slot instead. */\n  @property({ type: String, reflect: true }) title = '';\n\n  /** The Form subtitle . If you need to display HTML, use the `subtitle` slot instead. */\n  @property({ type: String, reflect: true }) subtitle = '';\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"form__base\">\n        ${this.title\n          ? html` <div class=\"form__header\">\n              <div class=\"form__title-content\">\n                <slot name=\"title\" class=\"form__title\"> ${this.title} </slot>\n                ${this.subtitle\n                  ? html`\n                      <slot name=\"subtitle\" class=\"form__subtitle\">\n                        ${this.subtitle}\n                      </slot>\n                    `\n                  : ``}\n              </div>\n\n              <slot name=\"action\" class=\"form__action\"> </slot>\n            </div>`\n          : ``}\n        <div class=\"form__body\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileFormGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-group': NileFormGroup;\n  }\n}\n"],"names":["NileFormGroup","_l","m","constructor","this","title","subtitle","_this","_inherits","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","query","prototype","property","type","String","reflect","customElement"],"mappings":"ksGAuBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAYsCC,KAAAA,CAAKC,KAAG,CAAA,EAAA,CAGRD,KAAAA,CAAQE,QAAAA,CAAG,EAsCvD,QAAAC,KAAA,EA9CQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAmBA,SAAAC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,wJAELX,IAAAA,CAAKC,MACHQ,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,uSAE0CX,IAAKC,CAAAA,KAAAA,CAC7CD,IAAAA,CAAKE,SACHO,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,mKAEEX,IAAKE,CAAAA,QAAAA,EAGX,EAAA,EAKR,EAAA,EAMT,CAAA,KAAAI,GAAA,UAAAQ,GAAA,CA3CM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAiBM,MA1B0BC,IACXC,EAAA,CAArBC,CAAAA,CAAM,aAA+CtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuB,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAWXF,CAAA,CAAA,CAA1CG,EAAS,CAAEC,IAAAA,CAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,KAAmB3B,CAAAuB,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGXF,EAAA,CAA1CG,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB3B,CAAAuB,CAAAA,SAAAA,CAAA,eAAA,EAf9CvB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAaqB,EAAA,CADzBO,CAAAA,CAAc,oBACF5B"}

package/dist/nile-form-group/nile-form-group.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",n=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --min-width: 288px;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .form__base {\n    display: flex;\n    flex-direction: column;\n    min-width: var(--min-width);\n    width: max-content;\n    box-shadow: var(--nile-box-shadow-11, var(--ng-shadow-xs-skeuomorphic));\n    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-xl));\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .form__header {\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--nile-spacing-1-x, var(--ng-spacing-xl));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n  }\n\n  .form__divider {\n    width: 100%;\n  }\n\n  .form__divider::part(divider) {\n    width: 100%;\n    height: 1px;\n    margin-top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    margin-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .form__title-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--nile-spacing-1-x, var(--ng-spacing-xxs));\n    justify-content:center;\n  }\n\n  .form__title {\n    display: block;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-lg));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-lg));\n    letter-spacing: 0.2px;\n  }\n\n  .form__subtitle {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form__body {\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-3-x, var(--ng-spacing-3xl));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --min-width: 288px;\n  }\n\n  .form__base {\n    display: flex;\n    flex-direction: column;\n    min-width: var(--min-width);\n    width: max-content;\n    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);\n    border-radius: var(--nile-radius-base-standard);\n    border: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-colors-white-base);\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .form__header {\n    width: 100%;\n    height: 82px;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--nile-spacing-1-x);\n    border-radius: var(--nile-radius-base-standard)\n      var(--nile-radius-base-standard) 0 0;\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .form__title-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--nile-spacing-1-x);\n    justify-content:centre;\n  }\n\n\n\n  .form__title {\n    display: block;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-4);\n    font-style: normal;\n    font-weight: 500;\n    line-height: var(--nile-type-scale-4);\n    letter-spacing: 0.2px;\n  }\n\n  .form__subtitle {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-2);\n    letter-spacing: 0.2px;\n  }\n\n  .form__body {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-3-x);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-group.css.cjs.js.map

package/dist/nile-form-group/nile-form-group.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-group.css.cjs.js","sources":["../../../src/nile-form-group/nile-form-group.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormGroup CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 288px;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .form__base {\n    display: flex;\n    flex-direction: column;\n    min-width: var(--min-width);\n    width: max-content;\n    box-shadow: var(--nile-box-shadow-11, var(--ng-shadow-xs-skeuomorphic));\n    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-xl));\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .form__header {\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--nile-spacing-1-x, var(--ng-spacing-xl));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n  }\n\n  .form__divider {\n    width: 100%;\n  }\n\n  .form__divider::part(divider) {\n    width: 100%;\n    height: 1px;\n    margin-top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    margin-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .form__title-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--nile-spacing-1-x, var(--ng-spacing-xxs));\n    justify-content:center;\n  }\n\n  .form__title {\n    display: block;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-lg));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-lg));\n    letter-spacing: 0.2px;\n  }\n\n  .form__subtitle {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form__body {\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-3-x, var(--ng-spacing-3xl));\n  }\n`;\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-form-group.css.cjs.js","sources":["../../../src/nile-form-group/nile-form-group.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormGroup CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 288px;\n  }\n\n  .form__base {\n    display: flex;\n    flex-direction: column;\n    min-width: var(--min-width);\n    width: max-content;\n    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);\n    border-radius: var(--nile-radius-base-standard);\n    border: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-colors-white-base);\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .form__header {\n    width: 100%;\n    height: 82px;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--nile-spacing-1-x);\n    border-radius: var(--nile-radius-base-standard)\n      var(--nile-radius-base-standard) 0 0;\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .form__title-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--nile-spacing-1-x);\n    justify-content:centre;\n  }\n\n\n\n  .form__title {\n    display: block;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-4);\n    font-style: normal;\n    font-weight: 500;\n    line-height: var(--nile-type-scale-4);\n    letter-spacing: 0.2px;\n  }\n\n  .form__subtitle {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-2);\n    letter-spacing: 0.2px;\n  }\n\n  .form__body {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-3-x);\n  }\n`;\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-form-group/nile-form-group.css.esm.js

@@ -1,9 +1,6 @@
-import{css as i}from"lit";const n=i`
+import{css as e}from"lit";const i=e`
   :host {
     --min-width: 288px;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .form__base {
@@ -11,70 +8,66 @@ import{css as i}from"lit";const n=i`
     flex-direction: column;
     min-width: var(--min-width);
     width: max-content;
-    box-shadow: var(--nile-box-shadow-11, var(--ng-shadow-xs-skeuomorphic));
-    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
-    border-radius: var(--nile-radius-base-standard, var(--ng-radius-xl));
-    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
-    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);
+    border-radius: var(--nile-radius-base-standard);
+    border: 1px solid var(--nile-colors-neutral-400);
+    background: var(--nile-colors-white-base);
+    font-family: var(--nile-font-family-serif);
   }
 
   .form__header {
     width: 100%;
+    height: 82px;
     box-sizing: border-box;
+    padding: var(--nile-spacing-3-x);
     display: flex;
+    flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
-    gap: var(--nile-spacing-1-x, var(--ng-spacing-xl));
-    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
-  }
-
-  .form__divider {
-    width: 100%;
-  }
-
-  .form__divider::part(divider) {
-    width: 100%;
-    height: 1px;
-    margin-top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));
-    margin-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
+    gap: var(--nile-spacing-1-x);
+    border-radius: var(--nile-radius-base-standard)
+      var(--nile-radius-base-standard) 0 0;
+    background: var(--nile-colors-neutral-100);
   }
 
   .form__title-content {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--nile-spacing-1-x, var(--ng-spacing-xxs));
-    justify-content:center;
+    gap: var(--nile-spacing-1-x);
+    justify-content:centre;
   }
 
+
+
   .form__title {
     display: block;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    color: var(--nile-colors-dark-900);
     font-feature-settings: 'clig' off, 'liga' off;
-    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-lg));
+    font-size: var(--nile-type-scale-4);
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
-    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-lg));
+    font-weight: 500;
+    line-height: var(--nile-type-scale-4);
     letter-spacing: 0.2px;
   }
 
   .form__subtitle {
     display: block;
-    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
+    color: var(--nile-colors-dark-500);
     font-feature-settings: 'clig' off, 'liga' off;
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
+    font-size: var(--nile-type-scale-2);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
-    line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm));
+    font-weight: var(--nile-font-weight-regular);
+    line-height: var(--nile-type-scale-2);
     letter-spacing: 0.2px;
   }
 
   .form__body {
     width: 100%;
     box-sizing: border-box;
+    padding: var(--nile-spacing-3-x);
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-3-x, var(--ng-spacing-3xl));
+    gap: var(--nile-spacing-3-x);
   }
-`;export{n as s};
+`;export{i as s};

package/dist/nile-form-group/nile-form-group.esm.js

@@ -1,7 +1,7 @@
-import{__decorate as t}from"tslib";import{html as s}from"lit";import{query as r,property as e,customElement as i}from"lit/decorators.js";import{s as o}from"./nile-form-group.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let a=class extends l{constructor(){super(...arguments),this.title="",this.subtitle=""}static get styles(){return[o]}render(){return s`
-      <div part="base" class="form__base">
-        ${this.title?s` <div part="header" class="form__header">
-              <div part="content" class="form__title-content">
+import{__decorate as t}from"tslib";import{html as s}from"lit";import{query as o,property as e,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-form-group.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let m=class extends l{constructor(){super(...arguments),this.title="",this.subtitle=""}static get styles(){return[r]}render(){return s`
+      <div class="form__base">
+        ${this.title?s` <div class="form__header">
+              <div class="form__title-content">
                 <slot name="title" class="form__title"> ${this.title} </slot>
                 ${this.subtitle?s`
                       <slot name="subtitle" class="form__subtitle">
@@ -10,12 +10,10 @@ import{__decorate as t}from"tslib";import{html as s}from"lit";import{query as r,
                     `:""}
               </div>
 
-              <slot name="action" class="form__action"></slot>
-            </div>
-            <nile-divider part="divider" class="form__divider"></nile-divider>
-            `:""}
-        <div part="body" class="form__body">
+              <slot name="action" class="form__action"> </slot>
+            </div>`:""}
+        <div class="form__body">
           <slot></slot>
         </div>
       </div>
-    `}};t([r(".form__body")],a.prototype,"nileformgroup",void 0),t([e({type:String,reflect:!0})],a.prototype,"title",void 0),t([e({type:String,reflect:!0})],a.prototype,"subtitle",void 0),a=t([i("nile-form-group")],a);export{a as N};
+    `}};t([o(".form__body")],m.prototype,"nileformgroup",void 0),t([e({type:String,reflect:!0})],m.prototype,"title",void 0),t([e({type:String,reflect:!0})],m.prototype,"subtitle",void 0),m=t([i("nile-form-group")],m);export{m as N};

package/dist/nile-form-help-text/nile-form-help-text.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,o,r,n,l,a,h,_templateObject,_templateObject2,c;function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;r=_litDecoratorsJs.state;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){a=_nileFormHelpTextCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_e){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.isExpanded=!1,_this.showButton=!1;return _this;}_inherits(c,_e);return _createClass(c,[{key:"firstUpdated",value:function firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.resizeObserver.disconnect();}},{key:"render",value:function render(){var t=this.isExpanded?"var(--nile-icon-arrow-up, var(--ng-icon-chevron-up))":"var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div \n      class=\"","\" \n      part=\"container\"\n    >\n      <span\n        class=\"","\"\n        >\n        <slot @slotchange=\"","\"></slot>\n      </span>\n      ","\n    </div>\n  "])),h({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded}),h({help__text__full:!0,"help__text__full--expanded":this.isExpanded}),this.decideToToggleShowButton,this.showButton?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=","\n        >","\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"","\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n        </span>\n      "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",t):i);}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"decideToToggleShowButton",value:function decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth);}},{key:"observeWidthChange",value:function observeWidthChange(t){var _this2=this;var e=new ResizeObserver(function(t){var _iterator=_createForOfIteratorHelper(t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _e2=_step.value;_e2.contentRect.width&&_this2.decideToToggleShowButton();}}catch(err){_iterator.e(err);}finally{_iterator.f();}});return e.observe(t),e;}}],[{key:"styles",get:function get(){return[a];}}]);}(e));t([o({type:Boolean,reflect:!0})],c.prototype,"isExpanded",void 0),t([r()],c.prototype,"showButton",void 0),t([n(".help__text__full")],c.prototype,"textContainer",void 0),_export("N",c=t([l("nile-form-help-text")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-form-help-text.css.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,o,r,l,n,h,a,_templateObject,_templateObject2,p;function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var n=0,F=function F(){};return{s:F,n:function(_n){function n(){return _n.apply(this,arguments);}n.toString=function(){return _n.toString();};return n;}(function(){return n>=r.length?{done:!0}:{done:!1,value:r[n++]};}),e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;s=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;r=_litDecoratorsJs.state;l=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){h=_nileFormHelpTextCssCjsJs.s;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_e){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.isExpanded=!1,_this.showButton=!1;return _this;}_inherits(p,_e);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(t){this.resizeObserver=this.observeWidthChange(this.textContainer);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.resizeObserver.disconnect();}},{key:"render",value:function render(){var t=this.isExpanded?"arrowup":"arrowdown";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div \n      class=\"","\" \n      part=\"container\"\n    >\n      <span\n        class=\"","\"\n        >\n        <slot @slotchange=\"","\"></slot>\n      </span>\n      ","\n    </div>\n  "])),a({"nile-form-help-text":!0,"nile-form-help-text--expanded":this.isExpanded}),a({help__text__full:!0,"help__text__full--expanded":this.isExpanded}),this.decideToToggleShowButton,this.showButton?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=","\n        >","\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"","\"></nile-icon>\n        </span>\n      "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",t):i);}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"decideToToggleShowButton",value:function decideToToggleShowButton(){this.textContainer&&(this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth);}},{key:"observeWidthChange",value:function observeWidthChange(t){var _this2=this;var e=new ResizeObserver(function(t){var _iterator=_createForOfIteratorHelper(t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _e2=_step.value;_e2.contentRect.width&&_this2.decideToToggleShowButton();}}catch(err){_iterator.e(err);}finally{_iterator.f();}});return e.observe(t),e;}}],[{key:"styles",get:function get(){return[h];}}]);}(e));t([o({type:Boolean,reflect:!0})],p.prototype,"isExpanded",void 0),t([r()],p.prototype,"showButton",void 0),t([l(".help__text__full")],p.prototype,"textContainer",void 0),_export("N",p=t([n("nile-form-help-text")],p));}};});
 //# sourceMappingURL=nile-form-help-text.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult, nothing, PropertyValues} from 'lit';\nimport { customElement, query, property, state } from 'lit/decorators.js';\nimport {styles} from './nile-form-help-text.css';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-help-text\n *\n */\n@customElement('nile-form-help-text')\nexport class NileFormHelpText extends LitElement {\n  /**\n   * The styles for FormHelpText\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true  }) isExpanded: boolean = false;\n\n  @state() showButton: boolean = false;\n\n  @query('.help__text__full') textContainer:HTMLSpanElement;\n\n  private resizeObserver:ResizeObserver;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.resizeObserver=this.observeWidthChange(this.textContainer);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    const iconName = this.isExpanded ? 'var(--nile-icon-arrow-up, var(--ng-icon-chevron-up))' : 'var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))';\n\n    return html`\n    <div \n      class=\"${classMap({\n        'nile-form-help-text':true,\n        \"nile-form-help-text--expanded\":this.isExpanded\n        })}\" \n      part=\"container\"\n    >\n      <span\n        class=\"${classMap({\n          \"help__text__full\":true,\n          \"help__text__full--expanded\":this.isExpanded\n          })}\"\n        >\n        <slot @slotchange=\"${this.decideToToggleShowButton}\"></slot>\n      </span>\n      ${this.showButton?html`\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=${this.toggleExpanded}\n        >${this.isExpanded ? 'View Less' : 'View More'}\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"${iconName}\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n        </span>\n      `:nothing}\n    </div>\n  `;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n  \n  decideToToggleShowButton(){\n    if(!this.textContainer) return;\n    this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth\n  }\n\n  /**\n   * Logs whenever the width of an element changes.\n   * @param {HTMLElement} element - The element to observe for width changes.\n   */\n  observeWidthChange(element:HTMLElement) {\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (let entry of entries) {\n        const newWidth = entry.contentRect.width;\n        if (newWidth) this.decideToToggleShowButton();\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    return resizeObserver; // Return observer to allow disconnection if needed\n  }\n}\n\nexport default NileFormHelpText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-help-text': NileFormHelpText;\n  }\n}"],"names":["NileFormHelpText","c","constructor","this","isExpanded","showButton","_this","_inherits","_e","_createClass","key","value","firstUpdated","_changedProperties","resizeObserver","observeWidthChange","textContainer","disconnectedCallback","disconnect","render","iconName","html","_templateObject","_taggedTemplateLiteral","classMap","help__text__full","decideToToggleShowButton","_templateObject2","toggleExpanded","nothing","clientWidth","scrollWidth","element","ResizeObserver","entries","_step","_iterator","s","n","done","entry","contentRect","width","err","e","f","observe","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-form-help-text.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult, nothing, PropertyValues} from 'lit';\nimport { customElement, query, property, state } from 'lit/decorators.js';\nimport {styles} from './nile-form-help-text.css';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-help-text\n *\n */\n@customElement('nile-form-help-text')\nexport class NileFormHelpText extends LitElement {\n  /**\n   * The styles for FormHelpText\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true  }) isExpanded: boolean = false;\n\n  @state() showButton: boolean = false;\n\n  @query('.help__text__full') textContainer:HTMLSpanElement;\n\n  private resizeObserver:ResizeObserver;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.resizeObserver=this.observeWidthChange(this.textContainer);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n    return html`\n    <div \n      class=\"${classMap({\n        'nile-form-help-text':true,\n        \"nile-form-help-text--expanded\":this.isExpanded\n        })}\" \n      part=\"container\"\n    >\n      <span\n        class=\"${classMap({\n          \"help__text__full\":true,\n          \"help__text__full--expanded\":this.isExpanded\n          })}\"\n        >\n        <slot @slotchange=\"${this.decideToToggleShowButton}\"></slot>\n      </span>\n      ${this.showButton?html`\n        <span\n          class=\"nile-form-help-text__more-button\"\n          part=\"toggle-button\"\n          @click=${this.toggleExpanded}\n        >${this.isExpanded ? 'View Less' : 'View More'}\n          <nile-icon color=\"#005EA6\" part=\"icon\" size=\"14\" name=\"${iconName}\"></nile-icon>\n        </span>\n      `:nothing}\n    </div>\n  `;\n  }\n\n  toggleExpanded() {\n    this.isExpanded = !this.isExpanded;\n  }\n  \n  decideToToggleShowButton(){\n    if(!this.textContainer) return;\n    this.showButton=this.textContainer.clientWidth<this.textContainer.scrollWidth\n  }\n\n  /**\n   * Logs whenever the width of an element changes.\n   * @param {HTMLElement} element - The element to observe for width changes.\n   */\n  observeWidthChange(element:HTMLElement) {\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (let entry of entries) {\n        const newWidth = entry.contentRect.width;\n        if (newWidth) this.decideToToggleShowButton();\n      }\n    });\n\n    resizeObserver.observe(element);\n\n    return resizeObserver; // Return observer to allow disconnection if needed\n  }\n}\n\nexport default NileFormHelpText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-help-text': NileFormHelpText;\n  }\n}"],"names":["NileFormHelpText","p","constructor","this","isExpanded","showButton","_this","_inherits","_e","_createClass","key","value","firstUpdated","_changedProperties","resizeObserver","observeWidthChange","textContainer","disconnectedCallback","disconnect","render","iconName","html","_templateObject","_taggedTemplateLiteral","classMap","help__text__full","decideToToggleShowButton","_templateObject2","toggleExpanded","nothing","clientWidth","scrollWidth","element","ResizeObserver","entries","_step","_iterator","s","n","done","entry","contentRect","width","err","e","f","observe","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"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"}

package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color, var(--ng-colors-text-tertiary-600));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-form-help-text-font-size, var(--ng-font-size-text-sm));\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height, var(--ng-line-height-text-sm));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    letter-spacing: 0.2px;\n    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    margin-right: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: var(--nile-spacing-xs,var(--ng-spacing-xs));\n    color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-brand-500));\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n\n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height);\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n  \n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-help-text.css.cjs.js.map

package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.css.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color, var(--ng-colors-text-tertiary-600));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-form-help-text-font-size, var(--ng-font-size-text-sm));\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height, var(--ng-line-height-text-sm));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    letter-spacing: 0.2px;\n    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    margin-right: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: var(--nile-spacing-xs,var(--ng-spacing-xs));\n    color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-brand-500));\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n\n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-form-help-text.css.cjs.js","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height);\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n  \n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}