@aortl/admin-react 0.16.0 → 0.16.1

package/dist/admin.scoped.css

@@ -724,6 +724,8 @@
       outline-color: var(--color-focus);
     }
     list-style: none;
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope._ao-accordion-summary::-webkit-details-marker, :scope ._ao-accordion-summary::-webkit-details-marker {
     display: none;
@@ -754,6 +756,7 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-text);
+    overflow-wrap: break-word;
   }
 :scope._ao-accordion-item::details-content, :scope ._ao-accordion-item::details-content {
     opacity: 0;
@@ -1205,6 +1208,7 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
     color: var(--color-text-muted);
+    overflow-wrap: break-word;
   }
 :scope._ao-breadcrumbs > ol, :scope ._ao-breadcrumbs > ol {
     margin: calc(var(--spacing) * 0);
@@ -1700,6 +1704,7 @@
     &:focus-visible {
       outline-color: var(--color-focus);
     }
+    overflow-wrap: break-word;
   }
 :scope._ao-link > :is(i, svg), :scope ._ao-link > :is(i, svg) {
     flex-shrink: 0;
@@ -2094,6 +2099,8 @@
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 2);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope label:has(> ._ao-checkbox:disabled), :scope label:has(> ._ao-checkbox[data-disabled]) {
     cursor: not-allowed;
@@ -2201,6 +2208,8 @@
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 2);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope label:has(> ._ao-radio:disabled), :scope label:has(> ._ao-radio[data-disabled]) {
     cursor: not-allowed;
@@ -2299,6 +2308,8 @@
     cursor: pointer;
     align-items: center;
     gap: calc(var(--spacing) * 3);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope label:has(> ._ao-switch:disabled), :scope label:has(> ._ao-switch[data-disabled]) {
     cursor: not-allowed;
@@ -2472,6 +2483,8 @@
     outline-style: none;
     -webkit-user-select: none;
     user-select: none;
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope._ao-select-item[data-highlighted], :scope ._ao-select-item[data-highlighted] {
     background-color: var(--color-surface-muted);
@@ -2515,6 +2528,8 @@
     color: var(--color-text);
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope._ao-card-body, :scope ._ao-card-body {
     display: flex;
@@ -2532,6 +2547,7 @@
     line-height: var(--leading-tight);
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
+    min-width: 0;
   }
 :scope._ao-card-header, :scope ._ao-card-header {
     display: flex;
@@ -2668,6 +2684,7 @@
     width: calc(100% - 2rem);
     max-width: 32rem;
     max-height: calc(100dvh - 2rem);
+    overflow-wrap: break-word;
     opacity: 1;
     transform: translateY(0) scale(1);
     transition: display 150ms allow-discrete, overlay 150ms allow-discrete, opacity 150ms ease-out, transform 150ms ease-out;
@@ -2714,6 +2731,7 @@
     line-height: var(--leading-tight);
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
+    min-width: 0;
   }
 :scope._ao-dialog-description, :scope ._ao-dialog-description {
     margin-top: calc(var(--spacing) * -2);
@@ -2795,6 +2813,7 @@
     display: flex;
     flex-direction: column;
     gap: calc(var(--spacing) * 1.5);
+    overflow-wrap: break-word;
   }
 :scope._ao-field-row, :scope ._ao-field-row {
     flex-direction: row;
@@ -3183,6 +3202,8 @@
     &:disabled {
       opacity: 50%;
     }
+    overflow-wrap: break-word;
+    min-width: 0;
   }
 :scope._ao-menu-item[aria-disabled="true"], :scope ._ao-menu-item[aria-disabled="true"] {
     cursor: not-allowed;
@@ -3963,6 +3984,9 @@
     white-space: nowrap;
     color: var(--color-text-muted);
   }
+:scope._ao-table :where(td), :scope ._ao-table :where(td), :scope._ao-table-cell, :scope ._ao-table-cell {
+    overflow-wrap: break-word;
+  }
 :scope._ao-table > :last-child > tr:last-child :where(td), :scope ._ao-table > :last-child > tr:last-child :where(td), :scope._ao-table > :last-child > tr:last-child ._ao-table-cell, :scope ._ao-table > :last-child > tr:last-child ._ao-table-cell {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
@@ -4162,6 +4186,7 @@
     --tw-leading: var(--leading-normal);
     line-height: var(--leading-normal);
     color: var(--color-text);
+    overflow-wrap: break-word;
   }
 :scope._ao-prose :where(p, ul, ol, blockquote, pre, table, figure), :scope ._ao-prose :where(p, ul, ol, blockquote, pre, table, figure) {
     margin-block: calc(var(--spacing) * 3);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aortl/admin-react",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "React component library for the admin design system. Pairs with @aortl/admin-css.",
   "keywords": [
     "components",
@@ -42,7 +42,7 @@
   "dependencies": {
     "@base-ui/react": "1.4.1",
     "clsx": "2.1.1",
-    "@aortl/admin-css": "0.16.0"
+    "@aortl/admin-css": "0.16.1"
   },
   "devDependencies": {
     "@testing-library/dom": "10.4.1",