npm - @aquera/nile-elements - Versions diffs - 0.0.1-beta.14 → 0.0.1-beta.16 - Mend

@aquera/nile-elements 0.0.1-beta.14 → 0.0.1-beta.16

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

Files changed (872) hide show

package/dist/nile-button/nile-button.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["tslib","../nile-icon/index.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/form.cjs.js","../internal/slot.cjs.js","lit/static-html.js","lit/directives/if-defined.js","../internal/watch.cjs.js","./nile-button.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/unsafe-svg.js","lit/directives/unsafe-html.js","../nile-icon/icons/svg/index.cjs.js","../nile-icon/icons/svg/access-review.cjs.js","../nile-icon/icons/svg/action.cjs.js","../nile-icon/icons/svg/actionworkflow.cjs.js","../nile-icon/icons/svg/agents.cjs.js","../nile-icon/icons/svg/aggregation.cjs.js","../nile-icon/icons/svg/allsearch.cjs.js","../nile-icon/icons/svg/application.cjs.js","../nile-icon/icons/svg/approve.cjs.js","../nile-icon/icons/svg/arrowdown.cjs.js","../nile-icon/icons/svg/arrowleft.cjs.js","../nile-icon/icons/svg/arrowright.cjs.js","../nile-icon/icons/svg/arrowup.cjs.js","../nile-icon/icons/svg/attributemap.cjs.js","../nile-icon/icons/svg/bell.cjs.js","../nile-icon/icons/svg/boolean.cjs.js","../nile-icon/icons/svg/bulk-sync.cjs.js","../nile-icon/icons/svg/button-loading-black.cjs.js","../nile-icon/icons/svg/button-loading-blue.cjs.js","../nile-icon/icons/svg/button-loading-white.cjs.js","../nile-icon/icons/svg/calendar.cjs.js","../nile-icon/icons/svg/caution.cjs.js","../nile-icon/icons/svg/close.cjs.js","../nile-icon/icons/svg/collapse-1.cjs.js","../nile-icon/icons/svg/collapse.cjs.js","../nile-icon/icons/svg/compact.cjs.js","../nile-icon/icons/svg/compare-tiles.cjs.js","../nile-icon/icons/svg/component-menu.cjs.js","../nile-icon/icons/svg/connect.cjs.js","../nile-icon/icons/svg/copy.cjs.js","../nile-icon/icons/svg/correlation.cjs.js","../nile-icon/icons/svg/dashboard.cjs.js","../nile-icon/icons/svg/database.cjs.js","../nile-icon/icons/svg/databaseview.cjs.js","../nile-icon/icons/svg/default-1.cjs.js","../nile-icon/icons/svg/default.cjs.js","../nile-icon/icons/svg/directory.cjs.js","../nile-icon/icons/svg/disabled.cjs.js","../nile-icon/icons/svg/document.cjs.js","../nile-icon/icons/svg/done.cjs.js","../nile-icon/icons/svg/download.cjs.js","../nile-icon/icons/svg/drag.cjs.js","../nile-icon/icons/svg/draglist.cjs.js","../nile-icon/icons/svg/enable.cjs.js","../nile-icon/icons/svg/entitlement.cjs.js","../nile-icon/icons/svg/error.cjs.js","../nile-icon/icons/svg/escalate.cjs.js","../nile-icon/icons/svg/event.cjs.js","../nile-icon/icons/svg/exactmatch.cjs.js","../nile-icon/icons/svg/expand-1.cjs.js","../nile-icon/icons/svg/expand.cjs.js","../nile-icon/icons/svg/eye.cjs.js","../nile-icon/icons/svg/eyeclosed.cjs.js","../nile-icon/icons/svg/filter.cjs.js","../nile-icon/icons/svg/firewall.cjs.js","../nile-icon/icons/svg/flow-h.cjs.js","../nile-icon/icons/svg/flow.cjs.js","../nile-icon/icons/svg/flowmap.cjs.js","../nile-icon/icons/svg/folder.cjs.js","../nile-icon/icons/svg/frequency.cjs.js","../nile-icon/icons/svg/fullscreen.cjs.js","../nile-icon/icons/svg/fullscreenshrink.cjs.js","../nile-icon/icons/svg/generation-phase.cjs.js","../nile-icon/icons/svg/global-search.cjs.js","../nile-icon/icons/svg/goto.cjs.js","../nile-icon/icons/svg/groupby.cjs.js","../nile-icon/icons/svg/guide.cjs.js","../nile-icon/icons/svg/helpsupport.cjs.js","../nile-icon/icons/svg/help-1.cjs.js","../nile-icon/icons/svg/help.cjs.js","../nile-icon/icons/svg/history.cjs.js","../nile-icon/icons/svg/identityledger.cjs.js","../nile-icon/icons/svg/ifelse.cjs.js","../nile-icon/icons/svg/image.cjs.js","../nile-icon/icons/svg/info.cjs.js","../nile-icon/icons/svg/info2.cjs.js","../nile-icon/icons/svg/js.cjs.js","../nile-icon/icons/svg/link.cjs.js","../nile-icon/icons/svg/loader.cjs.js","../nile-icon/icons/svg/loading.cjs.js","../nile-icon/icons/svg/loading2.cjs.js","../nile-icon/icons/svg/lock.cjs.js","../nile-icon/icons/svg/logs.cjs.js","../nile-icon/icons/svg/manage.cjs.js","../nile-icon/icons/svg/map.cjs.js","../nile-icon/icons/svg/mapcreate.cjs.js","../nile-icon/icons/svg/mapdont.cjs.js","../nile-icon/icons/svg/mapupdate.cjs.js","../nile-icon/icons/svg/maximize.cjs.js","../nile-icon/icons/svg/minus.cjs.js","../nile-icon/icons/svg/moveleft.cjs.js","../nile-icon/icons/svg/moveright.cjs.js","../nile-icon/icons/svg/mute.cjs.js","../nile-icon/icons/svg/nomatch.cjs.js","../nile-icon/icons/svg/not.cjs.js","../nile-icon/icons/svg/note.cjs.js","../nile-icon/icons/svg/notificationadd.cjs.js","../nile-icon/icons/svg/notificationadded.cjs.js","../nile-icon/icons/svg/null.cjs.js","../nile-icon/icons/svg/number.cjs.js","../nile-icon/icons/svg/options.cjs.js","../nile-icon/icons/svg/orchestration.cjs.js","../nile-icon/icons/svg/partner.cjs.js","../nile-icon/icons/svg/pencil.cjs.js","../nile-icon/icons/svg/people-task.cjs.js","../nile-icon/icons/svg/pin.cjs.js","../nile-icon/icons/svg/plus.cjs.js","../nile-icon/icons/svg/potentialmatch.cjs.js","../nile-icon/icons/svg/poweron.cjs.js","../nile-icon/icons/svg/privilage.cjs.js","../nile-icon/icons/svg/radio.cjs.js","../nile-icon/icons/svg/radioactive.cjs.js","../nile-icon/icons/svg/radiodone.cjs.js","../nile-icon/icons/svg/readexpression.cjs.js","../nile-icon/icons/svg/readonly.cjs.js","../nile-icon/icons/svg/redo.cjs.js","../nile-icon/icons/svg/refresh.cjs.js","../nile-icon/icons/svg/reminder.cjs.js","../nile-icon/icons/svg/resource.cjs.js","../nile-icon/icons/svg/revokation-cycle.cjs.js","../nile-icon/icons/svg/role.cjs.js","../nile-icon/icons/svg/run.cjs.js","../nile-icon/icons/svg/save.cjs.js","../nile-icon/icons/svg/schedule.cjs.js","../nile-icon/icons/svg/script.cjs.js","../nile-icon/icons/svg/search.cjs.js","../nile-icon/icons/svg/select.cjs.js","../nile-icon/icons/svg/selectapplication.cjs.js","../nile-icon/icons/svg/selectattributes.cjs.js","../nile-icon/icons/svg/selectuser.cjs.js","../nile-icon/icons/svg/send.cjs.js","../nile-icon/icons/svg/settings.cjs.js","../nile-icon/icons/svg/sort.cjs.js","../nile-icon/icons/svg/stop.cjs.js","../nile-icon/icons/svg/string.cjs.js","../nile-icon/icons/svg/sync.cjs.js","../nile-icon/icons/svg/test.cjs.js","../nile-icon/icons/svg/textarea-expander.cjs.js","../nile-icon/icons/svg/tick.cjs.js","../nile-icon/icons/svg/timeupdate.cjs.js","../nile-icon/icons/svg/timezone.cjs.js","../nile-icon/icons/svg/trash.cjs.js","../nile-icon/icons/svg/undo-1.cjs.js","../nile-icon/icons/svg/undo.cjs.js","../nile-icon/icons/svg/unmute.cjs.js","../nile-icon/icons/svg/upgrade.cjs.js","../nile-icon/icons/svg/upload.cjs.js","../nile-icon/icons/svg/user-group.cjs.js","../nile-icon/icons/svg/user.cjs.js","../nile-icon/icons/svg/useractive.cjs.js","../nile-icon/icons/svg/useradd.cjs.js","../nile-icon/icons/svg/useraddgroup.cjs.js","../nile-icon/icons/svg/userfind.cjs.js","../nile-icon/icons/svg/userimport.cjs.js","../nile-icon/icons/svg/userimportgroup.cjs.js","../nile-icon/icons/svg/usermixed.cjs.js","../nile-icon/icons/svg/userremove-1.cjs.js","../nile-icon/icons/svg/userremove-2.cjs.js","../nile-icon/icons/svg/userremove.cjs.js","../nile-icon/icons/svg/userremovegroup.cjs.js","../nile-icon/icons/svg/userupdate.cjs.js","../nile-icon/icons/svg/users.cjs.js","../nile-icon/icons/svg/validationexpression.cjs.js","../nile-icon/icons/svg/variable-new-1.cjs.js","../nile-icon/icons/svg/variable-new.cjs.js","../nile-icon/icons/svg/variable-global.cjs.js","../nile-icon/icons/svg/variable-local-1.cjs.js","../nile-icon/icons/svg/variable-local.cjs.js","../nile-icon/icons/svg/variable.cjs.js","../nile-icon/icons/svg/video.cjs.js","../nile-icon/icons/svg/warning.cjs.js","../nile-icon/icons/svg/whileloop.cjs.js","../nile-icon/icons/svg/workflow.cjs.js","../nile-icon/icons/svg/writeexpression.cjs.js","../nile-icon/icons/svg/back.cjs.js","../nile-icon/icons/svg/downgrade.cjs.js","../nile-icon/icons/svg/globe.cjs.js","../nile-icon/icons/svg/phone.cjs.js","../nile-icon/icons/svg/storybook.cjs.js","../nile-icon/icons/svg/swap.cjs.js","../index-adad7634.cjs.js"],function(_export,_context){"use strict";var i,s,o,n,c,t,e,r,l,j,p,m,a,v,g,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,d;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_nileIconIndexCjsJs){},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){o=_litDecoratorsJs.query;n=_litDecoratorsJs.state;c=_litDecoratorsJs.property;t=_litDecoratorsJs.customElement;},function(_internalFormCjsJs){e=_internalFormCjsJs.F;r=_internalFormCjsJs.v;},function(_internalSlotCjsJs){l=_internalSlotCjsJs.H;},function(_litStaticHtmlJs){j=_litStaticHtmlJs.literal;p=_litStaticHtmlJs.html;},function(_litDirectivesIfDefinedJs){m=_litDirectivesIfDefinedJs.ifDefined;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_nileButtonCssCjsJs){v=_nileButtonCssCjsJs.s;},function(_internalNileElementCjsJs){g=_internalNileElementCjsJs.N;},function(_lit){},function(_litDirectivesUnsafeSvgJs){},function(_litDirectivesUnsafeHtmlJs){},function(_nileIconIconsSvgIndexCjsJs){},function(_nileIconIconsSvgAccessReviewCjsJs){},function(_nileIconIconsSvgActionCjsJs){},function(_nileIconIconsSvgActionworkflowCjsJs){},function(_nileIconIconsSvgAgentsCjsJs){},function(_nileIconIconsSvgAggregationCjsJs){},function(_nileIconIconsSvgAllsearchCjsJs){},function(_nileIconIconsSvgApplicationCjsJs){},function(_nileIconIconsSvgApproveCjsJs){},function(_nileIconIconsSvgArrowdownCjsJs){},function(_nileIconIconsSvgArrowleftCjsJs){},function(_nileIconIconsSvgArrowrightCjsJs){},function(_nileIconIconsSvgArrowupCjsJs){},function(_nileIconIconsSvgAttributemapCjsJs){},function(_nileIconIconsSvgBellCjsJs){},function(_nileIconIconsSvgBooleanCjsJs){},function(_nileIconIconsSvgBulkSyncCjsJs){},function(_nileIconIconsSvgButtonLoadingBlackCjsJs){},function(_nileIconIconsSvgButtonLoadingBlueCjsJs){},function(_nileIconIconsSvgButtonLoadingWhiteCjsJs){},function(_nileIconIconsSvgCalendarCjsJs){},function(_nileIconIconsSvgCautionCjsJs){},function(_nileIconIconsSvgCloseCjsJs){},function(_nileIconIconsSvgCollapse1CjsJs){},function(_nileIconIconsSvgCollapseCjsJs){},function(_nileIconIconsSvgCompactCjsJs){},function(_nileIconIconsSvgCompareTilesCjsJs){},function(_nileIconIconsSvgComponentMenuCjsJs){},function(_nileIconIconsSvgConnectCjsJs){},function(_nileIconIconsSvgCopyCjsJs){},function(_nileIconIconsSvgCorrelationCjsJs){},function(_nileIconIconsSvgDashboardCjsJs){},function(_nileIconIconsSvgDatabaseCjsJs){},function(_nileIconIconsSvgDatabaseviewCjsJs){},function(_nileIconIconsSvgDefault1CjsJs){},function(_nileIconIconsSvgDefaultCjsJs){},function(_nileIconIconsSvgDirectoryCjsJs){},function(_nileIconIconsSvgDisabledCjsJs){},function(_nileIconIconsSvgDocumentCjsJs){},function(_nileIconIconsSvgDoneCjsJs){},function(_nileIconIconsSvgDownloadCjsJs){},function(_nileIconIconsSvgDragCjsJs){},function(_nileIconIconsSvgDraglistCjsJs){},function(_nileIconIconsSvgEnableCjsJs){},function(_nileIconIconsSvgEntitlementCjsJs){},function(_nileIconIconsSvgErrorCjsJs){},function(_nileIconIconsSvgEscalateCjsJs){},function(_nileIconIconsSvgEventCjsJs){},function(_nileIconIconsSvgExactmatchCjsJs){},function(_nileIconIconsSvgExpand1CjsJs){},function(_nileIconIconsSvgExpandCjsJs){},function(_nileIconIconsSvgEyeCjsJs){},function(_nileIconIconsSvgEyeclosedCjsJs){},function(_nileIconIconsSvgFilterCjsJs){},function(_nileIconIconsSvgFirewallCjsJs){},function(_nileIconIconsSvgFlowHCjsJs){},function(_nileIconIconsSvgFlowCjsJs){},function(_nileIconIconsSvgFlowmapCjsJs){},function(_nileIconIconsSvgFolderCjsJs){},function(_nileIconIconsSvgFrequencyCjsJs){},function(_nileIconIconsSvgFullscreenCjsJs){},function(_nileIconIconsSvgFullscreenshrinkCjsJs){},function(_nileIconIconsSvgGenerationPhaseCjsJs){},function(_nileIconIconsSvgGlobalSearchCjsJs){},function(_nileIconIconsSvgGotoCjsJs){},function(_nileIconIconsSvgGroupbyCjsJs){},function(_nileIconIconsSvgGuideCjsJs){},function(_nileIconIconsSvgHelpsupportCjsJs){},function(_nileIconIconsSvgHelp1CjsJs){},function(_nileIconIconsSvgHelpCjsJs){},function(_nileIconIconsSvgHistoryCjsJs){},function(_nileIconIconsSvgIdentityledgerCjsJs){},function(_nileIconIconsSvgIfelseCjsJs){},function(_nileIconIconsSvgImageCjsJs){},function(_nileIconIconsSvgInfoCjsJs){},function(_nileIconIconsSvgInfo2CjsJs){},function(_nileIconIconsSvgJsCjsJs){},function(_nileIconIconsSvgLinkCjsJs){},function(_nileIconIconsSvgLoaderCjsJs){},function(_nileIconIconsSvgLoadingCjsJs){},function(_nileIconIconsSvgLoading2CjsJs){},function(_nileIconIconsSvgLockCjsJs){},function(_nileIconIconsSvgLogsCjsJs){},function(_nileIconIconsSvgManageCjsJs){},function(_nileIconIconsSvgMapCjsJs){},function(_nileIconIconsSvgMapcreateCjsJs){},function(_nileIconIconsSvgMapdontCjsJs){},function(_nileIconIconsSvgMapupdateCjsJs){},function(_nileIconIconsSvgMaximizeCjsJs){},function(_nileIconIconsSvgMinusCjsJs){},function(_nileIconIconsSvgMoveleftCjsJs){},function(_nileIconIconsSvgMoverightCjsJs){},function(_nileIconIconsSvgMuteCjsJs){},function(_nileIconIconsSvgNomatchCjsJs){},function(_nileIconIconsSvgNotCjsJs){},function(_nileIconIconsSvgNoteCjsJs){},function(_nileIconIconsSvgNotificationaddCjsJs){},function(_nileIconIconsSvgNotificationaddedCjsJs){},function(_nileIconIconsSvgNullCjsJs){},function(_nileIconIconsSvgNumberCjsJs){},function(_nileIconIconsSvgOptionsCjsJs){},function(_nileIconIconsSvgOrchestrationCjsJs){},function(_nileIconIconsSvgPartnerCjsJs){},function(_nileIconIconsSvgPencilCjsJs){},function(_nileIconIconsSvgPeopleTaskCjsJs){},function(_nileIconIconsSvgPinCjsJs){},function(_nileIconIconsSvgPlusCjsJs){},function(_nileIconIconsSvgPotentialmatchCjsJs){},function(_nileIconIconsSvgPoweronCjsJs){},function(_nileIconIconsSvgPrivilageCjsJs){},function(_nileIconIconsSvgRadioCjsJs){},function(_nileIconIconsSvgRadioactiveCjsJs){},function(_nileIconIconsSvgRadiodoneCjsJs){},function(_nileIconIconsSvgReadexpressionCjsJs){},function(_nileIconIconsSvgReadonlyCjsJs){},function(_nileIconIconsSvgRedoCjsJs){},function(_nileIconIconsSvgRefreshCjsJs){},function(_nileIconIconsSvgReminderCjsJs){},function(_nileIconIconsSvgResourceCjsJs){},function(_nileIconIconsSvgRevokationCycleCjsJs){},function(_nileIconIconsSvgRoleCjsJs){},function(_nileIconIconsSvgRunCjsJs){},function(_nileIconIconsSvgSaveCjsJs){},function(_nileIconIconsSvgScheduleCjsJs){},function(_nileIconIconsSvgScriptCjsJs){},function(_nileIconIconsSvgSearchCjsJs){},function(_nileIconIconsSvgSelectCjsJs){},function(_nileIconIconsSvgSelectapplicationCjsJs){},function(_nileIconIconsSvgSelectattributesCjsJs){},function(_nileIconIconsSvgSelectuserCjsJs){},function(_nileIconIconsSvgSendCjsJs){},function(_nileIconIconsSvgSettingsCjsJs){},function(_nileIconIconsSvgSortCjsJs){},function(_nileIconIconsSvgStopCjsJs){},function(_nileIconIconsSvgStringCjsJs){},function(_nileIconIconsSvgSyncCjsJs){},function(_nileIconIconsSvgTestCjsJs){},function(_nileIconIconsSvgTextareaExpanderCjsJs){},function(_nileIconIconsSvgTickCjsJs){},function(_nileIconIconsSvgTimeupdateCjsJs){},function(_nileIconIconsSvgTimezoneCjsJs){},function(_nileIconIconsSvgTrashCjsJs){},function(_nileIconIconsSvgUndo1CjsJs){},function(_nileIconIconsSvgUndoCjsJs){},function(_nileIconIconsSvgUnmuteCjsJs){},function(_nileIconIconsSvgUpgradeCjsJs){},function(_nileIconIconsSvgUploadCjsJs){},function(_nileIconIconsSvgUserGroupCjsJs){},function(_nileIconIconsSvgUserCjsJs){},function(_nileIconIconsSvgUseractiveCjsJs){},function(_nileIconIconsSvgUseraddCjsJs){},function(_nileIconIconsSvgUseraddgroupCjsJs){},function(_nileIconIconsSvgUserfindCjsJs){},function(_nileIconIconsSvgUserimportCjsJs){},function(_nileIconIconsSvgUserimportgroupCjsJs){},function(_nileIconIconsSvgUsermixedCjsJs){},function(_nileIconIconsSvgUserremove1CjsJs){},function(_nileIconIconsSvgUserremove2CjsJs){},function(_nileIconIconsSvgUserremoveCjsJs){},function(_nileIconIconsSvgUserremovegroupCjsJs){},function(_nileIconIconsSvgUserupdateCjsJs){},function(_nileIconIconsSvgUsersCjsJs){},function(_nileIconIconsSvgValidationexpressionCjsJs){},function(_nileIconIconsSvgVariableNew1CjsJs){},function(_nileIconIconsSvgVariableNewCjsJs){},function(_nileIconIconsSvgVariableGlobalCjsJs){},function(_nileIconIconsSvgVariableLocal1CjsJs){},function(_nileIconIconsSvgVariableLocalCjsJs){},function(_nileIconIconsSvgVariableCjsJs){},function(_nileIconIconsSvgVideoCjsJs){},function(_nileIconIconsSvgWarningCjsJs){},function(_nileIconIconsSvgWhileloopCjsJs){},function(_nileIconIconsSvgWorkflowCjsJs){},function(_nileIconIconsSvgWriteexpressionCjsJs){},function(_nileIconIconsSvgBackCjsJs){},function(_nileIconIconsSvgDowngradeCjsJs){},function(_nileIconIconsSvgGlobeCjsJs){},function(_nileIconIconsSvgPhoneCjsJs){},function(_nileIconIconsSvgStorybookCjsJs){},function(_nileIconIconsSvgSwapCjsJs){},function(_index001CjsJs){}],execute:function(){d=/*#__PURE__*/function(_g){_inherits(d,_g);var _super=_createSuper(d);function d(){var _this;_classCallCheck(this,d);_this=_super.apply(this,arguments),_this.formControlController=new e(_assertThisInitialized(_this),{form:function form(i){if(i.hasAttribute("form")){var _s=i.getRootNode(),_o=i.getAttribute("form");return _s.getElementById(_o);}return i.closest("form");},assumeInteractionOn:["click"]}),_this.hasSlotController=new l(_assertThisInitialized(_this),"[default]","prefix","suffix"),_this.hasFocus=!1,_this.invalid=!1,_this.title="",_this.variant="primary",_this.size="medium",_this.caret=!1,_this.disabled=!1,_this.loading=!1,_this.outline=!1,_this.pill=!1,_this.circle=!1,_this.type="button",_this.name="",_this.value="",_this.href="",_this.rel="noreferrer noopener";return _this;}_createClass(d,[{key:"validity",get:function get(){return this.isButton()?this.button.validity:r;}},{key:"validationMessage",get:function get(){return this.isButton()?this.button.validationMessage:"";}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(d.prototype),"disconnectedCallback",this).call(this),this.removeEventListener("click",this.handleHostClick);}},{key:"firstUpdated",value:function firstUpdated(){this.isButton()&&this.formControlController.updateValidity();}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"handleClick",value:function handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this);}},{key:"handleHostClick",value:function handleHostClick(i){(this.disabled||this.loading)&&(i.preventDefault(),i.stopImmediatePropagation());}},{key:"handleInvalid",value:function handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i);}},{key:"isButton",value:function isButton(){return!this.href;}},{key:"isLink",value:function isLink(){return!!this.href;}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled);}},{key:"click",value:function click(){this.button.click();}},{key:"focus",value:function focus(i){this.button.focus(i);}},{key:"blur",value:function blur(){this.button.blur();}},{key:"checkValidity",value:function checkValidity(){return!this.isButton()||this.button.checkValidity();}},{key:"getForm",value:function getForm(){return this.formControlController.getForm();}},{key:"reportValidity",value:function reportValidity(){return!this.isButton()||this.button.reportValidity();}},{key:"setCustomValidity",value:function setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity());}},{key:"render",value:function render(){var i=this.isLink(),o=i?j(_templateObject||(_templateObject=_taggedTemplateLiteral(["a"]))):j(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["button"])));return p(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <","\n        part=\"base\"\n        class=","\n        ?disabled=","\n        type=","\n        title=","\n        name=","\n        value=","\n        href=","\n        target=","\n        download=","\n        rel=","\n        role=","\n        aria-disabled=","\n        tabindex=","\n        @blur=","\n        @focus=","\n        @invalid=","\n        @click=","\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n        <slot part=\"label\" class=\"button__label\"></slot>\n        <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        ","\n        ","\n      </",">\n    "])),o,s({button:!0,"button--primary":"primary"===this.variant,"button--secondary":"secondary"===this.variant,"button--tertiary":"tertiary"===this.variant,"button--caution":"caution"===this.variant,"button--medium":"medium"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")}),m(i?void 0:this.disabled),m(i?void 0:this.type),this.title,m(i?void 0:this.name),m(i?void 0:this.value),m(i?this.href:void 0),m(i?this.target:void 0),m(i?this.download:void 0),m(i?this.rel:void 0),m(i?void 0:"button"),this.disabled?"true":"false",this.disabled?"-1":"0",this.handleBlur,this.handleFocus,this.isButton()?this.handleInvalid:null,this.handleClick,this.caret?p(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <nile-icon part=\"caret\" class=\"button__caret\" name=\"caret\"></nile-icon> "]))):"",this.loading?p(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-spinner></nile-spinner>"]))):"",o);}}]);return d;}(g);d.styles=v,i([o(".button")],d.prototype,"button",void 0),i([n()],d.prototype,"hasFocus",void 0),i([n()],d.prototype,"invalid",void 0),i([c()],d.prototype,"title",void 0),i([c({reflect:!0})],d.prototype,"variant",void 0),i([c({reflect:!0})],d.prototype,"size",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"caret",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"loading",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"outline",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"pill",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"circle",void 0),i([c()],d.prototype,"type",void 0),i([c()],d.prototype,"name",void 0),i([c()],d.prototype,"value",void 0),i([c()],d.prototype,"href",void 0),i([c()],d.prototype,"target",void 0),i([c()],d.prototype,"rel",void 0),i([c()],d.prototype,"download",void 0),i([c()],d.prototype,"form",void 0),i([c({attribute:"formaction"})],d.prototype,"formAction",void 0),i([c({attribute:"formenctype"})],d.prototype,"formEnctype",void 0),i([c({attribute:"formmethod"})],d.prototype,"formMethod",void 0),i([c({attribute:"formnovalidate",type:Boolean})],d.prototype,"formNoValidate",void 0),i([c({attribute:"formtarget"})],d.prototype,"formTarget",void 0),i([a("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=i([t("nile-button")],d);}};});
+System.register(["tslib","../nile-icon/index.cjs.js","lit/directives/class-map.js","lit/decorators.js","../internal/form.cjs.js","../internal/slot.cjs.js","lit/static-html.js","lit/directives/if-defined.js","../internal/watch.cjs.js","./nile-button.css.cjs.js","../internal/nile-element.cjs.js","lit","lit/directives/unsafe-svg.js","lit/directives/unsafe-html.js","../nile-icon/icons/svg/index.cjs.js","../nile-icon/icons/svg/access-review.cjs.js","../nile-icon/icons/svg/action.cjs.js","../nile-icon/icons/svg/actionworkflow.cjs.js","../nile-icon/icons/svg/agents.cjs.js","../nile-icon/icons/svg/aggregation.cjs.js","../nile-icon/icons/svg/allsearch.cjs.js","../nile-icon/icons/svg/application.cjs.js","../nile-icon/icons/svg/approve.cjs.js","../nile-icon/icons/svg/arrowdown.cjs.js","../nile-icon/icons/svg/arrowleft.cjs.js","../nile-icon/icons/svg/arrowright.cjs.js","../nile-icon/icons/svg/arrowup.cjs.js","../nile-icon/icons/svg/attributemap.cjs.js","../nile-icon/icons/svg/bell.cjs.js","../nile-icon/icons/svg/boolean.cjs.js","../nile-icon/icons/svg/bulk-sync.cjs.js","../nile-icon/icons/svg/button-loading-black.cjs.js","../nile-icon/icons/svg/button-loading-blue.cjs.js","../nile-icon/icons/svg/button-loading-white.cjs.js","../nile-icon/icons/svg/calendar.cjs.js","../nile-icon/icons/svg/caution.cjs.js","../nile-icon/icons/svg/close.cjs.js","../nile-icon/icons/svg/collapse-1.cjs.js","../nile-icon/icons/svg/collapse.cjs.js","../nile-icon/icons/svg/compact.cjs.js","../nile-icon/icons/svg/compare-tiles.cjs.js","../nile-icon/icons/svg/component-menu.cjs.js","../nile-icon/icons/svg/connect.cjs.js","../nile-icon/icons/svg/copy.cjs.js","../nile-icon/icons/svg/correlation.cjs.js","../nile-icon/icons/svg/dashboard.cjs.js","../nile-icon/icons/svg/database.cjs.js","../nile-icon/icons/svg/databaseview.cjs.js","../nile-icon/icons/svg/default-1.cjs.js","../nile-icon/icons/svg/default.cjs.js","../nile-icon/icons/svg/directory.cjs.js","../nile-icon/icons/svg/disabled.cjs.js","../nile-icon/icons/svg/document.cjs.js","../nile-icon/icons/svg/done.cjs.js","../nile-icon/icons/svg/download.cjs.js","../nile-icon/icons/svg/drag.cjs.js","../nile-icon/icons/svg/draglist.cjs.js","../nile-icon/icons/svg/enable.cjs.js","../nile-icon/icons/svg/entitlement.cjs.js","../nile-icon/icons/svg/error.cjs.js","../nile-icon/icons/svg/escalate.cjs.js","../nile-icon/icons/svg/event.cjs.js","../nile-icon/icons/svg/exactmatch.cjs.js","../nile-icon/icons/svg/expand-1.cjs.js","../nile-icon/icons/svg/expand.cjs.js","../nile-icon/icons/svg/eye.cjs.js","../nile-icon/icons/svg/eyeclosed.cjs.js","../nile-icon/icons/svg/filter.cjs.js","../nile-icon/icons/svg/firewall.cjs.js","../nile-icon/icons/svg/flow-h.cjs.js","../nile-icon/icons/svg/flow.cjs.js","../nile-icon/icons/svg/flowmap.cjs.js","../nile-icon/icons/svg/folder.cjs.js","../nile-icon/icons/svg/frequency.cjs.js","../nile-icon/icons/svg/fullscreen.cjs.js","../nile-icon/icons/svg/fullscreenshrink.cjs.js","../nile-icon/icons/svg/generation-phase.cjs.js","../nile-icon/icons/svg/global-search.cjs.js","../nile-icon/icons/svg/goto.cjs.js","../nile-icon/icons/svg/groupby.cjs.js","../nile-icon/icons/svg/guide.cjs.js","../nile-icon/icons/svg/helpsupport.cjs.js","../nile-icon/icons/svg/help-1.cjs.js","../nile-icon/icons/svg/help.cjs.js","../nile-icon/icons/svg/history.cjs.js","../nile-icon/icons/svg/identityledger.cjs.js","../nile-icon/icons/svg/ifelse.cjs.js","../nile-icon/icons/svg/image.cjs.js","../nile-icon/icons/svg/info.cjs.js","../nile-icon/icons/svg/info2.cjs.js","../nile-icon/icons/svg/js.cjs.js","../nile-icon/icons/svg/link.cjs.js","../nile-icon/icons/svg/loader.cjs.js","../nile-icon/icons/svg/loading.cjs.js","../nile-icon/icons/svg/loading2.cjs.js","../nile-icon/icons/svg/lock.cjs.js","../nile-icon/icons/svg/logs.cjs.js","../nile-icon/icons/svg/manage.cjs.js","../nile-icon/icons/svg/map.cjs.js","../nile-icon/icons/svg/mapcreate.cjs.js","../nile-icon/icons/svg/mapdont.cjs.js","../nile-icon/icons/svg/mapupdate.cjs.js","../nile-icon/icons/svg/maximize.cjs.js","../nile-icon/icons/svg/minus.cjs.js","../nile-icon/icons/svg/moveleft.cjs.js","../nile-icon/icons/svg/moveright.cjs.js","../nile-icon/icons/svg/mute.cjs.js","../nile-icon/icons/svg/nomatch.cjs.js","../nile-icon/icons/svg/not.cjs.js","../nile-icon/icons/svg/note.cjs.js","../nile-icon/icons/svg/notificationadd.cjs.js","../nile-icon/icons/svg/notificationadded.cjs.js","../nile-icon/icons/svg/null.cjs.js","../nile-icon/icons/svg/number.cjs.js","../nile-icon/icons/svg/options.cjs.js","../nile-icon/icons/svg/orchestration.cjs.js","../nile-icon/icons/svg/partner.cjs.js","../nile-icon/icons/svg/pencil.cjs.js","../nile-icon/icons/svg/people-task.cjs.js","../nile-icon/icons/svg/pin.cjs.js","../nile-icon/icons/svg/plus.cjs.js","../nile-icon/icons/svg/potentialmatch.cjs.js","../nile-icon/icons/svg/poweron.cjs.js","../nile-icon/icons/svg/privilage.cjs.js","../nile-icon/icons/svg/radio.cjs.js","../nile-icon/icons/svg/radioactive.cjs.js","../nile-icon/icons/svg/radiodone.cjs.js","../nile-icon/icons/svg/readexpression.cjs.js","../nile-icon/icons/svg/readonly.cjs.js","../nile-icon/icons/svg/redo.cjs.js","../nile-icon/icons/svg/refresh.cjs.js","../nile-icon/icons/svg/reminder.cjs.js","../nile-icon/icons/svg/resource.cjs.js","../nile-icon/icons/svg/revokation-cycle.cjs.js","../nile-icon/icons/svg/role.cjs.js","../nile-icon/icons/svg/run.cjs.js","../nile-icon/icons/svg/save.cjs.js","../nile-icon/icons/svg/schedule.cjs.js","../nile-icon/icons/svg/script.cjs.js","../nile-icon/icons/svg/search.cjs.js","../nile-icon/icons/svg/select.cjs.js","../nile-icon/icons/svg/selectapplication.cjs.js","../nile-icon/icons/svg/selectattributes.cjs.js","../nile-icon/icons/svg/selectuser.cjs.js","../nile-icon/icons/svg/send.cjs.js","../nile-icon/icons/svg/settings.cjs.js","../nile-icon/icons/svg/sort.cjs.js","../nile-icon/icons/svg/stop.cjs.js","../nile-icon/icons/svg/string.cjs.js","../nile-icon/icons/svg/sync.cjs.js","../nile-icon/icons/svg/test.cjs.js","../nile-icon/icons/svg/textarea-expander.cjs.js","../nile-icon/icons/svg/tick.cjs.js","../nile-icon/icons/svg/timeupdate.cjs.js","../nile-icon/icons/svg/timezone.cjs.js","../nile-icon/icons/svg/trash.cjs.js","../nile-icon/icons/svg/undo-1.cjs.js","../nile-icon/icons/svg/undo.cjs.js","../nile-icon/icons/svg/unmute.cjs.js","../nile-icon/icons/svg/upgrade.cjs.js","../nile-icon/icons/svg/upload.cjs.js","../nile-icon/icons/svg/user-group.cjs.js","../nile-icon/icons/svg/user.cjs.js","../nile-icon/icons/svg/useractive.cjs.js","../nile-icon/icons/svg/useradd.cjs.js","../nile-icon/icons/svg/useraddgroup.cjs.js","../nile-icon/icons/svg/userfind.cjs.js","../nile-icon/icons/svg/userimport.cjs.js","../nile-icon/icons/svg/userimportgroup.cjs.js","../nile-icon/icons/svg/usermixed.cjs.js","../nile-icon/icons/svg/userremove-1.cjs.js","../nile-icon/icons/svg/userremove-2.cjs.js","../nile-icon/icons/svg/userremove.cjs.js","../nile-icon/icons/svg/userremovegroup.cjs.js","../nile-icon/icons/svg/userupdate.cjs.js","../nile-icon/icons/svg/users.cjs.js","../nile-icon/icons/svg/validationexpression.cjs.js","../nile-icon/icons/svg/variable-new-1.cjs.js","../nile-icon/icons/svg/variable-new.cjs.js","../nile-icon/icons/svg/variable-global.cjs.js","../nile-icon/icons/svg/variable-local-1.cjs.js","../nile-icon/icons/svg/variable-local.cjs.js","../nile-icon/icons/svg/variable.cjs.js","../nile-icon/icons/svg/video.cjs.js","../nile-icon/icons/svg/warning.cjs.js","../nile-icon/icons/svg/whileloop.cjs.js","../nile-icon/icons/svg/workflow.cjs.js","../nile-icon/icons/svg/writeexpression.cjs.js","../nile-icon/icons/svg/back.cjs.js","../nile-icon/icons/svg/downgrade.cjs.js","../nile-icon/icons/svg/globe.cjs.js","../nile-icon/icons/svg/phone.cjs.js","../nile-icon/icons/svg/storybook.cjs.js","../nile-icon/icons/svg/swap.cjs.js","../index-adad7634.cjs.js"],function(_export,_context){"use strict";var i,s,o,n,c,t,e,r,l,j,p,m,a,v,g,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,d;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_nileIconIndexCjsJs){},function(_litDirectivesClassMapJs){s=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){o=_litDecoratorsJs.query;n=_litDecoratorsJs.state;c=_litDecoratorsJs.property;t=_litDecoratorsJs.customElement;},function(_internalFormCjsJs){e=_internalFormCjsJs.F;r=_internalFormCjsJs.v;},function(_internalSlotCjsJs){l=_internalSlotCjsJs.H;},function(_litStaticHtmlJs){j=_litStaticHtmlJs.literal;p=_litStaticHtmlJs.html;},function(_litDirectivesIfDefinedJs){m=_litDirectivesIfDefinedJs.ifDefined;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_nileButtonCssCjsJs){v=_nileButtonCssCjsJs.s;},function(_internalNileElementCjsJs){g=_internalNileElementCjsJs.N;},function(_lit){},function(_litDirectivesUnsafeSvgJs){},function(_litDirectivesUnsafeHtmlJs){},function(_nileIconIconsSvgIndexCjsJs){},function(_nileIconIconsSvgAccessReviewCjsJs){},function(_nileIconIconsSvgActionCjsJs){},function(_nileIconIconsSvgActionworkflowCjsJs){},function(_nileIconIconsSvgAgentsCjsJs){},function(_nileIconIconsSvgAggregationCjsJs){},function(_nileIconIconsSvgAllsearchCjsJs){},function(_nileIconIconsSvgApplicationCjsJs){},function(_nileIconIconsSvgApproveCjsJs){},function(_nileIconIconsSvgArrowdownCjsJs){},function(_nileIconIconsSvgArrowleftCjsJs){},function(_nileIconIconsSvgArrowrightCjsJs){},function(_nileIconIconsSvgArrowupCjsJs){},function(_nileIconIconsSvgAttributemapCjsJs){},function(_nileIconIconsSvgBellCjsJs){},function(_nileIconIconsSvgBooleanCjsJs){},function(_nileIconIconsSvgBulkSyncCjsJs){},function(_nileIconIconsSvgButtonLoadingBlackCjsJs){},function(_nileIconIconsSvgButtonLoadingBlueCjsJs){},function(_nileIconIconsSvgButtonLoadingWhiteCjsJs){},function(_nileIconIconsSvgCalendarCjsJs){},function(_nileIconIconsSvgCautionCjsJs){},function(_nileIconIconsSvgCloseCjsJs){},function(_nileIconIconsSvgCollapse1CjsJs){},function(_nileIconIconsSvgCollapseCjsJs){},function(_nileIconIconsSvgCompactCjsJs){},function(_nileIconIconsSvgCompareTilesCjsJs){},function(_nileIconIconsSvgComponentMenuCjsJs){},function(_nileIconIconsSvgConnectCjsJs){},function(_nileIconIconsSvgCopyCjsJs){},function(_nileIconIconsSvgCorrelationCjsJs){},function(_nileIconIconsSvgDashboardCjsJs){},function(_nileIconIconsSvgDatabaseCjsJs){},function(_nileIconIconsSvgDatabaseviewCjsJs){},function(_nileIconIconsSvgDefault1CjsJs){},function(_nileIconIconsSvgDefaultCjsJs){},function(_nileIconIconsSvgDirectoryCjsJs){},function(_nileIconIconsSvgDisabledCjsJs){},function(_nileIconIconsSvgDocumentCjsJs){},function(_nileIconIconsSvgDoneCjsJs){},function(_nileIconIconsSvgDownloadCjsJs){},function(_nileIconIconsSvgDragCjsJs){},function(_nileIconIconsSvgDraglistCjsJs){},function(_nileIconIconsSvgEnableCjsJs){},function(_nileIconIconsSvgEntitlementCjsJs){},function(_nileIconIconsSvgErrorCjsJs){},function(_nileIconIconsSvgEscalateCjsJs){},function(_nileIconIconsSvgEventCjsJs){},function(_nileIconIconsSvgExactmatchCjsJs){},function(_nileIconIconsSvgExpand1CjsJs){},function(_nileIconIconsSvgExpandCjsJs){},function(_nileIconIconsSvgEyeCjsJs){},function(_nileIconIconsSvgEyeclosedCjsJs){},function(_nileIconIconsSvgFilterCjsJs){},function(_nileIconIconsSvgFirewallCjsJs){},function(_nileIconIconsSvgFlowHCjsJs){},function(_nileIconIconsSvgFlowCjsJs){},function(_nileIconIconsSvgFlowmapCjsJs){},function(_nileIconIconsSvgFolderCjsJs){},function(_nileIconIconsSvgFrequencyCjsJs){},function(_nileIconIconsSvgFullscreenCjsJs){},function(_nileIconIconsSvgFullscreenshrinkCjsJs){},function(_nileIconIconsSvgGenerationPhaseCjsJs){},function(_nileIconIconsSvgGlobalSearchCjsJs){},function(_nileIconIconsSvgGotoCjsJs){},function(_nileIconIconsSvgGroupbyCjsJs){},function(_nileIconIconsSvgGuideCjsJs){},function(_nileIconIconsSvgHelpsupportCjsJs){},function(_nileIconIconsSvgHelp1CjsJs){},function(_nileIconIconsSvgHelpCjsJs){},function(_nileIconIconsSvgHistoryCjsJs){},function(_nileIconIconsSvgIdentityledgerCjsJs){},function(_nileIconIconsSvgIfelseCjsJs){},function(_nileIconIconsSvgImageCjsJs){},function(_nileIconIconsSvgInfoCjsJs){},function(_nileIconIconsSvgInfo2CjsJs){},function(_nileIconIconsSvgJsCjsJs){},function(_nileIconIconsSvgLinkCjsJs){},function(_nileIconIconsSvgLoaderCjsJs){},function(_nileIconIconsSvgLoadingCjsJs){},function(_nileIconIconsSvgLoading2CjsJs){},function(_nileIconIconsSvgLockCjsJs){},function(_nileIconIconsSvgLogsCjsJs){},function(_nileIconIconsSvgManageCjsJs){},function(_nileIconIconsSvgMapCjsJs){},function(_nileIconIconsSvgMapcreateCjsJs){},function(_nileIconIconsSvgMapdontCjsJs){},function(_nileIconIconsSvgMapupdateCjsJs){},function(_nileIconIconsSvgMaximizeCjsJs){},function(_nileIconIconsSvgMinusCjsJs){},function(_nileIconIconsSvgMoveleftCjsJs){},function(_nileIconIconsSvgMoverightCjsJs){},function(_nileIconIconsSvgMuteCjsJs){},function(_nileIconIconsSvgNomatchCjsJs){},function(_nileIconIconsSvgNotCjsJs){},function(_nileIconIconsSvgNoteCjsJs){},function(_nileIconIconsSvgNotificationaddCjsJs){},function(_nileIconIconsSvgNotificationaddedCjsJs){},function(_nileIconIconsSvgNullCjsJs){},function(_nileIconIconsSvgNumberCjsJs){},function(_nileIconIconsSvgOptionsCjsJs){},function(_nileIconIconsSvgOrchestrationCjsJs){},function(_nileIconIconsSvgPartnerCjsJs){},function(_nileIconIconsSvgPencilCjsJs){},function(_nileIconIconsSvgPeopleTaskCjsJs){},function(_nileIconIconsSvgPinCjsJs){},function(_nileIconIconsSvgPlusCjsJs){},function(_nileIconIconsSvgPotentialmatchCjsJs){},function(_nileIconIconsSvgPoweronCjsJs){},function(_nileIconIconsSvgPrivilageCjsJs){},function(_nileIconIconsSvgRadioCjsJs){},function(_nileIconIconsSvgRadioactiveCjsJs){},function(_nileIconIconsSvgRadiodoneCjsJs){},function(_nileIconIconsSvgReadexpressionCjsJs){},function(_nileIconIconsSvgReadonlyCjsJs){},function(_nileIconIconsSvgRedoCjsJs){},function(_nileIconIconsSvgRefreshCjsJs){},function(_nileIconIconsSvgReminderCjsJs){},function(_nileIconIconsSvgResourceCjsJs){},function(_nileIconIconsSvgRevokationCycleCjsJs){},function(_nileIconIconsSvgRoleCjsJs){},function(_nileIconIconsSvgRunCjsJs){},function(_nileIconIconsSvgSaveCjsJs){},function(_nileIconIconsSvgScheduleCjsJs){},function(_nileIconIconsSvgScriptCjsJs){},function(_nileIconIconsSvgSearchCjsJs){},function(_nileIconIconsSvgSelectCjsJs){},function(_nileIconIconsSvgSelectapplicationCjsJs){},function(_nileIconIconsSvgSelectattributesCjsJs){},function(_nileIconIconsSvgSelectuserCjsJs){},function(_nileIconIconsSvgSendCjsJs){},function(_nileIconIconsSvgSettingsCjsJs){},function(_nileIconIconsSvgSortCjsJs){},function(_nileIconIconsSvgStopCjsJs){},function(_nileIconIconsSvgStringCjsJs){},function(_nileIconIconsSvgSyncCjsJs){},function(_nileIconIconsSvgTestCjsJs){},function(_nileIconIconsSvgTextareaExpanderCjsJs){},function(_nileIconIconsSvgTickCjsJs){},function(_nileIconIconsSvgTimeupdateCjsJs){},function(_nileIconIconsSvgTimezoneCjsJs){},function(_nileIconIconsSvgTrashCjsJs){},function(_nileIconIconsSvgUndo1CjsJs){},function(_nileIconIconsSvgUndoCjsJs){},function(_nileIconIconsSvgUnmuteCjsJs){},function(_nileIconIconsSvgUpgradeCjsJs){},function(_nileIconIconsSvgUploadCjsJs){},function(_nileIconIconsSvgUserGroupCjsJs){},function(_nileIconIconsSvgUserCjsJs){},function(_nileIconIconsSvgUseractiveCjsJs){},function(_nileIconIconsSvgUseraddCjsJs){},function(_nileIconIconsSvgUseraddgroupCjsJs){},function(_nileIconIconsSvgUserfindCjsJs){},function(_nileIconIconsSvgUserimportCjsJs){},function(_nileIconIconsSvgUserimportgroupCjsJs){},function(_nileIconIconsSvgUsermixedCjsJs){},function(_nileIconIconsSvgUserremove1CjsJs){},function(_nileIconIconsSvgUserremove2CjsJs){},function(_nileIconIconsSvgUserremoveCjsJs){},function(_nileIconIconsSvgUserremovegroupCjsJs){},function(_nileIconIconsSvgUserupdateCjsJs){},function(_nileIconIconsSvgUsersCjsJs){},function(_nileIconIconsSvgValidationexpressionCjsJs){},function(_nileIconIconsSvgVariableNew1CjsJs){},function(_nileIconIconsSvgVariableNewCjsJs){},function(_nileIconIconsSvgVariableGlobalCjsJs){},function(_nileIconIconsSvgVariableLocal1CjsJs){},function(_nileIconIconsSvgVariableLocalCjsJs){},function(_nileIconIconsSvgVariableCjsJs){},function(_nileIconIconsSvgVideoCjsJs){},function(_nileIconIconsSvgWarningCjsJs){},function(_nileIconIconsSvgWhileloopCjsJs){},function(_nileIconIconsSvgWorkflowCjsJs){},function(_nileIconIconsSvgWriteexpressionCjsJs){},function(_nileIconIconsSvgBackCjsJs){},function(_nileIconIconsSvgDowngradeCjsJs){},function(_nileIconIconsSvgGlobeCjsJs){},function(_nileIconIconsSvgPhoneCjsJs){},function(_nileIconIconsSvgStorybookCjsJs){},function(_nileIconIconsSvgSwapCjsJs){},function(_index001CjsJs){}],execute:function(){d=/*#__PURE__*/function(_g){_inherits(d,_g);var _super=_createSuper(d);function d(){var _this;_classCallCheck(this,d);_this=_super.apply(this,arguments),_this.formControlController=new e(_assertThisInitialized(_this),{form:function form(i){if(i.hasAttribute("form")){var _s=i.getRootNode(),_o=i.getAttribute("form");return _s.getElementById(_o);}return i.closest("form");},assumeInteractionOn:["click"]}),_this.hasSlotController=new l(_assertThisInitialized(_this),"[default]","prefix","suffix"),_this.hasFocus=!1,_this.invalid=!1,_this.title="",_this.variant="primary",_this.size="medium",_this.caret=!1,_this.disabled=!1,_this.loading=!1,_this.outline=!1,_this.pill=!1,_this.circle=!1,_this.type="button",_this.name="",_this.value="",_this.href="",_this.rel="noreferrer noopener";return _this;}_createClass(d,[{key:"validity",get:function get(){return this.isButton()?this.button.validity:r;}},{key:"validationMessage",get:function get(){return this.isButton()?this.button.validationMessage:"";}},{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(d.prototype),"disconnectedCallback",this).call(this),this.removeEventListener("click",this.handleHostClick);}},{key:"firstUpdated",value:function firstUpdated(){this.isButton()&&this.formControlController.updateValidity();}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"handleClick",value:function handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this);}},{key:"handleHostClick",value:function handleHostClick(i){(this.disabled||this.loading)&&(i.preventDefault(),i.stopImmediatePropagation());}},{key:"handleInvalid",value:function handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i);}},{key:"isButton",value:function isButton(){return!this.href;}},{key:"isLink",value:function isLink(){return!!this.href;}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled);}},{key:"click",value:function click(){this.button.click();}},{key:"focus",value:function focus(i){this.button.focus(i);}},{key:"blur",value:function blur(){this.button.blur();}},{key:"checkValidity",value:function checkValidity(){return!this.isButton()||this.button.checkValidity();}},{key:"getForm",value:function getForm(){return this.formControlController.getForm();}},{key:"reportValidity",value:function reportValidity(){return!this.isButton()||this.button.reportValidity();}},{key:"setCustomValidity",value:function setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity());}},{key:"render",value:function render(){var i=this.isLink(),o=i?j(_templateObject||(_templateObject=_taggedTemplateLiteral(["a"]))):j(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["button"])));return p(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <","\n        part=\"base\"\n        class=","\n        ?disabled=","\n        type=","\n        title=","\n        name=","\n        value=","\n        href=","\n        target=","\n        download=","\n        rel=","\n        role=","\n        aria-disabled=","\n        tabindex=","\n        @blur=","\n        @focus=","\n        @invalid=","\n        @click=","\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n        <slot part=\"label\" class=\"button__label\"></slot>\n        <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        ","\n        ","\n      </",">\n    "])),o,s({button:!0,"button--primary":"primary"===this.variant,"button--secondary":"secondary"===this.variant,"button--tertiary":"tertiary"===this.variant,"button--caution":"caution"===this.variant,"button--medium":"medium"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")}),m(i?void 0:this.disabled),m(i?void 0:this.type),this.title,m(i?void 0:this.name),m(i?void 0:this.value),m(i?this.href:void 0),m(i?this.target:void 0),m(i?this.download:void 0),m(i?this.rel:void 0),m(i?void 0:"button"),this.disabled?"true":"false",this.disabled?"-1":"0",this.handleBlur,this.handleFocus,this.isButton()?this.handleInvalid:null,this.handleClick,this.caret?p(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <nile-icon part=\"caret\" class=\"button__caret\" color=\"white\" name=\"arrowdown\"></nile-icon> "]))):"",this.loading?p(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-spinner></nile-spinner>"]))):"",o);}}]);return d;}(g);d.styles=v,i([o(".button")],d.prototype,"button",void 0),i([n()],d.prototype,"hasFocus",void 0),i([n()],d.prototype,"invalid",void 0),i([c()],d.prototype,"title",void 0),i([c({reflect:!0})],d.prototype,"variant",void 0),i([c({reflect:!0})],d.prototype,"size",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"caret",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"loading",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"outline",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"pill",void 0),i([c({type:Boolean,reflect:!0})],d.prototype,"circle",void 0),i([c()],d.prototype,"type",void 0),i([c()],d.prototype,"name",void 0),i([c()],d.prototype,"value",void 0),i([c()],d.prototype,"href",void 0),i([c()],d.prototype,"target",void 0),i([c()],d.prototype,"rel",void 0),i([c()],d.prototype,"download",void 0),i([c()],d.prototype,"form",void 0),i([c({attribute:"formaction"})],d.prototype,"formAction",void 0),i([c({attribute:"formenctype"})],d.prototype,"formEnctype",void 0),i([c({attribute:"formmethod"})],d.prototype,"formMethod",void 0),i([c({attribute:"formnovalidate",type:Boolean})],d.prototype,"formNoValidate",void 0),i([c({attribute:"formtarget"})],d.prototype,"formTarget",void 0),i([a("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=i([t("nile-button")],d);}};});
 //# sourceMappingURL=nile-button.cjs.js.map

package/dist/nile-button/nile-button.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\n/*\n @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n \n @dependency nile-icon\n * @dependency nile-spinner\n \n @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n \n @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n \n @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n /\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document \| ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n });\n private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n @query('.button') button: HTMLButtonElement \| HTMLLinkElement;\n\n @state() private hasFocus = false;\n @state() invalid = false;\n @property() title = ''; // make reactive to pass through\n\n /* The button's theme variant. /\n @property({ reflect: true }) variant: 'primary' \| 'secondary' \| 'tertiary' \| 'caution' = 'primary';\n\n /* The button's size. /\n @property({ reflect: true }) size: 'medium' = 'medium';\n\n /* Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. /\n @property({ type: Boolean, reflect: true }) caret = false;\n\n /* Disables the button. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Draws the button in a loading state. /\n @property({ type: Boolean, reflect: true }) loading = false;\n\n /* Draws an outlined button. /\n @property({ type: Boolean, reflect: true }) outline = false;\n\n /* Draws a pill-style button with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /\n Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n * default slot.\n /\n @property({ type: Boolean, reflect: true }) circle = false;\n\n /\n The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n /\n @property() type: 'button' \| 'submit' \| 'reset' = 'button';\n\n /\n The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n * This attribute is ignored when `href` is present.\n /\n @property() name = '';\n\n /\n The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n * button is the submitter. This attribute is ignored when `href` is present.\n /\n @property() value = '';\n\n /* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. /\n @property() href = '';\n\n /* Tells the browser where to open the link. Only used when `href` is present. /\n @property() target: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /\n When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n * setting the attribute to an empty string or a value of your choice, respectively.\n /\n @property() rel = 'noreferrer noopener';\n\n /* Tells the browser to download the linked file as this filename. Only used when `href` is present. /\n @property() download?: string;\n\n /\n The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n * value of this attribute must be an id of a form in the same document or shadow root as the button.\n /\n @property() form: string;\n\n /* Used to override the form owner's `action` attribute. /\n @property({ attribute: 'formaction' }) formAction: string;\n\n /* Used to override the form owner's `enctype` attribute. /\n @property({ attribute: 'formenctype' })\n formEnctype: 'application/x-www-form-urlencoded' \| 'multipart/form-data' \| 'text/plain';\n\n /* Used to override the form owner's `method` attribute. /\n @property({ attribute: 'formmethod' }) formMethod: 'post' \| 'get';\n\n /* Used to override the form owner's `novalidate` attribute. /\n @property({ attribute: 'formnovalidate', type: Boolean }) formNoValidate: boolean;\n\n /* Used to override the form owner's `target` attribute. /\n @property({ attribute: 'formtarget' }) formTarget: '_self' \| '_blank' \| '_parent' \| '_top' \| string;\n\n /* Gets the validity state object /\n get validity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validity;\n }\n\n return validValidityState;\n }\n\n /* Gets the validation message /\n get validationMessage() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validationMessage;\n }\n\n return '';\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n }\n\n firstUpdated() {\n if (this.isButton()) {\n this.formControlController.updateValidity();\n }\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick() {\n if (this.type === 'submit') {\n this.formControlController.submit(this);\n }\n\n if (this.type === 'reset') {\n this.formControlController.reset(this);\n }\n }\n\n private handleHostClick(event: MouseEvent) {\n // Prevent the click event from being emitted when the button is disabled or loading\n if (this.disabled \|\| this.loading) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private isButton() {\n return this.href ? false : true;\n }\n\n private isLink() {\n return this.href ? true : false;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n if (this.isButton()) {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n }\n\n /* Simulates a click on the button. /\n click() {\n this.button.click();\n }\n\n /* Sets focus on the button. /\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /* Removes focus from the button. /\n blur() {\n this.button.blur();\n }\n\n /* Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. /\n checkValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).checkValidity();\n }\n\n return true;\n }\n\n /* Gets the associated form, if one exists. /\n getForm(): HTMLFormElement \| null {\n return this.formControlController.getForm();\n }\n\n /* Checks for validity and shows the browser's validation message if the control is invalid. /\n reportValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).reportValidity();\n }\n\n return true;\n }\n\n /* Sets a custom validation message. Pass an empty string to restore validity. /\n setCustomValidity(message: string) {\n if (this.isButton()) {\n (this.button as HTMLButtonElement).setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n }\n\n render() {\n const isLink = this.isLink();\n const tag = isLink ? literal`a` : literal`button`;\n\n / eslint-disable lit/no-invalid-html /\n / eslint-disable lit/binding-positions /\n return html`\n <${tag}\n part=\"base\"\n class=${classMap({\n button: true,\n 'button--primary': this.variant === 'primary',\n 'button--secondary': this.variant === 'secondary',\n 'button--tertiary': this.variant === 'tertiary',\n 'button--caution': this.variant === 'caution',\n 'button--medium': this.size === 'medium',\n 'button--caret': this.caret,\n 'button--circle': this.circle,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--loading': this.loading,\n 'button--standard': !this.outline,\n 'button--outline': this.outline,\n 'button--pill': this.pill,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix')\n })}\n ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n type=${ifDefined(isLink ? undefined : this.type)}\n title=${this.title / An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(isLink ? undefined : this.name)}\n value=${ifDefined(isLink ? undefined : this.value)}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(isLink ? this.rel : undefined)}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @invalid=${this.isButton() ? this.handleInvalid : null}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n ${\n this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" name=\"caret\"></nile-icon> ` : ''\n }\n ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n </${tag}>\n `;\n }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-button': NileButton;\n }\n}\n"],"names":["NileButton","constructor","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\n/*\n @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n \n @dependency nile-icon\n * @dependency nile-spinner\n \n @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n \n @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n \n @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n /\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document \| ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n });\n private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n @query('.button') button: HTMLButtonElement \| HTMLLinkElement;\n\n @state() private hasFocus = false;\n @state() invalid = false;\n @property() title = ''; // make reactive to pass through\n\n /* The button's theme variant. /\n @property({ reflect: true }) variant: 'primary' \| 'secondary' \| 'tertiary' \| 'caution' = 'primary';\n\n /* The button's size. /\n @property({ reflect: true }) size: 'medium' = 'medium';\n\n /* Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. /\n @property({ type: Boolean, reflect: true }) caret = false;\n\n /* Disables the button. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Draws the button in a loading state. /\n @property({ type: Boolean, reflect: true }) loading = false;\n\n /* Draws an outlined button. /\n @property({ type: Boolean, reflect: true }) outline = false;\n\n /* Draws a pill-style button with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /\n Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n * default slot.\n /\n @property({ type: Boolean, reflect: true }) circle = false;\n\n /\n The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n /\n @property() type: 'button' \| 'submit' \| 'reset' = 'button';\n\n /\n The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n * This attribute is ignored when `href` is present.\n /\n @property() name = '';\n\n /\n The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n * button is the submitter. This attribute is ignored when `href` is present.\n /\n @property() value = '';\n\n /* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. /\n @property() href = '';\n\n /* Tells the browser where to open the link. Only used when `href` is present. /\n @property() target: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /\n When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n * setting the attribute to an empty string or a value of your choice, respectively.\n /\n @property() rel = 'noreferrer noopener';\n\n /* Tells the browser to download the linked file as this filename. Only used when `href` is present. /\n @property() download?: string;\n\n /\n The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n * value of this attribute must be an id of a form in the same document or shadow root as the button.\n /\n @property() form: string;\n\n /* Used to override the form owner's `action` attribute. /\n @property({ attribute: 'formaction' }) formAction: string;\n\n /* Used to override the form owner's `enctype` attribute. /\n @property({ attribute: 'formenctype' })\n formEnctype: 'application/x-www-form-urlencoded' \| 'multipart/form-data' \| 'text/plain';\n\n /* Used to override the form owner's `method` attribute. /\n @property({ attribute: 'formmethod' }) formMethod: 'post' \| 'get';\n\n /* Used to override the form owner's `novalidate` attribute. /\n @property({ attribute: 'formnovalidate', type: Boolean }) formNoValidate: boolean;\n\n /* Used to override the form owner's `target` attribute. /\n @property({ attribute: 'formtarget' }) formTarget: '_self' \| '_blank' \| '_parent' \| '_top' \| string;\n\n /* Gets the validity state object /\n get validity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validity;\n }\n\n return validValidityState;\n }\n\n /* Gets the validation message /\n get validationMessage() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validationMessage;\n }\n\n return '';\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n }\n\n firstUpdated() {\n if (this.isButton()) {\n this.formControlController.updateValidity();\n }\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick() {\n if (this.type === 'submit') {\n this.formControlController.submit(this);\n }\n\n if (this.type === 'reset') {\n this.formControlController.reset(this);\n }\n }\n\n private handleHostClick(event: MouseEvent) {\n // Prevent the click event from being emitted when the button is disabled or loading\n if (this.disabled \|\| this.loading) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private isButton() {\n return this.href ? false : true;\n }\n\n private isLink() {\n return this.href ? true : false;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n if (this.isButton()) {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n }\n\n /* Simulates a click on the button. /\n click() {\n this.button.click();\n }\n\n /* Sets focus on the button. /\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /* Removes focus from the button. /\n blur() {\n this.button.blur();\n }\n\n /* Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. /\n checkValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).checkValidity();\n }\n\n return true;\n }\n\n /* Gets the associated form, if one exists. /\n getForm(): HTMLFormElement \| null {\n return this.formControlController.getForm();\n }\n\n /* Checks for validity and shows the browser's validation message if the control is invalid. /\n reportValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).reportValidity();\n }\n\n return true;\n }\n\n /* Sets a custom validation message. Pass an empty string to restore validity. /\n setCustomValidity(message: string) {\n if (this.isButton()) {\n (this.button as HTMLButtonElement).setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n }\n\n render() {\n const isLink = this.isLink();\n const tag = isLink ? literal`a` : literal`button`;\n\n / eslint-disable lit/no-invalid-html /\n / eslint-disable lit/binding-positions /\n return html`\n <${tag}\n part=\"base\"\n class=${classMap({\n button: true,\n 'button--primary': this.variant === 'primary',\n 'button--secondary': this.variant === 'secondary',\n 'button--tertiary': this.variant === 'tertiary',\n 'button--caution': this.variant === 'caution',\n 'button--medium': this.size === 'medium',\n 'button--caret': this.caret,\n 'button--circle': this.circle,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--loading': this.loading,\n 'button--standard': !this.outline,\n 'button--outline': this.outline,\n 'button--pill': this.pill,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix')\n })}\n ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n type=${ifDefined(isLink ? undefined : this.type)}\n title=${this.title / An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(isLink ? undefined : this.name)}\n value=${ifDefined(isLink ? undefined : this.value)}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(isLink ? this.rel : undefined)}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @invalid=${this.isButton() ? this.handleInvalid : null}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n ${\n this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" color=\"white\" name=\"arrowdown\"></nile-icon> ` : ''\n }\n ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n </${tag}>\n `;\n }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-button': NileButton;\n }\n}\n"],"names":["NileButton","constructor","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    position: relative;\n    width: auto;\n    cursor: pointer;\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-style: solid;\n    border-width: 1px;\n    font-style: normal;\n    font-weight: 400;\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\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) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default) border,\n      var(--nile-transition-duration-default) box-shadow;\n    cursor: inherit;\n    padding: 12px;\n    gap: 12px;\n    border-radius: var(--nile-radius-base-standard);\n    line-height: 14px;\n    box-sizing: border-box;\n    height: 38px;\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: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\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  .button__label::slotted(nile-icon) {\n    /* vertical-align: -2px; */\n  }\n\n  .button--standard.button--secondary {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-900);\n  }\n\n  .button--standard.button--secondary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500);\n    border : none;\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-neutral-900);\n  }\n\n  .button--standard.button--secondary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-900);\n  }\n\n  .button--standard.button--secondary.button--disabled {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-500);\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);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-500);\n    box-shadow: none;\n  }\n\n  /* Primary */\n  .button--standard.button--primary {\n    background-color: var(--nile-colors-primary-600);\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700);\n    border-color: var(--nile-colors-primary-700);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700);\n    border-color: var(--nile-colors-primary-900);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary.button--disabled {\n    background-color: #777d82;\n    border-color: #777d82;\n    color: #fff;\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--primary.button--disabled:hover,\n  .button--standard.button--primary.button--disabled:active {\n    background-color: #777d82;\n    border-color: #777d82;\n    color: #fff;\n    box-shadow: none;\n  }\n\n  /* Tertiary */\n  .button--standard.button--tertiary {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-neutral-700);\n    box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n  }\n\n  .button--standard.button--tertiary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-500);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--standard.button--tertiary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-700);\n  }\n  .button--standard.button--tertiary.button--disabled {\n    border-color: #e5e9eb;\n    background-color: #fff;\n    color: var(--nile-colors-neutral-700);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    border-color: #e5e9eb;\n    background-color: #fff;\n    color: var(--nile-colors-neutral-700);\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  .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-500);\n    color: var(--nile-colors-white-base);\n  }\n\n  /*\n * Pill modifier\n */\n\n  .button--pill.button--small {\n    border-radius: 24px;\n  }\n\n  .button--pill.button--medium {\n    border-radius: 32px;\n  }\n\n  /*\n * Circle modifier\n */\n\n  .button--circle {\n    padding-left: 0;\n    padding-right: 0;\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: 1em;\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"]))));}};});
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    position: relative;\n    width: auto;\n    cursor: pointer;\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-style: solid;\n    border-width: 1px;\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-type-scale-3);\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) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default) border,\n      var(--nile-transition-duration-default) box-shadow;\n    cursor: inherit;\n    padding: var(--nile-spacing-2-x);\n    gap: var(--nile-spacing-2-x);\n    border-radius: var(--nile-radius-base-standard);\n    line-height: var(--nile-type-scale-3);\n    box-sizing: border-box;\n    height: 38px;\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: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\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  .button__label::slotted(nile-icon) {\n    /* vertical-align: -2px; */\n  }\n\n  .button--standard.button--secondary {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-900);\n  }\n\n  .button--standard.button--secondary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500);\n    border : none;\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-neutral-900);\n  }\n\n  .button--standard.button--secondary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-900);\n  }\n\n  .button--standard.button--secondary.button--disabled {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-500);\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);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-500);\n    box-shadow: none;\n  }\n\n  /* Primary */\n  .button--standard.button--primary {\n    background-color: var(--nile-colors-primary-600);\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700);\n    border-color: var(--nile-colors-primary-700);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700);\n    border-color: var(--nile-colors-primary-900);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary.button--disabled {\n    background-color: var(--nile-colors-neutral-700);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n    cursor: not-allowed;\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);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n    box-shadow: none;\n  }\n\n  /* Tertiary */\n  .button--standard.button--tertiary {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-neutral-700);\n    box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n  }\n\n  .button--standard.button--tertiary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-500);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--standard.button--tertiary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-700);\n  }\n  .button--standard.button--tertiary.button--disabled {\n    border-color: #e5e9eb;\n    background-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-neutral-700);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    border-color: #e5e9eb;\n    background-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-neutral-700);\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  .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-500);\n    color: var(--nile-colors-white-base);\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-primary-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  @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: 24px;\n  }\n\n  .button--pill.button--medium {\n    border-radius: 32px;\n  }\n\n  /*\n * Circle modifier\n */\n\n  .button--circle {\n    padding-left: 0;\n    padding-right: 0;\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: 1em;\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"]))));}};});
 //# sourceMappingURL=nile-button.css.cjs.js.map

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

	@@ -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-element';\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 }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-style: solid;\n border-width: 1px;\n font-style: normal;\n font-weight: 400;\n font-family: var(--nile-font-family-serif);\n font-size: 14px;\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) background-color,\n var(--nile-transition-duration-default) color,\n var(--nile-transition-duration-default) border,\n var(--nile-transition-duration-default) box-shadow;\n cursor: inherit;\n padding: 12px;\n gap: 12px;\n border-radius: var(--nile-radius-base-standard);\n line-height: 14px;\n box-sizing: border-box;\n height: 38px;\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: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\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 .button__label::slotted(nile-icon) {\n /* vertical-align: -2px; /\n }\n\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-900);\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border : none;\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-900);\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-900);\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\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);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\n box-shadow: none;\n }\n\n / Primary /\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-700);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-900);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: #777d82;\n border-color: #777d82;\n color: #fff;\n cursor: not-allowed;\n }\n\n .button--standard.button--primary.button--disabled:hover,\n .button--standard.button--primary.button--disabled:active {\n background-color: #777d82;\n border-color: #777d82;\n color: #fff;\n box-shadow: none;\n }\n\n / Tertiary /\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-700);\n box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-700);\n }\n .button--standard.button--tertiary.button--disabled {\n border-color: #e5e9eb;\n background-color: #fff;\n color: var(--nile-colors-neutral-700);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n border-color: #e5e9eb;\n background-color: #fff;\n color: var(--nile-colors-neutral-700);\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 .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-500);\n color: var(--nile-colors-white-base);\n }\n\n /\n * Pill modifier\n /\n\n .button--pill.button--small {\n border-radius: 24px;\n }\n\n .button--pill.button--medium {\n border-radius: 32px;\n }\n\n /\n * Circle modifier\n /\n\n .button--circle {\n padding-left: 0;\n padding-right: 0;\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: 1em;\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"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
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-element';\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 }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-style: solid;\n border-width: 1px;\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-3);\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) background-color,\n var(--nile-transition-duration-default) color,\n var(--nile-transition-duration-default) border,\n var(--nile-transition-duration-default) box-shadow;\n cursor: inherit;\n padding: var(--nile-spacing-2-x);\n gap: var(--nile-spacing-2-x);\n border-radius: var(--nile-radius-base-standard);\n line-height: var(--nile-type-scale-3);\n box-sizing: border-box;\n height: 38px;\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: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\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 .button__label::slotted(nile-icon) {\n /* vertical-align: -2px; /\n }\n\n .button--standard.button--secondary {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-neutral-900);\n }\n\n .button--standard.button--secondary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border : none;\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-900);\n }\n\n .button--standard.button--secondary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-500);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-900);\n }\n\n .button--standard.button--secondary.button--disabled {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\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);\n border-color: var(--nile-colors-neutral-400);\n color: var(--nile-colors-dark-500);\n box-shadow: none;\n }\n\n / Primary /\n .button--standard.button--primary {\n background-color: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-700);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary:active:not(.button--disabled) {\n background-color: var(--nile-colors-primary-700);\n border-color: var(--nile-colors-primary-900);\n color: var(--nile-colors-white-base);\n }\n\n .button--standard.button--primary.button--disabled {\n background-color: var(--nile-colors-neutral-700);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n cursor: not-allowed;\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);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-white-base);\n box-shadow: none;\n }\n\n / Tertiary /\n .button--standard.button--tertiary {\n background-color: var(--nile-colors-white-base);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-neutral-700);\n box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n }\n\n .button--standard.button--tertiary:hover:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n color: var(--nile-colors-neutral-700);\n }\n\n .button--standard.button--tertiary:active:not(.button--disabled) {\n background-color: var(--nile-colors-neutral-400);\n border-color: var(--nile-colors-neutral-700);\n color: var(--nile-colors-neutral-700);\n }\n .button--standard.button--tertiary.button--disabled {\n border-color: #e5e9eb;\n background-color: var(--nile-colors-white-base);\n color: var(--nile-colors-neutral-700);\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .button--standard.button--tertiary.button--disabled:hover,\n .button--standard.button--tertiary.button--disabled:active {\n border-color: #e5e9eb;\n background-color: var(--nile-colors-white-base);\n color: var(--nile-colors-neutral-700);\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 .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-500);\n color: var(--nile-colors-white-base);\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-primary-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 @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: 24px;\n }\n\n .button--pill.button--medium {\n border-radius: 32px;\n }\n\n /\n * Circle modifier\n /\n\n .button--circle {\n padding-left: 0;\n padding-right: 0;\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: 1em;\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`;\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

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

@@ -13,9 +13,9 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
     border-style: solid;
     border-width: 1px;
     font-style: normal;
-    font-weight: 400;
+    font-weight: var(--nile-font-weight-regular);
     font-family: var(--nile-font-family-serif);
-    font-size: 14px;
+    font-size: var(--nile-type-scale-3);
     text-align: center;
     letter-spacing: 0.2px;
     text-decoration: none;
@@ -27,10 +27,10 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
       var(--nile-transition-duration-default) border,
       var(--nile-transition-duration-default) box-shadow;
     cursor: inherit;
-    padding: 12px;
-    gap: 12px;
+    padding: var(--nile-spacing-2-x);
+    gap: var(--nile-spacing-2-x);
     border-radius: var(--nile-radius-base-standard);
-    line-height: 14px;
+    line-height: var(--nile-type-scale-3);
     box-sizing: border-box;
     height: 38px;
   }
@@ -116,17 +116,17 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
   }
   .button--standard.button--primary.button--disabled {
-    background-color: #777d82;
-    border-color: #777d82;
-    color: #fff;
+    background-color: var(--nile-colors-neutral-700);
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-white-base);
     cursor: not-allowed;
   }
   .button--standard.button--primary.button--disabled:hover,
   .button--standard.button--primary.button--disabled:active {
-    background-color: #777d82;
-    border-color: #777d82;
-    color: #fff;
+    background-color: var(--nile-colors-neutral-700);
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-white-base);
     box-shadow: none;
   }
@@ -152,7 +152,7 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
   }
   .button--standard.button--tertiary.button--disabled {
     border-color: #e5e9eb;
-    background-color: #fff;
+    background-color: var(--nile-colors-white-base);
     color: var(--nile-colors-neutral-700);
     cursor: not-allowed;
     box-shadow: none;
@@ -161,7 +161,7 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
   .button--standard.button--tertiary.button--disabled:hover,
   .button--standard.button--tertiary.button--disabled:active {
     border-color: #e5e9eb;
-    background-color: #fff;
+    background-color: var(--nile-colors-white-base);
     color: var(--nile-colors-neutral-700);
     box-shadow: none;
   }
@@ -184,6 +184,120 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
     color: var(--nile-colors-white-base);
   }
+    /*
+   * Outline buttons
+   */
+  .button--outline {
+    background: none;
+    border: solid 2px;
+  }
+  /* Default */
+  .button--outline.button--secondary {
+    border-color: var(--nile-colors-neutral-300);
+    color: var(--nile-colors-neutral-700);
+  }
+  .button--outline.button--secondary:hover:not(.button--disabled),
+  .button--outline.button--secondary.button--checked:not(.button--disabled) {
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-white-base);
+  }
+  .button--outline.button--secondary:active:not(.button--disabled) {
+    border-color: var(--nile-colors-primary-700);
+    color: var(--nile-colors-white-base);
+  }
+  /* Primary */
+  .button--outline.button--primary {
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-primary-600);
+  }
+  .button--outline.button--primary:hover:not(.button--disabled),
+  .button--outline.button--primary.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+  .button--outline.button--primary:active:not(.button--disabled) {
+    border-color: var(--nile-colors-primary-700);
+    color: var(--nile-colors-white-base);
+  }
+  /* Success */
+  .button--outline.button--success {
+    border-color: var(--nile-colors-green-600);
+    color: var(--nile-colors-green-600);
+  }
+  .button--outline.button--success:hover:not(.button--disabled),
+  .button--outline.button--success.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+  .button--outline.button--success:active:not(.button--disabled) {
+    border-color: var(--nile-colors-green-700);
+    color: var(--nile-colors-white-base);
+  }
+  /* Neutral */
+  .button--outline.button--neutral {
+    border-color: var(--nile-colors-neutral-600);
+    color: var(--nile-colors-neutral-600);
+  }
+  .button--outline.button--neutral:hover:not(.button--disabled),
+  .button--outline.button--neutral.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+  .button--outline.button--neutral:active:not(.button--disabled) {
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-white-base);
+  }
+  /* Warning */
+  .button--outline.button--warning {
+    border-color: var(--nile-colors-orange-600);
+    color: var(--nile-colors-orange-600);
+  }
+  .button--outline.button--warning:hover:not(.button--disabled),
+  .button--outline.button--warning.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+  .button--outline.button--warning:active:not(.button--disabled) {
+    border-color: var(--nile-colors-orange-700);
+    color: var(--nile-colors-white-base);
+  }
+  /* Danger */
+  .button--outline.button--danger {
+    border-color: var(--nile-colors-red-600);
+    color: var(--nile-colors-red-600);
+  }
+  .button--outline.button--danger:hover:not(.button--disabled),
+  .button--outline.button--danger.button--checked:not(.button--disabled) {
+    background-color: var(--nile-colors-red-600);
+    color: var(--nile-colors-white-base);
+  }
+ .button--outline.button--danger:active:not(.button--disabled) {
+    border-color: var(--nile-colors-red-700);
+    background-color: var(--nile-colors-red-700);
+    color: var(--nile-colors-white-base);
+  }
+  @media (forced-colors: active) {
+    .button.button--outline.button--checked:not(.button--disabled) {
+      outline: solid 2px transparent;
+    }
+  }
   /*
  * Pill modifier
  */
@@ -269,4 +383,5 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
     translate: 50% -50%;
     pointer-events: none;
   }
 `;export{r as s};

package/dist/nile-button/nile-button.esm.js CHANGED Viewed

@@ -22,7 +22,7 @@ import{__decorate as i}from"tslib";import"../nile-icon/index.esm.js";import{clas
         <slot name="prefix" part="prefix" class="button__prefix"></slot>
         <slot part="label" class="button__label"></slot>
         <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        ${this.caret?p` <nile-icon part="caret" class="button__caret" name="caret"></nile-icon> `:""}
+        ${this.caret?p` <nile-icon part="caret" class="button__caret" color="white" name="arrowdown"></nile-icon> `:""}
         ${this.loading?p`<nile-spinner></nile-spinner>`:""}
       </${o}>
     `}};d.styles=g,i([o(".button")],d.prototype,"button",void 0),i([n()],d.prototype,"hasFocus",void 0),i([n()],d.prototype,"invalid",void 0),i([e()],d.prototype,"title",void 0),i([e({reflect:!0})],d.prototype,"variant",void 0),i([e({reflect:!0})],d.prototype,"size",void 0),i([e({type:Boolean,reflect:!0})],d.prototype,"caret",void 0),i([e({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([e({type:Boolean,reflect:!0})],d.prototype,"loading",void 0),i([e({type:Boolean,reflect:!0})],d.prototype,"outline",void 0),i([e({type:Boolean,reflect:!0})],d.prototype,"pill",void 0),i([e({type:Boolean,reflect:!0})],d.prototype,"circle",void 0),i([e()],d.prototype,"type",void 0),i([e()],d.prototype,"name",void 0),i([e()],d.prototype,"value",void 0),i([e()],d.prototype,"href",void 0),i([e()],d.prototype,"target",void 0),i([e()],d.prototype,"rel",void 0),i([e()],d.prototype,"download",void 0),i([e()],d.prototype,"form",void 0),i([e({attribute:"formaction"})],d.prototype,"formAction",void 0),i([e({attribute:"formenctype"})],d.prototype,"formEnctype",void 0),i([e({attribute:"formmethod"})],d.prototype,"formMethod",void 0),i([e({attribute:"formnovalidate",type:Boolean})],d.prototype,"formNoValidate",void 0),i([e({attribute:"formtarget"})],d.prototype,"formTarget",void 0),i([v("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=i([t("nile-button")],d);