@acorex/styles 7.11.6 → 7.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.min.css CHANGED
@@ -1 +1 @@
1
- @import'@angular/cdk/overlay-prebuilt.css';@font-face{font-family:"acorex-icons";src:url("fonts/acorex-icons.eot?w5vnun");src:url("fonts/acorex-icons.eot?w5vnun#iefix") format("embedded-opentype"),url("fonts/acorex-icons.ttf?w5vnun") format("truetype"),url("fonts/acorex-icons.woff?w5vnun") format("woff"),url("fonts/acorex-icons.svg?w5vnun#acorex-icons") format("svg");font-weight:normal;font-style:normal;font-display:block}.ax-icon{font-family:"acorex-icons" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ax-icon-more-vertical:before{content:""}.ax-icon-more-horizontal:before{content:""}.ax-icon-arrow-short-right:before{content:""}.ax-icon-arrow-short-down:before{content:""}.ax-icon-arrow-short-up:before{content:""}.ax-icon-arrow-short-left:before{content:""}.ax-icon-arrow-long-right:before{content:""}.ax-icon-arrow-long-up:before{content:""}.ax-icon-arrow-long-left:before{content:""}.ax-icon-arrow-long-down:before{content:""}.ax-icon-filter:before{content:""}.ax-icon-progress-bold:before{content:""}.ax-icon-dash-bold:before{content:""}.ax-icon-done-bold:before{content:""}.ax-icon-cancel-fill:before{content:""}.ax-icon-info-fill:before{content:""}.ax-icon-info:before{content:""}.ax-icon-star-fill:before{content:""}.ax-icon-star:before{content:""}.ax-icon-light-mode:before{content:""}.ax-icon-dark-mode:before{content:""}.ax-icon-color-picker:before{content:""}.ax-icon-color-palette:before{content:""}.ax-icon-arrow-left:before{content:""}.ax-icon-arrow-down:before{content:""}.ax-icon-arrow-up:before{content:""}.ax-icon-arrow-right:before{content:""}.ax-icon-chevron-left:before{content:""}.ax-icon-chevron-down:before{content:""}.ax-icon-chevron-up:before{content:""}.ax-icon-chevron-right:before{content:""}.ax-icon-first-page:before{content:""}.ax-icon-last-page:before{content:""}.ax-icon-full-screen:before{content:""}.ax-icon-full-screen-close:before{content:""}.ax-icon-done:before{content:""}.ax-icon-calendar:before{content:""}.ax-icon-menu:before{content:""}.ax-icon-report:before{content:""}.ax-icon-report-fill:before{content:""}.ax-icon-error:before{content:""}.ax-icon-error-fill:before{content:""}.ax-icon-warning:before{content:""}.ax-icon-warning-fill:before{content:""}.ax-icon-check-circle:before{content:""}.ax-icon-check-circle-fill:before{content:""}.ax-icon-close:before{content:""}.ax-icon-time:before{content:""}.ax-icon-visibility-off:before{content:""}.ax-icon-visibility:before{content:""}.ax-icon-unfold-more:before{content:""}.ax-icon-unfold-less:before{content:""}.ax-icon-download:before{content:""}.ax-icon-upload:before{content:""}.ax-icon-publish:before{content:""}.ax-icon-cloud-download:before{content:""}.ax-icon-cloud-upload:before{content:""}.ax-icon-undo:before{content:""}.ax-icon-redo:before{content:""}.ax-icon-search:before{content:""}.ax-icon-add:before{content:""}.ax-icon-remove:before{content:""}.ax-icon-paste:before{content:""}.ax-icon-cut:before{content:""}.ax-icon-copy:before{content:""}.ax-icon-refresh:before{content:""}.ax-icon-inbox:before{content:""}.ax-icon-skip-previous:before{content:""}.ax-icon-skip-next:before{content:""}.ax-icon-delete:before{content:""}.ax-icon-happy:before{content:""}.ax-icon-normal:before{content:""}.ax-icon-sad:before{content:""}.ax-icon-person:before{content:""}.ax-icon-dashboard:before{content:""}.ax-animate-fadeIn{animation-name:ax-fadeIn;animation-duration:1s;animation-duration:1000ms}.ax-animate-bounceIn{animation:.75s cubic-bezier(0.215, 0.61, 0.355, 1) both ax-bounceIn}.ax-animate-faster{animation-duration:.5s;animation-duration:500ms}.ax-animate-zoomIn{animation-name:ax-zoomIn}.ax-animate-slideInUp{animation-name:ax-slideInUp}@keyframes ax-slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes ax-zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes ax-fadeIn{from{opacity:0}to{opacity:1}}@keyframes ax-bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgba(var(--ax-color-border-default));-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0)}::before,::after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:rgba(0,0,0,0);background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:rgba(var(--ax-color-text-default), 0.5)}input::placeholder,textarea::placeholder{opacity:1;color:rgba(var(--ax-color-text-default), 0.5)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--ax-overlay-full-width: 93;--ax-color-white: 255, 255, 255;--ax-color-black: 0, 0, 0}html,body{background-color:rgba(var(--ax-color-background-default));color:rgba(var(--ax-color-text-default))}.ax-actionsheet-panel{animation-duration:100ms;-webkit-animation-duration:100ms;animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:var(--ax-rounded-border-default);-webkit-border-top-right-radius:var(--ax-rounded-border-default);-moz-border-radius-topleft:var(--ax-rounded-border-default);-moz-border-radius-topright:var(--ax-rounded-border-default);border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.141),0 6px 30px 5px rgba(0,0,0,.122);overflow:hidden}@keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translate3d(0, 40px, 0)}to{transform:translate3d(0, 0, 0);opacity:1}}.ax-checkbox{width:1.125rem;height:1.125rem;border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-input-surface));border-radius:.2rem;margin:0;outline:none;vertical-align:middle;appearance:none}.ax-checkbox:checked,.ax-checkbox:indeterminate{border-color:rgba(var(--ax-color-primary-500)) !important;background-color:rgba(var(--ax-color-primary-500)) !important;background-repeat:no-repeat;background-size:contain}.ax-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.ax-checkbox:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==")}.ax-checkbox:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-primary-500))}.ax-checkbox:disabled{cursor:not-allowed;opacity:.5}.ax-decoration-container,ax-header,ax-footer{display:flex;justify-content:space-between;gap:.5rem}.ax-decoration-container>ax-prefix,.ax-decoration-container>ax-suffix,ax-header>ax-prefix,ax-header>ax-suffix,ax-footer>ax-prefix,ax-footer>ax-suffix{display:flex;flex:1 1 auto;flex-direction:row;gap:.5rem;align-items:center}.ax-decoration-container>ax-prefix,ax-header>ax-prefix,ax-footer>ax-prefix{order:-9999;justify-content:flex-start;align-items:center}.ax-decoration-container>ax-suffix,ax-header>ax-suffix,ax-footer>ax-suffix{order:9999;justify-content:flex-end;align-items:center}ax-close-button button{cursor:pointer;background-color:rgba(0,0,0,0);display:flex}ax-close-button button i{font-size:1.5rem}ax-close-button button:focus{outline:none;opacity:.85}ax-close-button button:hover{opacity:.75}ax-close-button button:active{opacity:1}ax-icon{display:inherit}ax-sub-title{font-weight:400;font-size:.875rem;opacity:.75}ax-form-hint{font-size:.875rem;color:rgba(var(--ax-color-text-default), 0.75);margin-top:.5rem;display:block}.ax-drop-down{display:contents}.ax-drop-down .ax-dropdown-content{display:flex;align-items:center;flex:1 1 auto;font-size:.875rem;overflow-y:hidden;overflow-x:auto;text-transform:capitalize}.ax-drop-down .ax-dropdown-content.ax-state-disabled{opacity:.5;cursor:not-allowed}.ax-overlay-pane{height:fit-content;background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);box-shadow:0px 10px 15px -3px rgba(0,0,0,.1),0px 4px 6px -2px rgba(0,0,0,.05);overflow:hidden;margin-top:.25rem}.ax-overlay-pane ax-header,.ax-overlay-pane ax-footer{background-color:rgba(var(--ax-color-surface));padding:.75rem}@media(max-width: 599px){.ax-overlay-pane{border-bottom-right-radius:0px;border-bottom-left-radius:0px}}.ax-overlay-pane.ax-overlay-center{height:fit-content;max-height:90vh;width:80vw}.ax-overlay-pane.ax-overlay-actionsheet{background-color:rgba(var(--ax-color-surface));width:100%;height:auto;max-height:85vh}.ax-overlay-pane.ax-overlay-actionsheet.ax-full{max-height:95vh;height:95vh}.ax-overlay-pane.ax-overlay-full{width:100vw;height:100vh}.ax-dark .ax-editor-container.ax-look-fill.ax-state-error{background-color:rgba(var(--ax-color-danger-500), 0.25)}.ax-editor-container{width:100%;height:var(--ax-size-default);display:flex;align-items:center;color:rgba(var(--ax-color-input-surface-fore));font-size:.875rem;overflow:hidden;line-height:1}.ax-editor-container.ax-look-solid,.ax-editor-container.ax-look-outline{background-color:rgba(var(--ax-color-input-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}.ax-editor-container.ax-look-solid:focus-within,.ax-editor-container.ax-look-outline:focus-within{border-color:rgba(var(--ax-color-primary-500));box-shadow:0 0 0 1px rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-look-solid.ax-state-error,.ax-editor-container.ax-look-outline.ax-state-error{border-color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-solid.ax-state-error:focus-within,.ax-editor-container.ax-look-outline.ax-state-error:focus-within{box-shadow:0 0 0 1px rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-solid.ax-state-error .ax-input::placeholder,.ax-editor-container.ax-look-outline.ax-state-error .ax-input::placeholder{color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-flat{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:0}.ax-editor-container.ax-look-flat:focus-within{border-color:rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-look-flat.ax-state-error{border-color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-flat.ax-state-error .ax-input::placeholder{color:rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-outline{background-color:rgba(0,0,0,0) !important}.ax-editor-container.ax-look-fill{background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default)}.ax-editor-container.ax-look-fill:focus-within{box-shadow:0 0 0 2px rgba(var(--ax-color-primary-500))}.ax-editor-container.ax-look-fill.ax-state-error{background-color:rgba(var(--ax-color-danger-50))}.ax-editor-container.ax-look-fill.ax-state-error:focus-within{box-shadow:0 0 0 2px rgba(var(--ax-color-danger-500))}.ax-editor-container.ax-look-fill.ax-state-error .ax-input::placeholder{color:rgba(var(--ax-color-danger-500))}.ax-editor-container .ax-editor-input{height:100%;flex:1}.ax-editor-container .ax-editor-input .ax-input{height:100%}.ax-editor-container .ax-input{padding:0 .75rem}.ax-editor-container .ax-input::placeholder{color:rgba(var(--ax-color-text-default), 0.5);font-weight:500;font-size:inherit}.ax-editor-container.ax-xs .ax-input{font-size:.75rem;line-height:calc(var(--ax-size-base) - .75rem);padding:.5rem}.ax-editor-container.ax-sm .ax-input{font-size:.875rem;line-height:calc(var(--ax-size-base) - .5rem);padding:.5rem}.ax-editor-container.ax-md .ax-input{font-size:.875rem;line-height:var(--ax-size-base)}.ax-editor-container.ax-lg .ax-input{font-size:1.125rem;line-height:calc(var(--ax-size-base) + .5rem)}.ax-editor-container.ax-xl .ax-input{font-size:1.25rem;line-height:calc(var(--ax-size-base) + 1rem)}.ax-editor-container .ax-editor-control{display:flex;align-items:center;justify-content:center;padding-inline-start:.5rem;height:100%;font-size:1.25rem;line-height:1.25rem;color:rgba(var(--ax-color-text-default))}.ax-editor-container.ax-button-icon{padding-left:.5rem;padding-right:.5rem}.ax-editor-container .ax-input,.ax-editor-container .ax-text-area{width:100%;height:100%;background-color:rgba(0,0,0,0);flex:1 1 0%;border:none;text-align:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:400}.ax-editor-container .ax-input:focus,.ax-editor-container .ax-text-area:focus{box-shadow:none}.ax-editor-container .ax-text-area{padding:.625rem}.ax-editor-container>ax-prefix *,.ax-editor-container>ax-prefix .ax-button,.ax-editor-container>ax-prefix ax-title{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.ax-editor-container>ax-prefix ax-icon{padding-inline-start:.75rem}.ax-editor-container>ax-suffix *,.ax-editor-container>ax-suffix .ax-button,.ax-editor-container>ax-suffix ax-title{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.ax-editor-container>ax-suffix ax-icon{padding-inline-end:.75rem}.ax-editor-container>ax-prefix,.ax-editor-container>ax-suffix{height:100%}.ax-editor-container>ax-prefix *,.ax-editor-container>ax-suffix *{height:100%;display:flex;justify-content:center;align-items:center;border-radius:0}.ax-editor-container>ax-prefix ax-title,.ax-editor-container>ax-suffix ax-title{padding-left:1rem;padding-right:1rem}.ax-editor-container>ax-prefix>ax-text,.ax-editor-container>ax-suffix>ax-text{font-size:.875rem;background-color:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;padding:0 .5rem;line-height:1}.ax-editor-container .ax-button{height:100% !important;border-radius:0}.ax-editor-container .ax-button.ax-button-icon{width:var(--ax-size-default);height:100%}.ax-editor-container.ax-state-disabled{opacity:.5}.ax-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 500ms linear}@keyframes ripple{to{transform:scale(4);opacity:0}}.ax-general-button{display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;color:rgba(var(--ax-color-text-default), 0.6);border-radius:var(--ax-rounded-border-default)}.ax-general-button:is(.ax-general-button:hover):not(.ax-general-button:disabled,.ax-state-disabled){color:rgba(var(--ax-color-primary-500))}.ax-general-button:is(.ax-general-button:focus,.ax-general-button:focus-visible):not(.ax-general-button:disabled,.ax-state-disabled){color:rgba(var(--ax-color-primary-700))}.ax-general-button:is(.ax-general-button:active):not(.ax-general-button:disabled,.ax-state-disabled){background-color:rgba(0,0,0,0)}.ax-general-button.ax-button-icon{padding:0 .5rem;font-size:1.25rem}.ax-general-button.ax-button-icon>button{display:flex}.ax-general-button.ax-button-icon ax-icon{font-size:1.25rem}.ax-general-button.ax-button-rounded{border-radius:var(--ax-rounded-border-default)}.ax-general-button:disabled,.ax-general-button.ax-state-disabled{opacity:.5;cursor:not-allowed}.ax-clear-button{font-size:1rem;line-height:1;color:rgba(var(--ax-color-text-default), 0.6);height:var(--ax-size-default);display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem}.ax-clear-button>button{display:flex}.ax-clear-button:is(.ax-clear-button:hover):not(.ax-clear-button:disabled,.ax-state-disabled){color:rgba(var(--ax-color-text-default), 0.75)}.ax-clear-button:is(.ax-clear-button:focus,.ax-clear-button:focus-visible):not(.ax-clear-button:disabled,.ax-state-disabled){color:rgba(var(--ax-color-text-default))}.ax-input{outline:none;padding:0;font-size:inherit}.ax-input:focus{outline-color:rgba(0,0,0,0)}.ax-input.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-dark .ax-list-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-800)) !important;color:rgba(var(--ax-color-primary-fore)) !important}.ax-dark .ax-list-item.ax-state-selected .ax-selected-icon{color:rgba(var(--ax-color-primary-fore))}.ax-list{display:flex;flex-direction:column;overflow:hidden;font-size:.875rem;background-color:rgba(var(--ax-color-surface));height:100%}@media(min-width: 1200px){.ax-list{max-height:320px}}.ax-list ax-header,.ax-list ax-footer{display:flex;justify-content:space-between;align-items:center;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default))}.ax-list ax-header{padding:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-list ax-header ax-prefix,.ax-list ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}.ax-list ax-header ax-prefix{align-items:flex-start}.ax-list ax-header ax-suffix{align-items:flex-end}@media(max-width: 599px){.ax-list ax-header{font-size:1rem}}.ax-list ax-footer{border-top:1px solid}.ax-list .ax-content{flex:1 1 0%;overflow-y:auto;overflow-x:hidden}.ax-list .ax-content.ax-list-items-container{padding-top:.5rem;padding-bottom:.5rem;overflow-y:auto;height:100%}.ax-list .ax-content.ax-list-items-container.ax-vertical{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr))}.ax-list .ax-content.ax-list-items-container.ax-vertical.ax-divide{border-top:1px solid;border-bottom:1px solid}.ax-list .ax-content.ax-list-items-container.ax-default{cursor:pointer}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group>span{font-weight:500;display:flex;align-items:center;padding:.75rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group>ul{padding-left:.75rem;padding-right:.75rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group .ax-list-item{border-radius:var(--ax-rounded-border-default);margin-bottom:.2rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item{padding-inline-start:.75rem;padding-inline-end:1rem;position:relative;height:var(--ax-size-default);display:flex;justify-content:space-between;align-items:center;user-select:none}@media(max-width: 599px){.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item{font-size:1rem}}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus,.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-checkbox .ax-checkbox-label{margin-inline-start:.5rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500)) !important;color:rgba(var(--ax-color-primary-fore)) !important}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-selected .ax-selected-icon{color:rgba(var(--ax-color-primary-500));font-size:1.5rem}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus-visible,.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:hover{background-color:rgba(var(--ax-color-on-surface))}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-focus{background-color:rgba(var(--ax-color-on-surface))}.ax-list .ax-content.ax-list-items-container .ax-list-loading-container{display:flex;justify-content:center;padding:.5rem}.ax-list .ax-search-box-container{padding:.5rem}.ax-list .ax-search-box-container.ax-state-hidden{display:none}.ax-radio{width:1.125rem;height:1.125rem;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:99rem;background-color:rgba(var(--ax-color-input-surface));outline:2px solid rgba(0,0,0,0);outline-offset:2px;vertical-align:middle;appearance:none}.ax-radio:checked{border-color:rgba(var(--ax-color-primary-500));background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-color:rgba(var(--ax-color-primary-500));background-repeat:no-repeat;background-size:contain}.ax-radio:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-primary-500))}.ax-radio:disabled{opacity:.5;cursor:not-allowed}.ax-dark .ax-table thead{background-color:rgba(var(--ax-color-on-surface))}.ax-table{width:100%;border-radius:var(--ax-rounded-border-default);border-spacing:0px;border-collapse:collapse;border:1px solid;border-color:rgba(var(--ax-color-border-default));overflow:hidden;font-size:.875rem}.ax-table td{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.875rem 1rem}.ax-table thead{background-color:rgba(var(--ax-color-on-surface));border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-table thead th{text-transform:uppercase;font-weight:500;text-align:start;padding:.875rem 1rem}.ax-table.ax-table-alternate tbody tr:nth-child(even){background-color:rgba(var(--ax-color-on-surface))}.ax-table.ax-table-bordered thead th{border-top:0 !important}.ax-table.ax-table-bordered tbody tr:last-child td{border-bottom:0 !important}.ax-table.ax-table-bordered tbody tr td:last-child{border-bottom:0 !important}.ax-table.ax-table-bordered td,.ax-table.ax-table-bordered th{border:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-table.ax-table-bordered td:first-child,.ax-table.ax-table-bordered th:first-child{border-inline-start-width:0px}.ax-table.ax-table-bordered td:last-child,.ax-table.ax-table-bordered th:last-child{border-inline-end-width:0px}@media screen and (max-width: 601px){.ax-table.ax-table-responsive{overflow-wrap:break-word;display:block;border:0px}.ax-table.ax-table-responsive thead{position:absolute;inset-inline-start:-100%;top:-100%}.ax-table.ax-table-responsive td{display:block;float:inline-start;width:100%;clear:both;background:rgba(var(--ax-color-surface));padding:.375rem .625rem;box-sizing:border-box}.ax-table.ax-table-responsive td:last-child{border:0}.ax-table.ax-table-responsive td:before{content:attr(data-label);display:block;font-weight:bold}.ax-table.ax-table-responsive tr{border:1px solid;border-color:rgba(var(--ax-color-border-default))}.ax-table.ax-table-responsive tr,.ax-table.ax-table-responsive tbody{display:block;width:100%;float:inline-start;margin-bottom:.625rem}}[class*=" ax-icon-"],[class^=ax-icon-]{vertical-align:middle}.ax-w-full{width:100%}.ax-h-full{height:100%}.ax-fieldset{border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:.75rem;border-radius:var(--ax-rounded-border-default)}.ax-fieldset legend{font-size:.875rem;padding:0 .25rem}.ax-card{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}.ax-hidden{display:none}.ax-drop-zone>input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.ax-uploader-overlay-state{width:100%;height:100%;position:absolute;top:0;inset-inline-start:0;background-color:rgba(var(--ax-color-primary-500), 0.15);pointer-events:none;outline:2px dashed rgba(var(--ax-color-primary-500));outline-offset:-4px;border-radius:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.875rem;gap:.5rem;cursor:pointer;color:rgba(var(--ax-color-primary-700));transition:all .3s;z-index:10}.ax-uploader-overlay-state .ax-icon{font-size:1.5rem}.ax-dark .ax-uploader-overlay-state{background-color:rgba(var(--ax-color-primary-200), 0.15);color:rgba(var(--ax-color-primary-200));outline:2px dashed rgba(var(--ax-color-primary-200))}.ax-xs{--ax-size-default: calc(var(--ax-size-base) - 0.75rem)}.ax-sm{--ax-size-default: calc(var(--ax-size-base) - 0.5rem)}.ax-md{--ax-size-default: var(--ax-size-base)}.ax-lg{--ax-size-default: calc(var(--ax-size-base) + 0.5rem)}.ax-xl{--ax-size-default: calc(var(--ax-size-base) + 1rem)}.ax-filp{transform:scale(-1, 1)}.ax-placeholder{color:rgba(var(--ax-color-text-default), 0.25);font-weight:500}
1
+ @import'@angular/cdk/overlay-prebuilt.css';@font-face{font-family:"acorex-icons";src:url("fonts/acorex-icons.eot?w5vnun");src:url("fonts/acorex-icons.eot?w5vnun#iefix") format("embedded-opentype"),url("fonts/acorex-icons.ttf?w5vnun") format("truetype"),url("fonts/acorex-icons.woff?w5vnun") format("woff"),url("fonts/acorex-icons.svg?w5vnun#acorex-icons") format("svg");font-weight:normal;font-style:normal;font-display:block}.ax-icon{font-family:"acorex-icons" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ax-icon-more-vertical:before{content:""}.ax-icon-more-horizontal:before{content:""}.ax-icon-arrow-short-right:before{content:""}.ax-icon-arrow-short-down:before{content:""}.ax-icon-arrow-short-up:before{content:""}.ax-icon-arrow-short-left:before{content:""}.ax-icon-arrow-long-right:before{content:""}.ax-icon-arrow-long-up:before{content:""}.ax-icon-arrow-long-left:before{content:""}.ax-icon-arrow-long-down:before{content:""}.ax-icon-filter:before{content:""}.ax-icon-progress-bold:before{content:""}.ax-icon-dash-bold:before{content:""}.ax-icon-done-bold:before{content:""}.ax-icon-cancel-fill:before{content:""}.ax-icon-info-fill:before{content:""}.ax-icon-info:before{content:""}.ax-icon-star-fill:before{content:""}.ax-icon-star:before{content:""}.ax-icon-light-mode:before{content:""}.ax-icon-dark-mode:before{content:""}.ax-icon-color-picker:before{content:""}.ax-icon-color-palette:before{content:""}.ax-icon-arrow-left:before{content:""}.ax-icon-arrow-down:before{content:""}.ax-icon-arrow-up:before{content:""}.ax-icon-arrow-right:before{content:""}.ax-icon-chevron-left:before{content:""}.ax-icon-chevron-down:before{content:""}.ax-icon-chevron-up:before{content:""}.ax-icon-chevron-right:before{content:""}.ax-icon-first-page:before{content:""}.ax-icon-last-page:before{content:""}.ax-icon-full-screen:before{content:""}.ax-icon-full-screen-close:before{content:""}.ax-icon-done:before{content:""}.ax-icon-calendar:before{content:""}.ax-icon-menu:before{content:""}.ax-icon-report:before{content:""}.ax-icon-report-fill:before{content:""}.ax-icon-error:before{content:""}.ax-icon-error-fill:before{content:""}.ax-icon-warning:before{content:""}.ax-icon-warning-fill:before{content:""}.ax-icon-check-circle:before{content:""}.ax-icon-check-circle-fill:before{content:""}.ax-icon-close:before{content:""}.ax-icon-time:before{content:""}.ax-icon-visibility-off:before{content:""}.ax-icon-visibility:before{content:""}.ax-icon-unfold-more:before{content:""}.ax-icon-unfold-less:before{content:""}.ax-icon-download:before{content:""}.ax-icon-upload:before{content:""}.ax-icon-publish:before{content:""}.ax-icon-cloud-download:before{content:""}.ax-icon-cloud-upload:before{content:""}.ax-icon-undo:before{content:""}.ax-icon-redo:before{content:""}.ax-icon-search:before{content:""}.ax-icon-add:before{content:""}.ax-icon-remove:before{content:""}.ax-icon-paste:before{content:""}.ax-icon-cut:before{content:""}.ax-icon-copy:before{content:""}.ax-icon-refresh:before{content:""}.ax-icon-inbox:before{content:""}.ax-icon-skip-previous:before{content:""}.ax-icon-skip-next:before{content:""}.ax-icon-delete:before{content:""}.ax-icon-happy:before{content:""}.ax-icon-normal:before{content:""}.ax-icon-sad:before{content:""}.ax-icon-person:before{content:""}.ax-icon-dashboard:before{content:""}:root{--ax-overlay-full-width: 93;--ax-color-white: 255, 255, 255;--ax-color-black: 0, 0, 0}html,body{background-color:rgba(var(--ax-color-background-default));color:rgba(var(--ax-color-text-default))}.ax-actionsheet-panel{@apply ax-animate-2xfaster ax-animate-fadeInUp ax-overflow-hidden ax-rounded-t-default ax-bg-surface ax-shadow-lg}.ax-checkbox{@apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none}.ax-checkbox:checked,.ax-checkbox:indeterminate{@apply ax-border-primary-500 ax-bg-primary-500 !important;@apply ax-bg-contain ax-bg-no-repeat}.ax-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.ax-checkbox:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==")}.ax-checkbox:focus-visible,.ax-checkbox:focus{@apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2}.ax-checkbox:disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-decoration-container,ax-header,ax-footer{@apply ax-flex ax-justify-between ax-gap-2}.ax-decoration-container>ax-prefix,.ax-decoration-container>ax-suffix,ax-header>ax-prefix,ax-header>ax-suffix,ax-footer>ax-prefix,ax-footer>ax-suffix{@apply ax-flex ax-flex-1 ax-items-center ax-gap-2}.ax-decoration-container>ax-prefix,ax-header>ax-prefix,ax-footer>ax-prefix{@apply -ax-order-last ax-items-center ax-justify-start}.ax-decoration-container>ax-suffix,ax-header>ax-suffix,ax-footer>ax-suffix{@apply ax-order-last ax-items-center ax-justify-end}ax-close-button button{@apply ax-flex ax-cursor-pointer ax-bg-transparent}ax-close-button button i{@apply ax-text-2xl}ax-close-button button:hover{@apply ax-opacity-70}ax-close-button button:focus{@apply ax-opacity-80 ax-outline-none}ax-close-button button:active{@apply ax-opacity-100}ax-icon{display:inherit}ax-sub-title{@apply ax-text-sm ax-font-normal ax-opacity-75}ax-form-hint{@apply ax-mt-2 ax-block ax-text-sm ax-text-default/75}.ax-drop-down{@apply ax-contents}.ax-drop-down .ax-dropdown-content{@apply ax-flex ax-flex-1 ax-items-center ax-overflow-x-auto ax-overflow-y-hidden ax-text-sm ax-capitalize}.ax-drop-down .ax-dropdown-content.ax-state-disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-overlay-pane{@apply ax-mt-1 ax-h-fit ax-overflow-hidden ax-rounded-none ax-border ax-border-default ax-bg-surface ax-shadow-md md:ax-rounded-default}.ax-overlay-pane ax-header,.ax-overlay-pane ax-footer{@apply ax-bg-surface ax-p-3}.ax-overlay-pane.ax-overlay-center{@apply ax-h-fit ax-w-[80vw] ax-max-w-[90vh]}.ax-overlay-pane.ax-overlay-actionsheet{@apply ax-h-auto ax-max-h-[85vh] ax-w-full ax-bg-surface}.ax-overlay-pane.ax-overlay-actionsheet.ax-full{@apply ax-h-[95vh] ax-max-h-[95vh]}.ax-overlay-pane.ax-overlay-full{width:100vw;height:100vh;@apply ax-h-screen ax-w-screen}.ax-dark .ax-editor-container.ax-look-fill.ax-state-error{@apply ax-bg-danger-500/25}.ax-editor-container{@apply ax-flex ax-h-default ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none ax-text-input-surface-fore}.ax-editor-container.ax-look-solid,.ax-editor-container.ax-look-outline{@apply ax-rounded-default ax-border ax-border-default ax-bg-input-surface}.ax-editor-container.ax-look-solid:focus-within,.ax-editor-container.ax-look-outline:focus-within{@apply ax-border-primary ax-ring-1 ax-ring-primary-500}.ax-editor-container.ax-look-solid.ax-state-error,.ax-editor-container.ax-look-outline.ax-state-error{@apply ax-border-danger-500}.ax-editor-container.ax-look-solid.ax-state-error:focus-within,.ax-editor-container.ax-look-outline.ax-state-error:focus-within{@apply ax-ring-1 ax-ring-danger-500}.ax-editor-container.ax-look-solid.ax-state-error .ax-input::placeholder,.ax-editor-container.ax-look-outline.ax-state-error .ax-input::placeholder{@apply ax-text-danger}.ax-editor-container.ax-look-flat{@apply ax-rounded-none ax-border-b ax-border-default}.ax-editor-container.ax-look-flat:focus-within{@apply ax-border-primary-500}.ax-editor-container.ax-look-flat.ax-state-error{@apply ax-border-danger-500}.ax-editor-container.ax-look-flat.ax-state-error .ax-input::placeholder{@apply ax-text-danger-500}.ax-editor-container.ax-look-outline{@apply ax-bg-transparent !important}.ax-editor-container.ax-look-fill{@apply ax-rounded-default ax-bg-on-surface}.ax-editor-container.ax-look-fill:focus-within{@apply ax-ring-2 ax-ring-primary-500}.ax-editor-container.ax-look-fill.ax-state-error{@apply ax-bg-danger-200 ax-text-danger-fore-tint}.ax-editor-container.ax-look-fill.ax-state-error:focus-within{@apply ax-ring-2 ax-ring-primary-500}.ax-editor-container.ax-look-fill.ax-state-error .ax-input::placeholder{@apply ax-text-danger-500}.ax-editor-container .ax-editor-input{@apply ax-h-full ax-flex-1}.ax-editor-container .ax-editor-input .ax-input{@apply ax-h-full}.ax-editor-container .ax-input{@apply ax-px-3}.ax-editor-container .ax-input::placeholder{font-size:inherit;@apply ax-font-medium ax-text-default/50}.ax-editor-container.ax-xs .ax-input{@apply ax-p-2 ax-text-xs}.ax-editor-container.ax-sm .ax-input{@apply ax-p-2 ax-text-sm}.ax-editor-container.ax-md .ax-input{@apply ax-text-sm}.ax-editor-container.ax-lg .ax-input{@apply ax-text-lg}.ax-editor-container.ax-xl .ax-input{@apply ax-text-lg}.ax-editor-container .ax-editor-control{@apply ax-flex ax-h-full ax-items-center ax-justify-center ax-ps-2 ax-text-lg ax-text-input-surface-fore}.ax-editor-container.ax-button-icon{@apply ax-px-2}.ax-editor-container .ax-input,.ax-editor-container .ax-text-area{text-align:inherit;font-family:inherit;font-size:inherit;line-height:inherit;@apply ax-w-full ax-flex-1 ax-bg-transparent ax-font-medium}.ax-editor-container .ax-input:focus,.ax-editor-container .ax-text-area:focus{@apply ax-shadow-none}.ax-editor-container .ax-text-area{@apply ax-p-2.5}.ax-editor-container>ax-prefix *,.ax-editor-container>ax-prefix .ax-button,.ax-editor-container>ax-prefix ax-title{@apply ax-rounded-es ax-rounded-ss}.ax-editor-container>ax-prefix ax-icon{@apply ax-ps-3}.ax-editor-container>ax-suffix *,.ax-editor-container>ax-suffix .ax-button,.ax-editor-container>ax-suffix ax-title{@apply ax-rounded-ee ax-rounded-se}.ax-editor-container>ax-suffix ax-icon{@apply ax-pe-3}.ax-editor-container>ax-prefix,.ax-editor-container>ax-suffix{@apply ax-h-full}.ax-editor-container>ax-prefix *,.ax-editor-container>ax-suffix *{@apply ax-flex ax-h-full ax-items-center ax-justify-center ax-rounded-none}.ax-editor-container>ax-prefix ax-title,.ax-editor-container>ax-suffix ax-title{@apply ax-px-4}.ax-editor-container>ax-prefix>ax-text,.ax-editor-container>ax-suffix>ax-text{@apply ax-flex ax-items-center ax-justify-center ax-bg-transparent ax-px-2 ax-text-sm}.ax-editor-container .ax-button{@apply ax-h-full ax-rounded-none !important}.ax-editor-container .ax-button.ax-button-icon{@apply ax-h-full ax-w-default}.ax-editor-container.ax-state-disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-ripple{transform:scale(0);animation:ripple 500ms linear;@apply ax-absolute ax-rounded-full}@keyframes ripple{to{transform:scale(4);opacity:0}}.ax-general-button{@apply ax-inline-flex ax-h-default ax-cursor-pointer ax-items-center ax-justify-center ax-rounded-default ax-px-4 ax-text-sm ax-text-default}.ax-general-button:hover:not(.ax-general-button:hover:disabled,.ax-state-disabled){@apply ax-text-primary-500}.ax-general-button:focus:not(.ax-general-button:focus:disabled,.ax-state-disabled,.ax-general-button:focus-visible:disabled),.ax-general-button:focus-visible:not(.ax-general-button:focus:disabled,.ax-state-disabled,.ax-general-button:focus-visible:disabled){@apply ax-text-primary-700}.ax-general-button:active:not(.ax-general-button:active:disabled,.ax-state-disabled){@apply ax-text-primary-300}.ax-general-button.ax-button-icon{@apply ax-px-2 ax-text-lg}.ax-general-button.ax-button-icon>button{@apply ax-flex}.ax-general-button.ax-button-icon ax-icon{@apply ax-text-lg}.ax-general-button.ax-button-rounded{@apply ax-rounded-default}.ax-general-button:disabled,.ax-general-button.ax-state-disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-clear-button{@apply ax-inline-flex ax-h-default ax-items-center ax-justify-center ax-px-2 ax-text-base ax-leading-none ax-text-default}.ax-clear-button>button{@apply ax-flex}.ax-clear-button:hover:not(.ax-clear-button:hover:disabled,.ax-state-disabled){@apply ax-text-default/75}.ax-clear-button:focus:not(.ax-clear-button:focus:disabled,.ax-state-disabled,.ax-clear-button:focus-visible:disabled),.ax-clear-button:focus-visible:not(.ax-clear-button:focus:disabled,.ax-state-disabled,.ax-clear-button:focus-visible:disabled){@apply ax-text-default}.ax-input{font-size:inherit;@apply ax-p-0 ax-outline-0}.ax-input:focus{@apply ax-outline-transparent}.ax-input.ax-state-disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-dark .ax-list-item.ax-state-selected{@apply ax-bg-primary-800 ax-text-primary-fore !important}.ax-dark .ax-list-item.ax-state-selected .ax-selected-icon{@apply ax-text-primary-fore}.ax-list{@apply ax-flex ax-h-full ax-flex-col ax-overflow-hidden ax-bg-surface ax-text-sm md:ax-max-h-80}.ax-list ax-header,.ax-list ax-footer{@apply ax-flex ax-items-center ax-justify-between ax-border-default ax-bg-surface}.ax-list ax-header{@apply ax-border-b ax-border-default ax-p-4 ax-text-base ax-font-medium md:ax-text-lg}.ax-list ax-header ax-prefix,.ax-list ax-header ax-suffix{@apply ax-flex ax-flex-col ax-justify-items-start}.ax-list ax-header ax-prefix{@apply ax-items-start}.ax-list ax-header ax-suffix{@apply ax-items-end}.ax-list ax-footer{@apply ax-border-t}.ax-list .ax-content{@apply ax-flex-1 ax-overflow-y-auto ax-overflow-x-hidden}.ax-list .ax-content.ax-list-items-container{@apply ax-h-full ax-overflow-y-auto ax-py-2}.ax-list .ax-content.ax-list-items-container.ax-vertical{@apply ax-grid ax-grid-cols-1}.ax-list .ax-content.ax-list-items-container.ax-vertical.ax-divide{@apply ax-border-y}.ax-list .ax-content.ax-list-items-container.ax-default{@apply ax-cursor-pointer}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group>span{@apply ax-flex ax-items-center ax-p-3 ax-font-medium}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group>ul{@apply ax-px-3}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item-group .ax-list-item{@apply ax-mb-1 ax-rounded-default}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item{@apply ax-relative ax-flex ax-h-default ax-select-none ax-items-center ax-justify-between ax-pe-4 ax-ps-3 ax-text-base}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus,.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus-visible{@apply ax-outline-2 ax-outline-offset-2}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-checkbox .ax-checkbox-label{@apply ax-ms-2}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-selected{@apply ax-bg-primary-500 ax-text-primary-fore !important}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-selected .ax-selected-icon{@apply ax-text-2xl ax-text-primary-500}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:focus-visible,.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item:hover{@apply ax-bg-on-surface}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-focus{@apply ax-bg-on-surface}.ax-list .ax-content.ax-list-items-container .ax-list-loading-container{@apply ax-flex ax-justify-center ax-p-2}.ax-list .ax-search-box-container{@apply ax-p-2}.ax-list .ax-search-box-container.ax-state-hidden{@apply ax-hidden}.ax-radio{@apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded-full ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none}.ax-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");@apply ax-border-primary-500 ax-bg-primary-500 !important;@apply ax-bg-contain ax-bg-no-repeat}.ax-radio:focus-visible,.ax-radio:focus{@apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2}.ax-radio:disabled{@apply ax-cursor-not-allowed ax-opacity-50}.ax-dark .ax-table thead{@apply ax-bg-on-surface}.ax-table{@apply ax-w-full ax-border-collapse ax-border-spacing-0 ax-overflow-hidden ax-rounded-default ax-border ax-border-default ax-text-sm}.ax-table td{@apply ax-border-b ax-border-default ax-px-4 ax-py-3}.ax-table thead{@apply ax-border-b ax-border-default ax-bg-on-surface}.ax-table thead th{@apply ax-px-4 ax-py-3.5 ax-text-start ax-font-medium ax-uppercase}.ax-table.ax-table-alternate tbody tr:nth-child(even){@apply ax-bg-on-surface}.ax-table.ax-table-bordered thead th{@apply ax-border-t-0 !important}.ax-table.ax-table-bordered tbody tr:last-child td{@apply ax-border-b-0 !important}.ax-table.ax-table-bordered tbody tr td:last-child{@apply ax-border-b-0 !important}.ax-table.ax-table-bordered td,.ax-table.ax-table-bordered th{@apply ax-border ax-border-default}.ax-table.ax-table-bordered td:first-child,.ax-table.ax-table-bordered th:first-child{@apply ax-border-s-0}.ax-table.ax-table-bordered td:last-child,.ax-table.ax-table-bordered th:last-child{@apply ax-border-e-0}@media screen and (max-width: 601px){.ax-table.ax-table-responsive{@apply ax-block ax-break-words ax-border-0}.ax-table.ax-table-responsive thead{@apply ax-absolute -ax-start-full -ax-top-full}.ax-table.ax-table-responsive td{float:inline-start;@apply ax-clear-both ax-box-border ax-block ax-w-full ax-px-2.5 ax-py-1.5}.ax-table.ax-table-responsive td:last-child{@apply ax-border-0}.ax-table.ax-table-responsive td:before{content:attr(data-label);@apply ax-block ax-font-bold}.ax-table.ax-table-responsive tr{@apply ax-border ax-border-default}.ax-table.ax-table-responsive tr,.ax-table.ax-table-responsive tbody{@apply ax-mb-2.5 ax-block ax-w-full;float:inline-start}}[class*=" ax-icon-"],[class^=ax-icon-]{vertical-align:middle}.ax-fieldset{@apply ax-rounded-default ax-border ax-border-default ax-p-3}.ax-fieldset legend{@apply ax-px-1 ax-text-sm}.ax-card{@apply ax-rounded-default ax-border ax-border-default ax-bg-surface}.ax-drop-zone>input{@apply ax-absolute ax-h-full ax-w-full ax-cursor-pointer ax-opacity-0}.ax-uploader-overlay-state{border-radius:inherit;@apply ax-pointer-events-none ax-absolute ax-start-0 ax-top-0 ax-z-10 ax-flex ax-h-full ax-w-full ax-cursor-pointer ax-flex-col ax-items-center ax-justify-center ax-gap-2 ax-bg-primary-200/75 ax-text-sm ax-text-primary-fore-tint ax-outline-dashed ax-outline-2 -ax-outline-offset-4 ax-transition-all}.ax-uploader-overlay-state .ax-icon{@apply ax-text-2xl}.ax-dark .ax-uploader-overlay-state{@apply ax-bg-primary-800/75 ax-text-primary-fore ax-outline-primary-fore}.ax-xs{--ax-size-default: calc(var(--ax-size-base) - 0.75rem)}.ax-sm{--ax-size-default: calc(var(--ax-size-base) - 0.5rem)}.ax-md{--ax-size-default: var(--ax-size-base)}.ax-lg{--ax-size-default: calc(var(--ax-size-base) + 0.5rem)}.ax-xl{--ax-size-default: calc(var(--ax-size-base) + 1rem)}.ax-placeholder{color:rgba(var(--ax-color-text-default), 0.25);font-weight:500}
package/index.scss CHANGED
@@ -3,7 +3,6 @@
3
3
  @import './src/variables/colors';
4
4
  @import './src/icons/style.scss';
5
5
 
6
- @import './src/animations/index.scss';
7
6
  @import './src/base/index.scss';
8
7
  @import './src/mixins/index.scss';
9
8
  @import './src/shared/index.scss';
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.11.6",
3
+ "version": "7.12.0",
4
4
  "main": "index.js",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
7
7
  "peerDependencies": {
8
8
  "animated-tailwindcss": ">=4.0.0",
9
- "tailwindcss": ">=3.3.3"
9
+ "tailwindcss": ">=3.3.5"
10
10
  }
11
11
  }
@@ -1,6 +1,4 @@
1
1
  @import '../mixins/index.scss';
2
- @import './normalize';
3
- @import './theme';
4
2
 
5
3
  :root {
6
4
  --ax-overlay-full-width: 93;
@@ -1,100 +1,54 @@
1
1
  @mixin solid-look() {
2
- background-color: rgba(var(--ax-color-input-surface));
3
- border: 1px solid;
4
- border-color: rgba(var(--ax-color-border-default));
5
- border-radius: var(--ax-rounded-border-default);
6
-
2
+ @apply ax-rounded-default ax-border ax-border-default ax-bg-input-surface;
7
3
  &:focus-within {
8
- border-color: rgba(var(--ax-color-primary-500));
9
- box-shadow: 0 0 0 1px rgba(var(--ax-color-primary-500));
4
+ @apply ax-border-primary ax-ring-1 ax-ring-primary-500;
10
5
  }
11
6
 
12
7
  &.ax-state-error {
13
- border-color: rgba(var(--ax-color-danger-500));
8
+ @apply ax-border-danger-500;
14
9
  &:focus-within {
15
- box-shadow: 0 0 0 1px rgba(var(--ax-color-danger-500));
10
+ @apply ax-ring-1 ax-ring-danger-500;
16
11
  }
17
12
  .ax-input {
18
13
  &::placeholder {
19
- color: rgba(var(--ax-color-danger-500));
14
+ @apply ax-text-danger;
20
15
  }
21
16
  }
22
17
  }
23
-
24
- // &.ax-state-success {
25
- // outline-color: rgba(var(--ax-color-success-500));
26
- // border-color: rgba(var(--ax-color-success-500));
27
- // &:focus-within {
28
- // box-shadow: 0 0 0 1px rgba(var(--ax-color-success-500));
29
- // }
30
- // .ax-input {
31
- // &::placeholder {
32
- // color: rgba(var(--ax-color-success-500));
33
- // }
34
- // }
35
- // }
36
18
  }
37
19
  @mixin flat-look() {
38
- border-bottom: 1px solid;
39
- border-color: rgba(var(--ax-color-border-default));
40
- border-radius: 0;
41
-
20
+ @apply ax-rounded-none ax-border-b ax-border-default;
42
21
  &:focus-within {
43
- border-color: rgba(var(--ax-color-primary-500));
22
+ @apply ax-border-primary-500;
44
23
  }
45
24
  &.ax-state-error {
46
- border-color: rgba(var(--ax-color-danger-500));
47
-
25
+ @apply ax-border-danger-500;
48
26
  .ax-input {
49
27
  &::placeholder {
50
- color: rgba(var(--ax-color-danger-500));
28
+ @apply ax-text-danger-500;
51
29
  }
52
30
  }
53
31
  }
54
-
55
- // &.ax-state-success {
56
- // outline-color: rgba(var(--ax-color-success-500));
57
- // border-color: rgba(var(--ax-color-success-500));
58
-
59
- // .ax-input {
60
- // &::placeholder {
61
- // color: rgba(var(--ax-color-success-500));
62
- // }
63
- // }
64
- // }
65
32
  }
66
33
 
67
34
  @mixin outline-look() {
68
- background-color: transparent !important;
35
+ @apply ax-bg-transparent #{!important};
69
36
  }
70
37
 
71
38
  @mixin fill-look() {
72
- background-color: rgba(var(--ax-color-on-surface));
73
- border-radius: var(--ax-rounded-border-default);
39
+ @apply ax-rounded-default ax-bg-on-surface;
74
40
  &:focus-within {
75
- box-shadow: 0 0 0 2px rgba(var(--ax-color-primary-500));
41
+ @apply ax-ring-2 ax-ring-primary-500;
76
42
  }
77
43
  &.ax-state-error {
78
- background-color: rgba(var(--ax-color-danger-50));
44
+ @apply ax-bg-danger-200 ax-text-danger-fore-tint;
79
45
  &:focus-within {
80
- box-shadow: 0 0 0 2px rgba(var(--ax-color-danger-500));
46
+ @apply ax-ring-2 ax-ring-primary-500;
81
47
  }
82
48
  .ax-input {
83
49
  &::placeholder {
84
- color: rgba(var(--ax-color-danger-500));
50
+ @apply ax-text-danger-500;
85
51
  }
86
52
  }
87
53
  }
88
-
89
- // &.ax-state-success {
90
- // background-color: rgba(var(--ax-color-success-50));
91
- // &:focus-within {
92
- // box-shadow: 0 0 0 2px rgba(var(--ax-color-success-500));
93
- // }
94
- // .ax-input {
95
- // &::placeholder {
96
- // color: rgba(var(--ax-color-success-500));
97
- // }
98
- // }
99
- // }
100
54
  }
@@ -1,18 +1,3 @@
1
- @mixin color-variable-genterator($array) {
2
- @each $name, $color in $array {
3
- @if (type-of($color) == 'map') {
4
- @each $subname, $variant in $color {
5
- @if ($subname != '') {
6
- --ax-color-#{$name}-#{$subname}: #{$variant};
7
- } @else {
8
- --ax-color-#{$name}: #{$variant};
9
- }
10
- }
11
- } @else {
12
- --ax-color-#{$name}: #{$color};
13
- }
14
- }
15
- }
16
1
  @mixin darkMode() {
17
2
  .ax-dark {
18
3
  @content;
@@ -1,40 +1,3 @@
1
1
  .ax-actionsheet-panel {
2
- animation-duration: 100ms;
3
- -webkit-animation-duration: 100ms;
4
- animation-fill-mode: both;
5
- -webkit-animation-fill-mode: both;
6
- opacity: 0;
7
- animation-name: fadeInUp;
8
- -webkit-animation-name: fadeInUp;
9
- background-color: rgba(var(--ax-color-surface));
10
- -webkit-border-top-left-radius: var(--ax-rounded-border-default);
11
- -webkit-border-top-right-radius: var(--ax-rounded-border-default);
12
- -moz-border-radius-topleft: var(--ax-rounded-border-default);
13
- -moz-border-radius-topright: var(--ax-rounded-border-default);
14
- border-top-left-radius: var(--ax-rounded-border-default);
15
- border-top-right-radius: var(--ax-rounded-border-default);
16
- box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.141), 0 6px 30px 5px rgba(0, 0, 0, 0.122);
17
- overflow: hidden;
18
-
19
- @keyframes fadeInUp {
20
- from {
21
- transform: translate3d(0, 40px, 0);
22
- }
23
-
24
- to {
25
- transform: translate3d(0, 0, 0);
26
- opacity: 1;
27
- }
28
- }
29
-
30
- @-webkit-keyframes fadeInUp {
31
- from {
32
- transform: translate3d(0, 40px, 0);
33
- }
34
-
35
- to {
36
- transform: translate3d(0, 0, 0);
37
- opacity: 1;
38
- }
39
- }
2
+ @apply ax-animate-2xfaster ax-animate-fadeInUp ax-overflow-hidden ax-rounded-t-default ax-bg-surface ax-shadow-lg;
40
3
  }
@@ -1,24 +1,13 @@
1
1
  @import '../mixins/index.scss';
2
2
 
3
3
  .ax-checkbox {
4
- width: 1.125rem;
5
- height: 1.125rem;
6
- border: 1px solid;
7
- border-color: rgba(var(--ax-color-border-default));
8
- background-color: rgba(var(--ax-color-input-surface));
9
- border-radius: 0.2rem;
10
- margin: 0;
11
- outline: none;
12
- vertical-align: middle;
13
- appearance: none;
4
+ @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
14
5
  .ax-state-loading {
15
6
  }
16
7
  &:checked,
17
8
  &:indeterminate {
18
- border-color: rgba(var(--ax-color-primary-500)) !important;
19
- background-color: rgba(var(--ax-color-primary-500)) !important;
20
- background-repeat: no-repeat;
21
- background-size: contain;
9
+ @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
10
+ @apply ax-bg-contain ax-bg-no-repeat;
22
11
  }
23
12
 
24
13
  &:checked {
@@ -29,16 +18,13 @@
29
18
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==');
30
19
  }
31
20
 
32
- &:focus-visible {
33
- outline-offset: 2px;
34
- outline-width: 2px;
35
- outline-style: solid;
36
- outline-color: rgba(var(--ax-color-primary-500));
21
+ &:focus-visible,
22
+ &:focus {
23
+ @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2;
37
24
  }
38
25
 
39
26
  &:disabled {
40
- cursor: not-allowed;
41
- opacity: 0.5;
27
+ @apply ax-cursor-not-allowed ax-opacity-50;
42
28
  }
43
29
  }
44
30
 
@@ -1,46 +1,34 @@
1
1
  .ax-decoration-container,
2
2
  ax-header,
3
3
  ax-footer {
4
- display: flex;
5
- justify-content: space-between;
6
- gap: 0.5rem;
4
+ @apply ax-flex ax-justify-between ax-gap-2;
7
5
  & > ax-prefix,
8
6
  & > ax-suffix {
9
- display: flex;
10
- flex: 1 1 auto;
11
- flex-direction: row;
12
- gap: 0.5rem;
13
- align-items: center;
7
+ @apply ax-flex ax-flex-1 ax-items-center ax-gap-2;
14
8
  }
15
9
  & > ax-prefix {
16
- order: -9999;
17
- justify-content: flex-start;
18
- align-items: center;
10
+ @apply -ax-order-last ax-items-center ax-justify-start;
19
11
  }
20
12
  & > ax-suffix {
21
- order: 9999;
22
- justify-content: flex-end;
23
- align-items: center;
13
+ @apply ax-order-last ax-items-center ax-justify-end;
24
14
  }
25
15
  }
26
16
 
27
17
  ax-close-button {
28
18
  button {
29
- cursor: pointer;
30
- background-color: transparent;
31
- display: flex;
19
+ @apply ax-flex ax-cursor-pointer ax-bg-transparent;
32
20
  i {
33
- font-size: 1.5rem;
34
- }
35
- &:focus {
36
- outline: none;
37
- opacity: 0.85;
21
+ @apply ax-text-2xl;
38
22
  }
39
23
  &:hover {
40
- opacity: 0.75;
24
+ @apply ax-opacity-70;
41
25
  }
26
+ &:focus {
27
+ @apply ax-opacity-80 ax-outline-none;
28
+ }
29
+
42
30
  &:active {
43
- opacity: 1;
31
+ @apply ax-opacity-100;
44
32
  }
45
33
  }
46
34
  }
@@ -50,13 +38,8 @@ ax-icon {
50
38
  }
51
39
 
52
40
  ax-sub-title {
53
- font-weight: 400;
54
- font-size: 0.875rem;
55
- opacity: 0.75;
41
+ @apply ax-text-sm ax-font-normal ax-opacity-75;
56
42
  }
57
43
  ax-form-hint {
58
- font-size: 0.875rem;
59
- color: rgba(var(--ax-color-text-default), 0.75);
60
- margin-top: 0.5rem;
61
- display: block;
44
+ @apply ax-mt-2 ax-block ax-text-sm ax-text-default/75;
62
45
  }
@@ -1,65 +1,38 @@
1
1
  @import '../variables/index.scss';
2
2
 
3
3
  .ax-drop-down {
4
- display: contents;
4
+ @apply ax-contents;
5
5
 
6
6
  .ax-dropdown-content {
7
- display: flex;
8
- align-items: center;
9
- flex: 1 1 auto;
10
- font-size: 0.875rem;
11
- overflow-y: hidden;
12
- overflow-x: auto;
13
- text-transform: capitalize;
7
+ @apply ax-flex ax-flex-1 ax-items-center ax-overflow-x-auto ax-overflow-y-hidden ax-text-sm ax-capitalize;
8
+
14
9
  &.ax-state-disabled {
15
- opacity: 0.5;
16
- cursor: not-allowed;
10
+ @apply ax-cursor-not-allowed ax-opacity-50;
17
11
  }
18
12
  }
19
13
  }
20
14
 
21
15
  .ax-overlay-pane {
22
- height: fit-content;
23
- background-color: rgba(var(--ax-color-surface));
24
- border: 1px solid;
25
- border-color: rgba(var(--ax-color-border-default));
26
- border-radius: var(--ax-rounded-border-default);
27
- box-shadow:
28
- 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
29
- 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
30
- overflow: hidden;
31
- margin-top: 0.25rem;
16
+ @apply ax-mt-1 ax-h-fit ax-overflow-hidden ax-rounded-none ax-border ax-border-default ax-bg-surface ax-shadow-md md:ax-rounded-default;
32
17
  ax-header,
33
18
  ax-footer {
34
- background-color: rgba(var(--ax-color-surface));
35
- padding: 0.75rem;
36
- }
37
-
38
- @include media('phone') {
39
- border-bottom-right-radius: 0px;
40
- border-bottom-left-radius: 0px;
19
+ @apply ax-bg-surface ax-p-3;
41
20
  }
42
21
 
43
22
  &.ax-overlay-center {
44
- height: fit-content;
45
- max-height: 90vh;
46
- width: 80vw;
23
+ @apply ax-h-fit ax-w-[80vw] ax-max-w-[90vh];
47
24
  }
48
25
 
49
26
  &.ax-overlay-actionsheet {
50
- background-color: rgba(var(--ax-color-surface));
51
- width: 100%;
52
- height: auto;
53
- max-height: 85vh;
54
-
27
+ @apply ax-h-auto ax-max-h-[85vh] ax-w-full ax-bg-surface;
55
28
  &.ax-full {
56
- max-height: 95vh;
57
- height: 95vh;
29
+ @apply ax-h-[95vh] ax-max-h-[95vh];
58
30
  }
59
31
  }
60
32
 
61
33
  &.ax-overlay-full {
62
34
  width: 100vw;
63
35
  height: 100vh;
36
+ @apply ax-h-screen ax-w-screen;
64
37
  }
65
38
  }