@muraldevkit/ui-toolkit 4.40.0 → 4.41.0

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.
@@ -1,20 +1,33 @@
1
1
 
2
2
  @use '../table.variables.scss';
3
+ $allowSortingGap: var(--mrl-spacing-01);
4
+ $iconSpaceSize: var(--mrl-spacing-06);
3
5
  .MrlSmartTable--accessible-visually-hidden-button {
4
6
  all: unset;
5
7
  cursor: pointer;
6
8
  &:focus {
7
9
  outline: revert;
8
10
  }
11
+ &.align-right {
12
+ width: 100%;
13
+ }
9
14
  }
10
15
  .allowsSorting {
11
16
  align-items: center;
12
17
  display: flex;
13
- gap: var(--mrl-spacing-01);
18
+ gap: $allowSortingGap;
19
+ justify-content: flex-start;
20
+ width: 100%;
21
+ &.align-right {
22
+ justify-content: flex-end;
23
+ &.noSortSelected {
24
+ padding-left: calc(#{$iconSpaceSize} + #{$allowSortingGap});
25
+ }
26
+ }
14
27
  }
15
28
  .empty-icon-space {
16
- height: var(--mrl-spacing-06);
17
- width: var(--mrl-spacing-06);
29
+ height: $iconSpaceSize;
30
+ width: $iconSpaceSize;
18
31
  }
19
32
  .MrlTableRow--selected,
20
33
  .MrlTableRow--selected > :global(.MrlTableCell) {
@@ -4,4 +4,7 @@
4
4
  .MrlTableCell {
5
5
  @include mrl-cell-layout;
6
6
  @include mrl-table-sticky-column;
7
+ &.align-right {
8
+ text-align: right;
9
+ }
7
10
  }
@@ -8,6 +8,9 @@
8
8
  font-size: var(--mrl-type-size-text-small);
9
9
  font-weight: var(--mrl-type-weight-title);
10
10
  position: relative;
11
+ &.align-right {
12
+ text-align: right;
13
+ }
11
14
  &.clickable:hover {
12
15
  background-color: var(--mrl-table-column-background-hover);
13
16
  cursor: pointer;
package/dist/styles.css CHANGED
@@ -73,12 +73,12 @@
73
73
  .mrl-u-focus-wrapper--k6Q_0{position:relative}.primary--Vz5Xk{--mrl-popover-background-color: var(--mrl-color-background);--mrl-popover-text-color: var(--mrl-color-text);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.inverse--tA1Uc{--mrl-popover-background-color: var(--mrl-color-background-inverse);--mrl-popover-text-color: var(--mrl-color-text-inverse);--mrl-popover-text-emph-color: var(--mrl-color-text-emph)}.default--kJtD1{--mrl-popover-padding: var(--mrl-spacing-05)}.compact--IsSC7{--mrl-popover-padding: var(--mrl-spacing-04)}.MrlPopover--NHYhK{background:var(--mrl-popover-background-color);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);color:var(--mrl-popover-text-color);flex-direction:column;max-width:600px;opacity:0;overflow:hidden;padding:var(--mrl-popover-padding);pointer-events:auto;position:fixed;z-index:500;z-index:600;filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.24)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.06))}.MrlPopover--NHYhK a{color:var(--mrl-popover-text-color)}.MrlPopover--submenu--NcjJf{left:97%;position:absolute}.MrlPopover--close--KxF7l{position:absolute;right:4px;top:6px;transition:none}.MrlPopover--close--KxF7l svg{color:var(--mrl-popover-text-color)}.MrlPopover--NHYhK.compact--IsSC7{padding:var(--mrl-space-stack-related)}.MrlPopover--NHYhK.open--X5O6m{display:flex}.MrlPopover--scrolling--Okepx{padding-right:0}.MrlPopover--scrolling--content--xZZhQ{overflow:hidden auto;padding-right:calc(var(--mrl-popover-padding) - 4px)}.MrlPopover--scrolling--content--xZZhQ .MrlPopover--close--KxF7l{right:8px}.MrlPopover--point--RMoNb{background:var(--mrl-popover-background-color);border-radius:0 2px;height:10px;position:absolute;width:10px;z-index:2}.MrlPopover--point--RMoNb[data-point*=bottom-]{top:-4px;transform:rotate(315deg)}.MrlPopover--point--RMoNb[data-point*=top-]{bottom:-4px;transform:rotate(315deg)}.MrlPopover--point--RMoNb[data-point=bottom-left],.MrlPopover--point--RMoNb[data-point=top-left]{left:14px}.MrlPopover--point--RMoNb[data-point=bottom-right],.MrlPopover--point--RMoNb[data-point=top-right]{right:14px}.MrlPopover--point--RMoNb[data-point=bottom-center],.MrlPopover--point--RMoNb[data-point=top-center]{left:calc(50% - 8px)}.MrlPopover--point--RMoNb[data-point*=left-]{right:-5px;transform:rotate(225deg)}.MrlPopover--point--RMoNb[data-point*=right-]{left:-5px;transform:rotate(45deg)}.MrlPopover--point--RMoNb[data-point=left-center],.MrlPopover--point--RMoNb[data-point=right-center]{top:calc(50% - 8px)}.MrlPopover--point--RMoNb[data-point=left-top],.MrlPopover--point--RMoNb[data-point=right-top]{top:16px}.MrlPopover--point--RMoNb[data-point=left-bottom],.MrlPopover--point--RMoNb[data-point=right-bottom]{bottom:16px}.inverse--tA1Uc .MrlPopover--scrolling--content--xZZhQ::-webkit-scrollbar{background-color:var(--mrl-popover-background-color);border-radius:10px;width:12px}.inverse--tA1Uc .MrlPopover--scrolling--content--xZZhQ::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--mrl-popover-text-color);border:3px solid rgba(0,0,0,0);border-radius:10px;position:relative}
74
74
  .MrlTable--WqkKm{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--vFuO8{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTable--WqkKm{width:100%}
75
75
  .MrlTable--hBgdv{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--DmN3s{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}
76
- .MrlTable--Pjlpf{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--L7e2t{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableCell--cErPC{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle}.MrlTableCell--cErPC.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableCell--cErPC.selection:has(+.MrlTableColumn--Zz9NN:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableCell--cErPC.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableCell--cErPC.sticky--undTq{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableCell--cErPC.sticky--undTq::before,.MrlTableCell--cErPC.sticky--undTq::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz{left:var(--mrl-table-selection-width)}.MrlTableCell--cErPC.sticky--undTq.left-shadow--bCkNZ::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection{left:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection::after{background-image:none}.MrlTableCell--cErPC.sticky--undTq.right--lLyjv{right:0}.MrlTableCell--cErPC.sticky--undTq.right-shadow--D7N0j::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableCell--cErPC.sticky--undTq.clickable--znqsE:hover{background-color:var(--mrl-table-column-background-hover)}
77
- .MrlTable--IO57x{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Mzd7Z{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableColumn--iwJqz{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle;color:var(--mrl-color-text);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title);position:relative}.MrlTableColumn--iwJqz.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableColumn--iwJqz.selection:has(+.MrlTableColumn--iwJqz:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableColumn--iwJqz.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableColumn--iwJqz.sticky--tVbHx{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableColumn--iwJqz.sticky--tVbHx::before,.MrlTableColumn--iwJqz.sticky--tVbHx::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv{left:var(--mrl-table-selection-width)}.MrlTableColumn--iwJqz.sticky--tVbHx.left-shadow--bVt2A::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv.selection{left:0}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv.selection::after{background-image:none}.MrlTableColumn--iwJqz.sticky--tVbHx.right--bm_ZL{right:0}.MrlTableColumn--iwJqz.sticky--tVbHx.right-shadow--ENyOa::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableColumn--iwJqz.sticky--tVbHx.clickable--Hm2c4:hover{background-color:var(--mrl-table-column-background-hover)}.MrlTableColumn--iwJqz.clickable--Hm2c4:hover{background-color:var(--mrl-table-column-background-hover);cursor:pointer;user-select:none}.MrlTableColumn--iwJqz .MrlTableColumn--tooltip{margin-left:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz .MrlTableColumn--sort-indicator,.MrlTableColumn--iwJqz .MrlTableColumn--tooltip{color:var(--mrl-table-column-svg-color);vertical-align:text-top}
76
+ .MrlTable--Pjlpf{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--L7e2t{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableCell--cErPC{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle}.MrlTableCell--cErPC.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableCell--cErPC.selection:has(+.MrlTableColumn--Zz9NN:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableCell--cErPC.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableCell--cErPC.sticky--undTq{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableCell--cErPC.sticky--undTq::before,.MrlTableCell--cErPC.sticky--undTq::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz{left:var(--mrl-table-selection-width)}.MrlTableCell--cErPC.sticky--undTq.left-shadow--bCkNZ::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection{left:0}.MrlTableCell--cErPC.sticky--undTq.left--_e5Sz.selection::after{background-image:none}.MrlTableCell--cErPC.sticky--undTq.right--lLyjv{right:0}.MrlTableCell--cErPC.sticky--undTq.right-shadow--D7N0j::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableCell--cErPC.sticky--undTq.clickable--znqsE:hover{background-color:var(--mrl-table-column-background-hover)}.MrlTableCell--cErPC.align-right--eXULI{text-align:right}
77
+ .MrlTable--IO57x{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Mzd7Z{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableColumn--iwJqz{height:var(--mrl-table-column-height);padding:var(--mrl-table-default-padding-inline);text-align:left;vertical-align:middle;color:var(--mrl-color-text);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-title);position:relative}.MrlTableColumn--iwJqz.selection{height:var(--mrl-spacing-10);min-width:2.75rem;padding:var(--mrl-spacing-02) var(--mrl-spacing-03);width:2.75rem}.MrlTableColumn--iwJqz.selection:has(+.MrlTableColumn--iwJqz:hover){background-color:var(--mrl-table-row-background-hover)}.MrlTableColumn--iwJqz.selection .MrlCheckboxStandalone{align-items:center;display:flex;height:auto;justify-content:center;min-height:auto;padding:0;width:auto}.MrlTableColumn--iwJqz.sticky--tVbHx{background-color:var(--mrl-table-row-background);position:sticky;z-index:200}.MrlTableColumn--iwJqz.sticky--tVbHx::before,.MrlTableColumn--iwJqz.sticky--tVbHx::after{content:"";height:100%;position:absolute;top:0;width:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv{left:var(--mrl-table-selection-width)}.MrlTableColumn--iwJqz.sticky--tVbHx.left-shadow--bVt2A::after{border-image-outset:0 var(--mrl-spacing-02) 0 0;border-image-slice:0 100% 0 0;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);border-image-width:0 var(--mrl-spacing-02) 0 0;right:0}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv.selection{left:0}.MrlTableColumn--iwJqz.sticky--tVbHx.left--OUfZv.selection::after{background-image:none}.MrlTableColumn--iwJqz.sticky--tVbHx.right--bm_ZL{right:0}.MrlTableColumn--iwJqz.sticky--tVbHx.right-shadow--ENyOa::before{border-image-outset:0 0 0 var(--mrl-spacing-02);border-image-slice:0 0 0 100%;border-image-source:linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);border-image-width:0 0 0 var(--mrl-spacing-02);left:0}.MrlTableColumn--iwJqz.sticky--tVbHx.clickable--Hm2c4:hover{background-color:var(--mrl-table-column-background-hover)}.MrlTableColumn--iwJqz.align-right--SIc7n{text-align:right}.MrlTableColumn--iwJqz.clickable--Hm2c4:hover{background-color:var(--mrl-table-column-background-hover);cursor:pointer;user-select:none}.MrlTableColumn--iwJqz .MrlTableColumn--tooltip{margin-left:var(--mrl-spacing-02)}.MrlTableColumn--iwJqz .MrlTableColumn--sort-indicator,.MrlTableColumn--iwJqz .MrlTableColumn--tooltip{color:var(--mrl-table-column-svg-color);vertical-align:text-top}
78
78
  .MrlTable--rQtCh{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--n28A8{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableHeader--XRtgB{background-color:var(--mrl-color-background);border-bottom:var(--mrl-table-header-row-border-bottom)}
79
79
  .MrlTable--Menop{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--EMdMH{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.mrl-u-focus-wrapper--a4h9J{position:relative}.MrlTableRow--vJGYJ{background-color:var(--mrl-table-row-background);border-bottom:var(--mrl-table-row-border-bottom);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);height:var(--mrl-table-row-height);outline:none}.MrlTableRow--vJGYJ:hover:not(.MrlTableRow--selected)>td{background-color:var(--mrl-table-row-background-hover)}.MrlTableRow--vJGYJ:focus-visible{position:relative}.MrlTableRow--vJGYJ:focus-visible:focus-visible{outline:none}.MrlTableRow--vJGYJ:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--vE0v9;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1}@keyframes border-animation--vE0v9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--fLkd9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}
80
80
  .MrlTable--SmJkA{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--Ub9_k{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlTableEmptyState--Ub9_k{align-items:center;background-color:var(--mrl-black-opacity-00);color:var(--mrl-color-text-secondary);display:flex;font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);justify-content:center;min-height:var(--mrl-table-empty-state-min-height);padding-block:var(--mrl-table-empty-state-padding-block);padding-inline:var(--mrl-table-empty-state-padding-block)}
81
- .MrlTable--CMSOc{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--PQ2NS{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlSmartTable--accessible-visually-hidden-button--erUml{all:unset;cursor:pointer}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus{outline:revert}.allowsSorting--_DUfv{align-items:center;display:flex;gap:var(--mrl-spacing-01)}.empty-icon-space--gzPV_{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlTableRow--selected--Y0VsA,.MrlTableRow--selected--Y0VsA>.MrlTableCell{background-color:var(--mrl-table-row-background-selected);border-bottom-color:rgba(var(--mrl-blue-20), 1)}.MrlTableRow--disabled--VhrIn,.MrlTableRow--disabled--VhrIn>.MrlTableCell{color:var(--mrl-table-disabled-color)}
81
+ .MrlTable--CMSOc{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);--mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-column-height: 48px;--mrl-table-column-inline-spacing: var(--mrl-spacing-01);--mrl-table-column-svg-color: var(--mrl-color-text-secondary);--mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);--mrl-table-row-height: 48px;--mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);--mrl-table-row-background: var(--mrl-color-background);--mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);--mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);--mrl-table-cell-height: 48px;--mrl-table-cell-padding-block: 6px;--mrl-table-cell-padding-inline: 6px;--mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);--mrl-table-selection-width: 2.75rem;--mrl-table-default-min-width: 198px;--mrl-table-status-width: 192px;--mrl-table-call-to-action-width: 92px;--mrl-table-action-width: 48px}.MrlTableEmptyState--PQ2NS{--mrl-table-empty-state-padding-block: 64px;--mrl-table-empty-state-padding-inline: 48px;--mrl-table-empty-state-min-height: 104px}.MrlSmartTable--accessible-visually-hidden-button--erUml{all:unset;cursor:pointer}.MrlSmartTable--accessible-visually-hidden-button--erUml:focus{outline:revert}.MrlSmartTable--accessible-visually-hidden-button--erUml.align-right--VVDdC{width:100%}.allowsSorting--_DUfv{align-items:center;display:flex;gap:var(--mrl-spacing-01);justify-content:flex-start;width:100%}.allowsSorting--_DUfv.align-right--VVDdC{justify-content:flex-end}.allowsSorting--_DUfv.align-right--VVDdC.noSortSelected--r3VQD{padding-left:calc(var(--mrl-spacing-06) + var(--mrl-spacing-01))}.empty-icon-space--gzPV_{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlTableRow--selected--Y0VsA,.MrlTableRow--selected--Y0VsA>.MrlTableCell{background-color:var(--mrl-table-row-background-selected);border-bottom-color:rgba(var(--mrl-blue-20), 1)}.MrlTableRow--disabled--VhrIn,.MrlTableRow--disabled--VhrIn>.MrlTableCell{color:var(--mrl-table-disabled-color)}
82
82
  .mrl-u-focus-wrapper--Qlq12{position:relative}.MrlTab-Text--FSRrk{border-bottom:var(--mrl-line-width-control) solid rgba(0,0,0,0);display:block;line-height:var(--mrl-line-height-08);margin:0;padding:var(--mrl-space-stack-related-small) var(--mrl-space-stack-related) var(--mrl-spacing-01);position:relative;text-wrap:nowrap;z-index:5}.MrlTab-icon--NYAn0{display:block;height:var(--mrl-spacing-07);margin:var(--mrl-spacing-01) auto;overflow:hidden;width:var(--mrl-spacing-07)}.MrlTab--or1g5{background-color:rgba(0,0,0,0);border:none;color:var(--mrl-color-text-emph);cursor:pointer;display:inline-block;font-family:var(--mrl-heading-font);font-size:var(--mrl-font-size-01);font-weight:var(--mrl-font-weight-02);letter-spacing:var(--mrl-letter-spacing-04);line-height:var(--mrl-line-height-08);margin-left:var(--mrl-spacing-03);padding:0;position:relative;text-decoration:none;vertical-align:bottom}.MrlTab--or1g5:first-child{margin-left:0}.MrlTab--or1g5:not(.MrlTab-selected--yG1_K) .MrlTab-icon--NYAn0{opacity:.8}.MrlTab--or1g5:hover{color:var(--mrl-color-text-hover)}.MrlTab--or1g5:hover .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab--or1g5:active{color:var(--mrl-color-text-active)}.MrlTab--or1g5:active .MrlTab-icon--NYAn0{opacity:1}.MrlTab--or1g5:focus-visible{background-color:var(--mrl-color-background);border-color:rgba(0,0,0,0);outline:none}.MrlTab--or1g5:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:border-animation--yEmUL;animation-timing-function:var(--mrl-timing-m2);border:var(--mrl-line-width-focus) solid rgba(0,0,0,0);border-radius:calc(var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus));bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;border-radius:var(--mrl-border-radius-content-large)}@keyframes border-animation--yEmUL{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus)}}@keyframes border-animation-inverse--kUrJ9{0%{border-color:rgba(0,0,0,0)}100%{border-color:var(--mrl-color-focus-inverse)}}.MrlTab--or1g5:focus-visible .MrlTab-Text--FSRrk{border-color:var(--mrl-color-line-emph)}.MrlTab--or1g5:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-hover)}.MrlTab-selected--yG1_K .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected);color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTab-selected--yG1_K:focus-visible:hover .MrlTab-Text--FSRrk{border-bottom-color:var(--mrl-color-text-emph-selected)}.MrlTabs-caps .MrlTab--or1g5{text-transform:capitalize}.MrlTabs-large .MrlTab--or1g5{font-size:var(--mrl-font-size-03);line-height:var(--mrl-line-height-07);padding-top:var(--mrl-spacing-01)}.MrlTabs-large .MrlTab-Text--FSRrk{padding-bottom:var(--mrl-space-stack-related-small)}.MrlTabs-large .MrlTab-icon--NYAn0{margin-bottom:0;margin-top:0}.MrlTabs-evenSpacing .MrlTab--or1g5{flex:1}
83
83
  .MrlTabContent--ns5y2{display:block;padding:var(--mrl-spacing-05) 0 0}.MrlTabContent-hidden--_6_cT{display:none}
84
84
  .MrlTabGroup-container--BeqbP{display:flex;overflow:hidden;padding:4px;position:relative}.MrlTabGroup-container--BeqbP::before{background-color:var(--mrl-color-background-decorative);bottom:4px;content:"";height:var(--mrl-line-width-control);left:-4px;position:absolute;right:-4px}.MrlTabGroup--RZrXc{display:inline-flex;position:relative;transform:translateX(0);width:100%}@media(prefers-reduced-motion: no-preference){.MrlTabGroup--RZrXc{transition:.3s ease-in-out}}.MrlTabGroup-fade--X9Xlh{bottom:6px;position:absolute;top:0;width:3.4375rem}.MrlTabGroup-fadeNext--r9cuS{background:linear-gradient(to right, rgba(var(--mrl-white), 0) 0%, rgba(var(--mrl-white), 0.4) 20%, rgba(var(--mrl-white), 0.6) 30%, var(--mrl-color-background) 60%);right:0}.MrlTabGroup-fadePrev--eorIU{background:linear-gradient(to left, rgba(var(--mrl-white), 0) 0%, rgba(var(--mrl-white), 0.4) 20%, rgba(var(--mrl-white), 0.6) 30%, rgba(var(--mrl-white), 1) 60%);left:0}.MrlTabGroup-nav--dDS_a{align-items:center;bottom:0;display:flex;position:absolute;top:0;z-index:1}.MrlTabGroup-next--I8q2G{bottom:var(--mrl-spacing-02);right:0}.MrlTabGroup-prev--wEM7T{bottom:var(--mrl-spacing-02);left:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@muraldevkit/ui-toolkit",
3
- "version": "4.40.0",
3
+ "version": "4.41.0",
4
4
  "description": "Mural's UI Toolkit",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",