@aquera/nile-elements 1.9.4 → 1.9.6

package/dist/nile-dot-stepper/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-dot-stepper/index.esm.js

@@ -0,0 +1 @@
+export{N as NileDotStepper}from"./nile-dot-stepper.esm.js";import"tslib";import"lit";import"./nile-dot-stepper.css.esm.js";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../internal/accessibility/a11y.role.enum.esm.js";

package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js

@@ -0,0 +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","./nile-dot-stepper.css.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/a11y.role.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js"],function(_export,_context){"use strict";var t,s,e,i,r,a,o,l,n,c,h,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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(_nileDotStepperCssCjsJs){e=_nileDotStepperCssCjsJs.s;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;a=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;l=_internalNileElementCjsJs.s;},function(_internalAccessibilityA11yPropertyEnumCjsJs){n=_internalAccessibilityA11yPropertyEnumCjsJs.A;},function(_internalAccessibilityA11yRoleEnumCjsJs){c=_internalAccessibilityA11yRoleEnumCjsJs.A;},function(_internalAccessibilityRoleEnumCjsJs){h=_internalAccessibilityRoleEnumCjsJs.R;},function(_internalAccessibilityA11yStateEnumCjsJs){}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_o){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.total=0,_this.current=1,_this.size="md",_this.disabled=!1;return _this;}_inherits(d,_o);return _createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(d,"connectedCallback",this,3)([]),l(this,_defineProperty(_defineProperty({},h.Role,c.Tablist),n.AriaLabel,"Progress"));}},{key:"clamp",value:function clamp(t){return this.total<1?1:Math.min(Math.max(t,1),this.total);}},{key:"selectStep",value:function selectStep(t){if(this.disabled)return;var s=this.clamp(t);this.current=s,this.emit("nile-step-change",{value:s});}},{key:"handleDotClick",value:function handleDotClick(t){this.selectStep(t);}},{key:"focusDot",value:function focusDot(t){var _this$shadowRoot;var s=(_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("[part=\"dot\"][data-index=\"".concat(t,"\"]"));s===null||s===void 0||s.focus();}},{key:"handleKeyDown",value:function handleKeyDown(t){if(this.disabled||this.total<1)return;var s=this.clamp(this.current);var e=null;switch(t.key){case"ArrowRight":e=this.clamp(s+1);break;case"ArrowLeft":e=this.clamp(s-1);break;case"Home":e=1;break;case"End":e=this.total;break;default:return;}t.preventDefault(),null!==e&&(this.selectStep(e),this.focusDot(e));}},{key:"render",value:function render(){var _this2=this;var t=this.clamp(this.current);return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"base\"\n        class=\"dots\"\n        role=\"tablist\"\n        aria-label=\"Progress\"\n        @keydown=","\n      >\n        ","\n      </div>\n    "])),this.handleKeyDown,Array.from({length:this.total}).map(function(e,r){var a=r+1,o=a===t;return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <button\n              part=\"dot\"\n              role=\"tab\"\n              type=\"button\"\n              data-index=","\n              class=","\n              aria-selected=","\n              aria-label=\"Step "," of ","\"\n              tabindex=","\n              ?disabled=","\n              @click=","\n            ></button>\n          "])),a,i({dot:!0,"dot--active":o,"dot--sm":"sm"===_this2.size,"dot--md":"md"===_this2.size,"dot--lg":"lg"===_this2.size}),o?"true":"false",a,_this2.total,o?0:-1,_this2.disabled,function(){return _this2.handleDotClick(a);});}));}}]);}(o));d.styles=e,t([r({type:Number,reflect:!0})],d.prototype,"total",void 0),t([r({type:Number,reflect:!0})],d.prototype,"current",void 0),t([r({reflect:!0})],d.prototype,"size",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),_export("N",d=t([a("nile-dot-stepper")],d));}};});
+//# sourceMappingURL=nile-dot-stepper.cjs.js.map

package/dist/nile-dot-stepper/nile-dot-stepper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-dot-stepper.cjs.js","sources":["../../../src/nile-dot-stepper/nile-dot-stepper.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 { html } from 'lit';\nimport { styles } from './nile-dot-stepper.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement, { setupA11yMetadata } from '../internal/nile-element';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\nimport { A11yProperty } from '../internal/accessibility/a11y.property.enum';\nimport { A11yRole } from '../internal/accessibility/a11y.role.enum';\nimport { Role } from '../internal/accessibility/role.enum';\n\n/**\n * Nile dot stepper component.\n *\n * @tag nile-dot-stepper\n *\n */\n\n/**\n * @summary Dot steppers display a horizontal row of small dots indicating progress or position, with one active dot and the rest inactive.\n * @status stable\n *\n * @event nile-step-change - Emitted when a dot is selected via click or keyboard. The `detail` contains the 1-based `value` of the selected dot.\n *\n * @csspart base - The component's base wrapper (the dots container).\n * @csspart dot - An individual dot button.\n */\n\n@customElement('nile-dot-stepper')\nexport class NileDotStepper extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    setupA11yMetadata(this, {\n      [Role.Role]: A11yRole.Tablist,\n      [A11yProperty.AriaLabel]: 'Progress',\n    });\n  }\n\n  /** The total number of dots. */\n  @property({ type: Number, reflect: true }) total = 0;\n\n  /** The 1-based index of the active dot. */\n  @property({ type: Number, reflect: true }) current = 1;\n\n  /** The size of each dot. */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Disables click and keyboard interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Clamps the active value to the valid `[1, total]` range. */\n  private clamp(value: number): number {\n    if (this.total < 1) return 1;\n    return Math.min(Math.max(value, 1), this.total);\n  }\n\n  private selectStep(value: number): void {\n    if (this.disabled) return;\n    const next = this.clamp(value);\n    this.current = next;\n    this.emit('nile-step-change', { value: next });\n  }\n\n  private handleDotClick(value: number): void {\n    this.selectStep(value);\n  }\n\n  private focusDot(value: number): void {\n    const dot = this.shadowRoot?.querySelector<HTMLButtonElement>(\n      `[part=\"dot\"][data-index=\"${value}\"]`\n    );\n    dot?.focus();\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    if (this.disabled || this.total < 1) return;\n\n    const active = this.clamp(this.current);\n    let next: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowRight':\n        next = this.clamp(active + 1);\n        break;\n      case 'ArrowLeft':\n        next = this.clamp(active - 1);\n        break;\n      case 'Home':\n        next = 1;\n        break;\n      case 'End':\n        next = this.total;\n        break;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    if (next !== null) {\n      this.selectStep(next);\n      this.focusDot(next);\n    }\n  }\n\n  render(): TemplateResult {\n    const active = this.clamp(this.current);\n\n    return html`\n      <div\n        part=\"base\"\n        class=\"dots\"\n        role=\"tablist\"\n        aria-label=\"Progress\"\n        @keydown=${this.handleKeyDown}\n      >\n        ${Array.from({ length: this.total }).map((_, index) => {\n          const value = index + 1;\n          const isActive = value === active;\n          return html`\n            <button\n              part=\"dot\"\n              role=\"tab\"\n              type=\"button\"\n              data-index=${value}\n              class=${classMap({\n                dot: true,\n                'dot--active': isActive,\n                'dot--sm': this.size === 'sm',\n                'dot--md': this.size === 'md',\n                'dot--lg': this.size === 'lg',\n              })}\n              aria-selected=${isActive ? 'true' : 'false'}\n              aria-label=\"Step ${value} of ${this.total}\"\n              tabindex=${isActive ? 0 : -1}\n              ?disabled=${this.disabled}\n              @click=${() => this.handleDotClick(value)}\n            ></button>\n          `;\n        })}\n      </div>\n    `;\n  }\n}\n\nexport default NileDotStepper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dot-stepper': NileDotStepper;\n  }\n}\n"],"names":["NileDotStepper","d","this","total","current","size","disabled","_this","_inherits","_o","_createClass","key","value","connectedCallback","super","setupA11yMetadata","Role","A11yRole","Tablist","A11yProperty","AriaLabel","clamp","Math","min","max","selectStep","next","emit","handleDotClick","focusDot","dot","shadowRoot","querySelector","focus","handleKeyDown","event","active","preventDefault","render","html","_templateObject","_taggedTemplateLiteral","Array","from","length","map","_","index","isActive","_templateObject2","classMap","NileElement","styles","__decorate","property","type","Number","reflect","prototype","Boolean","customElement"],"mappings":"2+IAmCaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEAYsCC,KAAAA,CAAKC,KAAG,CAAA,CAAA,CAGRD,KAAAA,CAAOE,OAAG,CAAA,CAAA,CAGxBF,KAAAA,CAAIG,IAAuB,CAAA,IAAA,CAGZH,KAAAA,CAAQI,QAAG,CAAA,CAAA,CA8FxD,QAAAC,KAAA,EAhHCC,SAAA,CAAAP,CAAA,CAAAQ,EAAA,SAAAC,YAAA,CAAAT,CAAA,GAAAU,GAAA,qBAAAC,KAAA,UAAAC,iBAAAA,CAAAA,CAAAA,CACEC,aAAAA,CAAAA,CAAAA,iCACAC,CAAAA,CAAkBb,wCACfc,EAAKA,IAAOC,CAAAA,CAAAA,CAASC,SACrBC,CAAAA,CAAaC,UAAY,UAE7B,CAAA,CAAA,EAeO,GAAAT,GAAA,SAAAC,KAAA,UAAAS,KAAAA,CAAMT,CAAAA,CAAAA,CACZ,MAAIV,KAAKC,CAAAA,KAAAA,CAAQ,EAAU,CACpBmB,CAAAA,IAAAA,CAAKC,IAAID,IAAKE,CAAAA,GAAAA,CAAIZ,EAAO,CAAIV,CAAAA,CAAAA,IAAAA,CAAKC,MAC1C,EAEO,GAAAQ,GAAA,cAAAC,KAAA,UAAAa,UAAAA,CAAWb,CACjB,CAAA,CAAA,GAAIV,KAAKI,QAAU,CAAA,OACnB,GAAMoB,CAAAA,CAAOxB,CAAAA,IAAAA,CAAKmB,MAAMT,CACxBV,CAAAA,CAAAA,IAAAA,CAAKE,QAAUsB,CACfxB,CAAAA,IAAAA,CAAKyB,KAAK,kBAAoB,CAAA,CAAEf,MAAOc,CACxC,CAAA,CAAA,EAEO,GAAAf,GAAA,kBAAAC,KAAA,UAAAgB,cAAAA,CAAehB,CAAAA,CAAAA,CACrBV,KAAKuB,UAAWb,CAAAA,CAAAA,CACjB,EAEO,GAAAD,GAAA,YAAAC,KAAA,UAAAiB,QAAAA,CAASjB,wBACf,GAAMkB,CAAAA,CAAAA,EAAAA,gBAAAA,CAAM5B,KAAK6B,UAAYC,UAAAA,gBAAAA,iBAAjB9B,gBAAAA,CAAiB8B,aAAAA,gCAAAA,MAAAA,CACCpB,CAE9BkB,OAAAA,CAAAA,CAAAA,CAAAA,SAAAA,CAAAA,WAAAA,CAAAA,CAAKG,OACN,EAEO,GAAAtB,GAAA,iBAAAC,KAAA,UAAAsB,aAAAA,CAAcC,CACpB,CAAA,CAAA,GAAIjC,KAAKI,QAAYJ,EAAAA,IAAAA,CAAKC,MAAQ,CAAG,CAAA,OAErC,GAAMiC,CAAAA,CAASlC,CAAAA,IAAAA,CAAKmB,MAAMnB,IAAKE,CAAAA,OAAAA,CAAAA,CAC/B,GAAIsB,CAAAA,CAAsB,CAAA,IAAA,CAE1B,OAAQS,CAAMxB,CAAAA,GAAAA,EACZ,IAAK,YACHe,CAAAA,CAAAA,CAAOxB,KAAKmB,KAAMe,CAAAA,CAAAA,CAAS,GAC3B,MACF,IAAK,YACHV,CAAOxB,CAAAA,IAAAA,CAAKmB,MAAMe,CAAS,CAAA,CAAA,CAAA,CAC3B,MACF,IAAK,MAAA,CACHV,EAAO,CACP,CAAA,MACF,IAAK,KACHA,CAAAA,CAAAA,CAAOxB,KAAKC,KACZ,CAAA,MACF,QACE,OAGJgC,CAAAA,CAAAA,CAAME,iBACO,IAATX,GAAAA,CAAAA,GACFxB,KAAKuB,UAAWC,CAAAA,CAAAA,CAAAA,CAChBxB,KAAK2B,QAASH,CAAAA,CAAAA,CAAAA,CAEjB,EAED,GAAAf,GAAA,UAAAC,KAAA,UAAA0B,MAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACE,GAAMF,CAAAA,CAASlC,CAAAA,IAAAA,CAAKmB,MAAMnB,IAAKE,CAAAA,OAAAA,CAAAA,CAE/B,MAAOmC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8LAMIvC,IAAKgC,CAAAA,aAAAA,CAEdQ,KAAAA,CAAMC,KAAK,CAAEC,MAAAA,CAAQ1C,IAAKC,CAAAA,KAAAA,CAAAA,CAAAA,CAAS0C,IAAI,SAACC,CAAAA,CAAGC,CAC3C,CAAA,CAAA,GAAMnC,CAAAA,EAAQmC,CAAQ,CAAA,CAAA,CAChBC,EAAWpC,CAAUwB,GAAAA,CAAAA,CAC3B,MAAOG,CAAAA,CAAI,CAAAU,gBAAA,GAAAA,gBAAA,CAAAR,sBAAA,iXAKM7B,CAAAA,CACLsC,CAAAA,CAAS,CACfpB,GAAAA,CAAAA,CAAK,CACL,CAAA,aAAA,CAAekB,EACf,SAAyB,CAAA,IAAA,GAAd9C,MAAKG,CAAAA,IAAAA,CAChB,UAAyB,IAAdH,GAAAA,MAAAA,CAAKG,IAChB,CAAA,SAAA,CAAyB,OAAdH,MAAKG,CAAAA,IAAAA,CAAAA,CAAAA,CAEF2C,CAAAA,CAAW,MAAS,CAAA,OAAA,CACjBpC,CAAAA,CAAYV,MAAKC,CAAAA,KAAAA,CACzB6C,CAAAA,CAAW,CAAK,CAAA,CAAA,CAAA,CACf9C,MAAKI,CAAAA,QAAAA,CACR,iBAAMJ,CAAAA,OAAK0B,cAAehB,CAAAA,CAAAA,CAAAA,IAEtC,CAAA,CAAA,EAIR,CAjHMZ,MAD2BmD,CAA7B,GACEnD,CAAAA,CAAMoD,MAAmBA,CAAAA,CAAAA,CAWWC,CAAA,CAAA,CAA1CC,EAAS,CAAEC,IAAAA,CAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAkBzD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0D,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGVL,CAAA,CAAA,CAA1CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,MAAAA,CAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoBzD,CAAA0D,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAG1BL,EAAA,CAA5BC,CAAAA,CAAS,CAAEG,OAAAA,CAAAA,CAAS,CAAwCzD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0D,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGjBL,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,KAAMI,OAASF,CAAAA,OAAAA,CAAAA,CAAS,CAAyBzD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA0D,SAAA,CAAA,UAAA,CAAA,IAAA,EArBlD1D,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAcqD,CAAA,CAAA,CAD1BO,CAAc,CAAA,kBAAA,CAAA,CAAA,CACF5D"}

package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,a;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",a=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .dots {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    align-items: center;\n  }\n\n  .dot {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border: none;\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    border-radius: 50%;\n    width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    transition: background-color 0.2s ease-out, transform 0.2s ease-out;\n  }\n\n  .dot--active {\n    background: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-text-brand-secondary-700)\n    );\n  }\n\n  /* Sizes */\n  .dot--sm {\n    width: var(--nile-spacing-4px, var(--ng-spacing-1));\n    height: var(--nile-spacing-4px, var(--ng-spacing-1));\n  }\n\n  .dot--md {\n    width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n  }\n\n  .dot--lg {\n    width: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n    height: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n  }\n\n  .dots:has(.dot--sm) {\n    gap: var(--nile-spacing-6px, var(--ng-spacing-1-5));\n  }\n\n  .dots:has(.dot--lg) {\n    gap: var(--nile-spacing-2-x, var(--ng-spacing-3));\n  }\n\n  .dot:focus-visible {\n    outline: var(--nile-spacing-2px, var(--ng-spacing-0-5)) solid\n      var(--nile-colors-stroke-strong-950, var(--ng-colors-border-secondary));\n    outline-offset: var(--nile-spacing-2px, var(--ng-spacing-0-5));\n  }\n\n  :host([disabled]) .dot,\n  .dot:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n"]))));}};});
+//# sourceMappingURL=nile-dot-stepper.css.cjs.js.map

package/dist/nile-dot-stepper/nile-dot-stepper.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-dot-stepper.css.cjs.js","sources":["../../../src/nile-dot-stepper/nile-dot-stepper.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 * Dot Stepper CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .dots {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    align-items: center;\n  }\n\n  .dot {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border: none;\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    border-radius: 50%;\n    width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    transition: background-color 0.2s ease-out, transform 0.2s ease-out;\n  }\n\n  .dot--active {\n    background: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-text-brand-secondary-700)\n    );\n  }\n\n  /* Sizes */\n  .dot--sm {\n    width: var(--nile-spacing-4px, var(--ng-spacing-1));\n    height: var(--nile-spacing-4px, var(--ng-spacing-1));\n  }\n\n  .dot--md {\n    width: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n    height: var(--nile-spacing-10px, var(--ng-spacing-2-5));\n  }\n\n  .dot--lg {\n    width: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n    height: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n  }\n\n  .dots:has(.dot--sm) {\n    gap: var(--nile-spacing-6px, var(--ng-spacing-1-5));\n  }\n\n  .dots:has(.dot--lg) {\n    gap: var(--nile-spacing-2-x, var(--ng-spacing-3));\n  }\n\n  .dot:focus-visible {\n    outline: var(--nile-spacing-2px, var(--ng-spacing-0-5)) solid\n      var(--nile-colors-stroke-strong-950, var(--ng-colors-border-secondary));\n    outline-offset: var(--nile-spacing-2px, var(--ng-spacing-0-5));\n  }\n\n  :host([disabled]) .dot,\n  .dot:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\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-dot-stepper/nile-dot-stepper.css.esm.js

@@ -0,0 +1,77 @@
+import{css as n}from"lit";const a=n`
+  :host {
+    display: inline-block;
+    -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));
+  }
+
+  .dots {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--nile-spacing-10px, var(--ng-spacing-2-5));
+    align-items: center;
+  }
+
+  .dot {
+    background: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+    border: none;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    cursor: pointer;
+    border-radius: 50%;
+    width: var(--nile-spacing-10px, var(--ng-spacing-2-5));
+    height: var(--nile-spacing-10px, var(--ng-spacing-2-5));
+    transition: background-color 0.2s ease-out, transform 0.2s ease-out;
+  }
+
+  .dot--active {
+    background: var(
+      --nile-colors-primary-600,
+      var(--ng-colors-text-brand-secondary-700)
+    );
+  }
+
+  /* Sizes */
+  .dot--sm {
+    width: var(--nile-spacing-4px, var(--ng-spacing-1));
+    height: var(--nile-spacing-4px, var(--ng-spacing-1));
+  }
+
+  .dot--md {
+    width: var(--nile-spacing-10px, var(--ng-spacing-2-5));
+    height: var(--nile-spacing-10px, var(--ng-spacing-2-5));
+  }
+
+  .dot--lg {
+    width: var(--nile-spacing-14px, var(--ng-spacing-3-5));
+    height: var(--nile-spacing-14px, var(--ng-spacing-3-5));
+  }
+
+  .dots:has(.dot--sm) {
+    gap: var(--nile-spacing-6px, var(--ng-spacing-1-5));
+  }
+
+  .dots:has(.dot--lg) {
+    gap: var(--nile-spacing-2-x, var(--ng-spacing-3));
+  }
+
+  .dot:focus-visible {
+    outline: var(--nile-spacing-2px, var(--ng-spacing-0-5)) solid
+      var(--nile-colors-stroke-strong-950, var(--ng-colors-border-secondary));
+    outline-offset: var(--nile-spacing-2px, var(--ng-spacing-0-5));
+  }
+
+  :host([disabled]) .dot,
+  .dot:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+`;export{a as s};

package/dist/nile-dot-stepper/nile-dot-stepper.esm.js

@@ -0,0 +1,24 @@
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{s}from"./nile-dot-stepper.css.esm.js";import{classMap as i}from"lit/directives/class-map.js";import{property as r,customElement as a}from"lit/decorators.js";import{N as o,s as l}from"../internal/nile-element.esm.js";import{A as n}from"../internal/accessibility/a11y.property.enum.esm.js";import{A as c}from"../internal/accessibility/a11y.role.enum.esm.js";import{R as h}from"../internal/accessibility/role.enum.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";let m=class extends o{constructor(){super(...arguments),this.total=0,this.current=1,this.size="md",this.disabled=!1}connectedCallback(){super.connectedCallback(),l(this,{[h.Role]:c.Tablist,[n.AriaLabel]:"Progress"})}clamp(t){return this.total<1?1:Math.min(Math.max(t,1),this.total)}selectStep(t){if(this.disabled)return;const e=this.clamp(t);this.current=e,this.emit("nile-step-change",{value:e})}handleDotClick(t){this.selectStep(t)}focusDot(t){const e=this.shadowRoot?.querySelector(`[part="dot"][data-index="${t}"]`);e?.focus()}handleKeyDown(t){if(this.disabled||this.total<1)return;const e=this.clamp(this.current);let s=null;switch(t.key){case"ArrowRight":s=this.clamp(e+1);break;case"ArrowLeft":s=this.clamp(e-1);break;case"Home":s=1;break;case"End":s=this.total;break;default:return}t.preventDefault(),null!==s&&(this.selectStep(s),this.focusDot(s))}render(){const t=this.clamp(this.current);return e`
+      <div
+        part="base"
+        class="dots"
+        role="tablist"
+        aria-label="Progress"
+        @keydown=${this.handleKeyDown}
+      >
+        ${Array.from({length:this.total}).map(((s,r)=>{const a=r+1,o=a===t;return e`
+            <button
+              part="dot"
+              role="tab"
+              type="button"
+              data-index=${a}
+              class=${i({dot:!0,"dot--active":o,"dot--sm":"sm"===this.size,"dot--md":"md"===this.size,"dot--lg":"lg"===this.size})}
+              aria-selected=${o?"true":"false"}
+              aria-label="Step ${a} of ${this.total}"
+              tabindex=${o?0:-1}
+              ?disabled=${this.disabled}
+              @click=${()=>this.handleDotClick(a)}
+            ></button>
+          `}))}
+      </div>
+    `}};m.styles=s,t([r({type:Number,reflect:!0})],m.prototype,"total",void 0),t([r({type:Number,reflect:!0})],m.prototype,"current",void 0),t([r({reflect:!0})],m.prototype,"size",void 0),t([r({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),m=t([a("nile-dot-stepper")],m);export{m as N};

package/dist/nile-hero/nile-hero.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-hero.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var e,i,t,s,r,o,n,_templateObject,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){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){r=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_o){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.icon="var(--nile-icon-action, var(--ng-icon-action))",_this.collapse=!1,_this.imgSrc="",_this.heroText="";return _this;}_inherits(a,_o);return _createClass(a,[{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div part=\"nile__hero__container\" class=",">\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:","\" hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:","\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:","\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),n({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse}),this.collapse?1:0,this.heroText,this.icon,this.collapse?0:1,this.icon,this.collapse?0:1,this.imgSrc);}}],[{key:"styles",get:function get(){return[r];}}]);}(o));e([t({reflect:!0})],a.prototype,"icon",void 0),e([t({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([t({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([t({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),_export("N",a=e([s("nile-hero")],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-hero.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var e,i,t,s,r,o,n,_templateObject,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){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileHeroCssCjsJs){r=_nileHeroCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_o){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.icon="var(--nile-icon-action, var(--ng-icon-action))",_this.collapse=!1,_this.imgSrc="",_this.heroText="";return _this;}_inherits(a,_o);return _createClass(a,[{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t<div part=\"nile__hero__container\" class=",">\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:","\" hero-text=\"","\" icon=\"","\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:","\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-fill))\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:","\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"","\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t"])),n({hero__container:!0,"hero__container--collapsed":this.collapse,"hero__container--expanded":!this.collapse}),this.collapse?1:0,this.heroText,this.icon,this.collapse?0:1,this.icon,this.collapse?0:1,this.imgSrc);}}],[{key:"styles",get:function get(){return[r];}}]);}(o));e([t({reflect:!0})],a.prototype,"icon",void 0),e([t({reflect:!0,type:Boolean})],a.prototype,"collapse",void 0),e([t({reflect:!0,attribute:"img-src"})],a.prototype,"imgSrc",void 0),e([t({reflect:!0,attribute:"hero-text"})],a.prototype,"heroText",void 0),_export("N",a=e([s("nile-hero")],a));}};});
 //# sourceMappingURL=nile-hero.cjs.js.map

package/dist/nile-hero/nile-hero.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile hero component.\n *\n * @tag nile-hero\n *\n */\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@property({ reflect: true }) icon: string = 'var(--nile-icon-action, var(--ng-icon-action))';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = '';\n\n\t/**\n\t * The styles for nile-hero\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\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\t\t<div part=\"nile__hero__container\" class=${classMap({\n\t\t\t\"hero__container\":true,\n\t\t\t\"hero__container--collapsed\":this.collapse,\n\t\t\t\"hero__container--expanded\":!this.collapse\n\t\t})}>\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:${this.collapse?1:0}\" hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:${this.collapse?0:1}\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:${this.collapse?0:1}\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero': NileHero;\n  }\n}"],"names":["NileHero","a","this","icon","collapse","imgSrc","heroText","_this","_inherits","_o","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","hero__container","__decorate","get","styles","NileElement","property","reflect","prototype","type","Boolean","attribute","_export","customElement"],"mappings":"ihHAqBaA,4BAAN,SAAAC,EAAA,uEACuBC,KAAAA,CAAIC,IAAAA,CAAW,iDACAD,KAAAA,CAAQE,QAAAA,CAAAA,CAAY,EAEbF,KAAAA,CAAMG,MAAAA,CAAW,GACfH,KAAAA,CAAQI,QAAAA,CAAW,EAyCxE,QAAAC,KAAA,EAnCOC,SAAA,CAAAP,CAAA,CAAAQ,EAAA,SAAAC,YAAA,CAAAT,CAAA,GAAAU,GAAA,UAAAC,KAAA,CAWA,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,guBAC+BC,CAAAA,CAAS,CAClDC,eAAkB,CAAA,CAAA,CAAA,CAClB,6BAA6BhB,IAAKE,CAAAA,QAAAA,CAClC,6BAA6BF,IAAKE,CAAAA,QAAAA,CAAAA,CAAAA,CAE2DF,IAAAA,CAAKE,QAAS,CAAA,CAAA,CAAE,CAAiBF,CAAAA,IAAAA,CAAKI,SAAmBJ,IAAKC,CAAAA,IAAAA,CACvGD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CAG+BF,IAAKC,CAAAA,IAAAA,CAKpDD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CACvDF,IAAKG,CAAAA,MAAAA,EAInB,CA1C4Bc,KAAAA,GAAAA,UAAAA,GAAAA,CAUtB,SAAAC,IAAA,EACN,MAAO,CAACC,EACR,EASM,MAtBsBC,CAAAA,GACAH,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,SAAS,CAAwExB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyB,SAAA,CAAA,MAAA,CAAA,IAAA,EACjDN,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAME,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqC3B,EAAAyB,SAAA,CAAA,UAAA,CAAA,IAAA,EAEnBN,CAAAA,CAAAA,CAAAA,CAAA,CAAlDI,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMI,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAiC5B,CAAAyB,CAAAA,SAAAA,CAAA,aAAA,EAClBN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,EAAMI,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAAqC5B,CAAAyB,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KAL/D7B,EAAQmB,CAAA,CAAA,CADpBW,CAAc,CAAA,WAAA,CAAA,CAAA,CACF9B"}
+{"version":3,"file":"nile-hero.cjs.js","sources":["../../../src/nile-hero/nile-hero.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} from 'lit';\nimport { customElement, query, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-hero.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile hero component.\n *\n * @tag nile-hero\n *\n */\n@customElement('nile-hero')\nexport class NileHero extends NileElement {\n\t@property({ reflect: true }) icon: string = 'var(--nile-icon-action, var(--ng-icon-action))';\n\t@property({ reflect: true, type: Boolean }) collapse: boolean = false;\n\n\t@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = '';\n\n\t/**\n\t * The styles for nile-hero\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\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\t\t<div part=\"nile__hero__container\" class=${classMap({\n\t\t\t\"hero__container\":true,\n\t\t\t\"hero__container--collapsed\":this.collapse,\n\t\t\t\"hero__container--expanded\":!this.collapse\n\t\t})}>\n\t\t\t<nile-hero-header part=\"nile__hero__header\" class='hero__header--collapsed' style=\"opacity:${this.collapse?1:0}\" hero-text=\"${this.heroText}\" icon=\"${this.icon}\"></nile-hero-header>\n\t\t\t<div class=\"hero__slot__container\" style=\"opacity:${this.collapse?0:1}\">\n\t\t\t <div class=\"hero__slot\">\n\t\t\t \t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon size=\"16\" method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-fill))\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<slot></slot>\n\t\t\t </div>\n\t\t\t</div>\n\t\t\t<div class=\"hero__img__container\"  style=\"opacity:${this.collapse?0:1}\" id=\"hero__img__container\">\n\t\t\t\t<img src=\"${this.imgSrc}\" class=\"hero__img\">\n\t\t\t</div>\n\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHero;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero': NileHero;\n  }\n}"],"names":["NileHero","a","this","icon","collapse","imgSrc","heroText","_this","_inherits","_o","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","hero__container","__decorate","get","styles","NileElement","property","reflect","prototype","type","Boolean","attribute","_export","customElement"],"mappings":"ihHAqBaA,4BAAN,SAAAC,EAAA,uEACuBC,KAAAA,CAAIC,IAAAA,CAAW,iDACAD,KAAAA,CAAQE,QAAAA,CAAAA,CAAY,EAEbF,KAAAA,CAAMG,MAAAA,CAAW,GACfH,KAAAA,CAAQI,QAAAA,CAAW,EAyCxE,QAAAC,KAAA,EAnCOC,SAAA,CAAAP,CAAA,CAAAQ,EAAA,SAAAC,YAAA,CAAAT,CAAA,GAAAU,GAAA,UAAAC,KAAA,CAWA,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8tBAC+BC,CAAAA,CAAS,CAClDC,eAAkB,CAAA,CAAA,CAAA,CAClB,6BAA6BhB,IAAKE,CAAAA,QAAAA,CAClC,6BAA6BF,IAAKE,CAAAA,QAAAA,CAAAA,CAAAA,CAE2DF,IAAAA,CAAKE,QAAS,CAAA,CAAA,CAAE,CAAiBF,CAAAA,IAAAA,CAAKI,SAAmBJ,IAAKC,CAAAA,IAAAA,CACvGD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CAG6BF,IAAKC,CAAAA,IAAAA,CAKlDD,IAAAA,CAAKE,SAAS,CAAE,CAAA,CAAA,CACvDF,IAAKG,CAAAA,MAAAA,EAInB,CA1C4Bc,KAAAA,GAAAA,UAAAA,GAAAA,CAUtB,SAAAC,IAAA,EACN,MAAO,CAACC,EACR,EASM,MAtBsBC,CAAAA,GACAH,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,SAAS,CAAwExB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyB,SAAA,CAAA,MAAA,CAAA,IAAA,EACjDN,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAME,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAqC3B,EAAAyB,SAAA,CAAA,UAAA,CAAA,IAAA,EAEnBN,CAAAA,CAAAA,CAAAA,CAAA,CAAlDI,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAMI,SAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAiC5B,CAAAyB,CAAAA,SAAAA,CAAA,aAAA,EAClBN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,EAAMI,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAAqC5B,CAAAyB,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAAAI,OAAA,KAL/D7B,EAAQmB,CAAA,CAAA,CADpBW,CAAc,CAAA,WAAA,CAAA,CAAA,CACF9B"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,o;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",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\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\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background);\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height);\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl);\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height);\n\t\tpadding-left: var(--nile-spacing-5xl);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_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){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\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\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%,  var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tpadding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\twidth:auto;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-hero.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 * Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\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\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background);\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height);\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl);\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height);\n\t\tpadding-left: var(--nile-spacing-5xl);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\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-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 * Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\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\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%,  var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tpadding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\twidth:auto;\n\t}\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-hero/nile-hero.css.esm.js

@@ -1,4 +1,4 @@
-import{css as i}from"lit";const o=i`
+import{css as o}from"lit";const r=o`
 
 	:host {
 		display:block;
@@ -25,12 +25,12 @@ import{css as i}from"lit";const o=i`
 
 	.hero__container--collapsed{
 		height: 67px;
-		background-color: var(--nile-hero-collapsed-background);
+		background-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));
 	}
 
 	.hero__container--expanded{
-		height:var(--nile-hero-height);
-		background:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);
+		height:var(--nile-hero-height, var(--ng-height-200px));
+		background:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%,  var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);
 	}
 
 	.icon__container {
@@ -38,17 +38,17 @@ import{css as i}from"lit";const o=i`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
-		border: 1px solid var(--nile-colors-neutral-400);
-		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
+		border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));
+		border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);
 	}
 
 	.hero__slot__container {
-		height:var(--nile-hero-height);
-		padding-left: var(--nile-spacing-5xl);
+		height:var(--nile-hero-height, var(--ng-height-200px));
+		padding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));
 		display: flex;
 		align-items: center;
-		gap:var(--nile-spacing-spacing-xl);
+		gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));
 		position: absolute;
 		left: 0;
 		bottom:0;
@@ -57,11 +57,11 @@ import{css as i}from"lit";const o=i`
 
 	.hero__slot {
 		display: flex;
-		gap:var(--nile-spacing-spacing-xl);
+		gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));
 	}
 
 	.hero__img__container {
-		height:var(--nile-hero-height);
+		height:var(--nile-hero-height, var(--ng-height-200px));
 		overflow:hidden;
 		width:max-content;
 		position: absolute;
@@ -72,7 +72,7 @@ import{css as i}from"lit";const o=i`
 
 	.hero__img {
 		object-fit:cover;
-		height:var(--nile-hero-height);
+		height:var(--nile-hero-height, var(--ng-height-200px));
 		width:auto;
 	}
-`;export{o as s};
+`;export{r as s};

package/dist/nile-hero/nile-hero.esm.js

@@ -4,7 +4,7 @@ import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as
 			<div class="hero__slot__container" style="opacity:${this.collapse?0:1}">
 			 <div class="hero__slot">
 			 	<span class="icon__container">
-					<nile-icon size="16" method="var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))" name="${this.icon}"></nile-icon>
+					<nile-icon size="16" method="var(--nile-svg-method-stroke, var(--ng-svg-method-fill))" name="${this.icon}"></nile-icon>
 				</span>
 				<slot></slot>
 			 </div>

package/dist/nile-hero-header/nile-hero-header.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-hero-header.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var e,t,s,i,r,o,_templateObject,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){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){r=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.icon="var(--nile-icon-action, var(--ng-icon-action))",_this.heroText="Nile Hero";return _this;}_inherits(n,_o);return _createClass(n,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[r];}}]);}(o));e([s({reflect:!0})],n.prototype,"icon",void 0),e([s({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),_export("N",n=e([i("nile-hero-header")],n));}};});
+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-hero-header.css.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var e,t,i,s,r,n,_templateObject,o;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){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileHeroHeaderCssCjsJs){r=_nileHeroHeaderCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_n){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.icon="var(--nile-icon-action, var(--ng-icon-action))",_this.heroText="Nile Hero";return _this;}_inherits(o,_n);return _createClass(o,[{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-fill))\" size=\"16\" name=\"","\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">","</span>\n\t\t\t"])),this.icon,this.heroText);}}],[{key:"styles",get:function get(){return[r];}}]);}(n));e([i({reflect:!0})],o.prototype,"icon",void 0),e([i({reflect:!0,attribute:"hero-text"})],o.prototype,"heroText",void 0),_export("N",o=e([s("nile-hero-header")],o));}};});
 //# sourceMappingURL=nile-hero-header.cjs.js.map

package/dist/nile-hero-header/nile-hero-header.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-hero-header.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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-hero-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile hero-header component.\n *\n * @tag nile-hero-header\n *\n */\n@customElement('nile-hero-header')\nexport class NileHeroHeader extends NileElement {\n\t@property({ reflect: true }) icon: string = 'var(--nile-icon-action, var(--ng-icon-action))';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/**\n\t * The styles for nile-hero-header\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\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))\" size=\"16\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">${this.heroText}</span>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHeroHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero-header': NileHeroHeader;\n  }\n}"],"names":["NileHeroHeader","n","this","icon","heroText","_this","_inherits","_o","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","property","reflect","prototype","attribute","customElement"],"mappings":"27GAoBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEACuBC,KAAAA,CAAIC,IAAAA,CAAW,gDACSD,CAAAA,KAAAA,CAAQE,SAAW,WA4BxE,QAAAC,KAAA,EAtBOC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAYA,SAAAC,MAAAA,CAAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4PAEyFZ,IAAKC,CAAAA,IAAAA,CAE5ED,IAAKE,CAAAA,QAAAA,EAElC,CA1B4BW,KAAAA,GAAAA,UAAAA,GAAAA,CAOtB,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EAUM,MApB4BC,CAA7B,GACuBH,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAwEpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,MAAA,CAAA,IAAA,EACxCN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAW,WAA8CtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,UAAA,CAAA,IAAA,EAFxErB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAce,CAAA,CAAA,CAD1BQ,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFvB"}
+{"version":3,"file":"nile-hero-header.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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-hero-header.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile hero-header component.\n *\n * @tag nile-hero-header\n *\n */\n@customElement('nile-hero-header')\nexport class NileHeroHeader extends NileElement {\n\t@property({ reflect: true }) icon: string = 'var(--nile-icon-action, var(--ng-icon-action))';\n\t@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';\n\n\t/**\n\t * The styles for nile-hero-header\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\t\t\t\t<span class=\"icon__container\">\n\t\t\t\t\t<nile-icon method=\"var(--nile-svg-method-stroke, var(--ng-svg-method-fill))\" size=\"16\" name=\"${this.icon}\"></nile-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"hero__text\">${this.heroText}</span>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileHeroHeader;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-hero-header': NileHeroHeader;\n  }\n}"],"names":["NileHeroHeader","o","this","icon","heroText","_this","_inherits","_n","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","property","reflect","prototype","attribute","customElement"],"mappings":"27GAoBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEACuBC,KAAAA,CAAIC,IAAAA,CAAW,gDACSD,CAAAA,KAAAA,CAAQE,SAAW,WA4BxE,QAAAC,KAAA,EAtBOC,SAAA,CAAAL,CAAA,CAAAM,EAAA,SAAAC,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAYA,SAAAC,MAAAA,CAAAA,CAAAA,CACN,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,0PAEuFZ,IAAKC,CAAAA,IAAAA,CAE1ED,IAAKE,CAAAA,QAAAA,EAElC,CA1B4BW,KAAAA,GAAAA,UAAAA,GAAAA,CAOtB,SAAAC,IAAA,CAAWC,CACjB,MAAO,CAACA,CAAAA,CACR,EAUM,MApB4BC,CAA7B,GACuBH,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAwEpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,MAAA,CAAA,IAAA,EACxCN,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAME,CAAAA,SAAAA,CAAW,WAA8CtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqB,SAAA,CAAA,UAAA,CAAA,IAAA,EAFxErB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAce,CAAA,CAAA,CAD1BQ,CAAc,CAAA,kBAAA,CAAA,CAAA,CACFvB"}

package/dist/nile-hero-header/nile-hero-header.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;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",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:var(--nile-spacing-xl) var(--nile-spacing-5xl);\n\t\tgap: var(--nile-spacing-xl);\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t\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\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl);\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_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){r=_lit.css;}],execute:function execute(){_export("s",n=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tgap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t\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\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color, var(--ng-colors-text-primary-900));\n\t\tfont-size: var(--nile-hero-text-font-size, var(--ng-font-size-text-md));\n\t\tline-height: var(--nile-hero-text-line-height, var(--ng-line-height-text-md));\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight, var(--ng-font-weight-bold));\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-hero-header.css.cjs.js.map

package/dist/nile-hero-header/nile-hero-header.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-hero-header.css.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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 * HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:var(--nile-spacing-xl) var(--nile-spacing-5xl);\n\t\tgap: var(--nile-spacing-xl);\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t\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\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl);\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\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-hero-header.css.cjs.js","sources":["../../../src/nile-hero-header/nile-hero-header.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 * HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tgap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t\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\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color, var(--ng-colors-text-primary-900));\n\t\tfont-size: var(--nile-hero-text-font-size, var(--ng-font-size-text-md));\n\t\tline-height: var(--nile-hero-text-line-height, var(--ng-line-height-text-md));\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight, var(--ng-font-weight-bold));\n\t}\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-hero-header/nile-hero-header.css.esm.js

@@ -1,11 +1,11 @@
-import{css as e}from"lit";const o=e`
+import{css as r}from"lit";const n=r`
 	
 	:host {
 		width:100%;
 		display: flex;
 		align-items: center;
-		padding:var(--nile-spacing-xl) var(--nile-spacing-5xl);
-		gap: var(--nile-spacing-xl);
+		padding:var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-5xl, var(--ng-spacing-5xl));
+		gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
 		border-bottom: 1px solid rgb(234, 236, 240);
 		-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));
@@ -17,16 +17,16 @@ import{css as e}from"lit";const o=e`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
-		border: 1px solid var(--nile-colors-neutral-400);
-		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
+		border-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));
+		border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);
 	}
 
 	.hero__text {
-		color: var(--nile-hero-text-color);
-		font-size: var(--nile-hero-text-font-size);
-		line-height: var(--nile-hero-text-line-height);
+		color: var(--nile-hero-text-color, var(--ng-colors-text-primary-900));
+		font-size: var(--nile-hero-text-font-size, var(--ng-font-size-text-md));
+		line-height: var(--nile-hero-text-line-height, var(--ng-line-height-text-md));
 		font-style: normal;
-		font-weight: var(--nile-hero-text-font-weight);
+		font-weight: var(--nile-hero-text-font-weight, var(--ng-font-weight-bold));
 	}
-`;export{o as s};
+`;export{n as s};

package/dist/nile-hero-header/nile-hero-header.esm.js

@@ -1,6 +1,6 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-hero-header.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let n=class extends o{constructor(){super(...arguments),this.icon="var(--nile-icon-action, var(--ng-icon-action))",this.heroText="Nile Hero"}static get styles(){return[r]}render(){return t`
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as r}from"./nile-hero-header.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let o=class extends n{constructor(){super(...arguments),this.icon="var(--nile-icon-action, var(--ng-icon-action))",this.heroText="Nile Hero"}static get styles(){return[r]}render(){return t`
 				<span class="icon__container">
-					<nile-icon method="var(--nile-svg-method-stroke, var(--ng-svg-method-stroke))" size="16" name="${this.icon}"></nile-icon>
+					<nile-icon method="var(--nile-svg-method-stroke, var(--ng-svg-method-fill))" size="16" name="${this.icon}"></nile-icon>
 				</span>
 				<span class="hero__text">${this.heroText}</span>
-			`}};e([s({reflect:!0})],n.prototype,"icon",void 0),e([s({reflect:!0,attribute:"hero-text"})],n.prototype,"heroText",void 0),n=e([i("nile-hero-header")],n);export{n as N};
+			`}};e([i({reflect:!0})],o.prototype,"icon",void 0),e([i({reflect:!0,attribute:"hero-text"})],o.prototype,"heroText",void 0),o=e([s("nile-hero-header")],o);export{o as N};

package/dist/nile-rich-text-editor/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-rich-text-editor.cjs.js","tslib","lit","lit/decorators.js","./nile-rte-toolbar.cjs.js","./nile-rte-toolbar-item.cjs.js","./nile-rte-select.cjs.js","./nile-rte-color.cjs.js","./nile-rte-divider.cjs.js","./nile-rte-preview.cjs.js","./nile-rte-mentions.cjs.js","./nile-rte-link.cjs.js","./utils/block-utils.cjs.js","./utils/inline-utils.cjs.js","./utils/color-utils.cjs.js","./utils/list-utils.cjs.js","./nile-rich-text-editor.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRichTextEditorCjsJs){_export("NileRichTextEditor",_nileRichTextEditorCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileRteToolbarCjsJs){},function(_nileRteToolbarItemCjsJs){},function(_nileRteSelectCjsJs){},function(_nileRteColorCjsJs){},function(_nileRteDividerCjsJs){},function(_nileRtePreviewCjsJs){},function(_nileRteMentionsCjsJs){},function(_nileRteLinkCjsJs){},function(_utilsBlockUtilsCjsJs){},function(_utilsInlineUtilsCjsJs){},function(_utilsColorUtilsCjsJs){},function(_utilsListUtilsCjsJs){},function(_nileRichTextEditorCssCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-rich-text-editor.cjs.js","tslib","lit","lit/decorators.js","./nile-rte-toolbar.cjs.js","./nile-rte-toolbar-item.cjs.js","./nile-rte-select.cjs.js","./nile-rte-color.cjs.js","./nile-rte-divider.cjs.js","./nile-rte-preview.cjs.js","./nile-rte-mentions.cjs.js","./nile-rte-link.cjs.js","./nile-rte-image.cjs.js","./utils/block-utils.cjs.js","./utils/inline-utils.cjs.js","./utils/color-utils.cjs.js","./utils/list-utils.cjs.js","./nile-rich-text-editor.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRichTextEditorCjsJs){_export("NileRichTextEditor",_nileRichTextEditorCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileRteToolbarCjsJs){},function(_nileRteToolbarItemCjsJs){},function(_nileRteSelectCjsJs){},function(_nileRteColorCjsJs){},function(_nileRteDividerCjsJs){},function(_nileRtePreviewCjsJs){},function(_nileRteMentionsCjsJs){},function(_nileRteLinkCjsJs){},function(_nileRteImageCjsJs){},function(_utilsBlockUtilsCjsJs){},function(_utilsInlineUtilsCjsJs){},function(_utilsColorUtilsCjsJs){},function(_utilsListUtilsCjsJs){},function(_nileRichTextEditorCssCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-rich-text-editor/index.esm.js

@@ -1 +1 @@
-export{N as NileRichTextEditor}from"./nile-rich-text-editor.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-rte-toolbar.esm.js";import"./nile-rte-toolbar-item.esm.js";import"./nile-rte-select.esm.js";import"./nile-rte-color.esm.js";import"./nile-rte-divider.esm.js";import"./nile-rte-preview.esm.js";import"./nile-rte-mentions.esm.js";import"./nile-rte-link.esm.js";import"./utils/block-utils.esm.js";import"./utils/inline-utils.esm.js";import"./utils/color-utils.esm.js";import"./utils/list-utils.esm.js";import"./nile-rich-text-editor.css.esm.js";
+export{N as NileRichTextEditor}from"./nile-rich-text-editor.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-rte-toolbar.esm.js";import"./nile-rte-toolbar-item.esm.js";import"./nile-rte-select.esm.js";import"./nile-rte-color.esm.js";import"./nile-rte-divider.esm.js";import"./nile-rte-preview.esm.js";import"./nile-rte-mentions.esm.js";import"./nile-rte-link.esm.js";import"./nile-rte-image.esm.js";import"./utils/block-utils.esm.js";import"./utils/inline-utils.esm.js";import"./utils/color-utils.esm.js";import"./utils/list-utils.esm.js";import"./nile-rich-text-editor.css.esm.js";