@aortl/admin-react 0.13.0 → 0.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/Button.d.ts +1 -1
  2. package/dist/Button.d.ts.map +1 -1
  3. package/dist/admin.scoped.css +67 -10
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +2 -2
package/dist/Button.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Button as BaseButton } from '@base-ui/react/button';
2
2
  import { ComponentProps } from 'react';
3
3
  import { IconProp } from './icon';
4
- export type ButtonVariant = "default" | "primary" | "ghost" | "danger";
4
+ export type ButtonVariant = "default" | "primary" | "ghost" | "muted" | "danger";
5
5
  export type ButtonSize = "sm" | "md" | "lg";
6
6
  export interface ButtonProps extends ComponentProps<typeof BaseButton> {
7
7
  variant?: ButtonVariant;
package/dist/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CA+Cb"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AACjF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CA+Cb"}
package/dist/admin.scoped.css CHANGED
@@ -4,7 +4,7 @@
4
4
  font-family: "IBM Plex Sans";
5
5
  font-style: normal;
6
6
  font-weight: 400 600;
7
- font-display: optional;
7
+ font-display: swap;
8
8
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format("woff2");
9
9
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
10
10
  }
@@ -12,7 +12,7 @@
12
12
  font-family: "IBM Plex Sans";
13
13
  font-style: normal;
14
14
  font-weight: 400 600;
15
- font-display: optional;
15
+ font-display: swap;
16
16
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format("woff2");
17
17
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18
18
  }
@@ -20,7 +20,7 @@
20
20
  font-family: "IBM Plex Mono";
21
21
  font-style: normal;
22
22
  font-weight: 400;
23
- font-display: optional;
23
+ font-display: swap;
24
24
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format("woff2");
25
25
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
26
26
  }
@@ -28,7 +28,7 @@
28
28
  font-family: "IBM Plex Mono";
29
29
  font-style: normal;
30
30
  font-weight: 400;
31
- font-display: optional;
31
+ font-display: swap;
32
32
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format("woff2");
33
33
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
34
34
  }
@@ -36,7 +36,7 @@
36
36
  font-family: "IBM Plex Mono";
37
37
  font-style: normal;
38
38
  font-weight: 500;
39
- font-display: optional;
39
+ font-display: swap;
40
40
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format("woff2");
41
41
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
42
42
  }
@@ -44,10 +44,25 @@
44
44
  font-family: "IBM Plex Mono";
45
45
  font-style: normal;
46
46
  font-weight: 500;
47
- font-display: optional;
47
+ font-display: swap;
48
48
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v20/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format("woff2");
49
49
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
50
50
  }
51
+ @font-face {
52
+ font-family: "IBM Plex Sans Fallback";
53
+ src: local("Arial"), local("ArialMT");
54
+ ascent-override: 101.3184%;
55
+ descent-override: 27.183%;
56
+ line-gap-override: 0%;
57
+ size-adjust: 101.1663%;
58
+ }
59
+ @font-face {
60
+ font-family: "IBM Plex Mono Fallback";
61
+ src: local("Courier New"), local("CourierNewPSMT");
62
+ ascent-override: 102.5167%;
63
+ descent-override: 27.5045%;
64
+ size-adjust: 99.9837%;
65
+ }
51
66
  @property --tw-rotate-x {
52
67
  syntax: "*";
53
68
  inherits: false;
@@ -260,9 +275,10 @@
260
275
  }
261
276
  }
262
277
  :scope, :scope:host, :scope :host {
263
- --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
264
- --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
265
- monospace;
278
+ --font-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
279
+ Roboto, sans-serif;
280
+ --font-mono: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
281
+ Consolas, "Liberation Mono", monospace;
266
282
  --spacing: 0.25rem;
267
283
  --container-xs: 20rem;
268
284
  --text-xs: 0.75rem;
@@ -704,6 +720,9 @@
704
720
  :scope._ao-accordion-summary::-webkit-details-marker, :scope ._ao-accordion-summary::-webkit-details-marker {
705
721
  display: none;
706
722
  }
723
+ :scope._ao-accordion-summary > :is(i, svg), :scope ._ao-accordion-summary > :is(i, svg) {
724
+ flex-shrink: 0;
725
+ }
707
726
  :scope._ao-accordion-summary::after, :scope ._ao-accordion-summary::after {
708
727
  content: "";
709
728
  width: 0.5rem;
@@ -752,10 +771,11 @@
752
771
  font-size: var(--text-sm);
753
772
  line-height: var(--tw-leading, var(--text-sm--line-height));
754
773
  color: var(--color-text);
774
+ overflow-wrap: break-word;
755
775
  }
756
776
  :scope._ao-alert:has(> :is(i, svg):first-child), :scope ._ao-alert:has(> :is(i, svg):first-child) {
757
777
  display: grid;
758
- grid-template-columns: auto 1fr;
778
+ grid-template-columns: auto minmax(0, 1fr);
759
779
  column-gap: 0.5rem;
760
780
  row-gap: 0.25rem;
761
781
  align-items: center;
@@ -773,6 +793,7 @@
773
793
  }
774
794
  :scope._ao-alert > :is(._ao-alert-title, ._ao-alert-description), :scope ._ao-alert > :is(._ao-alert-title, ._ao-alert-description) {
775
795
  grid-column: 2;
796
+ min-width: 0;
776
797
  }
777
798
  :scope._ao-alert-info, :scope ._ao-alert-info {
778
799
  border-color: var(--color-info-muted);
@@ -896,6 +917,9 @@
896
917
  white-space: nowrap;
897
918
  color: var(--color-text);
898
919
  }
920
+ :scope._ao-badge > :is(i, svg), :scope ._ao-badge > :is(i, svg) {
921
+ flex-shrink: 0;
922
+ }
899
923
  :scope._ao-badge-info, :scope ._ao-badge-info {
900
924
  border-color: var(--color-info-muted);
901
925
  background-color: var(--color-info-muted);
@@ -1235,6 +1259,9 @@
1235
1259
  width: 0.875rem;
1236
1260
  height: 0.875rem;
1237
1261
  }
1262
+ :scope._ao-breadcrumb-item > :is(i, svg), :scope ._ao-breadcrumb-item > :is(i, svg), :scope._ao-breadcrumb-separator > :is(i, svg), :scope ._ao-breadcrumb-separator > :is(i, svg) {
1263
+ flex-shrink: 0;
1264
+ }
1238
1265
  :scope._ao-pagination > ol, :scope ._ao-pagination > ol, :scope._ao-pagination > ul, :scope ._ao-pagination > ul {
1239
1266
  margin: calc(var(--spacing) * 0);
1240
1267
  display: inline-flex;
@@ -1353,6 +1380,10 @@
1353
1380
  :scope._ao-property-list-value, :scope ._ao-property-list-value {
1354
1381
  gap: 0.5rem;
1355
1382
  min-width: 0;
1383
+ overflow-wrap: break-word;
1384
+ }
1385
+ :scope._ao-property-list-compact ._ao-property-list-title, :scope ._ao-property-list-compact ._ao-property-list-title {
1386
+ margin-bottom: calc(var(--spacing) * 1);
1356
1387
  }
1357
1388
  :scope._ao-property-list-compact ._ao-property-list-label, :scope ._ao-property-list-compact ._ao-property-list-label, :scope._ao-property-list-compact ._ao-property-list-value, :scope ._ao-property-list-compact ._ao-property-list-value {
1358
1389
  padding: 0.125rem 0.5rem;
@@ -1473,6 +1504,9 @@
1473
1504
  opacity: 50%;
1474
1505
  }
1475
1506
  }
1507
+ :scope._ao-btn > :is(i, svg), :scope ._ao-btn > :is(i, svg) {
1508
+ flex-shrink: 0;
1509
+ }
1476
1510
  :scope._ao-btn-primary, :scope ._ao-btn-primary {
1477
1511
  border-color: transparent;
1478
1512
  background-color: var(--color-primary);
@@ -1493,6 +1527,14 @@
1493
1527
  }
1494
1528
  }
1495
1529
  }
1530
+ :scope._ao-btn-muted, :scope ._ao-btn-muted {
1531
+ background-color: var(--color-surface);
1532
+ &:hover {
1533
+ @media (hover: hover) {
1534
+ background-color: var(--color-surface-muted);
1535
+ }
1536
+ }
1537
+ }
1496
1538
  :scope._ao-btn-danger, :scope ._ao-btn-danger {
1497
1539
  border-color: transparent;
1498
1540
  background-color: var(--color-danger);
@@ -1656,6 +1698,9 @@
1656
1698
  outline-color: var(--color-primary);
1657
1699
  }
1658
1700
  }
1701
+ :scope._ao-link > :is(i, svg), :scope ._ao-link > :is(i, svg) {
1702
+ flex-shrink: 0;
1703
+ }
1659
1704
  :scope._ao-link-external, :scope ._ao-link-external {
1660
1705
  --link-external-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
1661
1706
  }
@@ -2517,6 +2562,9 @@
2517
2562
  font-weight: var(--font-weight-medium);
2518
2563
  color: var(--color-text-muted);
2519
2564
  }
2565
+ :scope._ao-stat-card-label > :is(i, svg), :scope ._ao-stat-card-label > :is(i, svg) {
2566
+ flex-shrink: 0;
2567
+ }
2520
2568
  :scope._ao-stat-card-value, :scope ._ao-stat-card-value {
2521
2569
  font-size: var(--text-2xl);
2522
2570
  line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -3075,6 +3123,9 @@
3075
3123
  cursor: not-allowed;
3076
3124
  opacity: 50%;
3077
3125
  }
3126
+ :scope._ao-menu-trigger > :is(i, svg), :scope ._ao-menu-trigger > :is(i, svg), :scope._ao-menu-item > :is(i, svg), :scope ._ao-menu-item > :is(i, svg) {
3127
+ flex-shrink: 0;
3128
+ }
3078
3129
  :scope._ao-menu-separator, :scope ._ao-menu-separator {
3079
3130
  margin-block: calc(var(--spacing) * 1);
3080
3131
  height: 1px;
@@ -3166,6 +3217,9 @@
3166
3217
  background-color: var(--color-primary-muted);
3167
3218
  color: var(--color-primary);
3168
3219
  }
3220
+ :scope._ao-navbar-brand > :is(i, svg), :scope ._ao-navbar-brand > :is(i, svg), :scope._ao-navbar-item > :is(i, svg), :scope ._ao-navbar-item > :is(i, svg) {
3221
+ flex-shrink: 0;
3222
+ }
3169
3223
  :scope._ao-navbar-actions, :scope ._ao-navbar-actions {
3170
3224
  margin-left: auto;
3171
3225
  display: flex;
@@ -3648,6 +3702,9 @@
3648
3702
  :scope._ao-tabs ._ao-tab[data-selected], :scope ._ao-tabs ._ao-tab[data-selected], :scope._ao-tabs ._ao-tab[aria-selected="true"], :scope ._ao-tabs ._ao-tab[aria-selected="true"] {
3649
3703
  color: var(--color-text);
3650
3704
  }
3705
+ :scope._ao-tabs ._ao-tab > :is(i, svg), :scope ._ao-tabs ._ao-tab > :is(i, svg) {
3706
+ flex-shrink: 0;
3707
+ }
3651
3708
  :scope._ao-tabs ._ao-tab-input, :scope ._ao-tabs ._ao-tab-input {
3652
3709
  position: absolute;
3653
3710
  width: 1px;