@acorex/styles 19.8.0-next.9 → 19.10.0-next.0

package/index.css

@@ -365,164 +365,6 @@ body {
   color: rgba(var(--ax-sys-body-text-color));
 }
 
-.ax-editor-container {
-  --ax-comp-editor-border-width: 1px;
-  --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
-  --ax-comp-editor-height: calc(var(--ax-sys-size-base) * var(--ax-comp-editor-size-ratio));
-  --ax-comp-editor-font-family: inherit;
-  --ax-comp-editor-font-weight: normal;
-  --ax-comp-editor-focus-color: var(--ax-sys-color-primary-500);
-  --ax-comp-editor-padding-y: 0;
-  --ax-comp-editor-button-text-color: var(--ax-sys-surface-input-text-color);
-}
-
-.ax-xs .ax-editor-container,
-.ax-editor-container.ax-xs {
-  --ax-comp-editor-size-ratio: 0.75;
-  --ax-comp-editor-font-size: 0.675rem;
-  --ax-comp-editor-padding-x: 0.188rem;
-  --ax-comp-editor-decorator-padding-x: 0.125rem;
-}
-
-.ax-sm .ax-editor-container,
-.ax-editor-container.ax-sm {
-  --ax-comp-editor-size-ratio: 0.875;
-  --ax-comp-editor-font-size: 0.75rem;
-  --ax-comp-editor-padding-x: 0.375rem;
-  --ax-comp-editor-decorator-padding-x: 0.25rem;
-}
-
-.ax-md .ax-editor-container,
-.ax-editor-container {
-  --ax-comp-editor-size-ratio: 1;
-  --ax-comp-editor-font-size: 0.875rem;
-  --ax-comp-editor-padding-x: 0.75rem;
-  --ax-comp-editor-decorator-padding-x: 0.5rem;
-}
-
-.ax-lg .ax-editor-container,
-.ax-editor-container.ax-lg {
-  --ax-comp-editor-size-ratio: 1.125;
-  --ax-comp-editor-font-size: 1rem;
-  --ax-comp-editor-padding-x: 0.875rem;
-  --ax-comp-editor-decorator-padding-x: 0.75rem;
-}
-
-.ax-xl .ax-editor-container,
-.ax-editor-container.ax-xl {
-  --ax-comp-editor-size-ratio: 1.5;
-  --ax-comp-editor-font-size: 1.5rem;
-  --ax-comp-editor-padding-x: 1rem;
-  --ax-comp-editor-decorator-padding-x: 0.875rem;
-}
-
-.ax-editor-container.ax-solid {
-  --ax-comp-editor-bg-color: var(--ax-sys-surface-input-bg-color);
-  --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
-  --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
-  --ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);
-  --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
-  --ax-comp-editor-button-bg-hover-color: var(--ax-sys-surface-high-bg-color);
-  --ax-comp-editor-border-width: 1px;
-  --ax-comp-editor-box-shadow: inset 0px -1px rgba(var(--ax-comp-editor-border-color));
-  border-width: var(--ax-comp-editor-border-width);
-}
-.ax-editor-container.ax-solid:focus, .ax-editor-container.ax-solid:focus-within, .ax-editor-container.ax-solid:focus-visible {
-  --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
-  box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
-}
-
-.ax-editor-container.ax-fill {
-  --ax-comp-editor-bg-color: var(--ax-sys-surface-bg-color);
-  --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
-  --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
-  --ax-comp-editor-border-color: transparent;
-  --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
-  --ax-comp-editor-border-width: 0px;
-}
-.ax-editor-container.ax-fill:focus, .ax-editor-container.ax-fill:focus-within, .ax-editor-container.ax-fill:focus-visible {
-  --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
-  box-shadow: 0px 0px 0 2px rgba(var(--ax-sys-color-primary-500));
-}
-
-.ax-editor-container.ax-outline {
-  --ax-comp-editor-bg-color: transparent;
-  --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
-  --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
-  --ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);
-  --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
-  --ax-comp-editor-border-width: 1px;
-  border-width: var(--ax-comp-editor-border-width);
-}
-.ax-editor-container.ax-outline:focus, .ax-editor-container.ax-outline:focus-within, .ax-editor-container.ax-outline:focus-visible {
-  --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
-  box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
-}
-
-.ax-editor-container.ax-flat {
-  --ax-comp-editor-bg-color: 0, 0, 0, 0;
-  --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
-  --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
-  --ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);
-  --ax-comp-editor-border-radius: 0px;
-  --ax-comp-editor-border-width: 1px;
-  border-bottom-width: var(--ax-comp-editor-border-width);
-}
-.ax-editor-container.ax-flat:focus, .ax-editor-container.ax-flat:focus-within, .ax-editor-container.ax-flat:focus-visible {
-  --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
-  box-shadow: 0px 1px 0 0px rgba(var(--ax-sys-color-primary-500));
-}
-
-.ax-editor-container {
-  background-color: rgba(var(--ax-comp-editor-bg-color));
-  color: rgba(var(--ax-comp-editor-text-color));
-  border-color: rgba(var(--ax-comp-editor-border-color));
-  border-radius: var(--ax-comp-editor-border-radius);
-  border-style: solid;
-  display: inline-flex;
-  align-items: center;
-  height: var(--ax-comp-editor-height);
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-}
-.ax-editor-container ax-prefix {
-  max-width: fit-content;
-  font-size: var(--ax-comp-editor-font-size);
-  padding: var(--ax-comp-editor-decorator-padding-y, 0) var(--ax-comp-editor-decorator-padding-x);
-}
-.ax-editor-container ax-clear-button {
-  margin-inline-end: var(--ax-comp-editor-decorator-padding-x);
-}
-.ax-editor-container ax-suffix {
-  margin-inline-start: var(--ax-comp-editor-decorator-padding-x);
-}
-.ax-editor-container .ax-input {
-  width: 100%;
-  height: 100%;
-  font-size: var(--ax-comp-editor-font-size);
-  padding: 0px;
-  outline-width: 0px;
-  padding: 0 var(--ax-comp-editor-padding-x);
-  background-color: transparent;
-}
-.ax-editor-container .ax-input:focus, .ax-editor-container .ax-input:focus-visible, .ax-editor-container .ax-input:focus-within {
-  outline: none;
-}
-.ax-editor-container .ax-input::placeholder {
-  color: rgba(var(--ax-comp-editor-placeholder-color));
-  font-size: calc(var(--ax-comp-editor-font-size));
-}
-.ax-editor-container .ax-editor-button {
-  height: var(--ax-comp-editor-button-height, 100%);
-  padding: var(--ax-comp-editor-decorator-button-y, 0) var(--ax-comp-editor-decorator-button-x, 0.75rem);
-  font-size: var(--ax-comp-editor-button-font-size, 100%);
-  color: rgba(var(--ax-comp-editor-button-text-color), var(--ax-comp-editor-button-text-color-opacity, 0.6));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .ax-action-list.ax-action-list-horizontal {
   display: flex;
   flex-direction: row;
@@ -609,7 +451,7 @@ body {
   overflow: hidden;
   border-top-left-radius: var(--ax-comp-action-sheet-border-radius-size);
   border-top-right-radius: var(--ax-comp-action-sheet-border-radius-size);
-  background-color: rgba(var(--ax-sys-surface-lowest-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-lowest));
   --ax-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);
   box-shadow: var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ax-shadow);
@@ -631,8 +473,8 @@ body {
   appearance: none;
   border-radius: 0.25rem;
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
-  background-color: rgba(var(--ax-sys-surface-input-bg-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
+  background-color: rgba(var(--ax-sys-color-input-surface));
   vertical-align: middle;
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -650,7 +492,7 @@ body {
   background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==");
 }
 .ax-checkbox:focus-visible, .ax-checkbox:focus {
-  box-shadow: 0px 0px 0px 2px rgba(var(--ax-sys-surface-bg-color)), 0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
+  box-shadow: 0px 0px 0px 2px rgba(var(--ax-sys-color-surface)), 0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
 }
 .ax-checkbox:disabled {
   cursor: not-allowed;
@@ -682,7 +524,7 @@ body {
   overflow: hidden;
   border-width: 1px;
   border-color: rgba(var(--ax-sys-border-color));
-  background-color: rgba(var(--ax-sys-surface-lowest-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-lowest));
   --ax-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);
   box-shadow: var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--ax-shadow);
@@ -695,7 +537,7 @@ body {
 }
 .ax-overlay-pane ax-header,
 .ax-overlay-pane ax-footer {
-  background-color: rgba(var(--ax-sys-surface-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface));
   padding: 0.75rem;
 }
 .ax-overlay-pane.ax-overlay-center {
@@ -707,7 +549,7 @@ body {
   height: auto;
   max-height: 85vh;
   width: 100%;
-  background-color: rgba(var(--ax-sys-surface-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface));
   border-top-left-radius: var(--ax-sys-border-radius);
   border-top-right-radius: var(--ax-sys-border-radius);
 }
@@ -731,7 +573,7 @@ body {
   padding-right: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  color: rgb(var(--ax-sys-surface-input-text-color), 0.75);
+  color: rgb(var(--ax-sys-color-input-surface-text), 0.75);
 }
 .ax-general-button:hover:not(.ax-general-button:hover:disabled, .ax-state-disabled) {
   color: rgba(var(--ax-sys-color-primary-500), var(--tw-text-opacity));
@@ -789,7 +631,7 @@ body {
   height: 100%;
   flex-direction: column;
   overflow: hidden;
-  background-color: rgba(var(--ax-sys-surface-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface));
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -899,10 +741,10 @@ body {
   opacity: 0.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-sys-surface-high-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-high));
 }
 .ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-focus {
-  background-color: rgba(var(--ax-sys-surface-high-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-high));
 }
 .ax-list .ax-content.ax-list-items-container .ax-list-loading-container {
   display: flex;
@@ -926,8 +768,8 @@ body {
   appearance: none;
   border-radius: 9999px;
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
-  background-color: rgba(var(--ax-sys-surface-input-bg-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
+  background-color: rgba(var(--ax-sys-color-input-surface));
   vertical-align: middle;
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -942,7 +784,7 @@ body {
   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");
 }
 .ax-radio:focus-visible, .ax-radio:focus {
-  box-shadow: 0px 0px 0px 2px rgba(var(--ax-sys-surface-bg-color)), 0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
+  box-shadow: 0px 0px 0px 2px rgba(var(--ax-sys-color-surface)), 0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
 }
 .ax-radio:disabled {
   cursor: not-allowed;
@@ -950,7 +792,7 @@ body {
 }
 
 .ax-dark .ax-table thead {
-  background-color: rgba(var(--ax-sys-surface-high-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-high));
 }
 
 .ax-table {
@@ -975,7 +817,7 @@ body {
 .ax-table thead {
   border-bottom-width: 1px;
   border-color: rgba(var(--ax-sys-border-color));
-  background-color: rgba(var(--ax-sys-surface-high-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-high));
 }
 .ax-table thead th {
   padding-left: 1rem;
@@ -987,7 +829,7 @@ body {
   text-transform: uppercase;
 }
 .ax-table.ax-table-alternate tbody tr:nth-child(even) {
-  background-color: rgba(var(--ax-sys-surface-high-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-high));
 }
 .ax-table.ax-table-bordered thead th {
   border-top-width: 0px !important;
@@ -1065,7 +907,7 @@ body {
 .ax-fieldset {
   border-radius: var(--ax-sys-border-radius);
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
   padding: 0.75rem;
 }
 .ax-fieldset legend {
@@ -1078,8 +920,8 @@ body {
 .ax-card {
   border-radius: var(--ax-sys-border-radius);
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
-  background-color: rgba(var(--ax-sys-surface-bg-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
+  background-color: rgba(var(--ax-sys-color-surface));
 }
 
 .ax-drop-zone > input {
@@ -1141,6 +983,6 @@ body {
 }
 
 .ax-placeholder {
-  color: rgba(var(--ax-sys-surface-input-placeholder-color));
+  color: rgba(var(--ax-sys-color-input-surface-placeholder));
   font-size: calc(var(--ax-comp-editor-font-size) * 0.875);
 }

package/index.min.css

@@ -1 +1 @@
-@import'@angular/cdk/overlay-prebuilt.css';*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT", currentColor)}::before,::after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme("fontFamily.sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:theme("fontFamily.sans[1].fontFeatureSettings", normal);font-variation-settings:theme("fontFamily.sans[1].fontVariationSettings", normal);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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:theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:theme("fontFamily.mono[1].fontFeatureSettings", normal);font-variation-settings:theme("fontFamily.mono[1].fontVariationSettings", normal);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::placeholder,textarea::placeholder{opacity:1;color:theme("colors.gray.400", #9ca3af)}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}html,body{background-color:rgba(var(--ax-sys-body-bg-color));color:rgba(var(--ax-sys-body-text-color))}.ax-editor-container{--ax-comp-editor-border-width: 1px;--ax-comp-editor-border-radius: var(--ax-sys-border-radius);--ax-comp-editor-height: calc(var(--ax-sys-size-base) * var(--ax-comp-editor-size-ratio));--ax-comp-editor-font-family: inherit;--ax-comp-editor-font-weight: normal;--ax-comp-editor-focus-color: var(--ax-sys-color-primary-500);--ax-comp-editor-padding-y: 0;--ax-comp-editor-button-text-color: var(--ax-sys-surface-input-text-color)}.ax-xs .ax-editor-container,.ax-editor-container.ax-xs{--ax-comp-editor-size-ratio: 0.75;--ax-comp-editor-font-size: 0.675rem;--ax-comp-editor-padding-x: 0.188rem;--ax-comp-editor-decorator-padding-x: 0.125rem}.ax-sm .ax-editor-container,.ax-editor-container.ax-sm{--ax-comp-editor-size-ratio: 0.875;--ax-comp-editor-font-size: 0.75rem;--ax-comp-editor-padding-x: 0.375rem;--ax-comp-editor-decorator-padding-x: 0.25rem}.ax-md .ax-editor-container,.ax-editor-container{--ax-comp-editor-size-ratio: 1;--ax-comp-editor-font-size: 0.875rem;--ax-comp-editor-padding-x: 0.75rem;--ax-comp-editor-decorator-padding-x: 0.5rem}.ax-lg .ax-editor-container,.ax-editor-container.ax-lg{--ax-comp-editor-size-ratio: 1.125;--ax-comp-editor-font-size: 1rem;--ax-comp-editor-padding-x: 0.875rem;--ax-comp-editor-decorator-padding-x: 0.75rem}.ax-xl .ax-editor-container,.ax-editor-container.ax-xl{--ax-comp-editor-size-ratio: 1.5;--ax-comp-editor-font-size: 1.5rem;--ax-comp-editor-padding-x: 1rem;--ax-comp-editor-decorator-padding-x: 0.875rem}.ax-editor-container.ax-solid{--ax-comp-editor-bg-color: var(--ax-sys-surface-input-bg-color);--ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);--ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);--ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);--ax-comp-editor-border-radius: var(--ax-sys-border-radius);--ax-comp-editor-button-bg-hover-color: var(--ax-sys-surface-high-bg-color);--ax-comp-editor-border-width: 1px;--ax-comp-editor-box-shadow: inset 0px -1px rgba(var(--ax-comp-editor-border-color));border-width:var(--ax-comp-editor-border-width)}.ax-editor-container.ax-solid:focus,.ax-editor-container.ax-solid:focus-within,.ax-editor-container.ax-solid:focus-visible{--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);box-shadow:0px 0px 0 1px rgba(var(--ax-sys-color-primary-500))}.ax-editor-container.ax-fill{--ax-comp-editor-bg-color: var(--ax-sys-surface-bg-color);--ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);--ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);--ax-comp-editor-border-color: transparent;--ax-comp-editor-border-radius: var(--ax-sys-border-radius);--ax-comp-editor-border-width: 0px}.ax-editor-container.ax-fill:focus,.ax-editor-container.ax-fill:focus-within,.ax-editor-container.ax-fill:focus-visible{--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);box-shadow:0px 0px 0 2px rgba(var(--ax-sys-color-primary-500))}.ax-editor-container.ax-outline{--ax-comp-editor-bg-color: transparent;--ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);--ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);--ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);--ax-comp-editor-border-radius: var(--ax-sys-border-radius);--ax-comp-editor-border-width: 1px;border-width:var(--ax-comp-editor-border-width)}.ax-editor-container.ax-outline:focus,.ax-editor-container.ax-outline:focus-within,.ax-editor-container.ax-outline:focus-visible{--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);box-shadow:0px 0px 0 1px rgba(var(--ax-sys-color-primary-500))}.ax-editor-container.ax-flat{--ax-comp-editor-bg-color: 0, 0, 0, 0;--ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);--ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);--ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);--ax-comp-editor-border-radius: 0px;--ax-comp-editor-border-width: 1px;border-bottom-width:var(--ax-comp-editor-border-width)}.ax-editor-container.ax-flat:focus,.ax-editor-container.ax-flat:focus-within,.ax-editor-container.ax-flat:focus-visible{--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);box-shadow:0px 1px 0 0px rgba(var(--ax-sys-color-primary-500))}.ax-editor-container{background-color:rgba(var(--ax-comp-editor-bg-color));color:rgba(var(--ax-comp-editor-text-color));border-color:rgba(var(--ax-comp-editor-border-color));border-radius:var(--ax-comp-editor-border-radius);border-style:solid;display:inline-flex;align-items:center;height:var(--ax-comp-editor-height);width:100%;overflow:hidden;position:relative}.ax-editor-container ax-prefix{max-width:fit-content;font-size:var(--ax-comp-editor-font-size);padding:var(--ax-comp-editor-decorator-padding-y, 0) var(--ax-comp-editor-decorator-padding-x)}.ax-editor-container ax-clear-button{margin-inline-end:var(--ax-comp-editor-decorator-padding-x)}.ax-editor-container ax-suffix{margin-inline-start:var(--ax-comp-editor-decorator-padding-x)}.ax-editor-container .ax-input{width:100%;height:100%;font-size:var(--ax-comp-editor-font-size);padding:0px;outline-width:0px;padding:0 var(--ax-comp-editor-padding-x);background-color:rgba(0,0,0,0)}.ax-editor-container .ax-input:focus,.ax-editor-container .ax-input:focus-visible,.ax-editor-container .ax-input:focus-within{outline:none}.ax-editor-container .ax-input::placeholder{color:rgba(var(--ax-comp-editor-placeholder-color));font-size:calc(var(--ax-comp-editor-font-size))}.ax-editor-container .ax-editor-button{height:var(--ax-comp-editor-button-height, 100%);padding:var(--ax-comp-editor-decorator-button-y, 0) var(--ax-comp-editor-decorator-button-x, 0.75rem);font-size:var(--ax-comp-editor-button-font-size, 100%);color:rgba(var(--ax-comp-editor-button-text-color), var(--ax-comp-editor-button-text-color-opacity, 0.6));display:flex;align-items:center;justify-content:center}.ax-action-list.ax-action-list-horizontal{display:flex;flex-direction:row}.ax-action-list.ax-action-list-horizontal ax-divider{margin-inline:.25rem;width:1px;height:auto}.ax-action-list.ax-action-list-vertical{display:flex;flex-direction:column}.ax-action-list.ax-action-list-vertical .ax-action-item>div.ax-action-item-prefix ax-prefix{min-width:1rem}.ax-action-list.ax-action-list-vertical ax-divider{margin-block:.25rem;height:1px;width:100%}.ax-action-list ax-title{display:block;padding-inline:.875rem;padding-block:.25rem;font-size:.75rem;line-height:1rem;font-weight:bolder;text-transform:uppercase;opacity:.5}.ax-action-list ax-divider{display:block;background-color:rgba(var(--ax-sys-border-color))}.ax-action-list .ax-action-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem;height:2.25rem;width:100%;cursor:pointer;padding-inline-end:1rem}.ax-action-list .ax-action-item.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-action-list .ax-action-item:hover:not(.ax-action-list .ax-action-item:hover.ax-state-disabled,.ax-action-list .ax-action-item:hover.ax-state-selected) ax-prefix,.ax-action-list .ax-action-item:hover:not(.ax-action-list .ax-action-item:hover.ax-state-disabled,.ax-action-list .ax-action-item:hover.ax-state-selected) ax-suffix{opacity:1}.ax-action-list .ax-action-item>div{display:flex;align-items:center;justify-content:center}.ax-action-list .ax-action-item>div.ax-action-item-prefix{padding-inline-start:.875rem}.ax-action-list .ax-action-item>div.ax-action-item-prefix>ax-text{padding-inline-start:.5rem;white-space:nowrap}.ax-action-list .ax-action-item>div.ax-action-item-suffix:not(.ax-action-list .ax-action-item>div.ax-action-item-suffix:empty){padding-inline-end:.875rem;margin-inline-start:1rem}.ax-action-list .ax-action-item ax-prefix{display:flex;gap:.5rem}.ax-action-list .ax-action-item ax-suffix ax-text{color:rgba(var(--ax-sys-body-text-color));opacity:.5;font-weight:lighter;padding-inline:.5rem}.ax-action-sheet-panel{--ax-comp-action-sheet-border-radius-size: var(--ax-sys-border-radius);overflow:hidden;border-top-left-radius:var(--ax-comp-action-sheet-border-radius-size);border-top-right-radius:var(--ax-comp-action-sheet-border-radius-size);background-color:rgba(var(--ax-sys-surface-lowest-bg-color));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);animation:1s both ax-fadeInUp;animation-duration:var(--ax-sys-transition-duration)}@keyframes ax-fadeInUp{from{transform:translate3d(0, 100%, 0);opacity:0}}.ax-checkbox{margin:0px;height:1rem;min-width:1rem;cursor:pointer;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-surface-input-border-color));background-color:rgba(var(--ax-sys-surface-input-bg-color));vertical-align:middle;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-checkbox:checked,.ax-checkbox:indeterminate{border-color:rgba(var(--ax-sys-color-primary-500)) !important;background-color:rgba(var(--ax-sys-color-primary-500)) !important;background-size:contain;background-repeat: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{box-shadow:0px 0px 0px 2px rgba(var(--ax-sys-surface-bg-color)),0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500))}.ax-checkbox:disabled{cursor:not-allowed;opacity:.5}.ax-drop-down{display:contents}.ax-drop-down .ax-dropdown-content{display:flex;flex:1 1 0%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:.875rem;line-height:1.25rem;text-transform:capitalize}.ax-drop-down .ax-dropdown-content.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-overlay-pane{margin:.25rem 0;min-width:10rem;height:fit-content;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-sys-border-color));background-color:rgba(var(--ax-sys-surface-lowest-bg-color));--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);border-radius:var(--ax-sys-border-radius)}@media(min-width: 320px)and (max-width: 640px){.ax-overlay-pane{margin:0}}.ax-overlay-pane ax-header,.ax-overlay-pane ax-footer{background-color:rgba(var(--ax-sys-surface-bg-color));padding:.75rem}.ax-overlay-pane.ax-overlay-center{height:fit-content;width:80vw;max-width:90vh}.ax-overlay-pane.ax-overlay-actionsheet{height:auto;max-height:85vh;width:100%;background-color:rgba(var(--ax-sys-surface-bg-color));border-top-left-radius:var(--ax-sys-border-radius);border-top-right-radius:var(--ax-sys-border-radius)}.ax-overlay-pane.ax-overlay-actionsheet.ax-full{height:95vh;max-height:95vh}.ax-overlay-pane.ax-overlay-full{width:100vw;height:100vh}.ax-general-button{display:inline-flex;height:var(--ax-sys-size-base);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-surface-input-text-color), 0.75)}.ax-general-button:hover:not(.ax-general-button:hover:disabled,.ax-state-disabled){color:rgba(var(--ax-sys-color-primary-500), var(--tw-text-opacity))}.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){color:rgba(var(--ax-sys-color-primary-700), var(--tw-text-opacity))}.ax-general-button:active:not(.ax-general-button:active:disabled,.ax-state-disabled){color:rgba(var(--ax-sys-color-primary-300), var(--tw-text-opacity))}.ax-general-button.ax-button-icon{padding-left:.5rem;padding-right:.5rem;font-size:100%}.ax-general-button.ax-button-icon>button{display:flex}.ax-general-button.ax-button-rounded{border-radius:var(--ax-sys-border-radius)}.ax-general-button:disabled,.ax-general-button.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-clear-button{display:inline-flex;height:var(--ax-sys-size-base);align-items:center;justify-content:center;margin-left:.25rem;margin-right:.25rem;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-body-text-color), 0.75)}.ax-clear-button>button{display:flex}.ax-clear-button:hover:not(.ax-clear-button:hover:disabled,.ax-state-disabled){color:rgb(var(--ax-sys-body-text-color), 0.5)}.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){color:rgb(var(--ax-sys-body-text-color))}.ax-dark .ax-list-item.ax-state-selected{background-color:rgba(var(--ax-sys-color-primary-800)) !important;color:rgba(var(--ax-sys-color-on-primary)) !important}.ax-list{display:flex;height:100%;flex-direction:column;overflow:hidden;background-color:rgba(var(--ax-sys-surface-bg-color));font-size:.875rem;line-height:1.25rem}@media(min-width: 768px){.ax-list{max-height:20rem}}.ax-list ax-header,.ax-list ax-footer{display:flex;align-items:center;justify-content:space-between;border-color:rgba(var(--ax-sys-border-color), var(--tw-border-opacity));background-color:rgba(var(--ax-color-surface), var(--tw-bg-opacity))}.ax-list ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-sys-border-color), var(--tw-border-opacity));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media(min-width: 768px){.ax-list ax-header{font-size:1.125rem;line-height:1.75rem}}.ax-list ax-header ax-prefix,.ax-list ax-header ax-suffix{display:flex;flex-direction:column;justify-items:start}.ax-list ax-header ax-prefix{align-items:flex-start}.ax-list ax-header ax-suffix{align-items:flex-end}.ax-list ax-footer{border-top-width:1px}.ax-list .ax-content{flex:1 1 0%;overflow-y:auto;overflow-x:hidden}.ax-list .ax-content.ax-list-items-container{height:100%;overflow-y:auto;padding-top:.5rem;padding-bottom:.5rem}.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-width:1px;border-bottom-width:1px}.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{display:flex;align-items:center;padding:.75rem;font-weight:500}.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{margin-bottom:.25rem;border-radius:var(--ax-sys-border-radius)}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item{position:relative;display:flex;height:var(--ax-sys-size-base);user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:1rem;line-height:1.5rem}.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-width:2px;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-sys-color-primary-500), var(--tw-bg-opacity)) !important;color:rgba(var(--ax-sys-color-on-primary), var(--tw-text-opacity)) !important}.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-sys-surface-high-bg-color))}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-focus{background-color:rgba(var(--ax-sys-surface-high-bg-color))}.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{margin:0px;height:1rem;min-height:1rem;min-width:1rem;width:1rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-color:rgba(var(--ax-sys-surface-input-border-color));background-color:rgba(var(--ax-sys-surface-input-bg-color));vertical-align:middle;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-radio:checked{border-color:rgba(var(--ax-sys-color-primary-500)) !important;background-color:rgba(var(--ax-sys-color-primary-500)) !important;background-size:contain;background-repeat:no-repeat}.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")}.ax-radio:focus-visible,.ax-radio:focus{box-shadow:0px 0px 0px 2px rgba(var(--ax-sys-surface-bg-color)),0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500))}.ax-radio:disabled{cursor:not-allowed;opacity:.5}.ax-dark .ax-table thead{background-color:rgba(var(--ax-sys-surface-high-bg-color))}.ax-table{width:100%;border-collapse:collapse;border-spacing:0;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-border-color));font-size:.875rem;line-height:1.25rem}.ax-table td{border-bottom-width:1px;border-color:rgba(var(--ax-sys-border-color));padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem}.ax-table thead{border-bottom-width:1px;border-color:rgba(var(--ax-sys-border-color));background-color:rgba(var(--ax-sys-surface-high-bg-color))}.ax-table thead th{padding-left:1rem;padding-right:1rem;padding-top:.875rem;padding-bottom:.875rem;text-align:start;font-weight:500;text-transform:uppercase}.ax-table.ax-table-alternate tbody tr:nth-child(even){background-color:rgba(var(--ax-sys-surface-high-bg-color))}.ax-table.ax-table-bordered thead th{border-top-width:0px !important}.ax-table.ax-table-bordered tbody tr:last-child td{border-bottom-width:0px !important}.ax-table.ax-table-bordered tbody tr td:last-child{border-bottom-width:0px !important}.ax-table.ax-table-bordered td,.ax-table.ax-table-bordered th{border-width:1px;border-color:rgba(var(--ax-sys-border-color))}.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: 640px){.ax-table.ax-table-responsive{display:block;overflow-wrap:break-word;border-width:0px}.ax-table.ax-table-responsive thead{position:absolute;inset-inline-start:-100%;top:-100%}.ax-table.ax-table-responsive td{float:inline-start;clear:both;box-sizing:border-box;display:block;width:100%;padding-left:.625rem;padding-right:.625rem;padding-top:.375rem;padding-bottom:.375rem}.ax-table.ax-table-responsive td:last-child{border-width:0px}.ax-table.ax-table-responsive td:before{content:attr(data-label);display:block;font-weight:700}.ax-table.ax-table-responsive tr{border-width:1px;border-color:rgba(var(--ax-sys-border-color))}.ax-table.ax-table-responsive tr,.ax-table.ax-table-responsive tbody{float:inline-start;margin-bottom:.625rem;width:100%}}[class*=" ax-icon-"],[class^=ax-icon-]{vertical-align:middle}.ax-bold{font-weight:bold !important}.ax-fieldset{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-surface-input-border-color));padding:.75rem}.ax-fieldset legend{padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}.ax-card{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-surface-input-border-color));background-color:rgba(var(--ax-sys-surface-bg-color))}.ax-drop-zone>input{position:absolute;height:100%;width:100%;cursor:pointer;opacity:0}.ax-uploader-overlay-state{border-radius:inherit;pointer-events:none;position:absolute;inset-inline-start:0px;top:0px;z-index:10;display:flex;height:100%;width:100%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(var(--ax-sys-color-primary-200), 0.75);font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-primary-tint));outline-style:dashed;outline-offset:-4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.ax-select-none,.ax-select-none *{user-select:none !important}.ax-dark .ax-uploader-overlay-state{background-color:rgba(var(--ax-sys-color-primary-800), 0.75);color:rgba(var(--ax-sys-color-on-primary));outline-color:rgba(var(--ax-sys-color-on-primary))}.ax-ripple{transform:scale(0);animation:ripple 500ms linear;position:absolute;border-radius:9999rem !important}@keyframes ripple{to{transform:scale(4);opacity:0}}.ax-placeholder{color:rgba(var(--ax-sys-surface-input-placeholder-color));font-size:calc(var(--ax-comp-editor-font-size)*.875)}
+@import'@angular/cdk/overlay-prebuilt.css';*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT", currentColor)}::before,::after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme("fontFamily.sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:theme("fontFamily.sans[1].fontFeatureSettings", normal);font-variation-settings:theme("fontFamily.sans[1].fontVariationSettings", normal);-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){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:theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:theme("fontFamily.mono[1].fontFeatureSettings", normal);font-variation-settings:theme("fontFamily.mono[1].fontVariationSettings", normal);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::placeholder,textarea::placeholder{opacity:1;color:theme("colors.gray.400", #9ca3af)}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}html,body{background-color:rgba(var(--ax-sys-body-bg-color));color:rgba(var(--ax-sys-body-text-color))}.ax-action-list.ax-action-list-horizontal{display:flex;flex-direction:row}.ax-action-list.ax-action-list-horizontal ax-divider{margin-inline:.25rem;width:1px;height:auto}.ax-action-list.ax-action-list-vertical{display:flex;flex-direction:column}.ax-action-list.ax-action-list-vertical .ax-action-item>div.ax-action-item-prefix ax-prefix{min-width:1rem}.ax-action-list.ax-action-list-vertical ax-divider{margin-block:.25rem;height:1px;width:100%}.ax-action-list ax-title{display:block;padding-inline:.875rem;padding-block:.25rem;font-size:.75rem;line-height:1rem;font-weight:bolder;text-transform:uppercase;opacity:.5}.ax-action-list ax-divider{display:block;background-color:rgba(var(--ax-sys-border-color))}.ax-action-list .ax-action-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem;height:2.25rem;width:100%;cursor:pointer;padding-inline-end:1rem}.ax-action-list .ax-action-item.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-action-list .ax-action-item:hover:not(.ax-action-list .ax-action-item:hover.ax-state-disabled,.ax-action-list .ax-action-item:hover.ax-state-selected) ax-prefix,.ax-action-list .ax-action-item:hover:not(.ax-action-list .ax-action-item:hover.ax-state-disabled,.ax-action-list .ax-action-item:hover.ax-state-selected) ax-suffix{opacity:1}.ax-action-list .ax-action-item>div{display:flex;align-items:center;justify-content:center}.ax-action-list .ax-action-item>div.ax-action-item-prefix{padding-inline-start:.875rem}.ax-action-list .ax-action-item>div.ax-action-item-prefix>ax-text{padding-inline-start:.5rem;white-space:nowrap}.ax-action-list .ax-action-item>div.ax-action-item-suffix:not(.ax-action-list .ax-action-item>div.ax-action-item-suffix:empty){padding-inline-end:.875rem;margin-inline-start:1rem}.ax-action-list .ax-action-item ax-prefix{display:flex;gap:.5rem}.ax-action-list .ax-action-item ax-suffix ax-text{color:rgba(var(--ax-sys-body-text-color));opacity:.5;font-weight:lighter;padding-inline:.5rem}.ax-action-sheet-panel{--ax-comp-action-sheet-border-radius-size: var(--ax-sys-border-radius);overflow:hidden;border-top-left-radius:var(--ax-comp-action-sheet-border-radius-size);border-top-right-radius:var(--ax-comp-action-sheet-border-radius-size);background-color:rgba(var(--ax-sys-color-surface-lowest));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);animation:1s both ax-fadeInUp;animation-duration:var(--ax-sys-transition-duration)}@keyframes ax-fadeInUp{from{transform:translate3d(0, 100%, 0);opacity:0}}.ax-checkbox{margin:0px;height:1rem;min-width:1rem;cursor:pointer;appearance:none;border-radius:.25rem;border-width:1px;border-color:rgba(var(--ax-sys-color-input-surface-border));background-color:rgba(var(--ax-sys-color-input-surface));vertical-align:middle;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-checkbox:checked,.ax-checkbox:indeterminate{border-color:rgba(var(--ax-sys-color-primary-500)) !important;background-color:rgba(var(--ax-sys-color-primary-500)) !important;background-size:contain;background-repeat: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{box-shadow:0px 0px 0px 2px rgba(var(--ax-sys-color-surface)),0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500))}.ax-checkbox:disabled{cursor:not-allowed;opacity:.5}.ax-drop-down{display:contents}.ax-drop-down .ax-dropdown-content{display:flex;flex:1 1 0%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:.875rem;line-height:1.25rem;text-transform:capitalize}.ax-drop-down .ax-dropdown-content.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-overlay-pane{margin:.25rem 0;min-width:10rem;height:fit-content;overflow:hidden;border-width:1px;border-color:rgba(var(--ax-sys-border-color));background-color:rgba(var(--ax-sys-color-surface-lowest));--ax-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);border-radius:var(--ax-sys-border-radius)}@media(min-width: 320px)and (max-width: 640px){.ax-overlay-pane{margin:0}}.ax-overlay-pane ax-header,.ax-overlay-pane ax-footer{background-color:rgba(var(--ax-sys-color-surface));padding:.75rem}.ax-overlay-pane.ax-overlay-center{height:fit-content;width:80vw;max-width:90vh}.ax-overlay-pane.ax-overlay-actionsheet{height:auto;max-height:85vh;width:100%;background-color:rgba(var(--ax-sys-color-surface));border-top-left-radius:var(--ax-sys-border-radius);border-top-right-radius:var(--ax-sys-border-radius)}.ax-overlay-pane.ax-overlay-actionsheet.ax-full{height:95vh;max-height:95vh}.ax-overlay-pane.ax-overlay-full{width:100vw;height:100vh}.ax-general-button{display:inline-flex;height:var(--ax-sys-size-base);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-sys-color-input-surface-text), 0.75)}.ax-general-button:hover:not(.ax-general-button:hover:disabled,.ax-state-disabled){color:rgba(var(--ax-sys-color-primary-500), var(--tw-text-opacity))}.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){color:rgba(var(--ax-sys-color-primary-700), var(--tw-text-opacity))}.ax-general-button:active:not(.ax-general-button:active:disabled,.ax-state-disabled){color:rgba(var(--ax-sys-color-primary-300), var(--tw-text-opacity))}.ax-general-button.ax-button-icon{padding-left:.5rem;padding-right:.5rem;font-size:100%}.ax-general-button.ax-button-icon>button{display:flex}.ax-general-button.ax-button-rounded{border-radius:var(--ax-sys-border-radius)}.ax-general-button:disabled,.ax-general-button.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-clear-button{display:inline-flex;height:var(--ax-sys-size-base);align-items:center;justify-content:center;margin-left:.25rem;margin-right:.25rem;font-size:1rem;line-height:1.5rem;color:rgb(var(--ax-sys-body-text-color), 0.75)}.ax-clear-button>button{display:flex}.ax-clear-button:hover:not(.ax-clear-button:hover:disabled,.ax-state-disabled){color:rgb(var(--ax-sys-body-text-color), 0.5)}.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){color:rgb(var(--ax-sys-body-text-color))}.ax-dark .ax-list-item.ax-state-selected{background-color:rgba(var(--ax-sys-color-primary-800)) !important;color:rgba(var(--ax-sys-color-on-primary)) !important}.ax-list{display:flex;height:100%;flex-direction:column;overflow:hidden;background-color:rgba(var(--ax-sys-color-surface));font-size:.875rem;line-height:1.25rem}@media(min-width: 768px){.ax-list{max-height:20rem}}.ax-list ax-header,.ax-list ax-footer{display:flex;align-items:center;justify-content:space-between;border-color:rgba(var(--ax-sys-border-color), var(--tw-border-opacity));background-color:rgba(var(--ax-color-surface), var(--tw-bg-opacity))}.ax-list ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-sys-border-color), var(--tw-border-opacity));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media(min-width: 768px){.ax-list ax-header{font-size:1.125rem;line-height:1.75rem}}.ax-list ax-header ax-prefix,.ax-list ax-header ax-suffix{display:flex;flex-direction:column;justify-items:start}.ax-list ax-header ax-prefix{align-items:flex-start}.ax-list ax-header ax-suffix{align-items:flex-end}.ax-list ax-footer{border-top-width:1px}.ax-list .ax-content{flex:1 1 0%;overflow-y:auto;overflow-x:hidden}.ax-list .ax-content.ax-list-items-container{height:100%;overflow-y:auto;padding-top:.5rem;padding-bottom:.5rem}.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-width:1px;border-bottom-width:1px}.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{display:flex;align-items:center;padding:.75rem;font-weight:500}.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{margin-bottom:.25rem;border-radius:var(--ax-sys-border-radius)}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item{position:relative;display:flex;height:var(--ax-sys-size-base);user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:1rem;line-height:1.5rem}.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-width:2px;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-sys-color-primary-500), var(--tw-bg-opacity)) !important;color:rgba(var(--ax-sys-color-on-primary), var(--tw-text-opacity)) !important}.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-sys-color-surface-high))}.ax-list .ax-content.ax-list-items-container.ax-default .ax-list-item.ax-state-focus{background-color:rgba(var(--ax-sys-color-surface-high))}.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{margin:0px;height:1rem;min-height:1rem;min-width:1rem;width:1rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-color:rgba(var(--ax-sys-color-input-surface-border));background-color:rgba(var(--ax-sys-color-input-surface));vertical-align:middle;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.ax-radio:checked{border-color:rgba(var(--ax-sys-color-primary-500)) !important;background-color:rgba(var(--ax-sys-color-primary-500)) !important;background-size:contain;background-repeat:no-repeat}.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")}.ax-radio:focus-visible,.ax-radio:focus{box-shadow:0px 0px 0px 2px rgba(var(--ax-sys-color-surface)),0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500))}.ax-radio:disabled{cursor:not-allowed;opacity:.5}.ax-dark .ax-table thead{background-color:rgba(var(--ax-sys-color-surface-high))}.ax-table{width:100%;border-collapse:collapse;border-spacing:0;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-border-color));font-size:.875rem;line-height:1.25rem}.ax-table td{border-bottom-width:1px;border-color:rgba(var(--ax-sys-border-color));padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem}.ax-table thead{border-bottom-width:1px;border-color:rgba(var(--ax-sys-border-color));background-color:rgba(var(--ax-sys-color-surface-high))}.ax-table thead th{padding-left:1rem;padding-right:1rem;padding-top:.875rem;padding-bottom:.875rem;text-align:start;font-weight:500;text-transform:uppercase}.ax-table.ax-table-alternate tbody tr:nth-child(even){background-color:rgba(var(--ax-sys-color-surface-high))}.ax-table.ax-table-bordered thead th{border-top-width:0px !important}.ax-table.ax-table-bordered tbody tr:last-child td{border-bottom-width:0px !important}.ax-table.ax-table-bordered tbody tr td:last-child{border-bottom-width:0px !important}.ax-table.ax-table-bordered td,.ax-table.ax-table-bordered th{border-width:1px;border-color:rgba(var(--ax-sys-border-color))}.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: 640px){.ax-table.ax-table-responsive{display:block;overflow-wrap:break-word;border-width:0px}.ax-table.ax-table-responsive thead{position:absolute;inset-inline-start:-100%;top:-100%}.ax-table.ax-table-responsive td{float:inline-start;clear:both;box-sizing:border-box;display:block;width:100%;padding-left:.625rem;padding-right:.625rem;padding-top:.375rem;padding-bottom:.375rem}.ax-table.ax-table-responsive td:last-child{border-width:0px}.ax-table.ax-table-responsive td:before{content:attr(data-label);display:block;font-weight:700}.ax-table.ax-table-responsive tr{border-width:1px;border-color:rgba(var(--ax-sys-border-color))}.ax-table.ax-table-responsive tr,.ax-table.ax-table-responsive tbody{float:inline-start;margin-bottom:.625rem;width:100%}}[class*=" ax-icon-"],[class^=ax-icon-]{vertical-align:middle}.ax-bold{font-weight:bold !important}.ax-fieldset{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-input-surface-border));padding:.75rem}.ax-fieldset legend{padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem}.ax-card{border-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-input-surface-border));background-color:rgba(var(--ax-sys-color-surface))}.ax-drop-zone>input{position:absolute;height:100%;width:100%;cursor:pointer;opacity:0}.ax-uploader-overlay-state{border-radius:inherit;pointer-events:none;position:absolute;inset-inline-start:0px;top:0px;z-index:10;display:flex;height:100%;width:100%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(var(--ax-sys-color-primary-200), 0.75);font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-primary-tint));outline-style:dashed;outline-offset:-4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.ax-select-none,.ax-select-none *{user-select:none !important}.ax-dark .ax-uploader-overlay-state{background-color:rgba(var(--ax-sys-color-primary-800), 0.75);color:rgba(var(--ax-sys-color-on-primary));outline-color:rgba(var(--ax-sys-color-on-primary))}.ax-ripple{transform:scale(0);animation:ripple 500ms linear;position:absolute;border-radius:9999rem !important}@keyframes ripple{to{transform:scale(4);opacity:0}}.ax-placeholder{color:rgba(var(--ax-sys-color-input-surface-placeholder));font-size:calc(var(--ax-comp-editor-font-size)*.875)}

package/index.scss

@@ -2,7 +2,6 @@
 @forward './src/variables/colors';
 
 @forward './src/base/index.scss';
-@forward './src/components/index.scss';
 @forward './src/mixins/index.scss';
 @forward './src/shared/index.scss';
 @forward './src/utility/index.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/styles",
-  "version": "19.8.0-next.9",
+  "version": "19.10.0-next.0",
   "main": "index.js",
   "author": "Ali Safari",
   "license": "ISC",

package/src/mixins/_look.scss

@@ -1,8 +1,8 @@
 @mixin solid-look() {
   border-radius: var(--ax-sys-border-radius);
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
-  background-color: rgba(var(--ax-sys-surface-input-bg-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
+  background-color: rgba(var(--ax-sys-color-input-surface));
 
   &:focus-within {
     box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
@@ -25,7 +25,7 @@
 @mixin flat-look() {
   border-radius: 0px;
   border-bottom-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
 
   &:focus-within {
     border-color: rgba(var(--ax-sys-color-primary-500));
@@ -47,7 +47,7 @@
 
 @mixin fill-look() {
   border-radius: var(--ax-sys-border-radius);
-  background-color: rgba(var(--ax-sys-surface-high-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-high));
 
   &:focus-within {
     box-shadow: 0px 0px 0 2px rgba(var(--ax-sys-color-primary-500));

package/src/shared/_action-item.scss

@@ -63,7 +63,7 @@
 
     &:hover {
       &:not(&.ax-state-disabled, &.ax-state-selected) {
-        // background-color: rgba(var(--ax-sys-surface-high-bg-color));
+        // background-color: rgba(var(--ax-sys-color-surface-high));
         ax-prefix,
         ax-suffix {
           opacity: 1;

package/src/shared/_actionsheet.scss

@@ -4,7 +4,7 @@
   overflow: hidden;
   border-top-left-radius: var(--ax-comp-action-sheet-border-radius-size);
   border-top-right-radius: var(--ax-comp-action-sheet-border-radius-size);
-  background-color: rgba(var(--ax-sys-surface-lowest-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-lowest));
   --ax-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);
   box-shadow: var(--ax-ring-offset-shadow, 0 0 #0000), var(--ax-ring-shadow, 0 0 #0000), var(--ax-shadow);

package/src/shared/_check-box.scss

@@ -8,8 +8,8 @@
   appearance: none;
   border-radius: 0.25rem /* 4px */;
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
-  background-color: rgba(var(--ax-sys-surface-input-bg-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
+  background-color: rgba(var(--ax-sys-color-input-surface));
   vertical-align: middle;
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -33,7 +33,7 @@
   &:focus-visible,
   &:focus {
     box-shadow:
-      0px 0px 0px 2px rgba(var(--ax-sys-surface-bg-color)),
+      0px 0px 0px 2px rgba(var(--ax-sys-color-surface)),
       0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
   }
 

package/src/shared/_drop-down.scss

@@ -27,7 +27,7 @@
   overflow: hidden;
   border-width: 1px;
   border-color: rgba(var(--ax-sys-border-color));
-  background-color: rgba(var(--ax-sys-surface-lowest-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface-lowest));
   --ax-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --ax-shadow-colored: 0 4px 6px -1px var(--ax-shadow-color), 0 2px 4px -2px var(--ax-shadow-color);
   box-shadow: var(--ax-ring-offset-shadow, 0 0 #0000), var(--ax-ring-shadow, 0 0 #0000), var(--ax-shadow);
@@ -38,7 +38,7 @@
   }
   ax-header,
   ax-footer {
-    background-color: rgba(var(--ax-sys-surface-bg-color));
+    background-color: rgba(var(--ax-sys-color-surface));
     padding: 0.75rem /* 12px */;
   }
 
@@ -52,7 +52,7 @@
     height: auto;
     max-height: 85vh;
     width: 100%;
-    background-color: rgba(var(--ax-sys-surface-bg-color));
+    background-color: rgba(var(--ax-sys-color-surface));
     border-top-left-radius: var(--ax-sys-border-radius);
     border-top-right-radius: var(--ax-sys-border-radius);
     &.ax-full {

package/src/shared/_editor-container.scss

@@ -70,7 +70,7 @@
   align-items: center;
   overflow: hidden;
   font-size: 0.875rem;
-  color: rgba(var(--ax-sys-surface-input-text-color));
+  color: rgba(var(--ax-sys-color-input-surface-text));
 
   .ax-editor-container {
     border-radius: 0 !important;
@@ -124,7 +124,7 @@
     &::placeholder {
       font-size: inherit;
       font-weight: 400;
-      color: rgb(var(--ax-sys-surface-input-text-color), 0.5);
+      color: rgb(var(--ax-sys-color-input-surface-text), 0.5);
     }
     &:focus,
     &:focus-visible,
@@ -141,7 +141,7 @@
     padding-inline-start: 0.5rem;
     font-size: 1.125rem;
     line-height: 1.75rem;
-    color: rgba(var(--ax-sys-surface-input-text-color));
+    color: rgba(var(--ax-sys-color-input-surface-text));
   }
 
   &.ax-button-icon {

package/src/shared/_general-button.scss

@@ -9,7 +9,7 @@
   padding-right: 1rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  color: rgb(var(--ax-sys-surface-input-text-color), 0.75);
+  color: rgb(var(--ax-sys-color-input-surface-text), 0.75);
 
   &:hover {
     &:not(&:disabled, .ax-state-disabled) {

package/src/shared/_list.scss

@@ -17,7 +17,7 @@
   height: 100%;
   flex-direction: column;
   overflow: hidden;
-  background-color: rgba(var(--ax-sys-surface-bg-color));
+  background-color: rgba(var(--ax-sys-color-surface));
   font-size: 0.875rem /* 14px */;
   line-height: 1.25rem /* 20px */;
   @include mixins.media('md') {
@@ -147,10 +147,10 @@
 
           &:focus-visible,
           &:hover {
-            background-color: rgba(var(--ax-sys-surface-high-bg-color));
+            background-color: rgba(var(--ax-sys-color-surface-high));
           }
           &.ax-state-focus {
-            background-color: rgba(var(--ax-sys-surface-high-bg-color));
+            background-color: rgba(var(--ax-sys-color-surface-high));
           }
         }
       }

package/src/shared/_radio.scss

@@ -10,8 +10,8 @@
   appearance: none;
   border-radius: 9999px /* 4px */;
   border-width: 1px;
-  border-color: rgba(var(--ax-sys-surface-input-border-color));
-  background-color: rgba(var(--ax-sys-surface-input-bg-color));
+  border-color: rgba(var(--ax-sys-color-input-surface-border));
+  background-color: rgba(var(--ax-sys-color-input-surface));
   vertical-align: middle;
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -30,7 +30,7 @@
   &:focus-visible,
   &:focus {
     box-shadow:
-      0px 0px 0px 2px rgba(var(--ax-sys-surface-bg-color)),
+      0px 0px 0px 2px rgba(var(--ax-sys-color-surface)),
       0px 0px 0px 4px rgba(var(--ax-sys-color-primary-500));
   }
 

package/src/shared/_table.scss

@@ -2,7 +2,7 @@
 @include mixins.darkMode() {
   .ax-table {
     thead {
-      background-color: rgba(var(--ax-sys-surface-high-bg-color));
+      background-color: rgba(var(--ax-sys-color-surface-high));
     }
   }
 }
@@ -27,7 +27,7 @@
   thead {
     border-bottom-width: 1px;
     border-color: rgba(var(--ax-sys-border-color));
-    background-color: rgba(var(--ax-sys-surface-high-bg-color));
+    background-color: rgba(var(--ax-sys-color-surface-high));
 
     th {
       padding-left: 1rem /* 16px */;
@@ -43,7 +43,7 @@
     tbody {
       tr {
         &:nth-child(even) {
-          background-color: rgba(var(--ax-sys-surface-high-bg-color));
+          background-color: rgba(var(--ax-sys-color-surface-high));
         }
       }
     }