@cratis/components 4.14.3 → 4.15.1

package/dist/esm/styles.Dropdown.css

@@ -322,7 +322,9 @@
     box-shadow: var(--cratis-focus-ring);
 }
 .cratis-toggle-group[data-disabled],
-.cratis-tabs[data-disabled] {
+.cratis-tabs[data-disabled],
+.cratis-toggle-group__option[data-disabled],
+.cratis-tabs__tab[data-disabled] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -361,10 +363,6 @@
     box-shadow: var(--cratis-shadow-card, none);
     font-weight: 600;
 }
-.cratis-toggle-group__option[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-toggle-group__icon {
     display: inline-flex;
 }
@@ -395,10 +393,6 @@
     color: var(--cratis-text-color);
     font-weight: 600;
 }
-.cratis-tabs__tab[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-tabs__panel {
     padding: 0.75rem 0;
     outline: none;
@@ -764,7 +758,8 @@
 .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
     border-color: var(--cratis-red-500);
 }
-.cratis-number-input[data-disabled='true'] {
+.cratis-number-input[data-disabled='true'],
+.cratis-number-input__step:disabled {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -826,10 +821,6 @@
     outline: 2px solid var(--cratis-primary-color);
     outline-offset: -3px;
 }
-.cratis-number-input__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-number-input__description,
 .cratis-number-input__error {
     display: block;
@@ -910,7 +901,8 @@
     background: var(--cratis-surface-100);
 }
 .cratis-text-input:disabled,
-.cratis-text-area:disabled {
+.cratis-text-area:disabled,
+.cratis-choice[data-disabled='true'] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -927,10 +919,6 @@
     color: var(--cratis-text-color);
     cursor: pointer;
 }
-.cratis-choice[data-disabled='true'] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
     cursor: default;
 }

package/dist/esm/styles.Filter.css

@@ -123,7 +123,8 @@
     box-shadow: inset 0 1px 0 var(--cratis-surface-border);
 }
 
-.pv-search input:focus {
+.pv-search input:focus,
+.pv-filter-group-search input:focus {
     outline: none;
     border-color: var(--cratis-primary-color);
     box-shadow: var(--cratis-focus-ring);
@@ -143,12 +144,6 @@
     font-size: 0.85rem;
 }
 
-.pv-filter-group-search input:focus {
-    outline: none;
-    border-color: var(--cratis-primary-color);
-    box-shadow: var(--cratis-focus-ring);
-}
-
 /* Reusable checkbox/radio option list (CheckboxListFilter) */
 .pv-option-list {
     position: relative;

package/dist/esm/styles.ObjectContentEditor.css

@@ -322,7 +322,9 @@
     box-shadow: var(--cratis-focus-ring);
 }
 .cratis-toggle-group[data-disabled],
-.cratis-tabs[data-disabled] {
+.cratis-tabs[data-disabled],
+.cratis-toggle-group__option[data-disabled],
+.cratis-tabs__tab[data-disabled] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -361,10 +363,6 @@
     box-shadow: var(--cratis-shadow-card, none);
     font-weight: 600;
 }
-.cratis-toggle-group__option[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-toggle-group__icon {
     display: inline-flex;
 }
@@ -395,10 +393,6 @@
     color: var(--cratis-text-color);
     font-weight: 600;
 }
-.cratis-tabs__tab[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-tabs__panel {
     padding: 0.75rem 0;
     outline: none;
@@ -764,7 +758,8 @@
 .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
     border-color: var(--cratis-red-500);
 }
-.cratis-number-input[data-disabled='true'] {
+.cratis-number-input[data-disabled='true'],
+.cratis-number-input__step:disabled {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -826,10 +821,6 @@
     outline: 2px solid var(--cratis-primary-color);
     outline-offset: -3px;
 }
-.cratis-number-input__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-number-input__description,
 .cratis-number-input__error {
     display: block;
@@ -910,7 +901,8 @@
     background: var(--cratis-surface-100);
 }
 .cratis-text-input:disabled,
-.cratis-text-area:disabled {
+.cratis-text-area:disabled,
+.cratis-choice[data-disabled='true'] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -927,10 +919,6 @@
     color: var(--cratis-text-color);
     cursor: pointer;
 }
-.cratis-choice[data-disabled='true'] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
     cursor: default;
 }

package/dist/esm/styles.ObjectNavigationalBar.css

@@ -322,7 +322,9 @@
     box-shadow: var(--cratis-focus-ring);
 }
 .cratis-toggle-group[data-disabled],
-.cratis-tabs[data-disabled] {
+.cratis-tabs[data-disabled],
+.cratis-toggle-group__option[data-disabled],
+.cratis-tabs__tab[data-disabled] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -361,10 +363,6 @@
     box-shadow: var(--cratis-shadow-card, none);
     font-weight: 600;
 }
-.cratis-toggle-group__option[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-toggle-group__icon {
     display: inline-flex;
 }
@@ -395,10 +393,6 @@
     color: var(--cratis-text-color);
     font-weight: 600;
 }
-.cratis-tabs__tab[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-tabs__panel {
     padding: 0.75rem 0;
     outline: none;
@@ -764,7 +758,8 @@
 .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
     border-color: var(--cratis-red-500);
 }
-.cratis-number-input[data-disabled='true'] {
+.cratis-number-input[data-disabled='true'],
+.cratis-number-input__step:disabled {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -826,10 +821,6 @@
     outline: 2px solid var(--cratis-primary-color);
     outline-offset: -3px;
 }
-.cratis-number-input__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-number-input__description,
 .cratis-number-input__error {
     display: block;
@@ -910,7 +901,8 @@
     background: var(--cratis-surface-100);
 }
 .cratis-text-input:disabled,
-.cratis-text-area:disabled {
+.cratis-text-area:disabled,
+.cratis-choice[data-disabled='true'] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -927,10 +919,6 @@
     color: var(--cratis-text-color);
     cursor: pointer;
 }
-.cratis-choice[data-disabled='true'] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
     cursor: default;
 }

package/dist/esm/styles.PivotViewer.css

@@ -123,7 +123,8 @@
     box-shadow: inset 0 1px 0 var(--cratis-surface-border);
 }
 
-.pv-search input:focus {
+.pv-search input:focus,
+.pv-filter-group-search input:focus {
     outline: none;
     border-color: var(--cratis-primary-color);
     box-shadow: var(--cratis-focus-ring);
@@ -143,12 +144,6 @@
     font-size: 0.85rem;
 }
 
-.pv-filter-group-search input:focus {
-    outline: none;
-    border-color: var(--cratis-primary-color);
-    box-shadow: var(--cratis-focus-ring);
-}
-
 /* Reusable checkbox/radio option list (CheckboxListFilter) */
 .pv-option-list {
     position: relative;
@@ -666,7 +661,8 @@
 }
 
 .pv-filter-button.active,
-.pv-filter-button:hover {
+.pv-filter-button:hover,
+.pv-filter-icon-button.active {
     background: var(--cratis-surface-hover);
     box-shadow: var(--cratis-focus-ring);
 }
@@ -694,11 +690,6 @@
     background: var(--cratis-surface-hover);
 }
 
-.pv-filter-icon-button.active {
-    background: var(--cratis-surface-hover);
-    box-shadow: var(--cratis-focus-ring);
-}
-
 .pv-filter-badge {
     position: absolute;
     top: -4px;
@@ -1085,7 +1076,8 @@
     background: var(--cratis-highlight-bg);
 }
 
-.pv-axis-label:focus-visible {
+.pv-axis-label:focus-visible,
+.pv-card:focus-visible {
     outline: none;
     border-color: var(--cratis-primary-color);
     box-shadow: var(--cratis-focus-ring);
@@ -1215,12 +1207,6 @@
     transition: border-color 160ms ease;
 }
 
-.pv-card:focus-visible {
-    outline: none;
-    border-color: var(--cratis-primary-color);
-    box-shadow: var(--cratis-focus-ring);
-}
-
 .pv-card.selected {
     border-color: var(--cratis-primary-color);
     box-shadow:
@@ -1552,6 +1538,18 @@
   min-height: 400px;
 }
 
+.pv-loading__label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .pv-spinner {
   width: 80px;
   height: 80px;

package/dist/esm/styles.SchemaEditor.css

@@ -322,7 +322,9 @@
     box-shadow: var(--cratis-focus-ring);
 }
 .cratis-toggle-group[data-disabled],
-.cratis-tabs[data-disabled] {
+.cratis-tabs[data-disabled],
+.cratis-toggle-group__option[data-disabled],
+.cratis-tabs__tab[data-disabled] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -361,10 +363,6 @@
     box-shadow: var(--cratis-shadow-card, none);
     font-weight: 600;
 }
-.cratis-toggle-group__option[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-toggle-group__icon {
     display: inline-flex;
 }
@@ -395,10 +393,6 @@
     color: var(--cratis-text-color);
     font-weight: 600;
 }
-.cratis-tabs__tab[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-tabs__panel {
     padding: 0.75rem 0;
     outline: none;
@@ -764,7 +758,8 @@
 .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
     border-color: var(--cratis-red-500);
 }
-.cratis-number-input[data-disabled='true'] {
+.cratis-number-input[data-disabled='true'],
+.cratis-number-input__step:disabled {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -826,10 +821,6 @@
     outline: 2px solid var(--cratis-primary-color);
     outline-offset: -3px;
 }
-.cratis-number-input__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-number-input__description,
 .cratis-number-input__error {
     display: block;
@@ -910,7 +901,8 @@
     background: var(--cratis-surface-100);
 }
 .cratis-text-input:disabled,
-.cratis-text-area:disabled {
+.cratis-text-area:disabled,
+.cratis-choice[data-disabled='true'] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -927,10 +919,6 @@
     color: var(--cratis-text-color);
     cursor: pointer;
 }
-.cratis-choice[data-disabled='true'] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
     cursor: default;
 }
@@ -1284,7 +1272,9 @@
     background: var(--cratis-highlight-bg);
     color: var(--cratis-highlight-text-color);
 }
-.cratis-datatable__empty-cell {
+.cratis-datatable__empty-cell,
+.cratis-datatable__loading-cell,
+.cratis-datatable__failure-cell {
     padding: 2rem 1rem;
     color: var(--cratis-text-color-secondary);
     text-align: center;

package/dist/esm/styles.Toolbar.css

@@ -322,7 +322,9 @@
     box-shadow: var(--cratis-focus-ring);
 }
 .cratis-toggle-group[data-disabled],
-.cratis-tabs[data-disabled] {
+.cratis-tabs[data-disabled],
+.cratis-toggle-group__option[data-disabled],
+.cratis-tabs__tab[data-disabled] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -361,10 +363,6 @@
     box-shadow: var(--cratis-shadow-card, none);
     font-weight: 600;
 }
-.cratis-toggle-group__option[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-toggle-group__icon {
     display: inline-flex;
 }
@@ -395,10 +393,6 @@
     color: var(--cratis-text-color);
     font-weight: 600;
 }
-.cratis-tabs__tab[data-disabled] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-tabs__panel {
     padding: 0.75rem 0;
     outline: none;
@@ -764,7 +758,8 @@
 .cratis-number-input[data-invalid='true'] .cratis-number-input__group {
     border-color: var(--cratis-red-500);
 }
-.cratis-number-input[data-disabled='true'] {
+.cratis-number-input[data-disabled='true'],
+.cratis-number-input__step:disabled {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -826,10 +821,6 @@
     outline: 2px solid var(--cratis-primary-color);
     outline-offset: -3px;
 }
-.cratis-number-input__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-number-input__description,
 .cratis-number-input__error {
     display: block;
@@ -910,7 +901,8 @@
     background: var(--cratis-surface-100);
 }
 .cratis-text-input:disabled,
-.cratis-text-area:disabled {
+.cratis-text-area:disabled,
+.cratis-choice[data-disabled='true'] {
     cursor: not-allowed;
     opacity: var(--cratis-disabled-opacity);
 }
@@ -927,10 +919,6 @@
     color: var(--cratis-text-color);
     cursor: pointer;
 }
-.cratis-choice[data-disabled='true'] {
-    cursor: not-allowed;
-    opacity: var(--cratis-disabled-opacity);
-}
 .cratis-choice[data-readonly='true']:not([data-disabled='true']) {
     cursor: default;
 }
@@ -1227,7 +1215,8 @@
 /* Licensed under the MIT license. See LICENSE file in the project root for full license information. */
 
 /* ── Toolbar container ───────────────────────────────────────────────────── */
-.toolbar {
+.toolbar,
+.toolbar-group {
     background: var(--cratis-surface-card);
     border: 1px solid var(--cratis-surface-border);
     box-shadow: var(--cratis-shadow-overlay);
@@ -1282,17 +1271,10 @@
     white-space: nowrap;
 }
 
-/* ── Toolbar section (context switching) ────────────────────────────────── */
-
-/*
- * The section is a fixed-size container that transitions smoothly between
- * the dimensions required by each context.
- * Overflow stays visible in the settled state so absolutely-positioned
- * children (e.g. fan-out panels) can extend beyond the section's bounds.
- * During a context resize transition, a temporary modifier clips incoming
- * content so buttons do not float outside the current toolbar bounds.
- */
-.toolbar-section {
+/* Context sections and group slots resize alike. Only transitioning modifiers clip contents;
+   settled panels can extend beyond the section bounds. */
+.toolbar-section,
+.toolbar-slot-section {
     position: relative;
     transition:
         width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
@@ -1517,33 +1499,7 @@
     gap: 0.5rem;
 }
 
-/*
- * Each ToolbarGroup is a self-contained pill that matches the visual style
- * of a standalone Toolbar.
- */
-.toolbar-group {
-    background: var(--cratis-surface-card);
-    border: 1px solid var(--cratis-surface-border);
-    box-shadow: var(--cratis-shadow-overlay);
-}
-
-/* ── Toolbar slot transition (ToolbarGroup slot content) ─────────────────── */
-
-/*
- * Size-morphing container for slot content inside a ToolbarGroup or ToolbarLayout.
- * Mirrors the .toolbar-section transition parameters for visual consistency —
- * the container resizes smoothly while content cross-fades.
- * Overflow stays visible in the settled state so absolutely-positioned children
- * (fan-out and folder panels, and the hover tooltips inside them) can escape the
- * section's bounds; it is only clipped while outgoing content is fading out, so
- * that content does not bleed past the container mid-transition.
- */
-.toolbar-slot-section {
-    position: relative;
-    transition:
-        width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
-        height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-}
+/* ToolbarGroup slots use the section transition above. */
 
 .toolbar-slot-section--transitioning {
     overflow: hidden;