npm - @aquera/nile-elements - Versions diffs - 0.1.17 → 0.1.19 - Mend

@aquera/nile-elements 0.1.17 → 0.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (306) hide show

package/dist/nile-code-editor/nile-code-editor.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  *{\n    box-sizing:border-box;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .code__editor__container {\n    display: flex;\n    padding: 5px;\n    border-radius: 5px;\n    border: 1px solid rgb(204, 204, 204);\n    position: relative;\n  }\n\n  .no-scroller .cm-scroller{\n    scrollbar-width: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .noborder {\n    border: none;\n  }\n\n  .cm-editor {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .\u037C1.cm-focused {\n    outline: none;\n  }\n\n  .expand__icon__container{\n    display: none;\n    position: absolute;\n    border-radius: 5px;\n    cursor: pointer;\n    right: 0px;\n    top: 5px;\n    z-index: 1;\n    padding: 5px;\n    background-color: var(--nile-colors-white-base);\n  }\n  \n  .code__editor__container:hover > .expand__icon__container{\n    display: flex;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  *{\n    box-sizing:border-box;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .code__editor__container {\n    display: flex;\n    padding: 5px;\n    border-radius: 5px;\n    border: 1px solid rgb(204, 204, 204);\n    position: relative;\n  }\n\n  .no-scroller .cm-scroller{\n    scrollbar-width: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .noborder {\n    border: none;\n  }\n\n  .cm-editor {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .\u037C1.cm-focused {\n    outline: none;\n  }\n\n  .expand__icon__container{\n    display: none;\n    position: absolute;\n    border-radius: var(--nile-radius-base-standard);\n    cursor: pointer;\n    right: 0px;\n    top: 5px;\n    z-index: 1;\n    padding: 5px;\n    background-color: var(--nile-colors-white-base);\n  }\n  \n  .code__editor__container:hover > .expand__icon__container{\n    display: flex;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-code-editor.css.cjs.js.map

package/dist/nile-code-editor/nile-code-editor.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-code-editor.css.cjs.js","sources":["../../../src/nile-code-editor/nile-code-editor.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 CodeEditor CSS\n /\nexport const styles = css`\n {\n box-sizing:border-box;\n }\n\n :host {\n display: block;\n }\n\n .code__editor__container {\n display: flex;\n padding: 5px;\n border-radius: 5px;\n border: 1px solid rgb(204, 204, 204);\n position: relative;\n }\n\n .no-scroller .cm-scroller{\n scrollbar-width: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .noborder {\n border: none;\n }\n\n .cm-editor {\n flex: 1;\n min-width: 0;\n }\n\n .ͼ1.cm-focused {\n outline: none;\n }\n\n .expand__icon__container{\n display: none;\n position: absolute;\n border-radius: ~~5px~~;\n cursor: pointer;\n right: 0px;\n top: 5px;\n z-index: 1;\n padding: 5px;\n background-color: var(--nile-colors-white-base);\n }\n \n .code__editor__container:hover > .expand__icon__container{\n display: flex;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-code-editor.css.cjs.js","sources":["../../../src/nile-code-editor/nile-code-editor.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 CodeEditor CSS\n /\nexport const styles = css`\n {\n box-sizing:border-box;\n }\n\n :host {\n display: block;\n }\n\n .code__editor__container {\n display: flex;\n padding: 5px;\n border-radius: 5px;\n border: 1px solid rgb(204, 204, 204);\n position: relative;\n }\n\n .no-scroller .cm-scroller{\n scrollbar-width: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .noborder {\n border: none;\n }\n\n .cm-editor {\n flex: 1;\n min-width: 0;\n }\n\n .ͼ1.cm-focused {\n outline: none;\n }\n\n .expand__icon__container{\n display: none;\n position: absolute;\n border-radius: var(--nile-radius-base-standard);\n cursor: pointer;\n right: 0px;\n top: 5px;\n z-index: 1;\n padding: 5px;\n background-color: var(--nile-colors-white-base);\n }\n \n .code__editor__container:hover > .expand__icon__container{\n display: flex;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-code-editor/nile-code-editor.css.esm.js CHANGED Viewed

@@ -39,7 +39,7 @@ import{css as o}from"lit";const r=o`
   .expand__icon__container{
     display: none;
     position: absolute;
-    border-radius: 5px;
+    border-radius: var(--nile-radius-base-standard);
     cursor: pointer;
     right: 0px;
     top: 5px;

package/dist/nile-code-editor/nile-code-editor.esm.js CHANGED Viewed

@@ -15,4 +15,4 @@ import{__decorate as O}from"tslib";import{html as t}from"lit";import{query as e,
             <nile-form-error-message
               >${this.errorMessage}</nile-form-error-message
             >
-          `:""}`}createNewView(O=!0){this.view&&this.view.destroy(),this.createState(),this.view=new w({state:this.viewState,parent:this.codeEditor}),O&&this.emit("nile-after-update",{createNewView:this.createNewView,codeMirrorInstance:this.view},!1)}createState(){const O=this.lineNumbersComp.of(this.getLineNumbersExension()),t=this.readOnlyComp.of(this.getReadOnlyExtension()),e=this.restrictSingleLineComp.of(this.getSingleLineExtension()),i=this.placeholderComp.of(this.getPlaceholderExtension()),r=this.themeComp.of(this.getCustomThemeExtension()),s=this.defaultSyntaxHighlightingComp.of(this.getDefaultSyntaxHighlightingExtension()),a=this.getLanguageExtension(),n=this.customCompletionComp.of(et.data.of({autocomplete:this.customAutocomplete}));return this.viewState=z.create({doc:this.multiline?this.value:ba(this.value),extensions:[K({highlightActiveLine:!1,foldGutter:!1}),O,t,e,n,i,s,F(),a,r,w.updateListener.of((O=>{O.docChanged&&(this.debounce?this.emitAfterTimeout({value:this.view.state.doc.toString()}):this.emit("nile-change",{value:this.view.state.doc.toString()}))})),w.domEventHandlers({focus:()=>this.dispatchEvent(new Event("nile-focus")),blur:()=>this.dispatchEvent(new Event("nile-blur"))})]}),this.viewState}getNestedSuggestions(O,t,e){if(!function(O){return/^([a-zA-Z_$][\w$]*)(\.[a-zA-Z_$][\w$]*|\[\s*(['"]?[a-zA-Z0-9_$]*['"]?)\s*\])*([\.\[])?$/.test(O)}(t)||![".","["].includes(t.at(-1)))return null;const i=function(O){const t=/([a-zA-Z_$][\w$]*)(\[(?:[^\]]+)\]|\.[a-zA-Z_$][\w$]*)*/g,e=[...O.matchAll(t)];if(e.length>0){const t=[e[0][1]],i=O.match(/\[(.*?)\]|\.(\w+)/g)||[];for(const O of i)O.startsWith("[")?t.push(O.slice(1,-1).replace(/['"]/g,"")):O.startsWith(".")&&t.push(O.slice(1));return t}return null}(t);if(!i)return null;const r=e.replace(/["'\[]/g,""),s=r!==e,a="["===t.at(-1);if("."===t.at(-1)&&s)return null;let n=(l=this.customAutoCompletions,i.reduce(((O,t)=>O&&"object"==typeof O?O[t]:null),l));var l;return n&&"object"==typeof n?(r&&(n=Object.fromEntries(Object.entries(n).filter((([O])=>O.toLowerCase().startsWith(r.toLowerCase()))))),{from:O.pos-r.length,options:Object.keys(n).map((O=>({label:O,type:"property",info:`Key of ${i[i.length-1]}`,apply:this.allowVariableInCustomSuggestion||!a||s?O:`'${O}'`,boost:999})))}):null}getTopLevelSuggestions(O,t){const e=t.match(/([a-zA-Z_$][\w$]*)$/);if(!e)return null;const i=Object.keys(this.customAutoCompletions).filter((O=>Object.keys(this.customAutoCompletions[O]).length&&O.toLowerCase().startsWith(t.toLowerCase()))).map((O=>({label:O,type:"property",apply:O,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.filter((O=>O.toLocaleLowerCase().includes(t.toLocaleLowerCase()))).map((O=>{i.push({label:""+O,type:"property",apply:""+O,boost:998})})),{from:O.pos-e[1].length,options:i}}emitAfterTimeout(O){this.timeOut&&clearTimeout(this.timeOut),this.timeOut=setTimeout((()=>this.emit("nile-change",O,!1)),this.debounceTimeout)}focusAtPosition(O=this.view.state.doc.toString().length){this.view&&(this.view.dispatch({selection:{anchor:O}}),this.view.focus())}singleLineMultiLineToggle(){this.view.dispatch({changes:{from:0,to:this.view.state.doc.length,insert:this.multiline?this.value:ba(this.value)}})}getLineNumbersExension(){return!this.multiline&&this.lineNumbers||this.multiline&&this.lineNumbersMultiline?H():[]}getLanguageExtension(){switch(this.language){case"sql":return function(O={}){let t=O.dialect||Jt;return new g(t.language,[Bt(O),Dt(t,!!O.upperCaseKeywords)])}();case"json":return new g(Ft);case"html":return function(O={}){let t,e="";!1===O.matchClosingTags&&(e="noMatch"),!0===O.selfClosingTags&&(e=(e?e+" ":"")+"selfClosing"),(O.nestedLanguages&&O.nestedLanguages.length||O.nestedAttributes&&O.nestedAttributes.length)&&(t=Te((O.nestedLanguages||[]).concat($a),(O.nestedAttributes||[]).concat(da)));let i=t?Pa.configure({wrap:t,dialect:e}):e?ma.configure({dialect:e}):ma;return new Vs(i,[ma.data.of({autocomplete:pa(O)}),!1!==O.autoCloseTags?Za:[],ms().support,new g(Ti,Ti.data.of({autocomplete:Wi})).support])}();default:return function(O={}){let t=O.jsx?O.typescript?at:st:O.typescript?rt:et,e=O.typescript?DO.concat(ot):NO.concat(lt);return new g(t,[et.data.of({autocomplete:b(Ot,X(e))}),et.data.of({autocomplete:tt}),O.jsx?Qt:[]])}()}}getReadOnlyExtension(){return this.readonly?z.readOnly.of(!0):[]}getSingleLineExtension(){return this.multiline?[]:z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}getPlaceholderExtension(){return this.placeholder?OO(this.placeholder):[]}getDefaultSyntaxHighlightingExtension(){return this.disableSyntaxHighlighting?[]:tO(eO,{fallback:!0})}getCustomThemeExtension(){return this.customThemeCSS?w.theme(this.customThemeCSS):w.theme(sO)}restrictSingleLine(){return z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}};function ba(O){return O?O.replace(/\s+/g," ").trim():""}O([e(".code__editor__container")],ga.prototype,"codeEditor",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"value",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"expandIcon",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"placeholder",void 0),O([i({type:Object,reflect:!0,attribute:!0})],ga.prototype,"customAutoCompletions",void 0),O([i({type:Array,reflect:!0,attribute:!0})],ga.prototype,"customCompletionsPaths",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"language",void 0),O([i({type:String,reflect:!0,attribute:"error-message"})],ga.prototype,"errorMessage",void 0),O([i({type:Boolean,reflect:!0,attribute:"error"})],ga.prototype,"error",void 0),O([i({type:Boolean,reflect:!0,attribute:"noborder"})],ga.prototype,"noborder",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"multiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"allowVariableInCustomSuggestion",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"lineNumbers",void 0),O([i({type:Boolean,reflect:!0,attribute:!1})],ga.prototype,"disableSyntaxHighlighting",void 0),O([i({type:Object,attribute:!1})],ga.prototype,"customThemeCSS",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"lineNumbersMultiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"hasScroller",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"expandable",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"readonly",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"debounce",void 0),O([i({type:Number,reflect:!0,attribute:!0})],ga.prototype,"debounceTimeout",void 0),ga=O([r("nile-code-editor")],ga);export{ga as N};
+          `:""}`}createNewView(O=!0){this.view&&this.view.destroy(),this.createState(),this.view=new w({state:this.viewState,parent:this.codeEditor}),O&&this.emit("nile-after-update",{createNewView:this.createNewView,codeMirrorInstance:this.view},!1)}createState(){const O=this.lineNumbersComp.of(this.getLineNumbersExension()),t=this.readOnlyComp.of(this.getReadOnlyExtension()),e=this.restrictSingleLineComp.of(this.getSingleLineExtension()),i=this.placeholderComp.of(this.getPlaceholderExtension()),r=this.themeComp.of(this.getCustomThemeExtension()),s=this.defaultSyntaxHighlightingComp.of(this.getDefaultSyntaxHighlightingExtension()),a=this.getLanguageExtension(),n=this.customCompletionComp.of(et.data.of({autocomplete:this.customAutocomplete}));return this.viewState=z.create({doc:this.multiline?this.value:ba(this.value),extensions:[K({highlightActiveLine:!1,foldGutter:!0}),O,t,e,n,i,s,F(),a,r,w.updateListener.of((O=>{O.docChanged&&(this.debounce?this.emitAfterTimeout({value:this.view.state.doc.toString()}):this.emit("nile-change",{value:this.view.state.doc.toString()}))})),w.domEventHandlers({focus:()=>this.dispatchEvent(new Event("nile-focus")),blur:()=>this.dispatchEvent(new Event("nile-blur"))})]}),this.viewState}getNestedSuggestions(O,t,e){if(!function(O){return/^([a-zA-Z_$][\w$]*)(\.[a-zA-Z_$][\w$]*|\[\s*(['"]?[a-zA-Z0-9_$]*['"]?)\s*\])*([\.\[])?$/.test(O)}(t)||![".","["].includes(t.at(-1)))return null;const i=function(O){const t=/([a-zA-Z_$][\w$]*)(\[(?:[^\]]+)\]|\.[a-zA-Z_$][\w$]*)*/g,e=[...O.matchAll(t)];if(e.length>0){const t=[e[0][1]],i=O.match(/\[(.*?)\]|\.(\w+)/g)||[];for(const O of i)O.startsWith("[")?t.push(O.slice(1,-1).replace(/['"]/g,"")):O.startsWith(".")&&t.push(O.slice(1));return t}return null}(t);if(!i)return null;const r=e.replace(/["'\[]/g,""),s=r!==e,a="["===t.at(-1);if("."===t.at(-1)&&s)return null;let n=(l=this.customAutoCompletions,i.reduce(((O,t)=>O&&"object"==typeof O?O[t]:null),l));var l;return n&&"object"==typeof n?(r&&(n=Object.fromEntries(Object.entries(n).filter((([O])=>O.toLowerCase().startsWith(r.toLowerCase()))))),{from:O.pos-r.length,options:Object.keys(n).map((O=>({label:O,type:"property",info:`Key of ${i[i.length-1]}`,apply:this.allowVariableInCustomSuggestion||!a||s?O:`'${O}'`,boost:999})))}):null}getTopLevelSuggestions(O,t){const e=t.match(/([a-zA-Z_$][\w$]*)$/);if(!e)return null;const i=Object.keys(this.customAutoCompletions).filter((O=>Object.keys(this.customAutoCompletions[O]).length&&O.toLowerCase().startsWith(t.toLowerCase()))).map((O=>({label:O,type:"property",apply:O,boost:999})));return this.customCompletionsPaths.length&&this.customCompletionsPaths.filter((O=>O.toLocaleLowerCase().includes(t.toLocaleLowerCase()))).map((O=>{i.push({label:""+O,type:"property",apply:""+O,boost:998})})),{from:O.pos-e[1].length,options:i}}emitAfterTimeout(O){this.timeOut&&clearTimeout(this.timeOut),this.timeOut=setTimeout((()=>this.emit("nile-change",O,!1)),this.debounceTimeout)}focusAtPosition(O=this.view.state.doc.toString().length){this.view&&(this.view.dispatch({selection:{anchor:O}}),this.view.focus())}singleLineMultiLineToggle(){this.view.dispatch({changes:{from:0,to:this.view.state.doc.length,insert:this.multiline?this.value:ba(this.value)}})}getLineNumbersExension(){return!this.multiline&&this.lineNumbers||this.multiline&&this.lineNumbersMultiline?H():[]}getLanguageExtension(){switch(this.language){case"sql":return function(O={}){let t=O.dialect||Jt;return new g(t.language,[Bt(O),Dt(t,!!O.upperCaseKeywords)])}();case"json":return new g(Ft);case"html":return function(O={}){let t,e="";!1===O.matchClosingTags&&(e="noMatch"),!0===O.selfClosingTags&&(e=(e?e+" ":"")+"selfClosing"),(O.nestedLanguages&&O.nestedLanguages.length||O.nestedAttributes&&O.nestedAttributes.length)&&(t=Te((O.nestedLanguages||[]).concat($a),(O.nestedAttributes||[]).concat(da)));let i=t?Pa.configure({wrap:t,dialect:e}):e?ma.configure({dialect:e}):ma;return new Vs(i,[ma.data.of({autocomplete:pa(O)}),!1!==O.autoCloseTags?Za:[],ms().support,new g(Ti,Ti.data.of({autocomplete:Wi})).support])}();default:return function(O={}){let t=O.jsx?O.typescript?at:st:O.typescript?rt:et,e=O.typescript?DO.concat(ot):NO.concat(lt);return new g(t,[et.data.of({autocomplete:b(Ot,X(e))}),et.data.of({autocomplete:tt}),O.jsx?Qt:[]])}()}}getReadOnlyExtension(){return this.readonly?z.readOnly.of(!0):[]}getSingleLineExtension(){return this.multiline?[]:z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}getPlaceholderExtension(){return this.placeholder?OO(this.placeholder):[]}getDefaultSyntaxHighlightingExtension(){return this.disableSyntaxHighlighting?[]:tO(eO,{fallback:!0})}getCustomThemeExtension(){return this.customThemeCSS?w.theme(this.customThemeCSS):w.theme(sO)}restrictSingleLine(){return z.transactionFilter.of((O=>O.newDoc.lines>1?[]:O))}};function ba(O){return O?O.replace(/\s+/g," ").trim():""}O([e(".code__editor__container")],ga.prototype,"codeEditor",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"value",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"expandIcon",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"placeholder",void 0),O([i({type:Object,reflect:!0,attribute:!0})],ga.prototype,"customAutoCompletions",void 0),O([i({type:Array,reflect:!0,attribute:!0})],ga.prototype,"customCompletionsPaths",void 0),O([i({type:String,reflect:!0,attribute:!0})],ga.prototype,"language",void 0),O([i({type:String,reflect:!0,attribute:"error-message"})],ga.prototype,"errorMessage",void 0),O([i({type:Boolean,reflect:!0,attribute:"error"})],ga.prototype,"error",void 0),O([i({type:Boolean,reflect:!0,attribute:"noborder"})],ga.prototype,"noborder",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"multiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"allowVariableInCustomSuggestion",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"lineNumbers",void 0),O([i({type:Boolean,reflect:!0,attribute:!1})],ga.prototype,"disableSyntaxHighlighting",void 0),O([i({type:Object,attribute:!1})],ga.prototype,"customThemeCSS",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"lineNumbersMultiline",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"hasScroller",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"expandable",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"readonly",void 0),O([i({type:Boolean,reflect:!0,attribute:!0})],ga.prototype,"debounce",void 0),O([i({type:Number,reflect:!0,attribute:!0})],ga.prototype,"debounceTimeout",void 0),ga=O([r("nile-code-editor")],ga);export{ga as N};

package/dist/nile-content-editor/nile-content-editor.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    font-size: 14px;\n    overflow: hidden;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 1px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow: auto;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .read-only {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .chips {\n    display: inline;\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    height: 24px;\n    line-height: 10px;\n    margin-left: 3px;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    overflow: scroll;\n    line-height: 26px;\n  }\n\n  .text-area .chips {\n    padding: 4px 8px;\n  }\n\n  .chip-error {\n    background: #f3a5aa;\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n    max-height: 150px;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n\n  .no-border {\n    border: none;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    font-size: 14px;\n    overflow: hidden;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 1px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid var(--nile-colors-neutral-500);\n    border-radius: 4px;\n    overflow: auto;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: var(--nile-colors-white-base);\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .read-only {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .chips {\n    display: inline;\n    background: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-900);\n    border-radius: 4px;\n    padding: 6px;\n    height: 24px;\n    line-height: 10px;\n    margin-left: 3px;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    overflow: scroll;\n    line-height: 26px;\n  }\n\n  .text-area .chips {\n    padding: 4px 8px;\n  }\n\n  .chip-error {\n    background: var(--nile-colors-red-400);\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-colors-neutral-500);\n    overflow: auto;\n    max-height: 150px;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: var(--nile-colors-red-500);\n  }\n\n  .no-border {\n    border: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-content-editor.css.cjs.js.map

package/dist/nile-content-editor/nile-content-editor.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-content-editor.css.cjs.js","sources":["../../../src/nile-content-editor/nile-content-editor.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 AttributeExpression CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n font-size: 14px;\n overflow: hidden;\n }\n\n .content-editable-wrapper {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n }\n\n .dropdown-position {\n position: relative;\n bottom: 1px;\n }\n .content-editable-input {\n box-sizing: border-box;\n width: 100%;\n padding: 9px;\n border: 1px solid ~~#c7ced4~~;\n border-radius: 4px;\n overflow: auto;\n overflow-x: auto;\n overflow-anchor: none;\n scrollbar-width: none;\n -ms-overflow-style: none;\n cursor: text;\n white-space: nowrap;\n background-color: ~~#ffffff~~;\n height: 38px;\n }\n .content-editable-input:focus {\n outline: none;\n }\n\n .error {\n border-color: ~~#e5434d~~;\n }\n\n .read-only {\n background-color: hsl(240 4.8% 95.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .chips {\n display: inline;\n background: ~~#e5e9eb~~;\n color: ~~#000~~;\n border-radius: 4px;\n padding: 6px;\n height: 24px;\n line-height: 10px;\n margin-left: 3px;\n letter-spacing: 0.2px;\n }\n\n .text-area {\n height: 120px;\n overflow: scroll;\n line-height: 26px;\n }\n\n .text-area .chips {\n padding: 4px 8px;\n }\n\n .chip-error {\n background: ~~#f3a5aa~~;\n }\n .nile-options-container {\n box-sizing: border-box;\n background-color: ~~#ffffff~~;\n border: 1px solid ~~#c7ced4~~;\n overflow: auto;\n max-height: 150px;\n }\n\n label {\n display: inline-block;\n margin-bottom: 6px;\n font-family: 'colfax-medium';\n }\n\n .asterik {\n color: ~~#e5434d~~;\n }\n\n .no-border {\n border: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-content-editor.css.cjs.js","sources":["../../../src/nile-content-editor/nile-content-editor.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 AttributeExpression CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n font-size: 14px;\n overflow: hidden;\n }\n\n .content-editable-wrapper {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n }\n\n .dropdown-position {\n position: relative;\n bottom: 1px;\n }\n .content-editable-input {\n box-sizing: border-box;\n width: 100%;\n padding: 9px;\n border: 1px solid var(--nile-colors-neutral-500);\n border-radius: 4px;\n overflow: auto;\n overflow-x: auto;\n overflow-anchor: none;\n scrollbar-width: none;\n -ms-overflow-style: none;\n cursor: text;\n white-space: nowrap;\n background-color: var(--nile-colors-white-base);\n height: 38px;\n }\n .content-editable-input:focus {\n outline: none;\n }\n\n .error {\n border-color: var(--nile-colors-red-500);\n }\n\n .read-only {\n background-color: hsl(240 4.8% 95.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .chips {\n display: inline;\n background: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-900);\n border-radius: 4px;\n padding: 6px;\n height: 24px;\n line-height: 10px;\n margin-left: 3px;\n letter-spacing: 0.2px;\n }\n\n .text-area {\n height: 120px;\n overflow: scroll;\n line-height: 26px;\n }\n\n .text-area .chips {\n padding: 4px 8px;\n }\n\n .chip-error {\n background: var(--nile-colors-red-400);\n }\n .nile-options-container {\n box-sizing: border-box;\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-colors-neutral-500);\n overflow: auto;\n max-height: 150px;\n }\n\n label {\n display: inline-block;\n margin-bottom: 6px;\n font-family: 'colfax-medium';\n }\n\n .asterik {\n color: var(--nile-colors-red-500);\n }\n\n .no-border {\n border: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-content-editor/nile-content-editor.css.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{css as o}from"lit";const e=o`
+import{css as o}from"lit";const r=o`
   :host {
     box-sizing: border-box;
     font-size: 14px;
@@ -19,7 +19,7 @@ import{css as o}from"lit";const e=o`
     box-sizing: border-box;
     width: 100%;
     padding: 9px;
-    border: 1px solid #c7ced4;
+    border: 1px solid var(--nile-colors-neutral-500);
     border-radius: 4px;
     overflow: auto;
     overflow-x: auto;
@@ -28,7 +28,7 @@ import{css as o}from"lit";const e=o`
     -ms-overflow-style: none;
     cursor: text;
     white-space: nowrap;
-    background-color: #ffffff;
+    background-color: var(--nile-colors-white-base);
     height: 38px;
   }
   .content-editable-input:focus {
@@ -36,7 +36,7 @@ import{css as o}from"lit";const e=o`
   }
   .error {
-    border-color: #e5434d;
+    border-color: var(--nile-colors-red-500);
   }
   .read-only {
@@ -47,8 +47,8 @@ import{css as o}from"lit";const e=o`
   .chips {
     display: inline;
-    background: #e5e9eb;
-    color: #000;
+    background: var(--nile-colors-neutral-400);
+    color: var(--nile-colors-dark-900);
     border-radius: 4px;
     padding: 6px;
     height: 24px;
@@ -68,12 +68,12 @@ import{css as o}from"lit";const e=o`
   }
   .chip-error {
-    background: #f3a5aa;
+    background: var(--nile-colors-red-400);
   }
   .nile-options-container {
     box-sizing: border-box;
-    background-color: #ffffff;
-    border: 1px solid #c7ced4;
+    background-color: var(--nile-colors-white-base);
+    border: 1px solid var(--nile-colors-neutral-500);
     overflow: auto;
     max-height: 150px;
   }
@@ -85,10 +85,10 @@ import{css as o}from"lit";const e=o`
   }
   .asterik {
-    color: #e5434d;
+    color: var(--nile-colors-red-500);
   }
   .no-border {
     border: none;
   }
-`;export{e as s};
+`;export{r as s};

package/dist/nile-dialog/nile-dialog.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --width: 31rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n    --nile-dialog-remove-icon-color: #000;\n    display: contents;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .dialog {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 800;\n  }\n\n  .dialog__panel {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    width: var(--width);\n    max-width: calc(100% - 2.25rem);\n    max-height: calc(100% - 2.25rem);\n    background-color: hsl(0, 0%, 100%);\n    border-radius: 4px;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n\n  .dialog__panel:focus {\n    outline: none;\n  }\n\n  @media screen and (max-width: 420px) {\n    .dialog__panel {\n      max-height: 80vh;\n    }\n  }\n\n  .dialog--open .dialog__panel {\n    display: flex;\n    opacity: 1;\n  }\n\n  .dialog__header {\n    flex: 0 0 auto;\n    display: flex;\n    padding: 12px 20px;\n    background-color: #fafafa;\n    border-radius: 4px 4px 0 0;\n    border: 1px solid #e5e9eb;\n  }\n\n  .dialog__header__text {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: 5px;\n    justify-content: center;\n    margin: 0;\n    color: #000;\n  }\n\n  slot[name=\"label\"] {\n    font-family: Colfax-regular;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  slot[name=\"sublabel\"] {\n    color:var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 24px;\n  }\n\n  .dialog__header-actions nile-icon-button,\n  .dialog__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: 1.25rem;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    border: 1px solid #e5e9eb;\n  }\n\n  .dialog__body-noheader {\n    border-radius: 4px 4px 0px 0px;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: 12px 24px;\n    background-color: #fafafa;\n    border-radius: 0 0 4px 4px;\n    border: 1px solid #e5e9eb;\n  }\n\n  .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .dialog:not(.dialog--has-footer) .dialog__footer {\n    display: none;\n  }\n\n  .dialog__overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(0 0% 0% / 43%);\n  }\n  .dialog__close {\n    cursor: pointer;\n  }\n\n  @media (forced-colors: active) {\n    .dialog__panel {\n      border: solid 1px hsl(240, 5.9%, 11%);\n    }\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --width: 31rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\n    display: contents;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .dialog {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 800;\n  }\n\n  .dialog__panel {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    width: var(--width);\n    max-width: calc(100% - 2.25rem);\n    max-height: calc(100% - 2.25rem);\n    background-color: hsl(0, 0%, 100%);\n    border-radius: 4px;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n\n  .dialog__panel:focus {\n    outline: none;\n  }\n\n  @media screen and (max-width: 420px) {\n    .dialog__panel {\n      max-height: 80vh;\n    }\n  }\n\n  .dialog--open .dialog__panel {\n    display: flex;\n    opacity: 1;\n  }\n\n  .dialog__header {\n    flex: 0 0 auto;\n    display: flex;\n    padding: 12px 20px;\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 4px 4px 0 0;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .dialog__header__text {\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    gap: 5px;\n    justify-content: center;\n    margin: 0;\n    color: var(--nile-colors-dark-900);\n  }\n\n  slot[name=\"label\"] {\n    font-family: Colfax-regular;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  slot[name=\"sublabel\"] {\n    color:var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    display:block;\n  }\n\n  .dialog__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 24px;\n  }\n\n  .dialog__header-actions nile-icon-button,\n  .dialog__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .dialog__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: 1.25rem;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .dialog__body-noheader {\n    border-radius: 4px 4px 0px 0px;\n  }\n\n  .dialog__footer {\n    flex: 0 0 auto;\n    text-align: right;\n    padding: 12px 24px;\n    background-color: var(--nile-colors-neutral-100);\n    border-radius: 0 0 4px 4px;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n    margin-inline-start: 0.5rem;\n  }\n\n  .dialog:not(.dialog--has-footer) .dialog__footer {\n    display: none;\n  }\n\n  .dialog__overlay {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(0 0% 0% / 43%);\n  }\n  .dialog__close {\n    cursor: pointer;\n  }\n\n  @media (forced-colors: active) {\n    .dialog__panel {\n      border: solid 1px hsl(240, 5.9%, 11%);\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-dialog.css.cjs.js.map

package/dist/nile-dialog/nile-dialog.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-dialog.css.cjs.js","sources":["../../../src/nile-dialog/nile-dialog.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 Modal CSS\n /\nexport const styles = css`\n :host {\n --width: 31rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n --nile-dialog-remove-icon-color: ~~#000~~;\n display: contents;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .dialog {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 800;\n }\n\n .dialog__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n width: var(--width);\n max-width: calc(100% - 2.25rem);\n max-height: calc(100% - 2.25rem);\n background-color: hsl(0, 0%, 100%);\n border-radius: 4px;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .dialog__panel:focus {\n outline: none;\n }\n\n @media screen and (max-width: 420px) {\n .dialog__panel {\n max-height: 80vh;\n }\n }\n\n .dialog--open .dialog__panel {\n display: flex;\n opacity: 1;\n }\n\n .dialog__header {\n flex: 0 0 auto;\n display: flex;\n padding: 12px 20px;\n background-color: ~~#fafafa~~;\n border-radius: 4px 4px 0 0;\n border: 1px solid ~~#e5e9eb~~;\n }\n\n .dialog__header__text {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n margin: 0;\n color: ~~#000~~;\n }\n\n slot[name=\"label\"] {\n font-family: Colfax-regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n slot[name=\"sublabel\"] {\n color:var(--nile-colors-dark-500);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n .dialog__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 24px;\n }\n\n .dialog__header-actions nile-icon-button,\n .dialog__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .dialog__body {\n flex: 1 1 auto;\n display: block;\n padding: 1.25rem;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n border: 1px solid ~~#e5e9eb~~;\n }\n\n .dialog__body-noheader {\n border-radius: 4px 4px 0px 0px;\n }\n\n .dialog__footer {\n flex: 0 0 auto;\n text-align: right;\n padding: 12px 24px;\n background-color: ~~#fafafa~~;\n border-radius: 0 0 4px 4px;\n border: 1px solid ~~#e5e9eb~~;\n }\n\n .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n margin-inline-start: 0.5rem;\n }\n\n .dialog:not(.dialog--has-footer) .dialog__footer {\n display: none;\n }\n\n .dialog__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(0 0% 0% / 43%);\n }\n .dialog__close {\n cursor: pointer;\n }\n\n @media (forced-colors: active) {\n .dialog__panel {\n border: solid 1px hsl(240, 5.9%, 11%);\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-dialog.css.cjs.js","sources":["../../../src/nile-dialog/nile-dialog.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 Modal CSS\n /\nexport const styles = css`\n :host {\n --width: 31rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);\n display: contents;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .dialog {\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 800;\n }\n\n .dialog__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n width: var(--width);\n max-width: calc(100% - 2.25rem);\n max-height: calc(100% - 2.25rem);\n background-color: hsl(0, 0%, 100%);\n border-radius: 4px;\n box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n }\n\n .dialog__panel:focus {\n outline: none;\n }\n\n @media screen and (max-width: 420px) {\n .dialog__panel {\n max-height: 80vh;\n }\n }\n\n .dialog--open .dialog__panel {\n display: flex;\n opacity: 1;\n }\n\n .dialog__header {\n flex: 0 0 auto;\n display: flex;\n padding: 12px 20px;\n background-color: var(--nile-colors-neutral-100);\n border-radius: 4px 4px 0 0;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .dialog__header__text {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n gap: 5px;\n justify-content: center;\n margin: 0;\n color: var(--nile-colors-dark-900);\n }\n\n slot[name=\"label\"] {\n font-family: Colfax-regular;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n slot[name=\"sublabel\"] {\n color:var(--nile-colors-dark-500);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n display:block;\n }\n\n .dialog__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 24px;\n }\n\n .dialog__header-actions nile-icon-button,\n .dialog__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .dialog__body {\n flex: 1 1 auto;\n display: block;\n padding: 1.25rem;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .dialog__body-noheader {\n border-radius: 4px 4px 0px 0px;\n }\n\n .dialog__footer {\n flex: 0 0 auto;\n text-align: right;\n padding: 12px 24px;\n background-color: var(--nile-colors-neutral-100);\n border-radius: 0 0 4px 4px;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .dialog__footer ::slotted(nile-button:not(:first-of-type)) {\n margin-inline-start: 0.5rem;\n }\n\n .dialog:not(.dialog--has-footer) .dialog__footer {\n display: none;\n }\n\n .dialog__overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(0 0% 0% / 43%);\n }\n .dialog__close {\n cursor: pointer;\n }\n\n @media (forced-colors: active) {\n .dialog__panel {\n border: solid 1px hsl(240, 5.9%, 11%);\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-dialog/nile-dialog.css.esm.js CHANGED Viewed

@@ -4,7 +4,7 @@ import{css as o}from"lit";const e=o`
     --header-spacing: 1.25rem;
     --body-spacing: 1.25rem;
     --footer-spacing: 1.25rem;
-    --nile-dialog-remove-icon-color: #000;
+    --nile-dialog-remove-icon-color: var(--nile-colors-dark-900);
     display: contents;
   }
@@ -61,9 +61,9 @@ import{css as o}from"lit";const e=o`
     flex: 0 0 auto;
     display: flex;
     padding: 12px 20px;
-    background-color: #fafafa;
+    background-color: var(--nile-colors-neutral-100);
     border-radius: 4px 4px 0 0;
-    border: 1px solid #e5e9eb;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .dialog__header__text {
@@ -73,7 +73,7 @@ import{css as o}from"lit";const e=o`
     gap: 5px;
     justify-content: center;
     margin: 0;
-    color: #000;
+    color: var(--nile-colors-dark-900);
   }
   slot[name="label"] {
@@ -119,7 +119,7 @@ import{css as o}from"lit";const e=o`
     padding: 1.25rem;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
-    border: 1px solid #e5e9eb;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .dialog__body-noheader {
@@ -130,9 +130,9 @@ import{css as o}from"lit";const e=o`
     flex: 0 0 auto;
     text-align: right;
     padding: 12px 24px;
-    background-color: #fafafa;
+    background-color: var(--nile-colors-neutral-100);
     border-radius: 0 0 4px 4px;
-    border: 1px solid #e5e9eb;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .dialog__footer ::slotted(nile-button:not(:first-of-type)) {

package/dist/nile-divider/nile-divider.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",l=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t}\n\n\t.divider {\n\t\tbackground-color: var(--nile-colors-gray-light-mode-200, #eaecf0);;\n\t}\n\t\n\t.horizontal {\n\t\theight: 2px;\n\t\t/* width: 100%; */\n\t\tmargin: 8px 0;\n\t}\n\n\t.vertical {\n\t\theight: 100%;\n\t\twidth: 2px;\n\t\tmargin: 0 8px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\n\t.inset.horizontal {\n\t\tmargin-left: 72px;\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",l=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t}\n\n\t.divider {\n\t\tbackground-color: var(--nile-colors-gray-light-mode-200);;\n\t}\n\t\n\t.horizontal {\n\t\theight: 2px;\n\t\t/* width: 100%; */\n\t\tmargin: 8px 0;\n\t}\n\n\t.vertical {\n\t\theight: 100%;\n\t\twidth: 2px;\n\t\tmargin: 0 8px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\n\t.inset.horizontal {\n\t\tmargin-left: 72px;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-divider.css.cjs.js.map

package/dist/nile-divider/nile-divider.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-divider.css.cjs.js","sources":["../../../src/nile-divider/nile-divider.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 Divider CSS\n /\nexport const styles = css`\n\t:host {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t}\n\n\t.divider {\n\t\tbackground-color: var(--nile-colors-gray-light-mode-200~~, #eaecf0~~);;\n\t}\n\t\n\t.horizontal {\n\t\theight: 2px;\n\t\t/ width: 100%; */\n\t\tmargin: 8px 0;\n\t}\n\n\t.vertical {\n\t\theight: 100%;\n\t\twidth: 2px;\n\t\tmargin: 0 8px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\n\t.inset.horizontal {\n\t\tmargin-left: 72px;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-divider.css.cjs.js","sources":["../../../src/nile-divider/nile-divider.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 Divider CSS\n /\nexport const styles = css`\n\t:host {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t}\n\n\t.divider {\n\t\tbackground-color: var(--nile-colors-gray-light-mode-200);;\n\t}\n\t\n\t.horizontal {\n\t\theight: 2px;\n\t\t/ width: 100%; */\n\t\tmargin: 8px 0;\n\t}\n\n\t.vertical {\n\t\theight: 100%;\n\t\twidth: 2px;\n\t\tmargin: 0 8px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\n\t.inset.horizontal {\n\t\tmargin-left: 72px;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-divider/nile-divider.css.esm.js CHANGED Viewed

@@ -5,7 +5,7 @@ import{css as i}from"lit";const l=i`
 	}
 	.divider {
-		background-color: var(--nile-colors-gray-light-mode-200, #eaecf0);;
+		background-color: var(--nile-colors-gray-light-mode-200);;
 	}
 	.horizontal {

package/dist/nile-drawer/nile-drawer.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=[e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:#000;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: hsl(0, 0%, 100%);\n    box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: 1.25rem;\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing);\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px hsl(0, 0%, 100%);\n    }\n  }\n"])))]);}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=[e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: 1.25rem;\n    --body-spacing: 1.25rem;\n    --footer-spacing: 1.25rem;\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: hsl(0, 0%, 100%);\n    box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font: inherit;\n    font-size: 1.25rem;\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing);\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px hsl(0, 0%, 100%);\n    }\n  }\n"])))]);}};});
 //# sourceMappingURL=nile-drawer.css.cjs.js.map

package/dist/nile-drawer/nile-drawer.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-drawer.css.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.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 Drawer CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-drawer-remove-icon-color~~:#000~~;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --size: 25rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n\n display: contents;\n }\n\n .drawer {\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .drawer--contained {\n position: absolute;\n z-index: initial;\n }\n\n .drawer--fixed {\n position: fixed;\n z-index: 700;\n }\n\n .drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: hsl(0, 0%, 100%);\n box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n overflow: auto;\n pointer-events: all;\n }\n\n .drawer__panel:focus {\n outline: none;\n }\n\n .drawer--top .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--end .drawer__panel {\n top: 0;\n inset-inline-end: 0;\n bottom: auto;\n inset-inline-start: auto;\n width: var(--size);\n height: 100%;\n }\n\n .drawer--bottom .drawer__panel {\n top: auto;\n inset-inline-end: auto;\n bottom: 0;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--start .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: var(--size);\n height: 100%;\n }\n\n .drawer__header {\n display: flex;\n }\n\n .drawer__title {\n flex: 1 1 auto;\n font: inherit;\n font-size: 1.25rem;\n line-height: 1.4;\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .drawer__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 0.5rem;\n padding: 0 var(--header-spacing);\n }\n\n .drawer__header-actions nile-icon-button,\n .drawer__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .drawer__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .drawer__footer {\n text-align: right;\n padding: var(--footer-spacing);\n }\n\n .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n margin-inline-end: 0.5rem;\n }\n\n .drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n }\n\n .drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(240 3.8% 46.1% / 33%);\n pointer-events: all;\n }\n\n .drawer--contained .drawer__overlay {\n display: none;\n }\n\n .drawer__close:hover {\n cursor:pointer;\n }\n\n @media (forced-colors: active) {\n .drawer__panel {\n border: solid 1px hsl(0, 0%, 100%);\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVA0LeA,CAAA,CAAA,CA9KOC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-drawer.css.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.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 Drawer CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --size: 25rem;\n --header-spacing: 1.25rem;\n --body-spacing: 1.25rem;\n --footer-spacing: 1.25rem;\n\n display: contents;\n }\n\n .drawer {\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .drawer--contained {\n position: absolute;\n z-index: initial;\n }\n\n .drawer--fixed {\n position: fixed;\n z-index: 700;\n }\n\n .drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: hsl(0, 0%, 100%);\n box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);\n overflow: auto;\n pointer-events: all;\n }\n\n .drawer__panel:focus {\n outline: none;\n }\n\n .drawer--top .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--end .drawer__panel {\n top: 0;\n inset-inline-end: 0;\n bottom: auto;\n inset-inline-start: auto;\n width: var(--size);\n height: 100%;\n }\n\n .drawer--bottom .drawer__panel {\n top: auto;\n inset-inline-end: auto;\n bottom: 0;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--start .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: var(--size);\n height: 100%;\n }\n\n .drawer__header {\n display: flex;\n }\n\n .drawer__title {\n flex: 1 1 auto;\n font: inherit;\n font-size: 1.25rem;\n line-height: 1.4;\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .drawer__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 0.5rem;\n padding: 0 var(--header-spacing);\n }\n\n .drawer__header-actions nile-icon-button,\n .drawer__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: 1rem;\n }\n\n .drawer__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .drawer__footer {\n text-align: right;\n padding: var(--footer-spacing);\n }\n\n .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n margin-inline-end: 0.5rem;\n }\n\n .drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n }\n\n .drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(240 3.8% 46.1% / 33%);\n pointer-events: all;\n }\n\n .drawer--contained .drawer__overlay {\n display: none;\n }\n\n .drawer__close:hover {\n cursor:pointer;\n }\n\n @media (forced-colors: active) {\n .drawer__panel {\n border: solid 1px hsl(0, 0%, 100%);\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVA0LeA,CAAA,CAAA,CA9KOC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-drawer/nile-drawer.css.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{css as e}from"lit";var t=[e`
+import{css as e}from"lit";var r=[e`
   :host {
     box-sizing: border-box;
-    --nile-drawer-remove-icon-color:#000;
+    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900);
   }
   :host *,
@@ -170,4 +170,4 @@ import{css as e}from"lit";var t=[e`
       border: solid 1px hsl(0, 0%, 100%);
     }
   }
-`];export{t as s};
+`];export{r as s};

package/dist/nile-empty-state/nile-empty-state.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display:inline-flex;\n    min-width:var(--nile-empty-state-max-width);\n    max-width:var(--nile-empty-state-min-width);\n    width:100%;\n  }\n\n  .empty-state--sm {\n    --nile-es-text-size:16px;\n    --nile-es-text-line-height:24px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n    \n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:118px;\n    --nile-es-img-width:152px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n    --nile-es-text-gap:0px;\n  }\n\n  .empty-state--md {\n    --nile-es-text-size:18px;\n    --nile-es-text-line-height:28px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n\n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:128px;\n    --nile-es-img-width:172px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md);\n  }\n\n  .empty-state--lg {\n    --nile-es-text-size:20px;\n    --nile-es-text-line-height:30px;\n    --nile-es-subtext-size:16px;\n    --nile-es-subtext-line-height:24px;\n\n    --nile-es-icon-size:56px;\n    --nile-es-flat-option-border-radius:10px;\n    --nile-es-img-height:160px;\n    --nile-es-img-width:220px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md)\n  }\n\n  .empty-state {\n    min-width:300px;\n    max-width:512px;\n    width:100%;\n    height:max-content;\n    display:flex;\n    flex-direction:column;\n    row-gap:var(--nile-es-gap);\n  }\n\n  .empty-state__body {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    align-items:center;\n    row-gap:var(--nile-es-body-gap)\n  }\n\n  .empty-state__body--content {\n    position:relative;\n  }\n  .empty-state__image {    \n    background:var(--nile-empty-state-image);\n    background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n    height: var(--nile-es-img-height);\n    width: var(--nile-es-img-width);\n    max-width: 100%;\n  }\n\n  .empty-state__image--grayscale {\n    -webkit-filter: grayscale(100%);\n    -moz-filter: grayscale(100%);\n    -o-filter: grayscale(100%);\n    -ms-filter: grayscale(100%);\n    filter: grayscale(100%);\n  }\n\n  .empty-state__img__icon {\n    height: var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    background: #34405466;\n    position:absolute;\n    left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n    top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n  }\n\n  .empty-state__body--tonal {\n    background: linear-gradient(180deg, #F9FAFB 0%, #EDF0F3 100%);\n    width: 104px;\n    height: 104px;\n    border-radius: 50%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .empty-state__body--flat {\n  }\n\n  .nile-flat-type-icon {\n    height:var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: var(--nile-es-flat-option-border-radius);\n\n    background-color: white;\n    display: grid;\n    place-items: center;\n    border: 1px solid #EAECF0;\n  }\n\n  .empty__state__text-section {\n    display:flex;\n    flex-direction:column;\n    gap:var(--nile-es-text-gap);\n    max-width:80%;\n  }\n\n  .empty-state__text {\n    font-size: var(--nile-es-text-size);\n    font-weight: 600;\n    line-height: var(--nile-es-text-line-height);\n    text-align: center;\n    font-style: normal;\n  }\n\n  .empty-state__subtext {\n    font-size: var(--nile-es-subtext-size);\n    font-weight: 400;\n    line-height: var(--nile-es-subtext-line-height);\n    text-align: center;\n    color:#475467;\n    font-style: normal;\n  }\n\n  .empty-state-actions {\n    display:flex;\n    justify-content:center;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display:inline-flex;\n    min-width:var(--nile-empty-state-max-width);\n    max-width:var(--nile-empty-state-min-width);\n    width:100%;\n  }\n\n  .empty-state--sm {\n    --nile-es-text-size:16px;\n    --nile-es-text-line-height:24px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n    \n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:118px;\n    --nile-es-img-width:152px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n    --nile-es-text-gap:0px;\n  }\n\n  .empty-state--md {\n    --nile-es-text-size:18px;\n    --nile-es-text-line-height:28px;\n    --nile-es-subtext-size:14px;\n    --nile-es-subtext-line-height:20px;\n\n    --nile-es-icon-size:48px;\n    --nile-es-flat-option-border-radius:5px;\n    --nile-es-img-height:128px;\n    --nile-es-img-width:172px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md);\n  }\n\n  .empty-state--lg {\n    --nile-es-text-size:20px;\n    --nile-es-text-line-height:30px;\n    --nile-es-subtext-size:16px;\n    --nile-es-subtext-line-height:24px;\n\n    --nile-es-icon-size:56px;\n    --nile-es-flat-option-border-radius:10px;\n    --nile-es-img-height:160px;\n    --nile-es-img-width:220px;\n\n    --nile-es-gap:var(--nile-spacing-spacing-4xl);\n    --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n    --nile-es-text-gap:var(--nile-spacing-spacing-md)\n  }\n\n  .empty-state {\n    min-width:300px;\n    max-width:512px;\n    width:100%;\n    height:max-content;\n    display:flex;\n    flex-direction:column;\n    row-gap:var(--nile-es-gap);\n  }\n\n  .empty-state__body {\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    align-items:center;\n    row-gap:var(--nile-es-body-gap)\n  }\n\n  .empty-state__body--content {\n    position:relative;\n  }\n  .empty-state__image {    \n    background:var(--nile-empty-state-image);\n    background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n    height: var(--nile-es-img-height);\n    width: var(--nile-es-img-width);\n    max-width: 100%;\n  }\n\n  .empty-state__image--grayscale {\n    -webkit-filter: grayscale(100%);\n    -moz-filter: grayscale(100%);\n    -o-filter: grayscale(100%);\n    -ms-filter: grayscale(100%);\n    filter: grayscale(100%);\n  }\n\n  .empty-state__img__icon {\n    height: var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    background: var(--nile-colors-neutral-500);\n    position:absolute;\n    left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n    top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n  }\n\n  .empty-state__body--tonal {\n    background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);\n    width: 104px;\n    height: 104px;\n    border-radius: 50%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n\n  .empty-state__body--flat {\n  }\n\n  .nile-flat-type-icon {\n    height:var(--nile-es-icon-size);\n    aspect-ratio:1 / 1;\n    border-radius: var(--nile-es-flat-option-border-radius);\n\n    background-color: white;\n    display: grid;\n    place-items: center;\n    border: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  .empty__state__text-section {\n    display:flex;\n    flex-direction:column;\n    gap:var(--nile-es-text-gap);\n    max-width:80%;\n  }\n\n  .empty-state__text {\n    font-size: var(--nile-es-text-size);\n    font-weight: 600;\n    line-height: var(--nile-es-text-line-height);\n    text-align: center;\n    font-style: normal;\n  }\n\n  .empty-state__subtext {\n    font-size: var(--nile-es-subtext-size);\n    font-weight: 400;\n    line-height: var(--nile-es-subtext-line-height);\n    text-align: center;\n    color:var(--nile-colors-dark-500);\n    font-style: normal;\n  }\n\n  .empty-state-actions {\n    display:flex;\n    justify-content:center;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-empty-state.css.cjs.js.map

package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-empty-state.css.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.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 EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n min-width:var(--nile-empty-state-max-width);\n max-width:var(--nile-empty-state-min-width);\n width:100%;\n }\n\n .empty-state--sm {\n --nile-es-text-size:16px;\n --nile-es-text-line-height:24px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n --nile-es-text-gap:0px;\n }\n\n .empty-state--md {\n --nile-es-text-size:18px;\n --nile-es-text-line-height:28px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n\n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md);\n }\n\n .empty-state--lg {\n --nile-es-text-size:20px;\n --nile-es-text-line-height:30px;\n --nile-es-subtext-size:16px;\n --nile-es-subtext-line-height:24px;\n\n --nile-es-icon-size:56px;\n --nile-es-flat-option-border-radius:10px;\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md)\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n .empty-state__image { \n background:var(--nile-empty-state-image);\n background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n height: var(--nile-es-img-height);\n width: var(--nile-es-img-width);\n max-width: 100%;\n }\n\n .empty-state__image--grayscale {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n filter: grayscale(100%);\n }\n\n .empty-state__img__icon {\n height: var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: ~~#34405466~~;\n position:absolute;\n left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n }\n\n .empty-state__body--tonal {\n background: linear-gradient(180deg, ~~#F9FAFB~~ 0%, ~~#EDF0F3~~ 100%);\n width: 104px;\n height: 104px;\n border-radius: 50%;\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .empty-state__body--flat {\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n\n background-color: white;\n display: grid;\n place-items: center;\n border: 1px solid ~~#EAECF0~~;\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-weight: 600;\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-weight: 400;\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color~~:#475467~~;\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-empty-state.css.cjs.js","sources":["../../../src/nile-empty-state/nile-empty-state.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 EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n min-width:var(--nile-empty-state-max-width);\n max-width:var(--nile-empty-state-min-width);\n width:100%;\n }\n\n .empty-state--sm {\n --nile-es-text-size:16px;\n --nile-es-text-line-height:24px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-xl);\n --nile-es-text-gap:0px;\n }\n\n .empty-state--md {\n --nile-es-text-size:18px;\n --nile-es-text-line-height:28px;\n --nile-es-subtext-size:14px;\n --nile-es-subtext-line-height:20px;\n\n --nile-es-icon-size:48px;\n --nile-es-flat-option-border-radius:5px;\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md);\n }\n\n .empty-state--lg {\n --nile-es-text-size:20px;\n --nile-es-text-line-height:30px;\n --nile-es-subtext-size:16px;\n --nile-es-subtext-line-height:24px;\n\n --nile-es-icon-size:56px;\n --nile-es-flat-option-border-radius:10px;\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl);\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl);\n --nile-es-text-gap:var(--nile-spacing-spacing-md)\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n .empty-state__image { \n background:var(--nile-empty-state-image);\n background-size: var(--nile-es-img-width) var(--nile-es-img-height);\n height: var(--nile-es-img-height);\n width: var(--nile-es-img-width);\n max-width: 100%;\n }\n\n .empty-state__image--grayscale {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n filter: grayscale(100%);\n }\n\n .empty-state__img__icon {\n height: var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: var(--nile-colors-neutral-500);\n position:absolute;\n left: calc(50% - calc(var(--nile-es-icon-size) / 2));\n top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));\n }\n\n .empty-state__body--tonal {\n background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);\n width: 104px;\n height: 104px;\n border-radius: 50%;\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .empty-state__body--flat {\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n\n background-color: white;\n display: grid;\n place-items: center;\n border: 1px solid var(--nile-colors-neutral-400);\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-weight: 600;\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-weight: 400;\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color:var(--nile-colors-dark-500);\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n }\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-empty-state/nile-empty-state.css.esm.js CHANGED Viewed

@@ -97,14 +97,14 @@ import{css as e}from"lit";const i=e`
     border-radius: 50%;
     display: grid;
     place-items: center;
-    background: #34405466;
+    background: var(--nile-colors-neutral-500);
     position:absolute;
     left: calc(50% - calc(var(--nile-es-icon-size) / 2));
     top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));
   }
   .empty-state__body--tonal {
-    background: linear-gradient(180deg, #F9FAFB 0%, #EDF0F3 100%);
+    background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);
     width: 104px;
     height: 104px;
     border-radius: 50%;
@@ -124,7 +124,7 @@ import{css as e}from"lit";const i=e`
     background-color: white;
     display: grid;
     place-items: center;
-    border: 1px solid #EAECF0;
+    border: 1px solid var(--nile-colors-neutral-400);
   }
   .empty__state__text-section {
@@ -147,7 +147,7 @@ import{css as e}from"lit";const i=e`
     font-weight: 400;
     line-height: var(--nile-es-subtext-line-height);
     text-align: center;
-    color:#475467;
+    color:var(--nile-colors-dark-500);
     font-style: normal;
   }

package/dist/nile-error-message/nile-error-message.cjs.js CHANGED Viewed

@@ -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-error-message.css.cjs.js"],function(_export,_context){"use strict";var e,s,r,i,o,t,_templateObject,_templateObject2,_templateObject3,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){s=_lit.LitElement;r=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_s){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.errorMessage="",_this.isExpanded=!1,_this.MAX_LENGTH=100;return _this;}_inherits(n,_s);return _createClass(n,[{key:"getTruncatedResponse",value:function getTruncatedResponse(){return this.errorResponse.length>this.MAX_LENGTH?"".concat(this.errorResponse.substring(0,this.MAX_LENGTH),"..."):this.errorResponse;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"render",value:function render(){var e=this.isExpanded?"arrowup":"arrowdown";return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"#A4121C\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">","</span>\n\n\n        ","\n\n        <div\n          class=\"nile-error-message__response-expanded ","\"\n        >\n          ","\n        </div>\n      </div>\n    "])),this.errorMessage,this.errorResponse?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div class=\"nile-error-message__response\">\n            ","\n            ","\n            </div>\n            "])),this.errorResponse,this.errorResponseLong?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <span\n              class=\"nile-error-message__more-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",e):""):"",this.isExpanded?"expanded":"collapsed",this.errorResponseLong);}}],[{key:"styles",get:function get(){return[t];}}]);}(s));e([i({type:String})],n.prototype,"errorMessage",void 0),e([i({type:String})],n.prototype,"errorResponse",void 0),e([i({type:String})],n.prototype,"errorResponseLong",void 0),e([i({type:Boolean})],n.prototype,"isExpanded",void 0),_export("N",n=e([o("nile-error-message")],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-error-message.css.cjs.js"],function(_export,_context){"use strict";var e,s,r,i,o,t,_templateObject,_templateObject2,_templateObject3,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){s=_lit.LitElement;r=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_s){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.errorMessage="",_this.isExpanded=!1,_this.MAX_LENGTH=100;return _this;}_inherits(n,_s);return _createClass(n,[{key:"getTruncatedResponse",value:function getTruncatedResponse(){return this.errorResponse.length>this.MAX_LENGTH?"".concat(this.errorResponse.substring(0,this.MAX_LENGTH),"..."):this.errorResponse;}},{key:"toggleExpanded",value:function toggleExpanded(){this.isExpanded=!this.isExpanded;}},{key:"render",value:function render(){var e=this.isExpanded?"arrowup":"arrowdown";return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\" part=\"base\">\n        <nile-icon\n          name=\"info2\"\n          size=\"14\"\n          class=\"nile-error-message__icon\"\n          part=\"icon\"\n          color=\"var(--nile-colors-red-700)\"\n        ></nile-icon>\n        <span class=\"nile-error-message__error\">","</span>\n\n\n        ","\n\n        <div\n          class=\"nile-error-message__response-expanded ","\"\n        >\n          ","\n        </div>\n      </div>\n    "])),this.errorMessage,this.errorResponse?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div class=\"nile-error-message__response\">\n            ","\n            ","\n            </div>\n            "])),this.errorResponse,this.errorResponseLong?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <span\n              class=\"nile-error-message__more-button\"\n              @click=","\n              >","\n              <nile-icon color=\"var(--nile-colors-primary-600)\" part=\"icon\" size=\"14\" name=\"","\"></nile-icon>\n              </span\n            > "])),this.toggleExpanded,this.isExpanded?"View Less":"View More",e):""):"",this.isExpanded?"expanded":"collapsed",this.errorResponseLong);}}],[{key:"styles",get:function get(){return[t];}}]);}(s));e([i({type:String})],n.prototype,"errorMessage",void 0),e([i({type:String})],n.prototype,"errorResponse",void 0),e([i({type:String})],n.prototype,"errorResponseLong",void 0),e([i({type:Boolean})],n.prototype,"isExpanded",void 0),_export("N",n=e([o("nile-error-message")],n));}};});
 //# sourceMappingURL=nile-error-message.cjs.js.map

package/dist/nile-error-message/nile-error-message.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\n/*\n A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n /\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n // Represents the error message to be displayed to the user.\n @property({ type: String })\n errorMessage: string = '';\n\n // Represents additional details about the error, like stack trace or other info.\n @property({ type: String })\n errorResponse: string;\n\n // Extended error information\n @property({ type: String })\n errorResponseLong: string;\n\n @property({ type: Boolean })\n isExpanded: boolean = false;\n\n // The maximum length before truncation.\n private readonly MAX_LENGTH: number = 100;\n\n /\n Get a truncated version of the errorResponse if it's too long.\n * @returns {string}\n /\n getTruncatedResponse(): string {\n if (this.errorResponse.length > this.MAX_LENGTH) {\n return `${this.errorResponse.substring(0, this.MAX_LENGTH)}...`;\n }\n return this.errorResponse;\n }\n\n /\n Toggle the expanded state of the error response.\n */\n toggleExpanded() {\n this.isExpanded = !this.isExpanded;\n }\n\n public render(): TemplateResult {\n const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n return html`\n <div class=\"nile-error-message\" part=\"base\">\n <nile-icon\n name=\"info2\"\n size=\"14\"\n class=\"nile-error-message__icon\"\n part=\"icon\"\n color=\"~~#A4121C~~\"\n ></nile-icon>\n <span class=\"nile-error-message__error\">${this.errorMessage}</span>\n\n\n ${this.errorResponse\n ? html`\n <div class=\"nile-error-message__response\">\n ${this.errorResponse}\n ${this.errorResponseLong\n ? html`\n <span\n class=\"nile-error-message__more-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 > `:``}\n </div>\n `\n : ``}\n\n <div\n class=\"nile-error-message__response-expanded ${this.isExpanded\n ? 'expanded'\n : 'collapsed'}\"\n >\n ${this.errorResponseLong}\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-error-message': NileErrorMessage;\n }\n}\n"],"names":["NileErrorMessage","_s","n","constructor","this","errorMessage","isExpanded","MAX_LENGTH","_this","_inherits","_createClass","key","value","getTruncatedResponse","errorResponse","length","concat","substring","toggleExpanded","render","iconName","html","_templateObject","_taggedTemplateLiteral","_templateObject2","errorResponseLong","_templateObject3","__decorate","get","styles","LitElement","property","type","String","prototype","Boolean","_export","customElement"],"mappings":"gjHAcaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAOLC,KAAAA,CAAYC,YAAAA,CAAW,EAWvBD,CAAAA,KAAAA,CAAUE,YAAY,CAGLF,CAAAA,KAAAA,CAAUG,UAAW,CAAA,GA8DvC,QAAAC,KAAA,EAlFQC,SAAA,CAAAP,CAAA,CAAAD,EAAA,SAAAS,YAAA,CAAAR,CAAA,GAAAS,GAAA,wBAAAC,KAAA,CA0BP,SAAAC,qBAAA,CAAAA,CACE,MAAIT,KAAAA,CAAKU,aAAcC,CAAAA,MAAAA,CAASX,KAAKG,UAC5B,IAAAS,MAAA,CAAGZ,IAAKU,CAAAA,aAAAA,CAAcG,SAAU,CAAA,CAAA,CAAGb,IAAKG,CAAAA,UAAAA,CAAAA,QAE1CH,KAAKU,aACb,EAKD,GAAAH,GAAA,kBAAAC,KAAA,UAAAM,eAAA,CAAAA,CACEd,IAAKE,CAAAA,UAAAA,CAAAA,CAAcF,IAAKE,CAAAA,UACzB,EAEM,GAAAK,GAAA,UAAAC,KAAA,UAAAO,OAAA,CAAAA,CACL,GAAMC,CAAAA,CAAAA,CAAWhB,IAAKE,CAAAA,UAAAA,CAAa,SAAY,CAAA,WAAA,CAE/C,MAAOe,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~4dASmCnB,~~IAAKC,CAAAA,YAAAA,CAG7CD,IAAAA,CAAKU,cACLO,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,sIAEAnB,IAAKU,CAAAA,aAAAA,CACLV,IAAAA,CAAKqB,kBACDJ,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,~~0QAGCnB~~,IAAKc,CAAAA,cAAAA,CACXd,IAAAA,CAAKE,WAAa,WAAc,CAAA,WAAA,~~CACsBc~~,CAAAA,~~EAEvD~~,EAAA,EAGN,EAAA,CAG+ChB,IAAAA,CAAKE,WAChD,UACA,CAAA,WAAA,CAEFF,IAAKqB,CAAAA,iBAAAA,EAId,CA3EDE,KAAAA,GAAAA,UAAAA,GAAAA,CANO,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAwBD,MA3BoCC,IAOpCH,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMC,MACQjC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAI1BP,EAAA,CADCI,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CACIjC,EAAAkC,SAAA,CAAA,eAAA,CAAA,IAAA,IAItBP,CAAA,CAAA,CADCI,EAAS,CAAEC,IAAAA,CAAMC,UACQjC,CAAAkC,CAAAA,SAAAA,CAAA,wBAAA,EAG1BP,CAAAA,CAAAA,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMG,OACUnC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KAlBjBpC,EAAgB2B,CAAA,CAAA,CAD5BU,CAAc,CAAA,oBAAA,CAAA,CAAA,CACFrC"}
1	+ {"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\n/*\n A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n /\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n // Represents the error message to be displayed to the user.\n @property({ type: String })\n errorMessage: string = '';\n\n // Represents additional details about the error, like stack trace or other info.\n @property({ type: String })\n errorResponse: string;\n\n // Extended error information\n @property({ type: String })\n errorResponseLong: string;\n\n @property({ type: Boolean })\n isExpanded: boolean = false;\n\n // The maximum length before truncation.\n private readonly MAX_LENGTH: number = 100;\n\n /\n Get a truncated version of the errorResponse if it's too long.\n * @returns {string}\n /\n getTruncatedResponse(): string {\n if (this.errorResponse.length > this.MAX_LENGTH) {\n return `${this.errorResponse.substring(0, this.MAX_LENGTH)}...`;\n }\n return this.errorResponse;\n }\n\n /\n Toggle the expanded state of the error response.\n */\n toggleExpanded() {\n this.isExpanded = !this.isExpanded;\n }\n\n public render(): TemplateResult {\n const iconName = this.isExpanded ? 'arrowup' : 'arrowdown';\n\n return html`\n <div class=\"nile-error-message\" part=\"base\">\n <nile-icon\n name=\"info2\"\n size=\"14\"\n class=\"nile-error-message__icon\"\n part=\"icon\"\n color=\"var(--nile-colors-red-700)\"\n ></nile-icon>\n <span class=\"nile-error-message__error\">${this.errorMessage}</span>\n\n\n ${this.errorResponse\n ? html`\n <div class=\"nile-error-message__response\">\n ${this.errorResponse}\n ${this.errorResponseLong\n ? html`\n <span\n class=\"nile-error-message__more-button\"\n @click=${this.toggleExpanded}\n >${this.isExpanded ? 'View Less' : 'View More'}\n <nile-icon color=\"var(--nile-colors-primary-600)\" part=\"icon\" size=\"14\" name=\"${iconName}\"></nile-icon>\n </span\n > `:``}\n </div>\n `\n : ``}\n\n <div\n class=\"nile-error-message__response-expanded ${this.isExpanded\n ? 'expanded'\n : 'collapsed'}\"\n >\n ${this.errorResponseLong}\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-error-message': NileErrorMessage;\n }\n}\n"],"names":["NileErrorMessage","_s","n","constructor","this","errorMessage","isExpanded","MAX_LENGTH","_this","_inherits","_createClass","key","value","getTruncatedResponse","errorResponse","length","concat","substring","toggleExpanded","render","iconName","html","_templateObject","_taggedTemplateLiteral","_templateObject2","errorResponseLong","_templateObject3","__decorate","get","styles","LitElement","property","type","String","prototype","Boolean","_export","customElement"],"mappings":"gjHAcaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAOLC,KAAAA,CAAYC,YAAAA,CAAW,EAWvBD,CAAAA,KAAAA,CAAUE,YAAY,CAGLF,CAAAA,KAAAA,CAAUG,UAAW,CAAA,GA8DvC,QAAAC,KAAA,EAlFQC,SAAA,CAAAP,CAAA,CAAAD,EAAA,SAAAS,YAAA,CAAAR,CAAA,GAAAS,GAAA,wBAAAC,KAAA,CA0BP,SAAAC,qBAAA,CAAAA,CACE,MAAIT,KAAAA,CAAKU,aAAcC,CAAAA,MAAAA,CAASX,KAAKG,UAC5B,IAAAS,MAAA,CAAGZ,IAAKU,CAAAA,aAAAA,CAAcG,SAAU,CAAA,CAAA,CAAGb,IAAKG,CAAAA,UAAAA,CAAAA,QAE1CH,KAAKU,aACb,EAKD,GAAAH,GAAA,kBAAAC,KAAA,UAAAM,eAAA,CAAAA,CACEd,IAAKE,CAAAA,UAAAA,CAAAA,CAAcF,IAAKE,CAAAA,UACzB,EAEM,GAAAK,GAAA,UAAAC,KAAA,UAAAO,OAAA,CAAAA,CACL,GAAMC,CAAAA,CAAAA,CAAWhB,IAAKE,CAAAA,UAAAA,CAAa,SAAY,CAAA,WAAA,CAE/C,MAAOe,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+eASmCnB,IAAKC,CAAAA,YAAAA,CAG7CD,IAAAA,CAAKU,cACLO,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,sIAEAnB,IAAKU,CAAAA,aAAAA,CACLV,IAAAA,CAAKqB,kBACDJ,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,iSAGCnB,IAAKc,CAAAA,cAAAA,CACXd,IAAAA,CAAKE,WAAa,WAAc,CAAA,WAAA,CAC6Cc,CAAAA,EAE9E,EAAA,EAGN,EAAA,CAG+ChB,IAAAA,CAAKE,WAChD,UACA,CAAA,WAAA,CAEFF,IAAKqB,CAAAA,iBAAAA,EAId,CA3EDE,KAAAA,GAAAA,UAAAA,GAAAA,CANO,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAwBD,MA3BoCC,IAOpCH,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMC,MACQjC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAI1BP,EAAA,CADCI,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CACIjC,EAAAkC,SAAA,CAAA,eAAA,CAAA,IAAA,IAItBP,CAAA,CAAA,CADCI,EAAS,CAAEC,IAAAA,CAAMC,UACQjC,CAAAkC,CAAAA,SAAAA,CAAA,wBAAA,EAG1BP,CAAAA,CAAAA,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMG,OACUnC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkC,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KAlBjBpC,EAAgB2B,CAAA,CAAA,CAD5BU,CAAc,CAAA,oBAAA,CAAA,CAAA,CACFrC"}

package/dist/nile-error-message/nile-error-message.esm.js CHANGED Viewed

@@ -5,7 +5,7 @@ import{__decorate as e}from"tslib";import{LitElement as s,html as r}from"lit";im
           size="14"
           class="nile-error-message__icon"
           part="icon"
-          color="#A4121C"
+          color="var(--nile-colors-red-700)"
         ></nile-icon>
         <span class="nile-error-message__error">${this.errorMessage}</span>
@@ -18,7 +18,7 @@ import{__decorate as e}from"tslib";import{LitElement as s,html as r}from"lit";im
               class="nile-error-message__more-button"
               @click=${this.toggleExpanded}
               >${this.isExpanded?"View Less":"View More"}
-              <nile-icon color="#005EA6" part="icon" size="14" name="${e}"></nile-icon>
+              <nile-icon color="var(--nile-colors-primary-600)" part="icon" size="14" name="${e}"></nile-icon>
               </span
             > `:""}
             </div>

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

@@ -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,s,o,i,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}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",t=/*#__PURE__*/function(_e){function t(){_classCallCheck(this,t);return _callSuper(this,t,arguments);}_inherits(t,_e);return _createClass(t,[{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=\"#A4121C\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);}(e));_export("N",t=r([o("nile-form-error-message")],t));}};});
+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(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}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 CHANGED Viewed

	@@ -1 +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=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"~~#A4121C~~\"> </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":"6/GAkBaA,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,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,~~qNAKX~~,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"}
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=\"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":"6/GAkBaA,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,OAAA,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.esm.js CHANGED Viewed

@@ -1,5 +1,5 @@
-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 t=class extends e{static get styles(){return[i]}render(){return s`
+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="info2" size="14" class="nile-form-error-message__icon" color="#A4121C"> </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>
-			`}};t=r([o("nile-form-error-message")],t);export{t as N};
+			`}};l=r([o("nile-form-error-message")],l);export{l as N};

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\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,#fff);\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: 8px;\n\t\tborder: 1px solid #EAECF0;\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: 48px;\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 e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\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: 8px;\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: 48px;\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"]))));}};});
 //# sourceMappingURL=nile-hero.css.cjs.js.map