@aquera/nile-elements 0.1.44-beta-1.0 → 0.1.44-beta-1.2
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.
- package/README.md +4 -0
- package/dist/index.js +154 -154
- package/dist/nile-button/nile-button.css.cjs.js +1 -1
- package/dist/nile-button/nile-button.css.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.css.esm.js +1 -1
- package/dist/nile-error-message/nile-error-message.css.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.css.cjs.js.map +1 -1
- package/dist/nile-error-message/nile-error-message.css.esm.js +1 -1
- package/dist/nile-icon/icons/svg/flowmap-workflow.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/flowmap-workflow.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/flowmap-workflow.esm.js +1 -1
- package/dist/nile-icon/icons/svg/generationphase.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/generationphase.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/generationphase.esm.js +1 -1
- package/dist/nile-icon/icons/svg/header-child-workflow.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/header-child-workflow.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/header-child-workflow.esm.js +1 -1
- package/dist/nile-icon/icons/svg/identityledger.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/identityledger.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/identityledger.esm.js +1 -1
- package/dist/nile-icon/icons/svg/info.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/info.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/info.esm.js +1 -1
- package/dist/nile-icon/icons/svg/integer.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/integer.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/integer.esm.js +1 -1
- package/dist/nile-icon/icons/svg/layers-three-02.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/layers-three-02.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/layers-three-02.esm.js +1 -1
- package/dist/nile-icon/icons/svg/left-join.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/left-join.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/left-join.esm.js +1 -1
- package/dist/nile-icon/icons/svg/left-union.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/left-union.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/left-union.esm.js +1 -1
- package/dist/nile-icon/icons/svg/leftpointarrow.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/leftpointarrow.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/leftpointarrow.esm.js +1 -1
- package/dist/nile-icon/icons/svg/list-attribute.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/list-attribute.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/list-attribute.esm.js +1 -1
- package/dist/nile-icon/icons/svg/maponcreate.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/maponcreate.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/maponcreate.esm.js +1 -1
- package/dist/nile-icon/icons/svg/nomatch.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/nomatch.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/nomatch.esm.js +1 -1
- package/dist/nile-icon/icons/svg/organization.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/organization.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/organization.esm.js +1 -1
- package/dist/nile-icon/icons/svg/partners.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/partners.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/partners.esm.js +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.esm.js +1 -1
- package/dist/nile-icon/icons/svg/privilege.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/privilege.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/privilege.esm.js +1 -1
- package/dist/nile-icon/icons/svg/privilegeobject.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/privilegeobject.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/privilegeobject.esm.js +1 -1
- package/dist/nile-icon/icons/svg/question.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/question.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/question.esm.js +1 -1
- package/dist/nile-icon/icons/svg/revocation-cycle.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/revocation-cycle.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/revocation-cycle.esm.js +1 -1
- package/dist/nile-icon/icons/svg/role.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/role.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/role.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sortdown.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sortdown.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sortdown.esm.js +1 -1
- package/dist/nile-icon/icons/svg/table.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/table.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/table.esm.js +1 -1
- package/dist/nile-icon/icons/svg/thumsup.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/thumsup.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/thumsup.esm.js +1 -1
- package/dist/nile-icon/icons/svg/timezone.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/timezone.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/timezone.esm.js +1 -1
- package/dist/nile-icon/icons/svg/unmute.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/unmute.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/unmute.esm.js +1 -1
- package/dist/nile-icon/icons/svg/virtualserver.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/virtualserver.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/virtualserver.esm.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.css.esm.js +1 -1
- package/dist/src/nile-button/nile-button.css.js +1 -1
- package/dist/src/nile-button/nile-button.css.js.map +1 -1
- package/dist/src/nile-error-message/nile-error-message.css.js +1 -1
- package/dist/src/nile-error-message/nile-error-message.css.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/flowmap-workflow.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/flowmap-workflow.js +1 -1
- package/dist/src/nile-icon/icons/svg/flowmap-workflow.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/generationphase.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/generationphase.js +1 -1
- package/dist/src/nile-icon/icons/svg/generationphase.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/header-child-workflow.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/header-child-workflow.js +1 -1
- package/dist/src/nile-icon/icons/svg/header-child-workflow.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/identityledger.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/identityledger.js +1 -1
- package/dist/src/nile-icon/icons/svg/identityledger.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/info.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/info.js +1 -1
- package/dist/src/nile-icon/icons/svg/info.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/integer.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/integer.js +1 -1
- package/dist/src/nile-icon/icons/svg/integer.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/layers-three-02.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/layers-three-02.js +1 -1
- package/dist/src/nile-icon/icons/svg/layers-three-02.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/left-join.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/left-join.js +1 -1
- package/dist/src/nile-icon/icons/svg/left-join.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/left-union.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/left-union.js +1 -1
- package/dist/src/nile-icon/icons/svg/left-union.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/leftpointarrow.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/leftpointarrow.js +1 -1
- package/dist/src/nile-icon/icons/svg/leftpointarrow.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/list-attribute.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/list-attribute.js +1 -1
- package/dist/src/nile-icon/icons/svg/list-attribute.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/maponcreate.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/maponcreate.js +1 -1
- package/dist/src/nile-icon/icons/svg/maponcreate.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/nomatch.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/nomatch.js +1 -1
- package/dist/src/nile-icon/icons/svg/nomatch.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/organization.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/organization.js +1 -1
- package/dist/src/nile-icon/icons/svg/organization.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/partners.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/partners.js +1 -1
- package/dist/src/nile-icon/icons/svg/partners.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.js +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/privilege.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/privilege.js +1 -1
- package/dist/src/nile-icon/icons/svg/privilege.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/privilegeobject.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/privilegeobject.js +1 -1
- package/dist/src/nile-icon/icons/svg/privilegeobject.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/question.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/question.js +1 -1
- package/dist/src/nile-icon/icons/svg/question.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/revocation-cycle.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/revocation-cycle.js +1 -1
- package/dist/src/nile-icon/icons/svg/revocation-cycle.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/role.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/role.js +1 -1
- package/dist/src/nile-icon/icons/svg/role.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.js +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.js +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sortdown.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sortdown.js +1 -1
- package/dist/src/nile-icon/icons/svg/sortdown.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/table.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/table.js +1 -1
- package/dist/src/nile-icon/icons/svg/table.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/thumsup.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/thumsup.js +1 -1
- package/dist/src/nile-icon/icons/svg/thumsup.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.js +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.js +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/virtualserver.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/virtualserver.js +1 -1
- package/dist/src/nile-icon/icons/svg/virtualserver.js.map +1 -1
- package/dist/src/nile-input/nile-input.css.js +1 -1
- package/dist/src/nile-input/nile-input.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-button/nile-button.css.ts +1 -1
- package/src/nile-error-message/nile-error-message.css.ts +1 -1
- package/src/nile-icon/icons/svg/flowmap-workflow.ts +1 -1
- package/src/nile-icon/icons/svg/generationphase.ts +1 -1
- package/src/nile-icon/icons/svg/header-child-workflow.ts +1 -1
- package/src/nile-icon/icons/svg/identityledger.ts +1 -1
- package/src/nile-icon/icons/svg/info.ts +1 -1
- package/src/nile-icon/icons/svg/integer.ts +1 -1
- package/src/nile-icon/icons/svg/layers-three-02.ts +1 -1
- package/src/nile-icon/icons/svg/left-join.ts +1 -1
- package/src/nile-icon/icons/svg/left-union.ts +1 -1
- package/src/nile-icon/icons/svg/leftpointarrow.ts +1 -1
- package/src/nile-icon/icons/svg/list-attribute.ts +1 -1
- package/src/nile-icon/icons/svg/maponcreate.ts +1 -1
- package/src/nile-icon/icons/svg/nomatch.ts +1 -1
- package/src/nile-icon/icons/svg/organization.ts +1 -1
- package/src/nile-icon/icons/svg/partners.ts +1 -1
- package/src/nile-icon/icons/svg/pluscircle.ts +1 -1
- package/src/nile-icon/icons/svg/privilege.ts +1 -1
- package/src/nile-icon/icons/svg/privilegeobject.ts +1 -1
- package/src/nile-icon/icons/svg/question.ts +1 -1
- package/src/nile-icon/icons/svg/revocation-cycle.ts +1 -1
- package/src/nile-icon/icons/svg/role.ts +1 -1
- package/src/nile-icon/icons/svg/sendescalation.ts +1 -1
- package/src/nile-icon/icons/svg/sendreminder.ts +1 -1
- package/src/nile-icon/icons/svg/sortdown.ts +1 -1
- package/src/nile-icon/icons/svg/table.ts +1 -1
- package/src/nile-icon/icons/svg/thumsup.ts +1 -1
- package/src/nile-icon/icons/svg/timezone.ts +1 -1
- package/src/nile-icon/icons/svg/unmute.ts +1 -1
- package/src/nile-icon/icons/svg/virtualserver.ts +1 -1
- package/src/nile-input/nile-input.css.ts +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\n position: relative;\n width: auto;\n cursor: pointer;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-style: solid;\n border-width: var(--nile-border-size-1, var(--ng-border-width-1));\n font-style: normal;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n text-align: center;\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n cursor: inherit;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));\n border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));\n padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));\n gap: var(--nile-spacing-sm, var(--ng-spacing-xs));\n line-height: var(--nile-line-height-small);\n box-sizing: border-box;\n height: var(--nile-height-40px, var(--ng-height-40px));\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: var(--nile-outline-5px, --ng-outline-5px) auto var(--ng-colors-bg-brand-solid, -webkit-focus-ring-color);\n outline-offset: var(--ng-outline-2px, --ng-outline-4px);\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .button--disabled * {\n pointer-events: none;\n }\n\n /* Primary */\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard)); \n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(\n --nile-textarea-standard-disabled-box-shadow,\n var(--ng-shadow-xs-skeuomorphic)\n ); //TODO: fix\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid-hover));\n border-color: var(--nile-colors-primary-700, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-900, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--primary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Secondary */\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary.button--disabled:hover,\n .button--standard.button--secondary.button--disabled:active {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Tertiary */\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary.button--disabled,\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring));\n }\n\n /* ghost */\n .button--standard.button--ghost {\n background-color: var(--nile-colors-white-base);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost.button--disabled,\n .button--standard.button--ghost.button--disabled:hover,\n .button--standard.button--ghost.button--disabled:active {\n border-color: transparent;\n background-color: var(--nile-colors-white-base);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n /* caution */\n .button--standard.button--caution {\n background-color: var(--nile-colors-red-500);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution.button--disabled,\n .button--standard.button--caution.button--disabled:hover,\n .button--standard.button--caution.button--disabled:active {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-400);\n }\n\n /* destructive */\n .button--standard.button--destructive {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid-hover));\n border-color: var(--nile-colors-red-700, var(--ng-primary-standard));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n .button--standard.button--destructive:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-error-shadow-xs-skeumorphic))\n }\n\n .button--standard.button--destructive.button--disabled {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--destructive.button--disabled:active {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-primary-standard));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--destructive.button--disabled:hover {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n /* secondary-Grey */\n .button--standard.button--secondary-grey {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(152, 162, 179, 0.14);\n }\n\n .button--standard.button--secondary-grey.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-grey.button--disabled:hover,\n .button--standard.button--secondary-grey.button--disabled:active {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* secondary-blue */\n .button--standard.button--secondary-blue {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:hover:not(.button--disabled) {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(0, 82, 145, 0.1),\n 0px 0px 0px 4px rgba(0, 94, 166, 0.15);\n }\n\n .button--standard.button--secondary-blue.button--disabled {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-blue.button--disabled:hover,\n .button--standard.button--secondary-blue.button--disabled:active {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* Primary Variant - Nile Icon Fill */\n .button--standard.button--primary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon)) !important;\n }\n .button--standard.button--primary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--primary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon-hover)) !important;\n }\n .button--standard.button--primary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Secondary Variant */\n .button--standard.button--secondary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--secondary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--secondary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--secondary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Tertiary Variant */\n .button--standard.button--tertiary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--tertiary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--tertiary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--tertiary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-quaternary-400)) !important;\n }\n\n /* Ghost Variant */\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--ghost:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500) !important;\n }\n\n /* Caution Variant */\n .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-400) !important;\n }\n\n /* destructive */\n .button--standard.button--destructive ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n }\n .button--standard.button--destructive:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n }\n .button--standard.button--destructive.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /*\n * Outline buttons\n */\n\n .button--outline {\n background: none;\n border: solid 2px;\n }\n\n /* Default */\n .button--outline.button--secondary {\n border-color: var(--nile-colors-neutral-300);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--outline.button--secondary:hover:not(.button--disabled),\n .button--outline.button--secondary.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--secondary:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Primary */\n .button--outline.button--primary {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-primary-600);\n }\n\n .button--outline.button--primary:hover:not(.button--disabled),\n .button--outline.button--primary.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--primary:active:not(.button--disabled) {\n border-color: var(--nile-colors-primary-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Success */\n .button--outline.button--success {\n border-color: var(--nile-colors-green-600);\n color: var(--nile-colors-green-600);\n }\n\n .button--outline.button--success:hover:not(.button--disabled),\n .button--outline.button--success.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--success:active:not(.button--disabled) {\n border-color: var(--nile-colors-green-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Neutral */\n .button--outline.button--neutral {\n border-color: var(--nile-colors-neutral-600);\n color: var(--nile-colors-neutral-600);\n }\n\n .button--outline.button--neutral:hover:not(.button--disabled),\n .button--outline.button--neutral.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--neutral:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Warning */\n .button--outline.button--warning {\n border-color: var(--nile-colors-orange-600);\n color: var(--nile-colors-orange-600);\n }\n\n .button--outline.button--warning:hover:not(.button--disabled),\n .button--outline.button--warning.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--warning:active:not(.button--disabled) {\n border-color: var(--nile-colors-orange-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Danger */\n .button--outline.button--danger {\n border-color: var(--nile-colors-red-600);\n color: var(--nile-colors-red-600);\n }\n\n .button--outline.button--danger:hover:not(.button--disabled),\n .button--outline.button--danger.button--checked:not(.button--disabled) {\n background-color: var(--nile-colors-red-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--danger:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n /* destructive */\n .button--outline.button--destructive {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n box-shadow: 0px;\n }\n\n .button--outline.button--destructive:hover:not(.button--disabled),\n .button--outline.button--destructive.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-100);\n }\n\n .button--outline.button--destructive:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* destructive - focus-visible */\n .button--outline.button--destructive:focus-visible:not(.button--disabled) {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* secondary-grey */\n .button--outline.button--secondary-grey {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:hover:not(.button--disabled),\n .button--outline.button--secondary-grey.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-900);\n background-color: var(--nile-colors-neutral-100);\n }\n\n .button--outline.button--secondary-grey:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n /* secondary-blue */\n .button--outline.button--secondary-blue {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:hover:not(.button--disabled),\n .button--outline.button--secondary-blue.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-700);\n background-color: var(--nile-colors-blue-100);\n }\n\n .button--outline.button--secondary-blue:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n @media (forced-colors: active) {\n .button.button--outline.button--checked:not(.button--disabled) {\n outline: solid 2px transparent;\n }\n }\n\n /*\n * Pill modifier\n */\n\n .button--pill.button--small {\n border-radius: var(--nile-radius-2xl);\n }\n\n .button--pill.button--medium {\n border-radius: var(--nile-radius-2xl);\n }\n\n /*\n * Circle modifier\n */\n\n .button--circle {\n padding-left: var(--nile-spacing-none);\n padding-right: var(--nile-spacing-none);\n }\n\n .button--circle.button--small {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n }\n\n .button--circle.button--medium {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n }\n\n .button--circle .button__prefix,\n .button--circle .button__suffix,\n .button--circle .button__caret {\n display: none;\n }\n\n /* Caret modifier */\n\n .button--caret .button__suffix {\n display: none;\n }\n\n .button--caret .button__caret {\n height: auto;\n }\n\n /*\n * Loading modifier\n */\n\n .button--loading {\n position: relative;\n cursor: wait;\n }\n\n .button--loading .button__prefix,\n .button--loading .button__label,\n .button--loading .button__suffix,\n .button--loading .button__caret {\n visibility: hidden;\n }\n\n .button--loading nile-spinner {\n --indicator-color: currentColor;\n position: absolute;\n font-size: var(--nile-type-scale-4);\n height: 1em;\n width: 1em;\n top: calc(50% - 0.5em);\n left: calc(50% - 0.5em);\n }\n /*\n * Badges\n */\n\n .button ::slotted(nile-badge) {\n position: absolute;\n top: 0;\n right: 0;\n translate: 50% -50%;\n pointer-events: none;\n }\n\n /* outline with no border */\n .button--outline.button--hideborder {\n border: 0px;\n }\n"]))));}};});
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\n position: relative;\n width: auto;\n cursor: pointer;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-style: solid;\n border-width: var(--nile-border-size-1, var(--ng-border-width-1));\n font-style: normal;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n text-align: center;\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n cursor: inherit;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));\n border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));\n padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));\n gap: var(--nile-spacing-sm, var(--ng-spacing-xs));\n line-height: var(--nile-line-height-small);\n box-sizing: border-box;\n height: var(--nile-height-40px, var(--ng-height-40px));\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: var(--nile-outline-5px, --ng-outline-5px) auto var(--ng-colors-bg-brand-solid, -webkit-focus-ring-color);\n outline-offset: var(--ng-outline-2px, --ng-outline-4px);\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .button--disabled * {\n pointer-events: none;\n }\n\n /* Primary */\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard)); \n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(\n --nile-textarea-standard-disabled-box-shadow,\n var(--ng-shadow-xs-skeuomorphic)\n ); //TODO: fix\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid-hover));\n border-color: var(--nile-colors-primary-700, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-900, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--primary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Secondary */\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary.button--disabled:hover,\n .button--standard.button--secondary.button--disabled:active {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Tertiary */\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary.button--disabled,\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring));\n }\n\n /* ghost */\n .button--standard.button--ghost {\n background-color: var(--nile-colors-white-base);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost.button--disabled,\n .button--standard.button--ghost.button--disabled:hover,\n .button--standard.button--ghost.button--disabled:active {\n border-color: transparent;\n background-color: var(--nile-colors-white-base);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n /* caution */\n .button--standard.button--caution {\n background-color: var(--nile-colors-red-500);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution.button--disabled,\n .button--standard.button--caution.button--disabled:hover,\n .button--standard.button--caution.button--disabled:active {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-400);\n }\n\n /* destructive */\n .button--standard.button--destructive {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid-hover));\n border-color: var(--nile-colors-red-700, var(--ng-primary-standard));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n .button--standard.button--destructive:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-error-shadow-xs-skeumorphic))\n }\n\n .button--standard.button--destructive.button--disabled {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--destructive.button--disabled:active {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-primary-standard));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--destructive.button--disabled:hover {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n /* secondary-Grey */\n .button--standard.button--secondary-grey {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(152, 162, 179, 0.14);\n }\n\n .button--standard.button--secondary-grey.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-grey.button--disabled:hover,\n .button--standard.button--secondary-grey.button--disabled:active {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* secondary-blue */\n .button--standard.button--secondary-blue {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:hover:not(.button--disabled) {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(0, 82, 145, 0.1),\n 0px 0px 0px 4px rgba(0, 94, 166, 0.15);\n }\n\n .button--standard.button--secondary-blue.button--disabled {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-blue.button--disabled:hover,\n .button--standard.button--secondary-blue.button--disabled:active {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* Primary Variant - Nile Icon Fill */\n .button--standard.button--primary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon)) !important;\n }\n .button--standard.button--primary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--primary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon-hover)) !important;\n }\n .button--standard.button--primary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Secondary Variant */\n .button--standard.button--secondary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--secondary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--secondary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--secondary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Tertiary Variant */\n .button--standard.button--tertiary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--tertiary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--tertiary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--tertiary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-quaternary-400)) !important;\n }\n\n /* Ghost Variant */\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--ghost:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500) !important;\n }\n\n /* Caution Variant */\n .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-400) !important;\n }\n\n /* destructive */\n .button--standard.button--destructive ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n }\n .button--standard.button--destructive:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n }\n .button--standard.button--destructive.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /*\n * Outline buttons\n */\n\n .button--outline {\n background: none;\n border: solid 2px;\n }\n\n /* Default */\n .button--outline.button--secondary {\n border-color: var(--nile-colors-neutral-300);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--outline.button--secondary:hover:not(.button--disabled),\n .button--outline.button--secondary.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--secondary:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Primary */\n .button--outline.button--primary {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-primary-600);\n }\n\n .button--outline.button--primary:hover:not(.button--disabled),\n .button--outline.button--primary.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--primary:active:not(.button--disabled) {\n border-color: var(--nile-colors-primary-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Success */\n .button--outline.button--success {\n border-color: var(--nile-colors-green-600);\n color: var(--nile-colors-green-600);\n }\n\n .button--outline.button--success:hover:not(.button--disabled),\n .button--outline.button--success.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--success:active:not(.button--disabled) {\n border-color: var(--nile-colors-green-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Neutral */\n .button--outline.button--neutral {\n border-color: var(--nile-colors-neutral-600);\n color: var(--nile-colors-neutral-600);\n }\n\n .button--outline.button--neutral:hover:not(.button--disabled),\n .button--outline.button--neutral.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--neutral:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Warning */\n .button--outline.button--warning {\n border-color: var(--nile-colors-orange-600);\n color: var(--nile-colors-orange-600);\n }\n\n .button--outline.button--warning:hover:not(.button--disabled),\n .button--outline.button--warning.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--warning:active:not(.button--disabled) {\n border-color: var(--nile-colors-orange-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Danger */\n .button--outline.button--danger {\n border-color: var(--nile-colors-red-600);\n color: var(--nile-colors-red-600);\n }\n\n .button--outline.button--danger:hover:not(.button--disabled),\n .button--outline.button--danger.button--checked:not(.button--disabled) {\n background-color: var(--nile-colors-red-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--danger:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n /* destructive */\n .button--outline.button--destructive {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n box-shadow: 0px;\n }\n\n .button--outline.button--destructive:hover:not(.button--disabled),\n .button--outline.button--destructive.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-100);\n }\n\n .button--outline.button--destructive:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* destructive - focus-visible */\n .button--outline.button--destructive:focus-visible:not(.button--disabled) {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* secondary-grey */\n .button--outline.button--secondary-grey {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:hover:not(.button--disabled),\n .button--outline.button--secondary-grey.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-900);\n background-color: var(--nile-colors-neutral-100);\n }\n\n .button--outline.button--secondary-grey:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n /* secondary-blue */\n .button--outline.button--secondary-blue {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:hover:not(.button--disabled),\n .button--outline.button--secondary-blue.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-700);\n background-color: var(--nile-colors-blue-100);\n }\n\n .button--outline.button--secondary-blue:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n @media (forced-colors: active) {\n .button.button--outline.button--checked:not(.button--disabled) {\n outline: solid 2px transparent;\n }\n }\n\n /*\n * Pill modifier\n */\n\n .button--pill.button--small {\n border-radius: var(--nile-radius-2xl);\n }\n\n .button--pill.button--medium {\n border-radius: var(--nile-radius-2xl);\n }\n\n /*\n * Circle modifier\n */\n\n .button--circle {\n padding-left: var(--nile-spacing-none);\n padding-right: var(--nile-spacing-none);\n }\n\n .button--circle.button--small {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n }\n\n .button--circle.button--medium {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n }\n\n .button--circle .button__prefix,\n .button--circle .button__suffix,\n .button--circle .button__caret {\n display: none;\n }\n\n /* Caret modifier */\n\n .button--caret .button__suffix {\n display: none;\n }\n\n .button--caret .button__caret {\n height: auto;\n }\n\n /*\n * Loading modifier\n */\n\n .button--loading {\n position: relative;\n cursor: wait;\n }\n\n .button--loading .button__prefix,\n .button--loading .button__label,\n .button--loading .button__suffix,\n .button--loading .button__caret {\n visibility: hidden;\n }\n\n .button--loading nile-spinner {\n --indicator-color: currentColor;\n position: absolute;\n font-size: var(--nile-type-scale-3);\n height: 1em;\n width: 1em;\n top: calc(50% - 0.5em);\n left: calc(50% - 0.5em);\n }\n /*\n * Badges\n */\n\n .button ::slotted(nile-badge) {\n position: absolute;\n top: 0;\n right: 0;\n translate: 50% -50%;\n pointer-events: none;\n }\n\n /* outline with no border */\n .button--outline.button--hideborder {\n border: 0px;\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-button.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-button.css.cjs.js","sources":["../../../src/nile-button/nile-button.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 * Button CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n position: relative;\n width: auto;\n cursor: pointer;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-style: solid;\n border-width: var(--nile-border-size-1, var(--ng-border-width-1));\n font-style: normal;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n text-align: center;\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n cursor: inherit;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));\n border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));\n padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));\n gap: var(--nile-spacing-sm, var(--ng-spacing-xs));\n line-height: var(--nile-line-height-small);\n box-sizing: border-box;\n height: var(--nile-height-40px, var(--ng-height-40px));\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: var(--nile-outline-5px, --ng-outline-5px) auto var(--ng-colors-bg-brand-solid, -webkit-focus-ring-color);\n outline-offset: var(--ng-outline-2px, --ng-outline-4px);\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .button--disabled * {\n pointer-events: none;\n }\n\n /* Primary */\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard)); \n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(\n --nile-textarea-standard-disabled-box-shadow,\n var(--ng-shadow-xs-skeuomorphic)\n ); //TODO: fix\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid-hover));\n border-color: var(--nile-colors-primary-700, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-900, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--primary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Secondary */\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary.button--disabled:hover,\n .button--standard.button--secondary.button--disabled:active {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Tertiary */\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary.button--disabled,\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring));\n }\n\n /* ghost */\n .button--standard.button--ghost {\n background-color: var(--nile-colors-white-base);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost.button--disabled,\n .button--standard.button--ghost.button--disabled:hover,\n .button--standard.button--ghost.button--disabled:active {\n border-color: transparent;\n background-color: var(--nile-colors-white-base);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n /* caution */\n .button--standard.button--caution {\n background-color: var(--nile-colors-red-500);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution.button--disabled,\n .button--standard.button--caution.button--disabled:hover,\n .button--standard.button--caution.button--disabled:active {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-400);\n }\n\n /* destructive */\n .button--standard.button--destructive {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid-hover));\n border-color: var(--nile-colors-red-700, var(--ng-primary-standard));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n .button--standard.button--destructive:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-error-shadow-xs-skeumorphic))\n }\n\n .button--standard.button--destructive.button--disabled {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--destructive.button--disabled:active {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-primary-standard));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--destructive.button--disabled:hover {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n /* secondary-Grey */\n .button--standard.button--secondary-grey {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(152, 162, 179, 0.14);\n }\n\n .button--standard.button--secondary-grey.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-grey.button--disabled:hover,\n .button--standard.button--secondary-grey.button--disabled:active {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* secondary-blue */\n .button--standard.button--secondary-blue {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:hover:not(.button--disabled) {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(0, 82, 145, 0.1),\n 0px 0px 0px 4px rgba(0, 94, 166, 0.15);\n }\n\n .button--standard.button--secondary-blue.button--disabled {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-blue.button--disabled:hover,\n .button--standard.button--secondary-blue.button--disabled:active {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* Primary Variant - Nile Icon Fill */\n .button--standard.button--primary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon)) !important;\n }\n .button--standard.button--primary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--primary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon-hover)) !important;\n }\n .button--standard.button--primary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Secondary Variant */\n .button--standard.button--secondary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--secondary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--secondary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--secondary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Tertiary Variant */\n .button--standard.button--tertiary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--tertiary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--tertiary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--tertiary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-quaternary-400)) !important;\n }\n\n /* Ghost Variant */\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--ghost:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500) !important;\n }\n\n /* Caution Variant */\n .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-400) !important;\n }\n\n /* destructive */\n .button--standard.button--destructive ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n }\n .button--standard.button--destructive:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n }\n .button--standard.button--destructive.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /*\n * Outline buttons\n */\n\n .button--outline {\n background: none;\n border: solid 2px;\n }\n\n /* Default */\n .button--outline.button--secondary {\n border-color: var(--nile-colors-neutral-300);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--outline.button--secondary:hover:not(.button--disabled),\n .button--outline.button--secondary.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--secondary:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Primary */\n .button--outline.button--primary {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-primary-600);\n }\n\n .button--outline.button--primary:hover:not(.button--disabled),\n .button--outline.button--primary.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--primary:active:not(.button--disabled) {\n border-color: var(--nile-colors-primary-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Success */\n .button--outline.button--success {\n border-color: var(--nile-colors-green-600);\n color: var(--nile-colors-green-600);\n }\n\n .button--outline.button--success:hover:not(.button--disabled),\n .button--outline.button--success.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--success:active:not(.button--disabled) {\n border-color: var(--nile-colors-green-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Neutral */\n .button--outline.button--neutral {\n border-color: var(--nile-colors-neutral-600);\n color: var(--nile-colors-neutral-600);\n }\n\n .button--outline.button--neutral:hover:not(.button--disabled),\n .button--outline.button--neutral.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--neutral:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Warning */\n .button--outline.button--warning {\n border-color: var(--nile-colors-orange-600);\n color: var(--nile-colors-orange-600);\n }\n\n .button--outline.button--warning:hover:not(.button--disabled),\n .button--outline.button--warning.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--warning:active:not(.button--disabled) {\n border-color: var(--nile-colors-orange-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Danger */\n .button--outline.button--danger {\n border-color: var(--nile-colors-red-600);\n color: var(--nile-colors-red-600);\n }\n\n .button--outline.button--danger:hover:not(.button--disabled),\n .button--outline.button--danger.button--checked:not(.button--disabled) {\n background-color: var(--nile-colors-red-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--danger:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n /* destructive */\n .button--outline.button--destructive {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n box-shadow: 0px;\n }\n\n .button--outline.button--destructive:hover:not(.button--disabled),\n .button--outline.button--destructive.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-100);\n }\n\n .button--outline.button--destructive:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* destructive - focus-visible */\n .button--outline.button--destructive:focus-visible:not(.button--disabled) {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* secondary-grey */\n .button--outline.button--secondary-grey {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:hover:not(.button--disabled),\n .button--outline.button--secondary-grey.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-900);\n background-color: var(--nile-colors-neutral-100);\n }\n\n .button--outline.button--secondary-grey:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n /* secondary-blue */\n .button--outline.button--secondary-blue {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:hover:not(.button--disabled),\n .button--outline.button--secondary-blue.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-700);\n background-color: var(--nile-colors-blue-100);\n }\n\n .button--outline.button--secondary-blue:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n @media (forced-colors: active) {\n .button.button--outline.button--checked:not(.button--disabled) {\n outline: solid 2px transparent;\n }\n }\n\n /*\n * Pill modifier\n */\n\n .button--pill.button--small {\n border-radius: var(--nile-radius-2xl);\n }\n\n .button--pill.button--medium {\n border-radius: var(--nile-radius-2xl);\n }\n\n /*\n * Circle modifier\n */\n\n .button--circle {\n padding-left: var(--nile-spacing-none);\n padding-right: var(--nile-spacing-none);\n }\n\n .button--circle.button--small {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n }\n\n .button--circle.button--medium {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n }\n\n .button--circle .button__prefix,\n .button--circle .button__suffix,\n .button--circle .button__caret {\n display: none;\n }\n\n /* Caret modifier */\n\n .button--caret .button__suffix {\n display: none;\n }\n\n .button--caret .button__caret {\n height: auto;\n }\n\n /*\n * Loading modifier\n */\n\n .button--loading {\n position: relative;\n cursor: wait;\n }\n\n .button--loading .button__prefix,\n .button--loading .button__label,\n .button--loading .button__suffix,\n .button--loading .button__caret {\n visibility: hidden;\n }\n\n .button--loading nile-spinner {\n --indicator-color: currentColor;\n position: absolute;\n font-size: var(--nile-type-scale-4);\n height: 1em;\n width: 1em;\n top: calc(50% - 0.5em);\n left: calc(50% - 0.5em);\n }\n /*\n * Badges\n */\n\n .button ::slotted(nile-badge) {\n position: absolute;\n top: 0;\n right: 0;\n translate: 50% -50%;\n pointer-events: none;\n }\n\n /* outline with no border */\n .button--outline.button--hideborder {\n border: 0px;\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
1
|
+
{"version":3,"file":"nile-button.css.cjs.js","sources":["../../../src/nile-button/nile-button.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 * Button CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\n position: relative;\n width: auto;\n cursor: pointer;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-style: solid;\n border-width: var(--nile-border-size-1, var(--ng-border-width-1));\n font-style: normal;\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n text-align: center;\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n cursor: inherit;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));\n border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));\n padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));\n gap: var(--nile-spacing-sm, var(--ng-spacing-xs));\n line-height: var(--nile-line-height-small);\n box-sizing: border-box;\n height: var(--nile-height-40px, var(--ng-height-40px));\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: var(--nile-outline-5px, --ng-outline-5px) auto var(--ng-colors-bg-brand-solid, -webkit-focus-ring-color);\n outline-offset: var(--ng-outline-2px, --ng-outline-4px);\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .button--disabled * {\n pointer-events: none;\n }\n\n /* Primary */\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard)); \n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(\n --nile-textarea-standard-disabled-box-shadow,\n var(--ng-shadow-xs-skeuomorphic)\n ); //TODO: fix\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid-hover));\n border-color: var(--nile-colors-primary-700, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-900, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--primary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n border-color: var(--nile-colors-primary-600, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Secondary */\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary.button--disabled:hover,\n .button--standard.button--secondary.button--disabled:active {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n }\n\n /* Tertiary */\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n }\n\n .button--standard.button--tertiary.button--disabled,\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring));\n }\n\n /* ghost */\n .button--standard.button--ghost {\n background-color: var(--nile-colors-white-base);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:hover:not(.button--disabled) {\n background-color: var(--nile-colors-dark-200);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: transparent;\n color: var(--nile-colors-dark-900);\n }\n\n .button--standard.button--ghost.button--disabled,\n .button--standard.button--ghost.button--disabled:hover,\n .button--standard.button--ghost.button--disabled:active {\n border-color: transparent;\n background-color: var(--nile-colors-white-base);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n /* caution */\n .button--standard.button--caution {\n background-color: var(--nile-colors-red-500);\n border-color: var(--nile-colors-red-500);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-700);\n border-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--caution.button--disabled,\n .button--standard.button--caution.button--disabled:hover,\n .button--standard.button--caution.button--disabled:active {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-400);\n }\n\n /* destructive */\n .button--standard.button--destructive {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:hover:not(.button--disabled) {\n background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid-hover));\n border-color: var(--nile-colors-red-700, var(--ng-primary-standard));\n box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n }\n\n .button--standard.button--destructive:active:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n }\n .button--standard.button--destructive:focus-visible:not(.button--disabled) {\n background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n border-color: var(--nile-colors-red-500, var(--ng-primary-standard));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-error-shadow-xs-skeumorphic))\n }\n\n .button--standard.button--destructive.button--disabled {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--destructive.button--disabled:active {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-primary-standard));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n .button--standard.button--destructive.button--disabled:hover {\n background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n cursor: not-allowed;\n }\n\n /* secondary-Grey */\n .button--standard.button--secondary-grey {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-grey:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-primary-900);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(152, 162, 179, 0.14);\n }\n\n .button--standard.button--secondary-grey.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-grey.button--disabled:hover,\n .button--standard.button--secondary-grey.button--disabled:active {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* secondary-blue */\n .button--standard.button--secondary-blue {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:hover:not(.button--disabled) {\n background-color: var(--nile-colors-blue-100);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .button--standard.button--secondary-blue:active:not(.button--disabled) {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-primary-500);\n color: var(--nile-colors-primary-700);\n box-shadow: 0px 1px 2px 0px rgba(0, 82, 145, 0.1),\n 0px 0px 0px 4px rgba(0, 94, 166, 0.15);\n }\n\n .button--standard.button--secondary-blue.button--disabled {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n .button--standard.button--secondary-blue.button--disabled:hover,\n .button--standard.button--secondary-blue.button--disabled:active {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-500);\n cursor: not-allowed;\n }\n\n /* Primary Variant - Nile Icon Fill */\n .button--standard.button--primary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon)) !important;\n }\n .button--standard.button--primary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--primary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon-hover)) !important;\n }\n .button--standard.button--primary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Secondary Variant */\n .button--standard.button--secondary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--secondary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--secondary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--secondary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /* Tertiary Variant */\n .button--standard.button--tertiary ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n }\n .button--standard.button--tertiary:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--tertiary:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n }\n .button--standard.button--tertiary.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-quaternary-400)) !important;\n }\n\n /* Ghost Variant */\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--ghost:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-dark-900) !important;\n }\n .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-500) !important;\n }\n\n /* Caution Variant */\n .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base) !important;\n }\n .button--standard.button--caution.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-neutral-400) !important;\n }\n\n /* destructive */\n .button--standard.button--destructive ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n }\n .button--standard.button--destructive:hover:not(.button--disabled)\n ::slotted(nile-icon:not([color])),\n .button--standard.button--caution:active:not(.button--disabled)\n ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n }\n .button--standard.button--destructive.button--disabled ::slotted(nile-icon:not([color])) {\n --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n }\n\n /*\n * Outline buttons\n */\n\n .button--outline {\n background: none;\n border: solid 2px;\n }\n\n /* Default */\n .button--outline.button--secondary {\n border-color: var(--nile-colors-neutral-300);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--outline.button--secondary:hover:not(.button--disabled),\n .button--outline.button--secondary.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--secondary:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Primary */\n .button--outline.button--primary {\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-primary-600);\n }\n\n .button--outline.button--primary:hover:not(.button--disabled),\n .button--outline.button--primary.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--primary:active:not(.button--disabled) {\n border-color: var(--nile-colors-primary-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Success */\n .button--outline.button--success {\n border-color: var(--nile-colors-green-600);\n color: var(--nile-colors-green-600);\n }\n\n .button--outline.button--success:hover:not(.button--disabled),\n .button--outline.button--success.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--success:active:not(.button--disabled) {\n border-color: var(--nile-colors-green-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Neutral */\n .button--outline.button--neutral {\n border-color: var(--nile-colors-neutral-600);\n color: var(--nile-colors-neutral-600);\n }\n\n .button--outline.button--neutral:hover:not(.button--disabled),\n .button--outline.button--neutral.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--neutral:active:not(.button--disabled) {\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Warning */\n .button--outline.button--warning {\n border-color: var(--nile-colors-orange-600);\n color: var(--nile-colors-orange-600);\n }\n\n .button--outline.button--warning:hover:not(.button--disabled),\n .button--outline.button--warning.button--checked:not(.button--disabled) {\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--warning:active:not(.button--disabled) {\n border-color: var(--nile-colors-orange-700);\n color: var(--nile-colors-white-base);\n }\n\n /* Danger */\n .button--outline.button--danger {\n border-color: var(--nile-colors-red-600);\n color: var(--nile-colors-red-600);\n }\n\n .button--outline.button--danger:hover:not(.button--disabled),\n .button--outline.button--danger.button--checked:not(.button--disabled) {\n background-color: var(--nile-colors-red-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--outline.button--danger:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-700);\n color: var(--nile-colors-white-base);\n }\n\n /* destructive */\n .button--outline.button--destructive {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n box-shadow: 0px;\n }\n\n .button--outline.button--destructive:hover:not(.button--disabled),\n .button--outline.button--destructive.button--checked:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-red-100);\n }\n\n .button--outline.button--destructive:active:not(.button--disabled) {\n border-color: var(--nile-colors-red-400);\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* destructive - focus-visible */\n .button--outline.button--destructive:focus-visible:not(.button--disabled) {\n border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n color: var(--nile-colors-red-700);\n background-color: var(--nile-colors-white-base);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* secondary-grey */\n .button--outline.button--secondary-grey {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:hover:not(.button--disabled),\n .button--outline.button--secondary-grey.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-900);\n background-color: var(--nile-colors-neutral-100);\n }\n\n .button--outline.button--secondary-grey:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-grey:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n /* secondary-blue */\n .button--outline.button--secondary-blue {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:hover:not(.button--disabled),\n .button--outline.button--secondary-blue.button--checked:not(\n .button--disabled\n ) {\n color: var(--nile-colors-primary-700);\n background-color: var(--nile-colors-blue-100);\n }\n\n .button--outline.button--secondary-blue:active:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n .button--outline.button--secondary-blue:focus-visible:not(.button--disabled) {\n box-shadow: 0px;\n }\n\n @media (forced-colors: active) {\n .button.button--outline.button--checked:not(.button--disabled) {\n outline: solid 2px transparent;\n }\n }\n\n /*\n * Pill modifier\n */\n\n .button--pill.button--small {\n border-radius: var(--nile-radius-2xl);\n }\n\n .button--pill.button--medium {\n border-radius: var(--nile-radius-2xl);\n }\n\n /*\n * Circle modifier\n */\n\n .button--circle {\n padding-left: var(--nile-spacing-none);\n padding-right: var(--nile-spacing-none);\n }\n\n .button--circle.button--small {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n }\n\n .button--circle.button--medium {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n }\n\n .button--circle .button__prefix,\n .button--circle .button__suffix,\n .button--circle .button__caret {\n display: none;\n }\n\n /* Caret modifier */\n\n .button--caret .button__suffix {\n display: none;\n }\n\n .button--caret .button__caret {\n height: auto;\n }\n\n /*\n * Loading modifier\n */\n\n .button--loading {\n position: relative;\n cursor: wait;\n }\n\n .button--loading .button__prefix,\n .button--loading .button__label,\n .button--loading .button__suffix,\n .button--loading .button__caret {\n visibility: hidden;\n }\n\n .button--loading nile-spinner {\n --indicator-color: currentColor;\n position: absolute;\n font-size: var(--nile-type-scale-3);\n height: 1em;\n width: 1em;\n top: calc(50% - 0.5em);\n left: calc(50% - 0.5em);\n }\n /*\n * Badges\n */\n\n .button ::slotted(nile-badge) {\n position: absolute;\n top: 0;\n right: 0;\n translate: 50% -50%;\n pointer-events: none;\n }\n\n /* outline with no border */\n .button--outline.button--hideborder {\n border: 0px;\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -702,7 +702,7 @@ import{css as o}from"lit";const r=o`
|
|
|
702
702
|
.button--loading nile-spinner {
|
|
703
703
|
--indicator-color: currentColor;
|
|
704
704
|
position: absolute;
|
|
705
|
-
font-size: var(--nile-type-scale-
|
|
705
|
+
font-size: var(--nile-type-scale-3);
|
|
706
706
|
height: 1em;
|
|
707
707
|
width: 1em;
|
|
708
708
|
top: calc(50% - 0.5em);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --ng-error-expanded-padding: var(--ng-spacing-md) var(--ng-spacing-lg);\n --ng-private-error-max-width: var(--nile-width-535px, var(--ng-width-120));\n --ng-private-error-max-height: var(--nile-height-48px, var(--ng-height-48px));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-error-message {\n width: 100%;\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));\n line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n max-width: var(--nile-error-max-width, var(--ng-private-error-max-width)); \n }\n\n .nile-error-message__error {\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n word-break: break-word;\n }\n\n .nile-error-message__response {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n max-height: var(--nile-error-max-height, var(--ng-private-error-max-height));\n overflow-x: auto;\n }\n\n .nile-error-message__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n\n .nile-error-message__more-button {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n cursor: pointer;\n white-space: nowrap;\n display: inline-flex;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n align-items: center\n }\n\n .nile-error-message__response-expanded {\n line-height: var(--nile-line-height-small);\n height: auto;\n max-height: 100px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));\n transition: max-height 0.3s ease-in-out;\n flex-shrink: 0;\n }\n\n .nile-error-message__response-expanded.collapsed {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n visibility: hidden;\n padding: var(--nile-spacing-none) var(--nile-spacing-none);\n }\n\n .nile-error-message__response-expanded.expanded {\n max-height: var(--nile-error-max-dialog-height, var(--ng-private-error-max-height));\n transition: max-height 0.3s ease-in-out;\n visibility: visible;\n padding: var(--nile-spacing-
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --ng-error-expanded-padding: var(--ng-spacing-md) var(--ng-spacing-lg);\n --ng-private-error-max-width: var(--nile-width-535px, var(--ng-width-120));\n --ng-private-error-max-height: var(--nile-height-48px, var(--ng-height-48px));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-error-message {\n width: 100%;\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));\n line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n max-width: var(--nile-error-max-width, var(--ng-private-error-max-width)); \n }\n\n .nile-error-message__error {\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n word-break: break-word;\n }\n\n .nile-error-message__response {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n max-height: var(--nile-error-max-height, var(--ng-private-error-max-height));\n overflow-x: auto;\n }\n\n .nile-error-message__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n\n .nile-error-message__more-button {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n cursor: pointer;\n white-space: nowrap;\n display: inline-flex;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n align-items: center\n }\n\n .nile-error-message__response-expanded {\n line-height: var(--nile-line-height-small);\n height: auto;\n max-height: 100px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));\n transition: max-height 0.3s ease-in-out;\n flex-shrink: 0;\n }\n\n .nile-error-message__response-expanded.collapsed {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n visibility: hidden;\n padding: var(--nile-spacing-none) var(--nile-spacing-none);\n }\n\n .nile-error-message__response-expanded.expanded {\n max-height: var(--nile-error-max-dialog-height, var(--ng-private-error-max-height));\n transition: max-height 0.3s ease-in-out;\n visibility: visible;\n padding: var(--nile-spacing-lg, var(--ng-error-expanded-padding));\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-error-message.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * ErrorMessage CSS\n */\nexport const styles = css`\n :host {\n --ng-error-expanded-padding: var(--ng-spacing-md) var(--ng-spacing-lg);\n --ng-private-error-max-width: var(--nile-width-535px, var(--ng-width-120));\n --ng-private-error-max-height: var(--nile-height-48px, var(--ng-height-48px));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-error-message {\n width: 100%;\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));\n line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n max-width: var(--nile-error-max-width, var(--ng-private-error-max-width)); \n }\n\n .nile-error-message__error {\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n word-break: break-word;\n }\n\n .nile-error-message__response {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n max-height: var(--nile-error-max-height, var(--ng-private-error-max-height));\n overflow-x: auto;\n }\n\n .nile-error-message__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n\n .nile-error-message__more-button {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n cursor: pointer;\n white-space: nowrap;\n display: inline-flex;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n align-items: center\n }\n\n .nile-error-message__response-expanded {\n line-height: var(--nile-line-height-small);\n height: auto;\n max-height: 100px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));\n transition: max-height 0.3s ease-in-out;\n flex-shrink: 0;\n }\n\n .nile-error-message__response-expanded.collapsed {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n visibility: hidden;\n padding: var(--nile-spacing-none) var(--nile-spacing-none);\n }\n\n .nile-error-message__response-expanded.expanded {\n max-height: var(--nile-error-max-dialog-height, var(--ng-private-error-max-height));\n transition: max-height 0.3s ease-in-out;\n visibility: visible;\n padding: var(--nile-spacing-
|
|
1
|
+
{"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * ErrorMessage CSS\n */\nexport const styles = css`\n :host {\n --ng-error-expanded-padding: var(--ng-spacing-md) var(--ng-spacing-lg);\n --ng-private-error-max-width: var(--nile-width-535px, var(--ng-width-120));\n --ng-private-error-max-height: var(--nile-height-48px, var(--ng-height-48px));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile-error-message {\n width: 100%;\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));\n line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n max-width: var(--nile-error-max-width, var(--ng-private-error-max-width)); \n }\n\n .nile-error-message__error {\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n word-break: break-word;\n }\n\n .nile-error-message__response {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n max-height: var(--nile-error-max-height, var(--ng-private-error-max-height));\n overflow-x: auto;\n }\n\n .nile-error-message__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n\n .nile-error-message__more-button {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n cursor: pointer;\n white-space: nowrap;\n display: inline-flex;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n align-items: center\n }\n\n .nile-error-message__response-expanded {\n line-height: var(--nile-line-height-small);\n height: auto;\n max-height: 100px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));\n transition: max-height 0.3s ease-in-out;\n flex-shrink: 0;\n }\n\n .nile-error-message__response-expanded.collapsed {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n visibility: hidden;\n padding: var(--nile-spacing-none) var(--nile-spacing-none);\n }\n\n .nile-error-message__response-expanded.expanded {\n max-height: var(--nile-error-max-dialog-height, var(--ng-private-error-max-height));\n transition: max-height 0.3s ease-in-out;\n visibility: visible;\n padding: var(--nile-spacing-lg, var(--ng-error-expanded-padding));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -71,6 +71,6 @@ import{css as r}from"lit";const e=r`
|
|
|
71
71
|
max-height: var(--nile-error-max-dialog-height, var(--ng-private-error-max-height));
|
|
72
72
|
transition: max-height 0.3s ease-in-out;
|
|
73
73
|
visibility: visible;
|
|
74
|
-
padding: var(--nile-spacing-
|
|
74
|
+
padding: var(--nile-spacing-lg, var(--ng-error-expanded-padding));
|
|
75
75
|
}
|
|
76
76
|
`;export{e as s};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("f",I="
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("f",I="PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48IS0tIFRvcCBiYXIgcmVjdGFuZ2xlIC0tPjxwYXRoICAgIGQ9Ik0zLjM3NSAxLjM3NSAgICAgICBoOS4wNTM0ICAgICAgIHYyLjI1ICAgICAgIGgtOS4wNTM0ICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iYmxhY2siICAgIHN0cm9rZS13aWR0aD0iMC43NSIvPjwhLS0gTWlkZGxlIGJhciByZWN0YW5nbGUgLS0+PHBhdGggICAgZD0iTTMuMjUgNi40NjA5NCAgICAgICBoOS4zMDM0ICAgICAgIHYyLjUgICAgICAgaC05LjMwMzQgICAgICAgWiIgICAgZmlsbD0ibm9uZSIgICAgc3Ryb2tlPSJibGFjayIgICAgc3Ryb2tlLXdpZHRoPSIwLjUiLz48IS0tIEJvdHRvbSBiYXIgcmVjdGFuZ2xlIC0tPjxwYXRoICAgIGQ9Ik0zLjI1IDExLjQ2MDkgICAgICAgaDkuMzAzNCAgICAgICB2Mi41ICAgICAgIGgtOS4zMDM0ICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iYmxhY2siICAgIHN0cm9rZS13aWR0aD0iMC41Ii8+PCEtLSBGaXJzdCB2ZXJ0aWNhbCBsaW5lIC0tPjxwYXRoICAgIGQ9Ik04LjE1MTYxIDQgICAgICAgTDguMTUxNjEgNi4yMTMyIiAgICBzdHJva2U9ImJsYWNrIiAgICBzdHJva2Utd2lkdGg9IjAuNSIvPjwhLS0gU2Vjb25kIHZlcnRpY2FsIGxpbmUgLS0+PHBhdGggICAgZD0iTTguMTUxNjEgOSAgICAgICBMOC4xNTE2MSAxMS4yMTMyIiAgICBzdHJva2U9ImJsYWNrIiAgICBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==");}};});
|
|
2
2
|
//# sourceMappingURL=flowmap-workflow.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flowmap-workflow.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/flowmap-workflow.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"flowmap-workflow.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/flowmap-workflow.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48IS0tIFRvcCBiYXIgcmVjdGFuZ2xlIC0tPjxwYXRoICAgIGQ9Ik0zLjM3NSAxLjM3NSAgICAgICBoOS4wNTM0ICAgICAgIHYyLjI1ICAgICAgIGgtOS4wNTM0ICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iYmxhY2siICAgIHN0cm9rZS13aWR0aD0iMC43NSIvPjwhLS0gTWlkZGxlIGJhciByZWN0YW5nbGUgLS0+PHBhdGggICAgZD0iTTMuMjUgNi40NjA5NCAgICAgICBoOS4zMDM0ICAgICAgIHYyLjUgICAgICAgaC05LjMwMzQgICAgICAgWiIgICAgZmlsbD0ibm9uZSIgICAgc3Ryb2tlPSJibGFjayIgICAgc3Ryb2tlLXdpZHRoPSIwLjUiLz48IS0tIEJvdHRvbSBiYXIgcmVjdGFuZ2xlIC0tPjxwYXRoICAgIGQ9Ik0zLjI1IDExLjQ2MDkgICAgICAgaDkuMzAzNCAgICAgICB2Mi41ICAgICAgIGgtOS4zMDM0ICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iYmxhY2siICAgIHN0cm9rZS13aWR0aD0iMC41Ii8+PCEtLSBGaXJzdCB2ZXJ0aWNhbCBsaW5lIC0tPjxwYXRoICAgIGQ9Ik04LjE1MTYxIDQgICAgICAgTDguMTUxNjEgNi4yMTMyIiAgICBzdHJva2U9ImJsYWNrIiAgICBzdHJva2Utd2lkdGg9IjAuNSIvPjwhLS0gU2Vjb25kIHZlcnRpY2FsIGxpbmUgLS0+PHBhdGggICAgZD0iTTguMTUxNjEgOSAgICAgICBMOC4xNTE2MSAxMS4yMTMyIiAgICBzdHJva2U9ImJsYWNrIiAgICBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==\";"],"names":["flowmapWorkflow"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var I="
|
|
1
|
+
var I="PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48IS0tIFRvcCBiYXIgcmVjdGFuZ2xlIC0tPjxwYXRoICAgIGQ9Ik0zLjM3NSAxLjM3NSAgICAgICBoOS4wNTM0ICAgICAgIHYyLjI1ICAgICAgIGgtOS4wNTM0ICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iYmxhY2siICAgIHN0cm9rZS13aWR0aD0iMC43NSIvPjwhLS0gTWlkZGxlIGJhciByZWN0YW5nbGUgLS0+PHBhdGggICAgZD0iTTMuMjUgNi40NjA5NCAgICAgICBoOS4zMDM0ICAgICAgIHYyLjUgICAgICAgaC05LjMwMzQgICAgICAgWiIgICAgZmlsbD0ibm9uZSIgICAgc3Ryb2tlPSJibGFjayIgICAgc3Ryb2tlLXdpZHRoPSIwLjUiLz48IS0tIEJvdHRvbSBiYXIgcmVjdGFuZ2xlIC0tPjxwYXRoICAgIGQ9Ik0zLjI1IDExLjQ2MDkgICAgICAgaDkuMzAzNCAgICAgICB2Mi41ICAgICAgIGgtOS4zMDM0ICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iYmxhY2siICAgIHN0cm9rZS13aWR0aD0iMC41Ii8+PCEtLSBGaXJzdCB2ZXJ0aWNhbCBsaW5lIC0tPjxwYXRoICAgIGQ9Ik04LjE1MTYxIDQgICAgICAgTDguMTUxNjEgNi4yMTMyIiAgICBzdHJva2U9ImJsYWNrIiAgICBzdHJva2Utd2lkdGg9IjAuNSIvPjwhLS0gU2Vjb25kIHZlcnRpY2FsIGxpbmUgLS0+PHBhdGggICAgZD0iTTguMTUxNjEgOSAgICAgICBMOC4xNTE2MSAxMS4yMTMyIiAgICBzdHJva2U9ImJsYWNrIiAgICBzdHJva2Utd2lkdGg9IjAuNSIvPjwvc3ZnPg==";export{I as f};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var g;return{setters:[],execute:function execute(){_export("g",g="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPcmlnaW5hbCBlbnZlbG9wZS9ib29rbWFyay1zdHlsZSBzaGFwZSAtLT48cGF0aCBkPSJNMSAyICAgICAgICAgICBWMTQgICAgICAgICAgIEg2ICAgICAgICAgICBWMTMgICAgICAgICAgIEgyICAgICAgICAgICBWNi4xICAgICAgICAgICBMNy44IDkuNCAgICAgICAgICAgSDguMyAgICAgICAgICAgQzguMyA5LjQgMTIuOCA2LjggMTQgNi4xICAgICAgICAgICBWMTAgICAgICAgICAgIEgxNSAgICAgICAgICAgVjIgICAgICAgICAgIEgxICAgICAgICAgICBaICAgICAgICAgICBNOCA4LjQgICAgICAgICAgIEwyIDQuOSAgICAgICAgICAgVjMgICAgICAgICAgIEgxNCAgICAgICAgICAgVjUgICAgICAgICAgIEw4IDguNCAgICAgICAgICAgWiIgLz48IS0tIFN0YXIvYXJyb3cgZGV0YWlsIC0tPjxwYXRoIGQ9Ik04LjIgMTMuMiAgICAgICAgICAgTDguOSAxMy44ICAgICAgICAgICBMMTEgMTEuNyAgICAgICAgICAgTDExIDE2ICAgICAgICAgICBMMTEuNSAxNiAgICAgICAgICAgTDEyIDE2ICAgICAgICAgICBMMTIgMTEuNyAgICAgICAgICAgTDE0LjIgMTMuOCAgICAgICAgICAgTDE0LjkgMTMuMiAgICAgICAgICAgTDExLjUgOS44ICAgICAgICAgICBaIiAvPjwvc3ZnPg==");}};});
|
|
2
2
|
//# sourceMappingURL=generationphase.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generationphase.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/generationphase.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"generationphase.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/generationphase.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPcmlnaW5hbCBlbnZlbG9wZS9ib29rbWFyay1zdHlsZSBzaGFwZSAtLT48cGF0aCBkPSJNMSAyICAgICAgICAgICBWMTQgICAgICAgICAgIEg2ICAgICAgICAgICBWMTMgICAgICAgICAgIEgyICAgICAgICAgICBWNi4xICAgICAgICAgICBMNy44IDkuNCAgICAgICAgICAgSDguMyAgICAgICAgICAgQzguMyA5LjQgMTIuOCA2LjggMTQgNi4xICAgICAgICAgICBWMTAgICAgICAgICAgIEgxNSAgICAgICAgICAgVjIgICAgICAgICAgIEgxICAgICAgICAgICBaICAgICAgICAgICBNOCA4LjQgICAgICAgICAgIEwyIDQuOSAgICAgICAgICAgVjMgICAgICAgICAgIEgxNCAgICAgICAgICAgVjUgICAgICAgICAgIEw4IDguNCAgICAgICAgICAgWiIgLz48IS0tIFN0YXIvYXJyb3cgZGV0YWlsIC0tPjxwYXRoIGQ9Ik04LjIgMTMuMiAgICAgICAgICAgTDguOSAxMy44ICAgICAgICAgICBMMTEgMTEuNyAgICAgICAgICAgTDExIDE2ICAgICAgICAgICBMMTEuNSAxNiAgICAgICAgICAgTDEyIDE2ICAgICAgICAgICBMMTIgMTEuNyAgICAgICAgICAgTDE0LjIgMTMuOCAgICAgICAgICAgTDE0LjkgMTMuMiAgICAgICAgICAgTDExLjUgOS44ICAgICAgICAgICBaIiAvPjwvc3ZnPg==\";"],"names":["generationphase"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var g="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPcmlnaW5hbCBlbnZlbG9wZS9ib29rbWFyay1zdHlsZSBzaGFwZSAtLT48cGF0aCBkPSJNMSAyICAgICAgICAgICBWMTQgICAgICAgICAgIEg2ICAgICAgICAgICBWMTMgICAgICAgICAgIEgyICAgICAgICAgICBWNi4xICAgICAgICAgICBMNy44IDkuNCAgICAgICAgICAgSDguMyAgICAgICAgICAgQzguMyA5LjQgMTIuOCA2LjggMTQgNi4xICAgICAgICAgICBWMTAgICAgICAgICAgIEgxNSAgICAgICAgICAgVjIgICAgICAgICAgIEgxICAgICAgICAgICBaICAgICAgICAgICBNOCA4LjQgICAgICAgICAgIEwyIDQuOSAgICAgICAgICAgVjMgICAgICAgICAgIEgxNCAgICAgICAgICAgVjUgICAgICAgICAgIEw4IDguNCAgICAgICAgICAgWiIgLz48IS0tIFN0YXIvYXJyb3cgZGV0YWlsIC0tPjxwYXRoIGQ9Ik04LjIgMTMuMiAgICAgICAgICAgTDguOSAxMy44ICAgICAgICAgICBMMTEgMTEuNyAgICAgICAgICAgTDExIDE2ICAgICAgICAgICBMMTEuNSAxNiAgICAgICAgICAgTDEyIDE2ICAgICAgICAgICBMMTIgMTEuNyAgICAgICAgICAgTDE0LjIgMTMuOCAgICAgICAgICAgTDE0LjkgMTMuMiAgICAgICAgICAgTDExLjUgOS44ICAgICAgICAgICBaIiAvPjwvc3ZnPg==";export{g};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("h",I="
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("h",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBDb252ZXJ0ZWQgcG9seWdvbiB0byBwYXRoIC0tPjxwYXRoIGQ9Ik0zLjUgMC41ICAgICAgICAgICBMMi41IDAuNSAgICAgICAgICAgTDAuNSAwLjUgICAgICAgICAgIEwwLjUgMS41ICAgICAgICAgICBMMi41IDEuNSAgICAgICAgICAgTDIuNSAxMy41ICAgICAgICAgICBMNyAgIDEzLjUgICAgICAgICAgIEw3ICAgMTUgICAgICAgICAgIEw5ICAgMTMgICAgICAgICAgIEw3ICAgMTEgICAgICAgICAgIEw3ICAgMTIuNSAgICAgICAgICAgTDMuNSAxMi41ICAgICAgICAgICBMMy41IDYuNSAgICAgICAgICAgTDUgICA2LjUgICAgICAgICAgIEw1ICAgOCAgICAgICAgICAgTDcgICA2ICAgICAgICAgICBMNSAgIDQgICAgICAgICAgIEw1ICAgNS41ICAgICAgICAgICBMMy41IDUuNSAgICAgICAgICAgTDMuNSAxLjUgICAgICAgICAgIEwxNS41IDEuNSAgICAgICAgICAgTDE1LjUgMC41ICAgICAgICAgICBaIi8+PCEtLSBFeGlzdGluZyBjaGlsZCByZWN0YW5nbGVzL2ZyYW1lcyAoYWxyZWFkeSBwYXRoLWJhc2VkKSAtLT48cGF0aCBkPSJNOC41IDguNSAgICAgICAgICAgaDcgICAgICAgICAgIHYtNSAgICAgICAgICAgaC03ICAgICAgICAgICBaICAgICAgICAgICBNMTQuNSA3LjUgICAgICAgICAgIGgtNCAgICAgICAgICAgdi0zICAgICAgICAgICBoNCAgICAgICAgICAgWiIvPjxwYXRoIGQ9Ik0xMC41IDE1LjUgICAgICAgICAgIGg1ICAgICAgICAgICB2LTUgICAgICAgICAgIGgtNSAgICAgICAgICAgWiAgICAgICAgICAgTTE0LjUgMTQuNSAgICAgICAgICAgaC0yICAgICAgICAgICB2LTMgICAgICAgICAgIGgyICAgICAgICAgICBaIi8+PC9zdmc+");}};});
|
|
2
2
|
//# sourceMappingURL=header-child-workflow.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-child-workflow.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/header-child-workflow.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"header-child-workflow.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/header-child-workflow.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBDb252ZXJ0ZWQgcG9seWdvbiB0byBwYXRoIC0tPjxwYXRoIGQ9Ik0zLjUgMC41ICAgICAgICAgICBMMi41IDAuNSAgICAgICAgICAgTDAuNSAwLjUgICAgICAgICAgIEwwLjUgMS41ICAgICAgICAgICBMMi41IDEuNSAgICAgICAgICAgTDIuNSAxMy41ICAgICAgICAgICBMNyAgIDEzLjUgICAgICAgICAgIEw3ICAgMTUgICAgICAgICAgIEw5ICAgMTMgICAgICAgICAgIEw3ICAgMTEgICAgICAgICAgIEw3ICAgMTIuNSAgICAgICAgICAgTDMuNSAxMi41ICAgICAgICAgICBMMy41IDYuNSAgICAgICAgICAgTDUgICA2LjUgICAgICAgICAgIEw1ICAgOCAgICAgICAgICAgTDcgICA2ICAgICAgICAgICBMNSAgIDQgICAgICAgICAgIEw1ICAgNS41ICAgICAgICAgICBMMy41IDUuNSAgICAgICAgICAgTDMuNSAxLjUgICAgICAgICAgIEwxNS41IDEuNSAgICAgICAgICAgTDE1LjUgMC41ICAgICAgICAgICBaIi8+PCEtLSBFeGlzdGluZyBjaGlsZCByZWN0YW5nbGVzL2ZyYW1lcyAoYWxyZWFkeSBwYXRoLWJhc2VkKSAtLT48cGF0aCBkPSJNOC41IDguNSAgICAgICAgICAgaDcgICAgICAgICAgIHYtNSAgICAgICAgICAgaC03ICAgICAgICAgICBaICAgICAgICAgICBNMTQuNSA3LjUgICAgICAgICAgIGgtNCAgICAgICAgICAgdi0zICAgICAgICAgICBoNCAgICAgICAgICAgWiIvPjxwYXRoIGQ9Ik0xMC41IDE1LjUgICAgICAgICAgIGg1ICAgICAgICAgICB2LTUgICAgICAgICAgIGgtNSAgICAgICAgICAgWiAgICAgICAgICAgTTE0LjUgMTQuNSAgICAgICAgICAgaC0yICAgICAgICAgICB2LTMgICAgICAgICAgIGgyICAgICAgICAgICBaIi8+PC9zdmc+\";"],"names":["headerChildWorkflow"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var I="
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBDb252ZXJ0ZWQgcG9seWdvbiB0byBwYXRoIC0tPjxwYXRoIGQ9Ik0zLjUgMC41ICAgICAgICAgICBMMi41IDAuNSAgICAgICAgICAgTDAuNSAwLjUgICAgICAgICAgIEwwLjUgMS41ICAgICAgICAgICBMMi41IDEuNSAgICAgICAgICAgTDIuNSAxMy41ICAgICAgICAgICBMNyAgIDEzLjUgICAgICAgICAgIEw3ICAgMTUgICAgICAgICAgIEw5ICAgMTMgICAgICAgICAgIEw3ICAgMTEgICAgICAgICAgIEw3ICAgMTIuNSAgICAgICAgICAgTDMuNSAxMi41ICAgICAgICAgICBMMy41IDYuNSAgICAgICAgICAgTDUgICA2LjUgICAgICAgICAgIEw1ICAgOCAgICAgICAgICAgTDcgICA2ICAgICAgICAgICBMNSAgIDQgICAgICAgICAgIEw1ICAgNS41ICAgICAgICAgICBMMy41IDUuNSAgICAgICAgICAgTDMuNSAxLjUgICAgICAgICAgIEwxNS41IDEuNSAgICAgICAgICAgTDE1LjUgMC41ICAgICAgICAgICBaIi8+PCEtLSBFeGlzdGluZyBjaGlsZCByZWN0YW5nbGVzL2ZyYW1lcyAoYWxyZWFkeSBwYXRoLWJhc2VkKSAtLT48cGF0aCBkPSJNOC41IDguNSAgICAgICAgICAgaDcgICAgICAgICAgIHYtNSAgICAgICAgICAgaC03ICAgICAgICAgICBaICAgICAgICAgICBNMTQuNSA3LjUgICAgICAgICAgIGgtNCAgICAgICAgICAgdi0zICAgICAgICAgICBoNCAgICAgICAgICAgWiIvPjxwYXRoIGQ9Ik0xMC41IDE1LjUgICAgICAgICAgIGg1ICAgICAgICAgICB2LTUgICAgICAgICAgIGgtNSAgICAgICAgICAgWiAgICAgICAgICAgTTE0LjUgMTQuNSAgICAgICAgICAgaC0yICAgICAgICAgICB2LTMgICAgICAgICAgIGgyICAgICAgICAgICBaIi8+PC9zdmc+";export{I as h};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("i",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPcmlnaW5hbCBkb2N1bWVudC93aW5kb3cgc2hhcGUgLS0+PHBhdGggZD0iTTMuNS41ICAgICAgICAgICBhMiwyIDAgMCwwLTIsMiAgICAgICAgICAgdjExICAgICAgICAgICBhMiwyIDAgMCwwLDIsMiAgICAgICAgICAgaDExICAgICAgICAgICBWLjUgICAgICAgICAgIFogICAgICAgICAgIE0zLjUsMS41ICAgICAgICAgICBoMSAgICAgICAgICAgdjEwICAgICAgICAgICBoLTEgICAgICAgICAgIGEyLDIgMCAwLDAtMSwuMjggICAgICAgICAgIFYyLjUgICAgICAgICAgIGExLDEgMCAwLDEsMS0xICAgICAgICAgICBaICAgICAgICAgICBNMTMuNSwxNC41ICAgICAgICAgICBIMy41ICAgICAgICAgICBhMSwxIDAgMCwxLDAtMiAgICAgICAgICAgaDEwICAgICAgICAgICBaICAgICAgICAgICBNNS41LDExLjUgICAgICAgICAgIFYxLjUgICAgICAgICAgIGg4ICAgICAgICAgICB2MTAgICAgICAgICAgIFoiLz48IS0tIENvbnZlcnRlZCBjaXJjbGUgKGN4PTkuNSwgY3k9NSwgcj0xKSAtLT48cGF0aCBkPSJNMTAuNSw1ICAgICAgICAgICBhMSwxIDAgMSwxLTIsMCAgICAgICAgICAgYTEsMSAwIDEsMSwyLDAiLz48IS0tIEJvdHRvbSDigJxzbWlsZeKAnSBhcmMgLS0+PHBhdGggZD0iTTkuNSw3ICAgICAgICAgICBBMi4yOSwyLjI5IDAgMCwwLDcsOSAgICAgICAgICAgaDUgICAgICAgICAgIEEyLjI5LDIuMjkgMCAwLDAsOS41LDcgICAgICAgICAgIFoiLz48L3N2Zz4=");}};});
|
|
2
2
|
//# sourceMappingURL=identityledger.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identityledger.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/identityledger.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"identityledger.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/identityledger.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPcmlnaW5hbCBkb2N1bWVudC93aW5kb3cgc2hhcGUgLS0+PHBhdGggZD0iTTMuNS41ICAgICAgICAgICBhMiwyIDAgMCwwLTIsMiAgICAgICAgICAgdjExICAgICAgICAgICBhMiwyIDAgMCwwLDIsMiAgICAgICAgICAgaDExICAgICAgICAgICBWLjUgICAgICAgICAgIFogICAgICAgICAgIE0zLjUsMS41ICAgICAgICAgICBoMSAgICAgICAgICAgdjEwICAgICAgICAgICBoLTEgICAgICAgICAgIGEyLDIgMCAwLDAtMSwuMjggICAgICAgICAgIFYyLjUgICAgICAgICAgIGExLDEgMCAwLDEsMS0xICAgICAgICAgICBaICAgICAgICAgICBNMTMuNSwxNC41ICAgICAgICAgICBIMy41ICAgICAgICAgICBhMSwxIDAgMCwxLDAtMiAgICAgICAgICAgaDEwICAgICAgICAgICBaICAgICAgICAgICBNNS41LDExLjUgICAgICAgICAgIFYxLjUgICAgICAgICAgIGg4ICAgICAgICAgICB2MTAgICAgICAgICAgIFoiLz48IS0tIENvbnZlcnRlZCBjaXJjbGUgKGN4PTkuNSwgY3k9NSwgcj0xKSAtLT48cGF0aCBkPSJNMTAuNSw1ICAgICAgICAgICBhMSwxIDAgMSwxLTIsMCAgICAgICAgICAgYTEsMSAwIDEsMSwyLDAiLz48IS0tIEJvdHRvbSDigJxzbWlsZeKAnSBhcmMgLS0+PHBhdGggZD0iTTkuNSw3ICAgICAgICAgICBBMi4yOSwyLjI5IDAgMCwwLDcsOSAgICAgICAgICAgaDUgICAgICAgICAgIEEyLjI5LDIuMjkgMCAwLDAsOS41LDcgICAgICAgICAgIFoiLz48L3N2Zz4=\";"],"names":["identityledger"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPcmlnaW5hbCBkb2N1bWVudC93aW5kb3cgc2hhcGUgLS0+PHBhdGggZD0iTTMuNS41ICAgICAgICAgICBhMiwyIDAgMCwwLTIsMiAgICAgICAgICAgdjExICAgICAgICAgICBhMiwyIDAgMCwwLDIsMiAgICAgICAgICAgaDExICAgICAgICAgICBWLjUgICAgICAgICAgIFogICAgICAgICAgIE0zLjUsMS41ICAgICAgICAgICBoMSAgICAgICAgICAgdjEwICAgICAgICAgICBoLTEgICAgICAgICAgIGEyLDIgMCAwLDAtMSwuMjggICAgICAgICAgIFYyLjUgICAgICAgICAgIGExLDEgMCAwLDEsMS0xICAgICAgICAgICBaICAgICAgICAgICBNMTMuNSwxNC41ICAgICAgICAgICBIMy41ICAgICAgICAgICBhMSwxIDAgMCwxLDAtMiAgICAgICAgICAgaDEwICAgICAgICAgICBaICAgICAgICAgICBNNS41LDExLjUgICAgICAgICAgIFYxLjUgICAgICAgICAgIGg4ICAgICAgICAgICB2MTAgICAgICAgICAgIFoiLz48IS0tIENvbnZlcnRlZCBjaXJjbGUgKGN4PTkuNSwgY3k9NSwgcj0xKSAtLT48cGF0aCBkPSJNMTAuNSw1ICAgICAgICAgICBhMSwxIDAgMSwxLTIsMCAgICAgICAgICAgYTEsMSAwIDEsMSwyLDAiLz48IS0tIEJvdHRvbSDigJxzbWlsZeKAnSBhcmMgLS0+PHBhdGggZD0iTTkuNSw3ICAgICAgICAgICBBMi4yOSwyLjI5IDAgMCwwLDcsOSAgICAgICAgICAgaDUgICAgICAgICAgIEEyLjI5LDIuMjkgMCAwLDAsOS41LDcgICAgICAgICAgIFoiLz48L3N2Zz4=";export{I as i};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("i",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPdXRlciBkb3VibGUgcmluZyAtLT48cGF0aCAgICBmaWxsPSJjdXJyZW50Q29sb3IiICAgIGQ9Ik04LDEuNSAgICAgICBjMy41OSwwLDYuNSwyLjkxLDYuNSw2LjUgICAgICAgcy0yLjkxLDYuNS02LjUsNi41ICAgICAgIFMxLjUsMTEuNTksMS41LDggICAgICAgYzAtMy41OSwyLjkxLTYuNDksNi41LTYuNSAgICAgICBaICAgICAgIE04LDEzLjUgICAgICAgYzMuMDQsMCw1LjUtMi40Niw1LjUtNS41ICAgICAgIHMtMi40Ni01LjUtNS41LTUuNSAgICAgICBTMi41LDQuOTYsMi41LDggICAgICAgYzAsMy4wNCwyLjQ2LDUuNDksNS41LDUuNSAgICAgICBaIi8+PCEtLSBWZXJ0aWNhbCBiYXIgLS0+PHBhdGggICAgZmlsbD0iY3VycmVudENvbG9yIiAgICBkPSJNNy41LDcuNSAgICAgICBoMSAgICAgICB2My40ICAgICAgIGgtMSAgICAgICBaIi8+PCEtLSBTbWFsbCBzcXVhcmUvY2FwIC0tPjxwYXRoICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgICAgZD0iTTcuNSw1LjEgICAgICAgaDEgICAgICAgdjEgICAgICAgaC0xICAgICAgIFoiLz48L3N2Zz4=");}};});
|
|
2
2
|
//# sourceMappingURL=info.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/info.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"info.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/info.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPdXRlciBkb3VibGUgcmluZyAtLT48cGF0aCAgICBmaWxsPSJjdXJyZW50Q29sb3IiICAgIGQ9Ik04LDEuNSAgICAgICBjMy41OSwwLDYuNSwyLjkxLDYuNSw2LjUgICAgICAgcy0yLjkxLDYuNS02LjUsNi41ICAgICAgIFMxLjUsMTEuNTksMS41LDggICAgICAgYzAtMy41OSwyLjkxLTYuNDksNi41LTYuNSAgICAgICBaICAgICAgIE04LDEzLjUgICAgICAgYzMuMDQsMCw1LjUtMi40Niw1LjUtNS41ICAgICAgIHMtMi40Ni01LjUtNS41LTUuNSAgICAgICBTMi41LDQuOTYsMi41LDggICAgICAgYzAsMy4wNCwyLjQ2LDUuNDksNS41LDUuNSAgICAgICBaIi8+PCEtLSBWZXJ0aWNhbCBiYXIgLS0+PHBhdGggICAgZmlsbD0iY3VycmVudENvbG9yIiAgICBkPSJNNy41LDcuNSAgICAgICBoMSAgICAgICB2My40ICAgICAgIGgtMSAgICAgICBaIi8+PCEtLSBTbWFsbCBzcXVhcmUvY2FwIC0tPjxwYXRoICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgICAgZD0iTTcuNSw1LjEgICAgICAgaDEgICAgICAgdjEgICAgICAgaC0xICAgICAgIFoiLz48L3N2Zz4=\";"],"names":["info"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBPdXRlciBkb3VibGUgcmluZyAtLT48cGF0aCAgICBmaWxsPSJjdXJyZW50Q29sb3IiICAgIGQ9Ik04LDEuNSAgICAgICBjMy41OSwwLDYuNSwyLjkxLDYuNSw2LjUgICAgICAgcy0yLjkxLDYuNS02LjUsNi41ICAgICAgIFMxLjUsMTEuNTksMS41LDggICAgICAgYzAtMy41OSwyLjkxLTYuNDksNi41LTYuNSAgICAgICBaICAgICAgIE04LDEzLjUgICAgICAgYzMuMDQsMCw1LjUtMi40Niw1LjUtNS41ICAgICAgIHMtMi40Ni01LjUtNS41LTUuNSAgICAgICBTMi41LDQuOTYsMi41LDggICAgICAgYzAsMy4wNCwyLjQ2LDUuNDksNS41LDUuNSAgICAgICBaIi8+PCEtLSBWZXJ0aWNhbCBiYXIgLS0+PHBhdGggICAgZmlsbD0iY3VycmVudENvbG9yIiAgICBkPSJNNy41LDcuNSAgICAgICBoMSAgICAgICB2My40ICAgICAgIGgtMSAgICAgICBaIi8+PCEtLSBTbWFsbCBzcXVhcmUvY2FwIC0tPjxwYXRoICAgIGZpbGw9ImN1cnJlbnRDb2xvciIgICAgZD0iTTcuNSw1LjEgICAgICAgaDEgICAgICAgdjEgICAgICAgaC0xICAgICAgIFoiLz48L3N2Zz4=";export{I as i};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("i",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBDb252ZXJ0ZWQgcG9seWdvbiB0byBwYXRoIC0tPjxwYXRoICAgIGQ9Ik0zIDUuNzMgICAgICAgTDMgNi43NiAgICAgICBMNC4yNSA2LjI5ICAgICAgIEw0LjI1IDExICAgICAgIEw1LjQxIDExICAgICAgIEw1LjQxIDUuMTIgICAgICAgTDQuNDUgNS4xMiAgICAgICBMMyA1LjczICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iY3VycmVudENvbG9yIiAgICBzdHJva2Utd2lkdGg9IjAiIC8+PCEtLSBFeGlzdGluZyBzaGFwZSAoYWxyZWFkeSBhIHBhdGgpIC0tPjxwYXRoICAgIGQ9Im0xMS41Nyw4LjY1ICAgICAgIGMuNTUtLjUsMS4xNS0xLjA2LDEuMTUtMS45MiAgICAgICBjMC0xLjA1LS44Mi0xLjczLTIuMDMtMS43MyAgICAgICBzLTEuOTcuNjMtMS45NywxLjggICAgICAgdi4xNyAgICAgICBoMS4xICAgICAgIHYtLjEyICAgICAgIGMwLS41Ni4zLS45Ljg3LS45ICAgICAgIGMuNSwwLC44Ni4yOS44Ni43OSAgICAgICBjMCwuNDEtLjIzLjcxLS41NSwxLjAzICAgICAgIGwtMi4zOSwyLjM1ICAgICAgIHYuODggICAgICAgaDQuMDcgICAgICAgdi0uOTUgICAgICAgaC0yLjY1ICAgICAgIGwxLjUzLTEuNCAgICAgICBaIiAgICBmaWxsPSJjdXJyZW50Q29sb3IiICAgIHN0cm9rZT0ibm9uZSIgLz48L3N2Zz4=");}};});
|
|
2
2
|
//# sourceMappingURL=integer.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"integer.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/integer.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"integer.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/integer.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBDb252ZXJ0ZWQgcG9seWdvbiB0byBwYXRoIC0tPjxwYXRoICAgIGQ9Ik0zIDUuNzMgICAgICAgTDMgNi43NiAgICAgICBMNC4yNSA2LjI5ICAgICAgIEw0LjI1IDExICAgICAgIEw1LjQxIDExICAgICAgIEw1LjQxIDUuMTIgICAgICAgTDQuNDUgNS4xMiAgICAgICBMMyA1LjczICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iY3VycmVudENvbG9yIiAgICBzdHJva2Utd2lkdGg9IjAiIC8+PCEtLSBFeGlzdGluZyBzaGFwZSAoYWxyZWFkeSBhIHBhdGgpIC0tPjxwYXRoICAgIGQ9Im0xMS41Nyw4LjY1ICAgICAgIGMuNTUtLjUsMS4xNS0xLjA2LDEuMTUtMS45MiAgICAgICBjMC0xLjA1LS44Mi0xLjczLTIuMDMtMS43MyAgICAgICBzLTEuOTcuNjMtMS45NywxLjggICAgICAgdi4xNyAgICAgICBoMS4xICAgICAgIHYtLjEyICAgICAgIGMwLS41Ni4zLS45Ljg3LS45ICAgICAgIGMuNSwwLC44Ni4yOS44Ni43OSAgICAgICBjMCwuNDEtLjIzLjcxLS41NSwxLjAzICAgICAgIGwtMi4zOSwyLjM1ICAgICAgIHYuODggICAgICAgaDQuMDcgICAgICAgdi0uOTUgICAgICAgaC0yLjY1ICAgICAgIGwxLjUzLTEuNCAgICAgICBaIiAgICBmaWxsPSJjdXJyZW50Q29sb3IiICAgIHN0cm9rZT0ibm9uZSIgLz48L3N2Zz4=\";"],"names":["integer"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PCEtLSBDb252ZXJ0ZWQgcG9seWdvbiB0byBwYXRoIC0tPjxwYXRoICAgIGQ9Ik0zIDUuNzMgICAgICAgTDMgNi43NiAgICAgICBMNC4yNSA2LjI5ICAgICAgIEw0LjI1IDExICAgICAgIEw1LjQxIDExICAgICAgIEw1LjQxIDUuMTIgICAgICAgTDQuNDUgNS4xMiAgICAgICBMMyA1LjczICAgICAgIFoiICAgIGZpbGw9Im5vbmUiICAgIHN0cm9rZT0iY3VycmVudENvbG9yIiAgICBzdHJva2Utd2lkdGg9IjAiIC8+PCEtLSBFeGlzdGluZyBzaGFwZSAoYWxyZWFkeSBhIHBhdGgpIC0tPjxwYXRoICAgIGQ9Im0xMS41Nyw4LjY1ICAgICAgIGMuNTUtLjUsMS4xNS0xLjA2LDEuMTUtMS45MiAgICAgICBjMC0xLjA1LS44Mi0xLjczLTIuMDMtMS43MyAgICAgICBzLTEuOTcuNjMtMS45NywxLjggICAgICAgdi4xNyAgICAgICBoMS4xICAgICAgIHYtLjEyICAgICAgIGMwLS41Ni4zLS45Ljg3LS45ICAgICAgIGMuNSwwLC44Ni4yOS44Ni43OSAgICAgICBjMCwuNDEtLjIzLjcxLS41NSwxLjAzICAgICAgIGwtMi4zOSwyLjM1ICAgICAgIHYuODggICAgICAgaDQuMDcgICAgICAgdi0uOTUgICAgICAgaC0yLjY1ICAgICAgIGwxLjUzLTEuNCAgICAgICBaIiAgICBmaWxsPSJjdXJyZW50Q29sb3IiICAgIHN0cm9rZT0ibm9uZSIgLz48L3N2Zz4=";export{I as i};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("l",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJub25lIj48cGF0aCAgICBkPSJNMS4zMzU5NCA4LjAwMDM3ICAgICAgIEw3Ljc2NDA5IDExLjIxNDQgICAgICAgQzcuODUxNTUgMTEuMjU4MiA3Ljg5NTI3IDExLjI4IDcuOTQxMTQgMTEuMjg4NiAgICAgICAgIDcuOTgxNzYgMTEuMjk2MyA4LjAyMzQ1IDExLjI5NjMgOC4wNjQwNyAxMS4yODg2ICAgICAgICAgOC4xMDk5NCAxMS4yOCA4LjE1MzY2IDExLjI1ODIgOC4yNDExMiAxMS4yMTQ0ICAgICAgIEwxNC42NjkzIDguMDAwMzcgICAgICAgTTEuMzM1OTQgMTEuMzMzNyAgICAgICBMNy43NjQwOSAxNC41NDc4ICAgICAgIEM3Ljg1MTU1IDE0LjU5MTUgNy44OTUyNyAxNC42MTM0IDcuOTQxMTQgMTQuNjIyICAgICAgICAgNy45ODE3NiAxNC42Mjk2IDguMDIzNDUgMTQuNjI5NiA4LjA2NDA3IDE0LjYyMiAgICAgICAgIDguMTA5OTQgMTQuNjEzNCA4LjE1MzY2IDE0LjU5MTUgOC4yNDExMiAxNC41NDc4ICAgICAgIEwxNC42NjkzIDExLjMzMzcgICAgICAgTTEuMzM1OTQgNC42NjcwNCAgICAgICBMNy43NjQwOSAxLjQ1Mjk2ICAgICAgIEM3Ljg1MTU1IDEuNDA5MjMgNy44OTUyNyAxLjM4NzM3IDcuOTQxMTQgMS4zNzg3NiAgICAgICAgIDcuOTgxNzYgMS4zNzExNCA4LjAyMzQ1IDEuMzcxMTQgOC4wNjQwNyAxLjM3ODc2ICAgICAgICAgOC4xMDk5NCAxLjM4NzM3IDguMTUzNjYgMS40MDkyMyA4LjI0MTEyIDEuNDUyOTYgICAgICAgTDE0LjY2OTMgNC42NjcwNCAgICAgICBMOC4yNDExMiA3Ljg4MTExICAgICAgIEM4LjE1MzY2IDcuOTI0ODQgOC4xMDk5NCA3Ljk0NjcgOC4wNjQwNyA3Ljk1NTMxICAgICAgICAgOC4wMjM0NSA3Ljk2MjkzIDcuOTgxNzYgNy45NjI5MyA3Ljk0MTE0IDcuOTU1MzEgICAgICAgICA3Ljg5NTI3IDcuOTQ2NyA3Ljg1MTU1IDcuOTI0ODQgNy43NjQwOSA3Ljg4MTExICAgICAgIEwxLjMzNTk0IDQuNjY3MDQgICAgICAgWiIgICAgc3Ryb2tlPSIjMzQ0MDU0IiAgICBzdHJva2Utd2lkdGg9IjEuNiIgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");}};});
|
|
2
2
|
//# sourceMappingURL=layers-three-02.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layers-three-02.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/layers-three-02.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"layers-three-02.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/layers-three-02.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJub25lIj48cGF0aCAgICBkPSJNMS4zMzU5NCA4LjAwMDM3ICAgICAgIEw3Ljc2NDA5IDExLjIxNDQgICAgICAgQzcuODUxNTUgMTEuMjU4MiA3Ljg5NTI3IDExLjI4IDcuOTQxMTQgMTEuMjg4NiAgICAgICAgIDcuOTgxNzYgMTEuMjk2MyA4LjAyMzQ1IDExLjI5NjMgOC4wNjQwNyAxMS4yODg2ICAgICAgICAgOC4xMDk5NCAxMS4yOCA4LjE1MzY2IDExLjI1ODIgOC4yNDExMiAxMS4yMTQ0ICAgICAgIEwxNC42NjkzIDguMDAwMzcgICAgICAgTTEuMzM1OTQgMTEuMzMzNyAgICAgICBMNy43NjQwOSAxNC41NDc4ICAgICAgIEM3Ljg1MTU1IDE0LjU5MTUgNy44OTUyNyAxNC42MTM0IDcuOTQxMTQgMTQuNjIyICAgICAgICAgNy45ODE3NiAxNC42Mjk2IDguMDIzNDUgMTQuNjI5NiA4LjA2NDA3IDE0LjYyMiAgICAgICAgIDguMTA5OTQgMTQuNjEzNCA4LjE1MzY2IDE0LjU5MTUgOC4yNDExMiAxNC41NDc4ICAgICAgIEwxNC42NjkzIDExLjMzMzcgICAgICAgTTEuMzM1OTQgNC42NjcwNCAgICAgICBMNy43NjQwOSAxLjQ1Mjk2ICAgICAgIEM3Ljg1MTU1IDEuNDA5MjMgNy44OTUyNyAxLjM4NzM3IDcuOTQxMTQgMS4zNzg3NiAgICAgICAgIDcuOTgxNzYgMS4zNzExNCA4LjAyMzQ1IDEuMzcxMTQgOC4wNjQwNyAxLjM3ODc2ICAgICAgICAgOC4xMDk5NCAxLjM4NzM3IDguMTUzNjYgMS40MDkyMyA4LjI0MTEyIDEuNDUyOTYgICAgICAgTDE0LjY2OTMgNC42NjcwNCAgICAgICBMOC4yNDExMiA3Ljg4MTExICAgICAgIEM4LjE1MzY2IDcuOTI0ODQgOC4xMDk5NCA3Ljk0NjcgOC4wNjQwNyA3Ljk1NTMxICAgICAgICAgOC4wMjM0NSA3Ljk2MjkzIDcuOTgxNzYgNy45NjI5MyA3Ljk0MTE0IDcuOTU1MzEgICAgICAgICA3Ljg5NTI3IDcuOTQ2NyA3Ljg1MTU1IDcuOTI0ODQgNy43NjQwOSA3Ljg4MTExICAgICAgIEwxLjMzNTk0IDQuNjY3MDQgICAgICAgWiIgICAgc3Ryb2tlPSIjMzQ0MDU0IiAgICBzdHJva2Utd2lkdGg9IjEuNiIgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+\";"],"names":["layersThree02"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJub25lIj48cGF0aCAgICBkPSJNMS4zMzU5NCA4LjAwMDM3ICAgICAgIEw3Ljc2NDA5IDExLjIxNDQgICAgICAgQzcuODUxNTUgMTEuMjU4MiA3Ljg5NTI3IDExLjI4IDcuOTQxMTQgMTEuMjg4NiAgICAgICAgIDcuOTgxNzYgMTEuMjk2MyA4LjAyMzQ1IDExLjI5NjMgOC4wNjQwNyAxMS4yODg2ICAgICAgICAgOC4xMDk5NCAxMS4yOCA4LjE1MzY2IDExLjI1ODIgOC4yNDExMiAxMS4yMTQ0ICAgICAgIEwxNC42NjkzIDguMDAwMzcgICAgICAgTTEuMzM1OTQgMTEuMzMzNyAgICAgICBMNy43NjQwOSAxNC41NDc4ICAgICAgIEM3Ljg1MTU1IDE0LjU5MTUgNy44OTUyNyAxNC42MTM0IDcuOTQxMTQgMTQuNjIyICAgICAgICAgNy45ODE3NiAxNC42Mjk2IDguMDIzNDUgMTQuNjI5NiA4LjA2NDA3IDE0LjYyMiAgICAgICAgIDguMTA5OTQgMTQuNjEzNCA4LjE1MzY2IDE0LjU5MTUgOC4yNDExMiAxNC41NDc4ICAgICAgIEwxNC42NjkzIDExLjMzMzcgICAgICAgTTEuMzM1OTQgNC42NjcwNCAgICAgICBMNy43NjQwOSAxLjQ1Mjk2ICAgICAgIEM3Ljg1MTU1IDEuNDA5MjMgNy44OTUyNyAxLjM4NzM3IDcuOTQxMTQgMS4zNzg3NiAgICAgICAgIDcuOTgxNzYgMS4zNzExNCA4LjAyMzQ1IDEuMzcxMTQgOC4wNjQwNyAxLjM3ODc2ICAgICAgICAgOC4xMDk5NCAxLjM4NzM3IDguMTUzNjYgMS40MDkyMyA4LjI0MTEyIDEuNDUyOTYgICAgICAgTDE0LjY2OTMgNC42NjcwNCAgICAgICBMOC4yNDExMiA3Ljg4MTExICAgICAgIEM4LjE1MzY2IDcuOTI0ODQgOC4xMDk5NCA3Ljk0NjcgOC4wNjQwNyA3Ljk1NTMxICAgICAgICAgOC4wMjM0NSA3Ljk2MjkzIDcuOTgxNzYgNy45NjI5MyA3Ljk0MTE0IDcuOTU1MzEgICAgICAgICA3Ljg5NTI3IDcuOTQ2NyA3Ljg1MTU1IDcuOTI0ODQgNy43NjQwOSA3Ljg4MTExICAgICAgIEwxLjMzNTk0IDQuNjY3MDQgICAgICAgWiIgICAgc3Ryb2tlPSIjMzQ0MDU0IiAgICBzdHJva2Utd2lkdGg9IjEuNiIgICAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";export{I as l};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("l",I="
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("l",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI2IiBmaWxsPSJub25lIj48IS0tIEJvdHRvbSBjaXJjbGUgKHN0cm9rZSBvbmx5KSAtLT48cGF0aCAgICBkPSJNMTUuNSwxNy42NjYgICAgICAgQTcuNSw3LjUgMCAxLDAgMC41LDE3LjY2NiAgICAgICBBNy41LDcuNSAwIDEsMCAxNS41LDE3LjY2NiAgICAgICBaIiAgICBzdHJva2U9IiMwMDVFQTYiICAgIGZpbGw9Im5vbmUiLz48IS0tIFRvcCBjaXJjbGUgKGZpbGxlZCkgLS0+PHBhdGggICAgZD0iTTE2LDguMzMzOTggICAgICAgQTgsOCAwIDEsMCAwLDguMzMzOTggICAgICAgQTgsOCAwIDEsMCAxNiw4LjMzMzk4ICAgICAgIFoiICAgIGZpbGw9IiMwMDVFQTYiLz48L3N2Zz4=");}};});
|
|
2
2
|
//# sourceMappingURL=left-join.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"left-join.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/left-join.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"left-join.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/left-join.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI2IiBmaWxsPSJub25lIj48IS0tIEJvdHRvbSBjaXJjbGUgKHN0cm9rZSBvbmx5KSAtLT48cGF0aCAgICBkPSJNMTUuNSwxNy42NjYgICAgICAgQTcuNSw3LjUgMCAxLDAgMC41LDE3LjY2NiAgICAgICBBNy41LDcuNSAwIDEsMCAxNS41LDE3LjY2NiAgICAgICBaIiAgICBzdHJva2U9IiMwMDVFQTYiICAgIGZpbGw9Im5vbmUiLz48IS0tIFRvcCBjaXJjbGUgKGZpbGxlZCkgLS0+PHBhdGggICAgZD0iTTE2LDguMzMzOTggICAgICAgQTgsOCAwIDEsMCAwLDguMzMzOTggICAgICAgQTgsOCAwIDEsMCAxNiw4LjMzMzk4ICAgICAgIFoiICAgIGZpbGw9IiMwMDVFQTYiLz48L3N2Zz4=\";"],"names":["leftJoin"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var I="
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI2IiBmaWxsPSJub25lIj48IS0tIEJvdHRvbSBjaXJjbGUgKHN0cm9rZSBvbmx5KSAtLT48cGF0aCAgICBkPSJNMTUuNSwxNy42NjYgICAgICAgQTcuNSw3LjUgMCAxLDAgMC41LDE3LjY2NiAgICAgICBBNy41LDcuNSAwIDEsMCAxNS41LDE3LjY2NiAgICAgICBaIiAgICBzdHJva2U9IiMwMDVFQTYiICAgIGZpbGw9Im5vbmUiLz48IS0tIFRvcCBjaXJjbGUgKGZpbGxlZCkgLS0+PHBhdGggICAgZD0iTTE2LDguMzMzOTggICAgICAgQTgsOCAwIDEsMCAwLDguMzMzOTggICAgICAgQTgsOCAwIDEsMCAxNiw4LjMzMzk4ICAgICAgIFoiICAgIGZpbGw9IiMwMDVFQTYiLz48L3N2Zz4=";export{I as l};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("l",I="
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var I;return{setters:[],execute:function execute(){_export("l",I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJub25lIj48IS0tIE91dGVyIHN0cm9rZWQgY2lyY2xlIGFzIGEgcGF0aCAtLT48cGF0aCAgICBkPSJNMjUuMTY2LDEzICAgICAgIEE3LjUsNy41IDAgMSwwIDEwLjE2NiwxMyAgICAgICBBNy41LDcuNSAwIDEsMCAyNS4xNjYsMTMgICAgICAgWiIgICAgc3Ryb2tlPSIjMDA1RUE2IiAgICBmaWxsPSJub25lIi8+PCEtLSBJbm5lciBmaWxsZWQgY2lyY2xlIGFzIGEgcGF0aCAtLT48cGF0aCAgICBkPSJNMTYuMzMzNywxMyAgICAgICBBOCw4IDAgMSwwIDAuMzMzNywxMyAgICAgICBBOCw4IDAgMSwwIDE2LjMzMzcsMTMgICAgICAgWiIgICAgZmlsbD0iIzAwNUVBNiIvPjwvc3ZnPg==");}};});
|
|
2
2
|
//# sourceMappingURL=left-union.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"left-union.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/left-union.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"
|
|
1
|
+
{"version":3,"file":"left-union.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/left-union.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJub25lIj48IS0tIE91dGVyIHN0cm9rZWQgY2lyY2xlIGFzIGEgcGF0aCAtLT48cGF0aCAgICBkPSJNMjUuMTY2LDEzICAgICAgIEE3LjUsNy41IDAgMSwwIDEwLjE2NiwxMyAgICAgICBBNy41LDcuNSAwIDEsMCAyNS4xNjYsMTMgICAgICAgWiIgICAgc3Ryb2tlPSIjMDA1RUE2IiAgICBmaWxsPSJub25lIi8+PCEtLSBJbm5lciBmaWxsZWQgY2lyY2xlIGFzIGEgcGF0aCAtLT48cGF0aCAgICBkPSJNMTYuMzMzNywxMyAgICAgICBBOCw4IDAgMSwwIDAuMzMzNywxMyAgICAgICBBOCw4IDAgMSwwIDE2LjMzMzcsMTMgICAgICAgWiIgICAgZmlsbD0iIzAwNUVBNiIvPjwvc3ZnPg==\";"],"names":["leftUnion"],"mappings":"0HAIAA,EAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var I="
|
|
1
|
+
var I="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJub25lIj48IS0tIE91dGVyIHN0cm9rZWQgY2lyY2xlIGFzIGEgcGF0aCAtLT48cGF0aCAgICBkPSJNMjUuMTY2LDEzICAgICAgIEE3LjUsNy41IDAgMSwwIDEwLjE2NiwxMyAgICAgICBBNy41LDcuNSAwIDEsMCAyNS4xNjYsMTMgICAgICAgWiIgICAgc3Ryb2tlPSIjMDA1RUE2IiAgICBmaWxsPSJub25lIi8+PCEtLSBJbm5lciBmaWxsZWQgY2lyY2xlIGFzIGEgcGF0aCAtLT48cGF0aCAgICBkPSJNMTYuMzMzNywxMyAgICAgICBBOCw4IDAgMSwwIDAuMzMzNywxMyAgICAgICBBOCw4IDAgMSwwIDE2LjMzMzcsMTMgICAgICAgWiIgICAgZmlsbD0iIzAwNUVBNiIvPjwvc3ZnPg==";export{I as l};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register([],function(_export,_context){"use strict";var
|
|
1
|
+
System.register([],function(_export,_context){"use strict";var A;return{setters:[],execute:function execute(){_export("l",A="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEwLjkgMy4xICAgICAgICAgICBMMTAuMSAzLjkgICAgICAgICAgIEwxMy44IDcuNSAgICAgICAgICAgTDEgIDcuNSAgICAgICAgICAgTDEgIDguNSAgICAgICAgICAgTDEzLjggOC41ICAgICAgICAgICBMMTAuMSAxMi4xICAgICAgICAgICBMMTAuOSAxMi45ICAgICAgICAgICBMMTUuNyA4ICAgICAgICAgICBMMTAuOSAzLjEgICAgICAgICAgIFoiLz48L3N2Zz4=");}};});
|
|
2
2
|
//# sourceMappingURL=leftpointarrow.cjs.js.map
|