@acorex/styles 19.8.0-next.17 → 19.8.0-next.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +0 -158
- package/index.min.css +1 -1
- package/index.scss +0 -1
- package/package.json +1 -1
- package/tailwind-base.js +42 -4
- package/themes/default.css +1 -1
- package/themes/default.scss +103 -103
- package/src/components/editors/_base.scss +0 -50
- package/src/components/editors/index.scss +0 -60
- package/src/components/editors/looks/_fill.scss +0 -17
- package/src/components/editors/looks/_flat.scss +0 -18
- package/src/components/editors/looks/_outline.scss +0 -18
- package/src/components/editors/looks/_solid.scss +0 -20
- package/src/components/editors/looks/index.scss +0 -4
- package/src/components/index.scss +0 -1
package/index.css
CHANGED
|
@@ -365,164 +365,6 @@ body {
|
|
|
365
365
|
color: rgba(var(--ax-sys-body-text-color));
|
|
366
366
|
}
|
|
367
367
|
|
|
368
|
-
.ax-editor-container {
|
|
369
|
-
--ax-comp-editor-border-width: 1px;
|
|
370
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
371
|
-
--ax-comp-editor-height: calc(var(--ax-sys-size-base) * var(--ax-comp-editor-size-ratio));
|
|
372
|
-
--ax-comp-editor-font-family: inherit;
|
|
373
|
-
--ax-comp-editor-font-weight: normal;
|
|
374
|
-
--ax-comp-editor-focus-color: var(--ax-sys-color-primary-500);
|
|
375
|
-
--ax-comp-editor-padding-y: 0;
|
|
376
|
-
--ax-comp-editor-button-text-color: var(--ax-sys-color-input-surface-text);
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
.ax-xs .ax-editor-container,
|
|
380
|
-
.ax-editor-container.ax-xs {
|
|
381
|
-
--ax-comp-editor-size-ratio: 0.75;
|
|
382
|
-
--ax-comp-editor-font-size: 0.675rem;
|
|
383
|
-
--ax-comp-editor-padding-x: 0.188rem;
|
|
384
|
-
--ax-comp-editor-decorator-padding-x: 0.125rem;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
.ax-sm .ax-editor-container,
|
|
388
|
-
.ax-editor-container.ax-sm {
|
|
389
|
-
--ax-comp-editor-size-ratio: 0.875;
|
|
390
|
-
--ax-comp-editor-font-size: 0.75rem;
|
|
391
|
-
--ax-comp-editor-padding-x: 0.375rem;
|
|
392
|
-
--ax-comp-editor-decorator-padding-x: 0.25rem;
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
.ax-md .ax-editor-container,
|
|
396
|
-
.ax-editor-container {
|
|
397
|
-
--ax-comp-editor-size-ratio: 1;
|
|
398
|
-
--ax-comp-editor-font-size: 0.875rem;
|
|
399
|
-
--ax-comp-editor-padding-x: 0.75rem;
|
|
400
|
-
--ax-comp-editor-decorator-padding-x: 0.5rem;
|
|
401
|
-
}
|
|
402
|
-
|
|
403
|
-
.ax-lg .ax-editor-container,
|
|
404
|
-
.ax-editor-container.ax-lg {
|
|
405
|
-
--ax-comp-editor-size-ratio: 1.125;
|
|
406
|
-
--ax-comp-editor-font-size: 1rem;
|
|
407
|
-
--ax-comp-editor-padding-x: 0.875rem;
|
|
408
|
-
--ax-comp-editor-decorator-padding-x: 0.75rem;
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
.ax-xl .ax-editor-container,
|
|
412
|
-
.ax-editor-container.ax-xl {
|
|
413
|
-
--ax-comp-editor-size-ratio: 1.5;
|
|
414
|
-
--ax-comp-editor-font-size: 1.5rem;
|
|
415
|
-
--ax-comp-editor-padding-x: 1rem;
|
|
416
|
-
--ax-comp-editor-decorator-padding-x: 0.875rem;
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
.ax-editor-container.ax-solid {
|
|
420
|
-
--ax-comp-editor-bg-color: var(--ax-sys-color-input-surface);
|
|
421
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
422
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
423
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);
|
|
424
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
425
|
-
--ax-comp-editor-button-bg-hover-color: var(--ax-sys-color-surface-high);
|
|
426
|
-
--ax-comp-editor-border-width: 1px;
|
|
427
|
-
--ax-comp-editor-box-shadow: inset 0px -1px rgba(var(--ax-comp-editor-border-color));
|
|
428
|
-
border-width: var(--ax-comp-editor-border-width);
|
|
429
|
-
}
|
|
430
|
-
.ax-editor-container.ax-solid:focus, .ax-editor-container.ax-solid:focus-within, .ax-editor-container.ax-solid:focus-visible {
|
|
431
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
432
|
-
box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
.ax-editor-container.ax-fill {
|
|
436
|
-
--ax-comp-editor-bg-color: var(--ax-sys-color-surface);
|
|
437
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
438
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
439
|
-
--ax-comp-editor-border-color: transparent;
|
|
440
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
441
|
-
--ax-comp-editor-border-width: 0px;
|
|
442
|
-
}
|
|
443
|
-
.ax-editor-container.ax-fill:focus, .ax-editor-container.ax-fill:focus-within, .ax-editor-container.ax-fill:focus-visible {
|
|
444
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
445
|
-
box-shadow: 0px 0px 0 2px rgba(var(--ax-sys-color-primary-500));
|
|
446
|
-
}
|
|
447
|
-
|
|
448
|
-
.ax-editor-container.ax-outline {
|
|
449
|
-
--ax-comp-editor-bg-color: transparent;
|
|
450
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
451
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
452
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);
|
|
453
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
454
|
-
--ax-comp-editor-border-width: 1px;
|
|
455
|
-
border-width: var(--ax-comp-editor-border-width);
|
|
456
|
-
}
|
|
457
|
-
.ax-editor-container.ax-outline:focus, .ax-editor-container.ax-outline:focus-within, .ax-editor-container.ax-outline:focus-visible {
|
|
458
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
459
|
-
box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
|
|
460
|
-
}
|
|
461
|
-
|
|
462
|
-
.ax-editor-container.ax-flat {
|
|
463
|
-
--ax-comp-editor-bg-color: 0, 0, 0, 0;
|
|
464
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
465
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
466
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);
|
|
467
|
-
--ax-comp-editor-border-radius: 0px;
|
|
468
|
-
--ax-comp-editor-border-width: 1px;
|
|
469
|
-
border-bottom-width: var(--ax-comp-editor-border-width);
|
|
470
|
-
}
|
|
471
|
-
.ax-editor-container.ax-flat:focus, .ax-editor-container.ax-flat:focus-within, .ax-editor-container.ax-flat:focus-visible {
|
|
472
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
473
|
-
box-shadow: 0px 1px 0 0px rgba(var(--ax-sys-color-primary-500));
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
.ax-editor-container {
|
|
477
|
-
background-color: rgba(var(--ax-comp-editor-bg-color));
|
|
478
|
-
color: rgba(var(--ax-comp-editor-text-color));
|
|
479
|
-
border-color: rgba(var(--ax-comp-editor-border-color));
|
|
480
|
-
border-radius: var(--ax-comp-editor-border-radius);
|
|
481
|
-
border-style: solid;
|
|
482
|
-
display: inline-flex;
|
|
483
|
-
align-items: center;
|
|
484
|
-
height: var(--ax-comp-editor-height);
|
|
485
|
-
width: 100%;
|
|
486
|
-
overflow: hidden;
|
|
487
|
-
position: relative;
|
|
488
|
-
}
|
|
489
|
-
.ax-editor-container ax-prefix {
|
|
490
|
-
max-width: fit-content;
|
|
491
|
-
font-size: var(--ax-comp-editor-font-size);
|
|
492
|
-
padding-inline-start: var(--ax-comp-editor-decorator-padding-x);
|
|
493
|
-
}
|
|
494
|
-
.ax-editor-container ax-clear-button {
|
|
495
|
-
margin-inline-end: var(--ax-comp-editor-decorator-padding-x);
|
|
496
|
-
}
|
|
497
|
-
.ax-editor-container ax-suffix {
|
|
498
|
-
margin-inline-start: var(--ax-comp-editor-decorator-padding-x);
|
|
499
|
-
}
|
|
500
|
-
.ax-editor-container .ax-input {
|
|
501
|
-
width: 100%;
|
|
502
|
-
height: 100%;
|
|
503
|
-
font-size: var(--ax-comp-editor-font-size);
|
|
504
|
-
padding: 0px;
|
|
505
|
-
outline-width: 0px;
|
|
506
|
-
padding: 0 var(--ax-comp-editor-padding-x);
|
|
507
|
-
background-color: transparent;
|
|
508
|
-
}
|
|
509
|
-
.ax-editor-container .ax-input:focus, .ax-editor-container .ax-input:focus-visible, .ax-editor-container .ax-input:focus-within {
|
|
510
|
-
outline: none;
|
|
511
|
-
}
|
|
512
|
-
.ax-editor-container .ax-input::placeholder {
|
|
513
|
-
color: rgba(var(--ax-comp-editor-placeholder-color));
|
|
514
|
-
font-size: calc(var(--ax-comp-editor-font-size));
|
|
515
|
-
}
|
|
516
|
-
.ax-editor-container .ax-editor-button {
|
|
517
|
-
height: var(--ax-comp-editor-button-height, 100%);
|
|
518
|
-
padding: var(--ax-comp-editor-decorator-button-y, 0) var(--ax-comp-editor-decorator-button-x, 0.75rem);
|
|
519
|
-
font-size: var(--ax-comp-editor-button-font-size, 100%);
|
|
520
|
-
color: rgba(var(--ax-comp-editor-button-text-color), var(--ax-comp-editor-button-text-color-opacity, 0.6));
|
|
521
|
-
display: flex;
|
|
522
|
-
align-items: center;
|
|
523
|
-
justify-content: center;
|
|
524
|
-
}
|
|
525
|
-
|
|
526
368
|
.ax-action-list.ax-action-list-horizontal {
|
|
527
369
|
display: flex;
|
|
528
370
|
flex-direction: row;
|
package/index.min.css
CHANGED
|
@@ -1 +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-color-input-surface-text)}.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-color-input-surface);--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);--ax-comp-editor-border-radius: var(--ax-sys-border-radius);--ax-comp-editor-button-bg-hover-color: var(--ax-sys-color-surface-high);--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-color-surface);--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);--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-color-input-surface-text);--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);--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-color-input-surface-text);--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);--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-inline-start: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-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)}
|
|
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-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
CHANGED
package/package.json
CHANGED
package/tailwind-base.js
CHANGED
|
@@ -38,6 +38,12 @@ const _bgColors = {
|
|
|
38
38
|
'surface-dark': 'rgba(var(--ax-sys-color-surface-dark), <alpha-value>)',
|
|
39
39
|
'surface-input': 'rgba(var(--ax-sys-color-input-surface), <alpha-value>)',
|
|
40
40
|
..._onColors,
|
|
41
|
+
primary: { DEFAULT: 'rgba(var(--ax-sys-color-primary-500), <alpha-value>)' },
|
|
42
|
+
secondary: { DEFAULT: 'rgba(var(--ax-sys-color-secondary-500), <alpha-value>)' },
|
|
43
|
+
success: { DEFAULT: 'rgba(var(--ax-sys-color-success-500), <alpha-value>)' },
|
|
44
|
+
warning: { DEFAULT: 'rgba(var(--ax-sys-color-warning-500), <alpha-value>)' },
|
|
45
|
+
danger: { DEFAULT: 'rgba(var(--ax-sys-color-danger-500), <alpha-value>)' },
|
|
46
|
+
ghost: { DEFAULT: 'rgba(var(--ax-sys-color-ghost-500), <alpha-value>)' },
|
|
41
47
|
};
|
|
42
48
|
|
|
43
49
|
const _textColors = {
|
|
@@ -50,6 +56,12 @@ const _textColors = {
|
|
|
50
56
|
'surface-high': 'rgba(var(--ax-sys-color-on-surface-high), <alpha-value>)',
|
|
51
57
|
'surface-dark': 'rgba(var(--ax-sys-color-on-surface-dark), <alpha-value>)',
|
|
52
58
|
'surface-highest': 'rgba(var(--ax-sys-color-on-surface-highest), <alpha-value>)',
|
|
59
|
+
primary: { DEFAULT: 'rgba(var(--ax-sys-color-on-primary), <alpha-value>)' },
|
|
60
|
+
secondary: { DEFAULT: 'rgba(var(--ax-sys-color-on-secondary), <alpha-value>)' },
|
|
61
|
+
success: { DEFAULT: 'rgba(var(--ax-sys-color-on-success), <alpha-value>)' },
|
|
62
|
+
warning: { DEFAULT: 'rgba(var(--ax-sys-color-on-warning), <alpha-value>)' },
|
|
63
|
+
danger: { DEFAULT: 'rgba(var(--ax-sys-color-on-danger), <alpha-value>)' },
|
|
64
|
+
ghost: { DEFAULT: 'rgba(var(--ax-sys-color-on-ghost), <alpha-value>)' },
|
|
53
65
|
};
|
|
54
66
|
|
|
55
67
|
const _borderColors = {
|
|
@@ -60,13 +72,38 @@ const _borderColors = {
|
|
|
60
72
|
'surface-high': 'rgba(var(--ax-sys-color-border-surface-high), <alpha-value>)',
|
|
61
73
|
'surface-dark': 'rgba(var(--ax-sys-color-border-surface-dark), <alpha-value>)',
|
|
62
74
|
'surface-highest': 'rgba(var(--ax-sys-color-border-surface-highest), <alpha-value>)',
|
|
75
|
+
primary: { DEFAULT: 'rgba(var(--ax-sys-color-primary-500), <alpha-value>)' },
|
|
76
|
+
secondary: { DEFAULT: 'rgba(var(--ax-sys-color-secondary-500), <alpha-value>)' },
|
|
77
|
+
success: { DEFAULT: 'rgba(var(--ax-sys-color-success-500), <alpha-value>)' },
|
|
78
|
+
warning: { DEFAULT: 'rgba(var(--ax-sys-color-warning-500), <alpha-value>)' },
|
|
79
|
+
danger: { DEFAULT: 'rgba(var(--ax-sys-color-danger-500), <alpha-value>)' },
|
|
80
|
+
ghost: { DEFAULT: 'rgba(var(--ax-sys-color-ghost-500), <alpha-value>)' },
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
const _onColor = {
|
|
84
|
+
on: {
|
|
85
|
+
primary: 'rgba(var(--ax-sys-color-on-primary), <alpha-value>)',
|
|
86
|
+
secondary: 'rgba(var(--ax-sys-color-on-secondary), <alpha-value>)',
|
|
87
|
+
success: 'rgba(var(--ax-sys-color-on-success), <alpha-value>)',
|
|
88
|
+
warning: 'rgba(var(--ax-sys-color-on-warning), <alpha-value>)',
|
|
89
|
+
danger: 'rgba(var(--ax-sys-color-on-danger), <alpha-value>)',
|
|
90
|
+
ghost: 'rgba(var(--ax-sys-color-on-ghost), <alpha-value>)',
|
|
91
|
+
},
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
const _onContrastColor = {
|
|
95
|
+
'on-contrast': {
|
|
96
|
+
primary: 'rgba(var(--ax-sys-color-on-contrast-primary), <alpha-value>)',
|
|
97
|
+
secondary: 'rgba(var(--ax-sys-color-on-contrast-secondary), <alpha-value>)',
|
|
98
|
+
success: 'rgba(var(--ax-sys-color-on-contrast-success), <alpha-value>)',
|
|
99
|
+
warning: 'rgba(var(--ax-sys-color-on-contrast-warning), <alpha-value>)',
|
|
100
|
+
danger: 'rgba(var(--ax-sys-color-on-contrast-danger), <alpha-value>)',
|
|
101
|
+
ghost: 'rgba(var(--ax-sys-color-on-contrast-ghost), <alpha-value>)',
|
|
102
|
+
},
|
|
63
103
|
};
|
|
64
104
|
|
|
65
105
|
const createPalete = function (colorName) {
|
|
66
106
|
return {
|
|
67
|
-
DEFAULT: `rgba(var(--ax-sys-color-${colorName}-500), <alpha-value>)`,
|
|
68
|
-
text: `rgba(var(--ax-sys-color-on-${colorName}), <alpha-value>)`,
|
|
69
|
-
'contrast-text': `rgba(var(--ax-sys-color-on-contrast-${colorName}), <alpha-value>)`,
|
|
70
107
|
50: `rgba(var(--ax-sys-color-${colorName}-50), <alpha-value>)`,
|
|
71
108
|
100: `rgba(var(--ax-sys-color-${colorName}-100), <alpha-value>)`,
|
|
72
109
|
200: `rgba(var(--ax-sys-color-${colorName}-200), <alpha-value>)`,
|
|
@@ -94,6 +131,8 @@ module.exports = withAnimations({
|
|
|
94
131
|
danger: createPalete('danger'),
|
|
95
132
|
warning: createPalete('warning'),
|
|
96
133
|
ghost: createPalete('ghost'),
|
|
134
|
+
..._onColor,
|
|
135
|
+
..._onContrastColor,
|
|
97
136
|
},
|
|
98
137
|
textColor: {
|
|
99
138
|
..._textColors,
|
|
@@ -101,7 +140,6 @@ module.exports = withAnimations({
|
|
|
101
140
|
backgroundColor: {
|
|
102
141
|
..._bgColors,
|
|
103
142
|
},
|
|
104
|
-
|
|
105
143
|
borderColor: {
|
|
106
144
|
DEFAULT: 'rgba(var(--ax-sys-border-color), <alpha-value>)',
|
|
107
145
|
default: 'rgba(var(--ax-sys-border-color), <alpha-value>)',
|
package/themes/default.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,.ax-light{--ax-sys-body-font-size: 1rem;--ax-sys-size-base: 2.5rem;--ax-sys-transition-duration: 150ms;--ax-sys-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--ax-sys-border-radius: 0.5rem;--ax-sys-border-color: 233, 234, 235;--ax-sys-body-bg-color: var(--ax-sys-color-surface-lowest);--ax-sys-body-text-color: 22, 22, 22;--ax-sys-color-surface-light: 255, 255, 255;--ax-sys-color-on-surface-light: 0, 0, 0;--ax-sys-color-border-surface-light: 0, 0, 0;--ax-sys-color-surface-lowest: 255, 255, 255;--ax-sys-color-on-surface-lowest: 40, 40, 40;--ax-sys-color-border-surface-lowest: 233, 236, 239;--ax-sys-color-surface-low: 248, 249, 250;--ax-sys-color-on-surface-low: 40, 40, 40;--ax-sys-color-border-surface-low: 233, 236, 239;--ax-sys-color-surface: 239, 241, 243;--ax-sys-color-on-surface: 30, 30, 30;--ax-sys-color-border-surface: 232, 235, 238;--ax-sys-color-surface-high: 234, 237, 239;--ax-sys-color-on-surface-high: 20, 20, 20;--ax-sys-color-border-surface-high: 228, 231, 234;--ax-sys-color-surface-highest: 230, 233, 236;--ax-sys-color-on-surface-highest: 10, 10, 10;--ax-sys-color-border-surface-highest: 225, 229, 233;--ax-sys-color-surface-dark: 0, 0, 0;--ax-sys-color-on-surface-dark: 255, 255, 255;--ax-sys-color-border-surface-dark: 255, 255, 255;--ax-sys-color-input-surface: 255, 255, 255;--ax-sys-color-input-surface-text: 30, 30, 30;--ax-sys-color-input-surface-placeholder: 180, 180, 180;--ax-sys-color-input-surface-border: 220, 220, 220;--ax-sys-color-primary-50:
|
|
1
|
+
:root,.ax-light{--ax-sys-body-font-size: 1rem;--ax-sys-size-base: 2.5rem;--ax-sys-transition-duration: 150ms;--ax-sys-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);--ax-sys-border-radius: 0.5rem;--ax-sys-border-color: 233, 234, 235;--ax-sys-body-bg-color: var(--ax-sys-color-surface-lowest);--ax-sys-body-text-color: 22, 22, 22;--ax-sys-color-surface-light: 255, 255, 255;--ax-sys-color-on-surface-light: 0, 0, 0;--ax-sys-color-border-surface-light: 0, 0, 0;--ax-sys-color-surface-lowest: 255, 255, 255;--ax-sys-color-on-surface-lowest: 40, 40, 40;--ax-sys-color-border-surface-lowest: 233, 236, 239;--ax-sys-color-surface-low: 248, 249, 250;--ax-sys-color-on-surface-low: 40, 40, 40;--ax-sys-color-border-surface-low: 233, 236, 239;--ax-sys-color-surface: 239, 241, 243;--ax-sys-color-on-surface: 30, 30, 30;--ax-sys-color-border-surface: 232, 235, 238;--ax-sys-color-surface-high: 234, 237, 239;--ax-sys-color-on-surface-high: 20, 20, 20;--ax-sys-color-border-surface-high: 228, 231, 234;--ax-sys-color-surface-highest: 230, 233, 236;--ax-sys-color-on-surface-highest: 10, 10, 10;--ax-sys-color-border-surface-highest: 225, 229, 233;--ax-sys-color-surface-dark: 0, 0, 0;--ax-sys-color-on-surface-dark: 255, 255, 255;--ax-sys-color-border-surface-dark: 255, 255, 255;--ax-sys-color-input-surface: 255, 255, 255;--ax-sys-color-input-surface-text: 30, 30, 30;--ax-sys-color-input-surface-placeholder: 180, 180, 180;--ax-sys-color-input-surface-border: 220, 220, 220;--ax-sys-color-primary-50: 227, 244, 255;--ax-sys-color-primary-100: 207, 231, 255;--ax-sys-color-primary-200: 167, 207, 255;--ax-sys-color-primary-300: 126, 181, 255;--ax-sys-color-primary-400: 81, 154, 255;--ax-sys-color-primary-500: 43, 127, 255;--ax-sys-color-primary-600: 0, 97, 222;--ax-sys-color-primary-700: 0, 66, 190;--ax-sys-color-primary-800: 0, 31, 158;--ax-sys-color-primary-900: 0, 0, 117;--ax-sys-color-primary-950: 0, 0, 89;--ax-sys-color-on-primary: 255, 255, 255;--ax-sys-color-on-contrast-primary: 0, 0, 89;--ax-sys-color-secondary-50: 231, 240, 255;--ax-sys-color-secondary-100: 216, 226, 244;--ax-sys-color-secondary-200: 188, 196, 214;--ax-sys-color-secondary-300: 159, 168, 185;--ax-sys-color-secondary-400: 132, 141, 157;--ax-sys-color-secondary-500: 106, 114, 130;--ax-sys-color-secondary-600: 83, 91, 107;--ax-sys-color-secondary-700: 62, 69, 84;--ax-sys-color-secondary-800: 42, 48, 62;--ax-sys-color-secondary-900: 23, 29, 42;--ax-sys-color-secondary-950: 14, 20, 32;--ax-sys-color-on-secondary: 255, 255, 255;--ax-sys-color-on-contrast-secondary: 14, 20, 32;--ax-sys-color-success-50: 199, 255, 228;--ax-sys-color-success-100: 152, 255, 206;--ax-sys-color-success-200: 102, 247, 180;--ax-sys-color-success-300: 78, 227, 162;--ax-sys-color-success-400: 51, 207, 143;--ax-sys-color-success-500: 1, 188, 125;--ax-sys-color-success-600: 0, 153, 93;--ax-sys-color-success-700: 0, 116, 67;--ax-sys-color-success-800: 0, 80, 43;--ax-sys-color-success-900: 0, 47, 21;--ax-sys-color-success-950: 0, 32, 11;--ax-sys-color-on-success: 255, 255, 255;--ax-sys-color-on-contrast-success: 0, 32, 11;--ax-sys-color-warning-50: 255, 242, 216;--ax-sys-color-warning-100: 255, 233, 198;--ax-sys-color-warning-200: 255, 213, 158;--ax-sys-color-warning-300: 255, 192, 113;--ax-sys-color-warning-400: 255, 170, 50;--ax-sys-color-warning-500: 253, 154, 1;--ax-sys-color-warning-600: 208, 116, 0;--ax-sys-color-warning-700: 157, 85, 0;--ax-sys-color-warning-800: 109, 55, 0;--ax-sys-color-warning-900: 65, 28, 0;--ax-sys-color-warning-950: 45, 16, 0;--ax-sys-color-on-warning: 255, 255, 255;--ax-sys-color-on-contrast-warning: 45, 16, 0;--ax-sys-color-danger-50: 255, 233, 233;--ax-sys-color-danger-100: 255, 216, 216;--ax-sys-color-danger-200: 255, 181, 181;--ax-sys-color-danger-300: 255, 142, 152;--ax-sys-color-danger-400: 255, 94, 117;--ax-sys-color-danger-500: 255, 32, 86;--ax-sys-color-danger-600: 215, 0, 60;--ax-sys-color-danger-700: 165, 0, 43;--ax-sys-color-danger-800: 119, 0, 27;--ax-sys-color-danger-900: 75, 0, 11;--ax-sys-color-danger-950: 54, 0, 5;--ax-sys-color-on-danger: 255, 255, 255;--ax-sys-color-on-contrast-danger: 54, 0, 5;--ax-sys-color-ghost-50: 255, 255, 255;--ax-sys-color-ghost-100: 244, 244, 245;--ax-sys-color-ghost-200: 228, 228, 231;--ax-sys-color-ghost-300: 212, 212, 216;--ax-sys-color-ghost-400: 159, 159, 169;--ax-sys-color-ghost-500: 113, 113, 123;--ax-sys-color-ghost-600: 82, 82, 92;--ax-sys-color-ghost-700: 63, 63, 70;--ax-sys-color-ghost-800: 39, 39, 42;--ax-sys-color-ghost-900: 24, 24, 27;--ax-sys-color-ghost-950: 9, 9, 11;--ax-sys-color-on-ghost: 255, 255, 255;--ax-sys-color-on-contrast-ghost: 24, 24, 27}.ax-dark{--ax-sys-body-bg-color: var(--ax-sys-color-surface-lowest);--ax-sys-body-text-color: 255, 255, 255;--ax-sys-border-color: 34, 38, 47;--ax-sys-color-surface-lowest: 15, 15, 15;--ax-sys-color-on-surface-lowest: 220, 220, 220;--ax-sys-color-border-surface-lowest: 20, 20, 20;--ax-sys-color-surface-low: 20, 20, 20;--ax-sys-color-on-surface-low: 230, 230, 230;--ax-sys-color-border-surface-low: 25, 25, 25;--ax-sys-color-surface: 25, 25, 25;--ax-sys-color-on-surface: 240, 240, 240;--ax-sys-color-border-surface: 34, 34, 34;--ax-sys-color-surface-high: 29, 29, 29;--ax-sys-color-on-surface-high: 250, 250, 250;--ax-sys-color-border-surface-high: 43, 43, 43;--ax-sys-color-surface-highest: 34, 34, 34;--ax-sys-color-on-surface-highest: 255, 255, 255;--ax-sys-color-border-surface-highest: 52, 52, 52;--ax-sys-color-input-surface: var(--ax-sys-color-surface-lowest);--ax-sys-color-input-surface-text: var(--ax-sys-color-on-surface-lowest);--ax-sys-color-input-surface-placeholder: 100, 100, 100;--ax-sys-color-input-surface-border: var(--ax-sys-color-border-surface);--ax-sys-color-primary-50: 233, 247, 255;--ax-sys-color-primary-100: 219, 238, 255;--ax-sys-color-primary-200: 190, 221, 255;--ax-sys-color-primary-300: 161, 203, 255;--ax-sys-color-primary-400: 132, 185, 255;--ax-sys-color-primary-500: 101, 166, 255;--ax-sys-color-primary-600: 67, 146, 255;--ax-sys-color-primary-700: 43, 127, 255;--ax-sys-color-primary-800: 25, 112, 239;--ax-sys-color-primary-900: 0, 98, 223;--ax-sys-color-primary-950: 0, 90, 215;--ax-sys-color-on-primary: 0, 0, 91;--ax-sys-color-on-contrast-primary: 0, 12, 146;--ax-sys-color-secondary-50: 235, 245, 255;--ax-sys-color-secondary-100: 225, 234, 252;--ax-sys-color-secondary-200: 204, 213, 231;--ax-sys-color-secondary-300: 184, 192, 210;--ax-sys-color-secondary-400: 163, 172, 189;--ax-sys-color-secondary-500: 144, 152, 169;--ax-sys-color-secondary-600: 125, 133, 149;--ax-sys-color-secondary-700: 106, 114, 130;--ax-sys-color-secondary-800: 96, 104, 119;--ax-sys-color-secondary-900: 86, 94, 109;--ax-sys-color-secondary-950: 81, 89, 104;--ax-sys-color-on-secondary: 16, 22, 34;--ax-sys-color-on-contrast-secondary: 39, 46, 60;--ax-sys-color-success-50: 210, 255, 233;--ax-sys-color-success-100: 180, 255, 219;--ax-sys-color-success-200: 115, 255, 191;--ax-sys-color-success-300: 99, 244, 178;--ax-sys-color-success-400: 82, 230, 164;--ax-sys-color-success-500: 63, 216, 151;--ax-sys-color-success-600: 41, 202, 138;--ax-sys-color-success-700: 1, 188, 125;--ax-sys-color-success-800: 0, 170, 108;--ax-sys-color-success-900: 0, 151, 91;--ax-sys-color-success-950: 0, 141, 85;--ax-sys-color-on-success: 0, 31, 10;--ax-sys-color-on-contrast-success: 0, 59, 29;--ax-sys-color-warning-50: 255, 245, 222;--ax-sys-color-warning-100: 255, 238, 208;--ax-sys-color-warning-200: 255, 224, 181;--ax-sys-color-warning-300: 255, 210, 152;--ax-sys-color-warning-400: 255, 195, 120;--ax-sys-color-warning-500: 255, 180, 82;--ax-sys-color-warning-600: 255, 165, 33;--ax-sys-color-warning-700: 253, 154, 1;--ax-sys-color-warning-800: 230, 133, 0;--ax-sys-color-warning-900: 203, 114, 0;--ax-sys-color-warning-950: 190, 105, 0;--ax-sys-color-on-warning: 41, 13, 0;--ax-sys-color-on-contrast-warning: 74, 34, 0;--ax-sys-color-danger-50: 255, 238, 238;--ax-sys-color-danger-100: 255, 226, 226;--ax-sys-color-danger-200: 255, 202, 202;--ax-sys-color-danger-300: 255, 176, 176;--ax-sys-color-danger-400: 255, 148, 156;--ax-sys-color-danger-500: 255, 117, 132;--ax-sys-color-danger-600: 255, 76, 106;--ax-sys-color-danger-700: 255, 32, 86;--ax-sys-color-danger-800: 237, 0, 72;--ax-sys-color-danger-900: 215, 0, 60;--ax-sys-color-danger-950: 203, 0, 56;--ax-sys-color-on-danger: 55, 0, 5;--ax-sys-color-on-contrast-danger: 97, 0, 19;--ax-sys-color-ghost-50: 9, 9, 11;--ax-sys-color-ghost-100: 24, 24, 27;--ax-sys-color-ghost-200: 39, 39, 42;--ax-sys-color-ghost-300: 63, 63, 70;--ax-sys-color-ghost-400: 82, 82, 92;--ax-sys-color-ghost-500: 113, 113, 123;--ax-sys-color-ghost-600: 159, 159, 169;--ax-sys-color-ghost-700: 212, 212, 216;--ax-sys-color-ghost-800: 228, 228, 231;--ax-sys-color-ghost-900: 244, 244, 245;--ax-sys-color-ghost-950: 250, 250, 250;--ax-sys-color-on-ghost: 24, 24, 27;--ax-sys-color-on-contrast-ghost: 244, 244, 245}
|
package/themes/default.scss
CHANGED
|
@@ -43,33 +43,33 @@
|
|
|
43
43
|
--ax-sys-color-input-surface-placeholder: 180, 180, 180;
|
|
44
44
|
--ax-sys-color-input-surface-border: 220, 220, 220;
|
|
45
45
|
|
|
46
|
-
--ax-sys-color-primary-50:
|
|
47
|
-
--ax-sys-color-primary-100:
|
|
48
|
-
--ax-sys-color-primary-200:
|
|
49
|
-
--ax-sys-color-primary-300:
|
|
50
|
-
--ax-sys-color-primary-400:
|
|
51
|
-
--ax-sys-color-primary-500:
|
|
52
|
-
--ax-sys-color-primary-600:
|
|
53
|
-
--ax-sys-color-primary-700: 0,
|
|
54
|
-
--ax-sys-color-primary-800: 0,
|
|
55
|
-
--ax-sys-color-primary-900: 0, 0,
|
|
56
|
-
--ax-sys-color-primary-950: 0, 0,
|
|
57
|
-
--ax-sys-color-on-primary:
|
|
58
|
-
--ax-sys-color-on-contrast-primary: 0, 0,
|
|
59
|
-
|
|
60
|
-
--ax-sys-color-secondary-50:
|
|
61
|
-
--ax-sys-color-secondary-100:
|
|
62
|
-
--ax-sys-color-secondary-200:
|
|
63
|
-
--ax-sys-color-secondary-300:
|
|
64
|
-
--ax-sys-color-secondary-400:
|
|
65
|
-
--ax-sys-color-secondary-500:
|
|
66
|
-
--ax-sys-color-secondary-600:
|
|
67
|
-
--ax-sys-color-secondary-700:
|
|
68
|
-
--ax-sys-color-secondary-800: 42, 48,
|
|
69
|
-
--ax-sys-color-secondary-900: 23, 29,
|
|
70
|
-
--ax-sys-color-secondary-950:
|
|
71
|
-
--ax-sys-color-on-secondary:
|
|
72
|
-
--ax-sys-color-on-contrast-secondary:
|
|
46
|
+
--ax-sys-color-primary-50: 227, 244, 255;
|
|
47
|
+
--ax-sys-color-primary-100: 207, 231, 255;
|
|
48
|
+
--ax-sys-color-primary-200: 167, 207, 255;
|
|
49
|
+
--ax-sys-color-primary-300: 126, 181, 255;
|
|
50
|
+
--ax-sys-color-primary-400: 81, 154, 255;
|
|
51
|
+
--ax-sys-color-primary-500: 43, 127, 255;
|
|
52
|
+
--ax-sys-color-primary-600: 0, 97, 222;
|
|
53
|
+
--ax-sys-color-primary-700: 0, 66, 190;
|
|
54
|
+
--ax-sys-color-primary-800: 0, 31, 158;
|
|
55
|
+
--ax-sys-color-primary-900: 0, 0, 117;
|
|
56
|
+
--ax-sys-color-primary-950: 0, 0, 89;
|
|
57
|
+
--ax-sys-color-on-primary: 255, 255, 255;
|
|
58
|
+
--ax-sys-color-on-contrast-primary: 0, 0, 89;
|
|
59
|
+
|
|
60
|
+
--ax-sys-color-secondary-50: 231, 240, 255;
|
|
61
|
+
--ax-sys-color-secondary-100: 216, 226, 244;
|
|
62
|
+
--ax-sys-color-secondary-200: 188, 196, 214;
|
|
63
|
+
--ax-sys-color-secondary-300: 159, 168, 185;
|
|
64
|
+
--ax-sys-color-secondary-400: 132, 141, 157;
|
|
65
|
+
--ax-sys-color-secondary-500: 106, 114, 130;
|
|
66
|
+
--ax-sys-color-secondary-600: 83, 91, 107;
|
|
67
|
+
--ax-sys-color-secondary-700: 62, 69, 84;
|
|
68
|
+
--ax-sys-color-secondary-800: 42, 48, 62;
|
|
69
|
+
--ax-sys-color-secondary-900: 23, 29, 42;
|
|
70
|
+
--ax-sys-color-secondary-950: 14, 20, 32;
|
|
71
|
+
--ax-sys-color-on-secondary: 255, 255, 255;
|
|
72
|
+
--ax-sys-color-on-contrast-secondary: 14, 20, 32;
|
|
73
73
|
|
|
74
74
|
--ax-sys-color-success-50: 199, 255, 228;
|
|
75
75
|
--ax-sys-color-success-100: 152, 255, 206;
|
|
@@ -85,41 +85,41 @@
|
|
|
85
85
|
--ax-sys-color-on-success: 255, 255, 255;
|
|
86
86
|
--ax-sys-color-on-contrast-success: 0, 32, 11;
|
|
87
87
|
|
|
88
|
-
--ax-sys-color-warning-50: 255, 242,
|
|
89
|
-
--ax-sys-color-warning-100: 255, 233,
|
|
90
|
-
--ax-sys-color-warning-200: 255, 213,
|
|
91
|
-
--ax-sys-color-warning-300: 255, 192,
|
|
92
|
-
--ax-sys-color-warning-400: 255,
|
|
93
|
-
--ax-sys-color-warning-500:
|
|
94
|
-
--ax-sys-color-warning-600:
|
|
95
|
-
--ax-sys-color-warning-700:
|
|
96
|
-
--ax-sys-color-warning-800:
|
|
97
|
-
--ax-sys-color-warning-900:
|
|
98
|
-
--ax-sys-color-warning-950:
|
|
99
|
-
--ax-sys-color-on-warning: 255,
|
|
100
|
-
--ax-sys-color-on-contrast-warning:
|
|
88
|
+
--ax-sys-color-warning-50: 255, 242, 216;
|
|
89
|
+
--ax-sys-color-warning-100: 255, 233, 198;
|
|
90
|
+
--ax-sys-color-warning-200: 255, 213, 158;
|
|
91
|
+
--ax-sys-color-warning-300: 255, 192, 113;
|
|
92
|
+
--ax-sys-color-warning-400: 255, 170, 50;
|
|
93
|
+
--ax-sys-color-warning-500: 253, 154, 1;
|
|
94
|
+
--ax-sys-color-warning-600: 208, 116, 0;
|
|
95
|
+
--ax-sys-color-warning-700: 157, 85, 0;
|
|
96
|
+
--ax-sys-color-warning-800: 109, 55, 0;
|
|
97
|
+
--ax-sys-color-warning-900: 65, 28, 0;
|
|
98
|
+
--ax-sys-color-warning-950: 45, 16, 0;
|
|
99
|
+
--ax-sys-color-on-warning: 255, 255, 255;
|
|
100
|
+
--ax-sys-color-on-contrast-warning: 45, 16, 0;
|
|
101
101
|
|
|
102
102
|
--ax-sys-color-danger-50: 255, 233, 233;
|
|
103
103
|
--ax-sys-color-danger-100: 255, 216, 216;
|
|
104
|
-
--ax-sys-color-danger-200: 255,
|
|
105
|
-
--ax-sys-color-danger-300: 255,
|
|
106
|
-
--ax-sys-color-danger-400: 255,
|
|
107
|
-
--ax-sys-color-danger-500:
|
|
108
|
-
--ax-sys-color-danger-600:
|
|
109
|
-
--ax-sys-color-danger-700:
|
|
104
|
+
--ax-sys-color-danger-200: 255, 181, 181;
|
|
105
|
+
--ax-sys-color-danger-300: 255, 142, 152;
|
|
106
|
+
--ax-sys-color-danger-400: 255, 94, 117;
|
|
107
|
+
--ax-sys-color-danger-500: 255, 32, 86;
|
|
108
|
+
--ax-sys-color-danger-600: 215, 0, 60;
|
|
109
|
+
--ax-sys-color-danger-700: 165, 0, 43;
|
|
110
110
|
--ax-sys-color-danger-800: 119, 0, 27;
|
|
111
|
-
--ax-sys-color-danger-900: 75, 0,
|
|
111
|
+
--ax-sys-color-danger-900: 75, 0, 11;
|
|
112
112
|
--ax-sys-color-danger-950: 54, 0, 5;
|
|
113
|
-
--ax-sys-color-on-danger: 255,
|
|
113
|
+
--ax-sys-color-on-danger: 255, 255, 255;
|
|
114
114
|
--ax-sys-color-on-contrast-danger: 54, 0, 5;
|
|
115
115
|
|
|
116
116
|
--ax-sys-color-ghost-50: 255, 255, 255;
|
|
117
117
|
--ax-sys-color-ghost-100: 244, 244, 245;
|
|
118
118
|
--ax-sys-color-ghost-200: 228, 228, 231;
|
|
119
119
|
--ax-sys-color-ghost-300: 212, 212, 216;
|
|
120
|
-
--ax-sys-color-ghost-400:
|
|
121
|
-
--ax-sys-color-ghost-500: 113, 113,
|
|
122
|
-
--ax-sys-color-ghost-600: 82, 82,
|
|
120
|
+
--ax-sys-color-ghost-400: 159, 159, 169;
|
|
121
|
+
--ax-sys-color-ghost-500: 113, 113, 123;
|
|
122
|
+
--ax-sys-color-ghost-600: 82, 82, 92;
|
|
123
123
|
--ax-sys-color-ghost-700: 63, 63, 70;
|
|
124
124
|
--ax-sys-color-ghost-800: 39, 39, 42;
|
|
125
125
|
--ax-sys-color-ghost-900: 24, 24, 27;
|
|
@@ -160,32 +160,32 @@
|
|
|
160
160
|
--ax-sys-color-input-surface-border: var(--ax-sys-color-border-surface);
|
|
161
161
|
|
|
162
162
|
--ax-sys-color-primary-50: 233, 247, 255;
|
|
163
|
-
--ax-sys-color-primary-100: 219,
|
|
164
|
-
--ax-sys-color-primary-200:
|
|
165
|
-
--ax-sys-color-primary-300:
|
|
166
|
-
--ax-sys-color-primary-400:
|
|
167
|
-
--ax-sys-color-primary-500:
|
|
168
|
-
--ax-sys-color-primary-600:
|
|
169
|
-
--ax-sys-color-primary-700:
|
|
170
|
-
--ax-sys-color-primary-800:
|
|
171
|
-
--ax-sys-color-primary-900:
|
|
172
|
-
--ax-sys-color-primary-950:
|
|
173
|
-
--ax-sys-color-on-primary: 0, 0,
|
|
174
|
-
--ax-sys-color-on-contrast-primary: 0,
|
|
175
|
-
|
|
176
|
-
--ax-sys-color-secondary-50:
|
|
177
|
-
--ax-sys-color-secondary-100:
|
|
178
|
-
--ax-sys-color-secondary-200:
|
|
179
|
-
--ax-sys-color-secondary-300:
|
|
180
|
-
--ax-sys-color-secondary-400:
|
|
181
|
-
--ax-sys-color-secondary-500:
|
|
182
|
-
--ax-sys-color-secondary-600:
|
|
183
|
-
--ax-sys-color-secondary-700:
|
|
184
|
-
--ax-sys-color-secondary-800:
|
|
185
|
-
--ax-sys-color-secondary-900:
|
|
186
|
-
--ax-sys-color-secondary-950:
|
|
187
|
-
--ax-sys-color-on-secondary:
|
|
188
|
-
--ax-sys-color-on-contrast-secondary:
|
|
163
|
+
--ax-sys-color-primary-100: 219, 238, 255;
|
|
164
|
+
--ax-sys-color-primary-200: 190, 221, 255;
|
|
165
|
+
--ax-sys-color-primary-300: 161, 203, 255;
|
|
166
|
+
--ax-sys-color-primary-400: 132, 185, 255;
|
|
167
|
+
--ax-sys-color-primary-500: 101, 166, 255;
|
|
168
|
+
--ax-sys-color-primary-600: 67, 146, 255;
|
|
169
|
+
--ax-sys-color-primary-700: 43, 127, 255;
|
|
170
|
+
--ax-sys-color-primary-800: 25, 112, 239;
|
|
171
|
+
--ax-sys-color-primary-900: 0, 98, 223;
|
|
172
|
+
--ax-sys-color-primary-950: 0, 90, 215;
|
|
173
|
+
--ax-sys-color-on-primary: 0, 0, 91;
|
|
174
|
+
--ax-sys-color-on-contrast-primary: 0, 12, 146;
|
|
175
|
+
|
|
176
|
+
--ax-sys-color-secondary-50: 235, 245, 255;
|
|
177
|
+
--ax-sys-color-secondary-100: 225, 234, 252;
|
|
178
|
+
--ax-sys-color-secondary-200: 204, 213, 231;
|
|
179
|
+
--ax-sys-color-secondary-300: 184, 192, 210;
|
|
180
|
+
--ax-sys-color-secondary-400: 163, 172, 189;
|
|
181
|
+
--ax-sys-color-secondary-500: 144, 152, 169;
|
|
182
|
+
--ax-sys-color-secondary-600: 125, 133, 149;
|
|
183
|
+
--ax-sys-color-secondary-700: 106, 114, 130;
|
|
184
|
+
--ax-sys-color-secondary-800: 96, 104, 119;
|
|
185
|
+
--ax-sys-color-secondary-900: 86, 94, 109;
|
|
186
|
+
--ax-sys-color-secondary-950: 81, 89, 104;
|
|
187
|
+
--ax-sys-color-on-secondary: 16, 22, 34;
|
|
188
|
+
--ax-sys-color-on-contrast-secondary: 39, 46, 60;
|
|
189
189
|
|
|
190
190
|
--ax-sys-color-success-50: 210, 255, 233;
|
|
191
191
|
--ax-sys-color-success-100: 180, 255, 219;
|
|
@@ -201,31 +201,31 @@
|
|
|
201
201
|
--ax-sys-color-on-success: 0, 31, 10;
|
|
202
202
|
--ax-sys-color-on-contrast-success: 0, 59, 29;
|
|
203
203
|
|
|
204
|
-
--ax-sys-color-warning-50: 255, 245,
|
|
205
|
-
--ax-sys-color-warning-100: 255, 238,
|
|
206
|
-
--ax-sys-color-warning-200: 255, 224,
|
|
207
|
-
--ax-sys-color-warning-300: 255, 210,
|
|
208
|
-
--ax-sys-color-warning-400: 255, 195,
|
|
209
|
-
--ax-sys-color-warning-500: 255, 180,
|
|
210
|
-
--ax-sys-color-warning-600: 255,
|
|
211
|
-
--ax-sys-color-warning-700:
|
|
212
|
-
--ax-sys-color-warning-800:
|
|
213
|
-
--ax-sys-color-warning-900:
|
|
214
|
-
--ax-sys-color-warning-950:
|
|
215
|
-
--ax-sys-color-on-warning:
|
|
216
|
-
--ax-sys-color-on-contrast-warning:
|
|
217
|
-
|
|
218
|
-
--ax-sys-color-danger-50: 255, 238,
|
|
204
|
+
--ax-sys-color-warning-50: 255, 245, 222;
|
|
205
|
+
--ax-sys-color-warning-100: 255, 238, 208;
|
|
206
|
+
--ax-sys-color-warning-200: 255, 224, 181;
|
|
207
|
+
--ax-sys-color-warning-300: 255, 210, 152;
|
|
208
|
+
--ax-sys-color-warning-400: 255, 195, 120;
|
|
209
|
+
--ax-sys-color-warning-500: 255, 180, 82;
|
|
210
|
+
--ax-sys-color-warning-600: 255, 165, 33;
|
|
211
|
+
--ax-sys-color-warning-700: 253, 154, 1;
|
|
212
|
+
--ax-sys-color-warning-800: 230, 133, 0;
|
|
213
|
+
--ax-sys-color-warning-900: 203, 114, 0;
|
|
214
|
+
--ax-sys-color-warning-950: 190, 105, 0;
|
|
215
|
+
--ax-sys-color-on-warning: 41, 13, 0;
|
|
216
|
+
--ax-sys-color-on-contrast-warning: 74, 34, 0;
|
|
217
|
+
|
|
218
|
+
--ax-sys-color-danger-50: 255, 238, 238;
|
|
219
219
|
--ax-sys-color-danger-100: 255, 226, 226;
|
|
220
220
|
--ax-sys-color-danger-200: 255, 202, 202;
|
|
221
|
-
--ax-sys-color-danger-300: 255, 176,
|
|
222
|
-
--ax-sys-color-danger-400: 255,
|
|
223
|
-
--ax-sys-color-danger-500: 255,
|
|
224
|
-
--ax-sys-color-danger-600: 255,
|
|
225
|
-
--ax-sys-color-danger-700:
|
|
226
|
-
--ax-sys-color-danger-800:
|
|
227
|
-
--ax-sys-color-danger-900:
|
|
228
|
-
--ax-sys-color-danger-950:
|
|
221
|
+
--ax-sys-color-danger-300: 255, 176, 176;
|
|
222
|
+
--ax-sys-color-danger-400: 255, 148, 156;
|
|
223
|
+
--ax-sys-color-danger-500: 255, 117, 132;
|
|
224
|
+
--ax-sys-color-danger-600: 255, 76, 106;
|
|
225
|
+
--ax-sys-color-danger-700: 255, 32, 86;
|
|
226
|
+
--ax-sys-color-danger-800: 237, 0, 72;
|
|
227
|
+
--ax-sys-color-danger-900: 215, 0, 60;
|
|
228
|
+
--ax-sys-color-danger-950: 203, 0, 56;
|
|
229
229
|
--ax-sys-color-on-danger: 55, 0, 5;
|
|
230
230
|
--ax-sys-color-on-contrast-danger: 97, 0, 19;
|
|
231
231
|
|
|
@@ -233,9 +233,9 @@
|
|
|
233
233
|
--ax-sys-color-ghost-100: 24, 24, 27;
|
|
234
234
|
--ax-sys-color-ghost-200: 39, 39, 42;
|
|
235
235
|
--ax-sys-color-ghost-300: 63, 63, 70;
|
|
236
|
-
--ax-sys-color-ghost-400: 82, 82,
|
|
237
|
-
--ax-sys-color-ghost-500: 113, 113,
|
|
238
|
-
--ax-sys-color-ghost-600:
|
|
236
|
+
--ax-sys-color-ghost-400: 82, 82, 92;
|
|
237
|
+
--ax-sys-color-ghost-500: 113, 113, 123;
|
|
238
|
+
--ax-sys-color-ghost-600: 159, 159, 169;
|
|
239
239
|
--ax-sys-color-ghost-700: 212, 212, 216;
|
|
240
240
|
--ax-sys-color-ghost-800: 228, 228, 231;
|
|
241
241
|
--ax-sys-color-ghost-900: 244, 244, 245;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
.ax-editor-container {
|
|
2
|
-
--ax-comp-editor-border-width: 1px;
|
|
3
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
4
|
-
--ax-comp-editor-height: calc(var(--ax-sys-size-base) * var(--ax-comp-editor-size-ratio));
|
|
5
|
-
--ax-comp-editor-font-family: inherit;
|
|
6
|
-
--ax-comp-editor-font-weight: normal;
|
|
7
|
-
--ax-comp-editor-focus-color: var(--ax-sys-color-primary-500);
|
|
8
|
-
--ax-comp-editor-padding-y: 0;
|
|
9
|
-
--ax-comp-editor-button-text-color: var(--ax-sys-color-input-surface-text);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.ax-xs .ax-editor-container,
|
|
13
|
-
.ax-editor-container.ax-xs {
|
|
14
|
-
--ax-comp-editor-size-ratio: 0.75;
|
|
15
|
-
--ax-comp-editor-font-size: 0.675rem;
|
|
16
|
-
--ax-comp-editor-padding-x: 0.188rem;
|
|
17
|
-
--ax-comp-editor-decorator-padding-x: 0.125rem;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.ax-sm .ax-editor-container,
|
|
21
|
-
.ax-editor-container.ax-sm {
|
|
22
|
-
--ax-comp-editor-size-ratio: 0.875;
|
|
23
|
-
--ax-comp-editor-font-size: 0.75rem;
|
|
24
|
-
--ax-comp-editor-padding-x: 0.375rem;
|
|
25
|
-
--ax-comp-editor-decorator-padding-x: 0.25rem;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.ax-md .ax-editor-container,
|
|
29
|
-
.ax-editor-container {
|
|
30
|
-
--ax-comp-editor-size-ratio: 1;
|
|
31
|
-
--ax-comp-editor-font-size: 0.875rem;
|
|
32
|
-
--ax-comp-editor-padding-x: 0.75rem;
|
|
33
|
-
--ax-comp-editor-decorator-padding-x: 0.5rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.ax-lg .ax-editor-container,
|
|
37
|
-
.ax-editor-container.ax-lg {
|
|
38
|
-
--ax-comp-editor-size-ratio: 1.125;
|
|
39
|
-
--ax-comp-editor-font-size: 1rem;
|
|
40
|
-
--ax-comp-editor-padding-x: 0.875rem;
|
|
41
|
-
--ax-comp-editor-decorator-padding-x: 0.75rem;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.ax-xl .ax-editor-container,
|
|
45
|
-
.ax-editor-container.ax-xl {
|
|
46
|
-
--ax-comp-editor-size-ratio: 1.5;
|
|
47
|
-
--ax-comp-editor-font-size: 1.5rem;
|
|
48
|
-
--ax-comp-editor-padding-x: 1rem;
|
|
49
|
-
--ax-comp-editor-decorator-padding-x: 0.875rem;
|
|
50
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
@use './base' as *;
|
|
2
|
-
@use './looks/index.scss' as *;
|
|
3
|
-
|
|
4
|
-
.ax-editor-container {
|
|
5
|
-
background-color: rgba(var(--ax-comp-editor-bg-color));
|
|
6
|
-
color: rgba(var(--ax-comp-editor-text-color));
|
|
7
|
-
border-color: rgba(var(--ax-comp-editor-border-color));
|
|
8
|
-
border-radius: var(--ax-comp-editor-border-radius);
|
|
9
|
-
border-style: solid;
|
|
10
|
-
display: inline-flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
height: var(--ax-comp-editor-height);
|
|
13
|
-
width: 100%;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
position: relative;
|
|
16
|
-
|
|
17
|
-
ax-prefix {
|
|
18
|
-
max-width: fit-content;
|
|
19
|
-
font-size: var(--ax-comp-editor-font-size);
|
|
20
|
-
padding-inline-start: var(--ax-comp-editor-decorator-padding-x);
|
|
21
|
-
}
|
|
22
|
-
ax-clear-button {
|
|
23
|
-
margin-inline-end: var(--ax-comp-editor-decorator-padding-x);
|
|
24
|
-
}
|
|
25
|
-
ax-suffix {
|
|
26
|
-
margin-inline-start: var(--ax-comp-editor-decorator-padding-x);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.ax-input {
|
|
30
|
-
width: 100%;
|
|
31
|
-
height: 100%;
|
|
32
|
-
font-size: var(--ax-comp-editor-font-size);
|
|
33
|
-
padding: 0px;
|
|
34
|
-
outline-width: 0px;
|
|
35
|
-
padding: 0 var(--ax-comp-editor-padding-x);
|
|
36
|
-
|
|
37
|
-
background-color: transparent;
|
|
38
|
-
&:focus,
|
|
39
|
-
&:focus-visible,
|
|
40
|
-
&:focus-within {
|
|
41
|
-
outline: none;
|
|
42
|
-
}
|
|
43
|
-
&::placeholder {
|
|
44
|
-
color: rgba(var(--ax-comp-editor-placeholder-color));
|
|
45
|
-
font-size: calc(var(--ax-comp-editor-font-size));
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
.ax-editor-button {
|
|
49
|
-
height: var(--ax-comp-editor-button-height, 100%);
|
|
50
|
-
padding: var(--ax-comp-editor-decorator-button-y, 0) var(--ax-comp-editor-decorator-button-x, 0.75rem);
|
|
51
|
-
font-size: var(--ax-comp-editor-button-font-size, 100%);
|
|
52
|
-
color: rgba(
|
|
53
|
-
var(--ax-comp-editor-button-text-color),
|
|
54
|
-
var(--ax-comp-editor-button-text-color-opacity, 0.6)
|
|
55
|
-
);
|
|
56
|
-
display: flex;
|
|
57
|
-
align-items: center;
|
|
58
|
-
justify-content: center;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
.ax-editor-container {
|
|
2
|
-
&.ax-fill {
|
|
3
|
-
--ax-comp-editor-bg-color: var(--ax-sys-color-surface);
|
|
4
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
5
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
6
|
-
--ax-comp-editor-border-color: transparent;
|
|
7
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
8
|
-
--ax-comp-editor-border-width: 0px;
|
|
9
|
-
|
|
10
|
-
&:focus,
|
|
11
|
-
&:focus-within,
|
|
12
|
-
&:focus-visible {
|
|
13
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
14
|
-
box-shadow: 0px 0px 0 2px rgba(var(--ax-sys-color-primary-500));
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
.ax-editor-container {
|
|
2
|
-
&.ax-flat {
|
|
3
|
-
--ax-comp-editor-bg-color: 0, 0, 0, 0;
|
|
4
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
5
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
6
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);
|
|
7
|
-
--ax-comp-editor-border-radius: 0px;
|
|
8
|
-
--ax-comp-editor-border-width: 1px;
|
|
9
|
-
border-bottom-width: var(--ax-comp-editor-border-width);
|
|
10
|
-
|
|
11
|
-
&:focus,
|
|
12
|
-
&:focus-within,
|
|
13
|
-
&:focus-visible {
|
|
14
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
15
|
-
box-shadow: 0px 1px 0 0px rgba(var(--ax-sys-color-primary-500));
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
.ax-editor-container {
|
|
2
|
-
&.ax-outline {
|
|
3
|
-
--ax-comp-editor-bg-color: transparent;
|
|
4
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
5
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
6
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);
|
|
7
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
8
|
-
--ax-comp-editor-border-width: 1px;
|
|
9
|
-
border-width: var(--ax-comp-editor-border-width);
|
|
10
|
-
|
|
11
|
-
&:focus,
|
|
12
|
-
&:focus-within,
|
|
13
|
-
&:focus-visible {
|
|
14
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
15
|
-
box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
.ax-editor-container {
|
|
2
|
-
&.ax-solid {
|
|
3
|
-
--ax-comp-editor-bg-color: var(--ax-sys-color-input-surface);
|
|
4
|
-
--ax-comp-editor-text-color: var(--ax-sys-color-input-surface-text);
|
|
5
|
-
--ax-comp-editor-placeholder-color: var(--ax-sys-color-input-surface-placeholder);
|
|
6
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-input-surface-border);
|
|
7
|
-
--ax-comp-editor-border-radius: var(--ax-sys-border-radius);
|
|
8
|
-
--ax-comp-editor-button-bg-hover-color: var(--ax-sys-color-surface-high);
|
|
9
|
-
--ax-comp-editor-border-width: 1px;
|
|
10
|
-
--ax-comp-editor-box-shadow: inset 0px -1px rgba(var(--ax-comp-editor-border-color));
|
|
11
|
-
border-width: var(--ax-comp-editor-border-width);
|
|
12
|
-
// box-shadow: var(--ax-comp-editor-box-shadow);
|
|
13
|
-
&:focus,
|
|
14
|
-
&:focus-within,
|
|
15
|
-
&:focus-visible {
|
|
16
|
-
--ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
|
|
17
|
-
box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@use './editors/index.scss';
|