@muraldevkit/ui-toolkit 4.59.0 → 4.59.1

package/dist/styles/MrlPopover/module.scss

@@ -9,7 +9,6 @@
 	flex-direction: column;
 	max-width: 600px;
 	opacity: 0;
-	overflow: hidden;
 	pointer-events: auto;
 	position: fixed;
 	z-index: $mrl-zIndex-menus;
@@ -58,12 +57,12 @@
 			bottom: -4px;
 			transform: rotate(315deg);
 		}
-		&[data-point='bottom-left'],
-		&[data-point='top-left'] {
+		&[data-point='bottom-start'],
+		&[data-point='top-start'] {
 			left: 14px;
 		}
-		&[data-point='bottom-right'],
-		&[data-point='top-right'] {
+		&[data-point='bottom-end'],
+		&[data-point='top-end'] {
 			right: 14px;
 		}
 		&[data-point='bottom-center'],

package/dist/styles.css

@@ -415,7 +415,7 @@
 .MrlToast--WHnT9{align-items:center;background-color:rgba(var(--mrl-status-info), 1);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);color:rgba(var(--mrl-white), 1);display:flex;justify-content:space-between;max-width:32rem;min-width:8.75rem;padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-spacing-05) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-spacing-03);pointer-events:auto;width:fit-content;z-index:800}.MrlToast--WHnT9.has-cta--D2bJy{padding:var(--mrl-spacing-02) var(--mrl-spacing-02) var(--mrl-spacing-02) var(--mrl-spacing-03)}.MrlToast--WHnT9.has-avatar--KFztL{padding-left:var(--mrl-spacing-02)}.MrlToast--WHnT9.closing--ORG1o{animation:fadeout--tteGt .3s forwards}@keyframes fadeout--tteGt{from{opacity:1}to{opacity:0;visibility:hidden}}.MrlToast--WHnT9 .content--PsaqT{align-items:center;display:flex}.MrlToast--WHnT9 .content--PsaqT .iconWrapper--NSYKT{align-items:center;display:flex;flex-shrink:0;height:var(--mrl-spacing-06);margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.MrlToast--WHnT9 .content--PsaqT .avatarWrapper--TKMkv{align-items:center;display:flex;flex-shrink:0;height:var(--mrl-spacing-06);margin-right:var(--mrl-spacing-02)}.MrlToast--WHnT9 .content--PsaqT .textContent--g9ima{font-size:var(--mrl-font-size-03);letter-spacing:var(--mrl-letter-spacing-03);line-height:var(--mrl-line-height-02)}.MrlToast--WHnT9 .content--PsaqT .primaryMessage--CwHWD{font-family:var(--mrl-heading-font);font-weight:var(--mrl-font-weight-04)}.MrlToast--WHnT9 .content--PsaqT .secondaryMessage--VMVbR{font-family:var(--mrl-body-font);font-weight:var(--mrl-font-weight-01)}.MrlToast--WHnT9 .content--PsaqT .link--Qccyr{margin-left:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta-container--HMghw{align-items:center;display:flex;height:100%;justify-content:center;margin-left:calc(var(--mrl-spacing-03) + var(--mrl-spacing-01))}.MrlToast--WHnT9 .cta--hhAlS{display:flex;gap:var(--mrl-space-inline-sibling);vertical-align:middle}.MrlToast--WHnT9 .cta--secondary--qRqGT{margin-right:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta--close--yi8kz{margin-left:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta--close--yi8kz:only-child{margin-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.MrlToast--WHnT9.infoNotification--GObYB{background-color:rgba(var(--mrl-status-info), 1)}.MrlToast--WHnT9.warningNotification--nnWE0{background-color:rgba(var(--mrl-status-warning), 1);color:var(--mrl-color-text)}.MrlToast--WHnT9.successNotification--kirSR{background-color:rgba(var(--mrl-status-success), 1)}.MrlToast--WHnT9.errorNotification--lPM7c{background-color:rgba(var(--mrl-status-error), 1)}.MrlToast--WHnT9.privateNotification--Uzbo_{background-color:rgba(var(--mrl-status-private), 1)}.MrlToast--WHnT9.generalNotification--Qmi6y{background-color:var(--mrl-color-background-inverse);color:var(--mrl-color-text-inverse);max-width:100%}.MrlToast--WHnT9.generalNotification--Qmi6y .secondaryMessage--VMVbR{color:var(--mrl-color-text-inverse-secondary)}.MrlToast--WHnT9.collaboratorNotification--JUtKn{background-color:rgba(0,0,0,0)}.MrlToast--WHnT9.collaboratorNotification--JUtKn .primaryMessage--CwHWD{align-items:center;display:flex;gap:var(--mrl-spacing-04)}.MrlToast--WHnT9.collaboratorNotification--JUtKn.darkCollaborator--sIsI9{color:var(--mrl-color-text)}
 .MrlInlineMessage--QFQ5I{display:flex;font-size:var(--mrl-font-size-03);font-weight:var(--mrl-font-weight-02);margin-top:var(--mrl-spacing-02)}.MrlInlineMessage--QFQ5I:not(.helper--t6Wxz) a{color:inherit}.MrlInlineMessage--QFQ5I.error--dG1GD{color:var(--mrl-color-text-error)}.MrlInlineMessage--QFQ5I.information--FFyzz{color:var(--mrl-color-text-highlight-emph)}.MrlInlineMessage--QFQ5I.information--FFyzz .MrlSvgContainer{color:var(--mrl-color-background-info)}.MrlInlineMessage--QFQ5I.warning--G_zyY{color:var(--mrl-color-text-highlight-emph)}.MrlInlineMessage--QFQ5I.warning--G_zyY .MrlSvgContainer{color:var(--mrl-color-background-warning)}.MrlInlineMessage--QFQ5I.success--nrMdN .MrlSvgContainer{color:var(--mrl-color-text-success)}.MrlInlineMessage--QFQ5I.success--nrMdN .MrlSvgContainer.mrl-link-icon,.MrlInlineMessage--QFQ5I.warning--G_zyY .MrlSvgContainer.mrl-link-icon,.MrlInlineMessage--QFQ5I.information--FFyzz .MrlSvgContainer.mrl-link-icon{color:inherit}.MrlInlineMessage--QFQ5I.helper--t6Wxz{color:var(--mrl-color-text-secondary)}.MrlInlineMessage-icon--Lvzuc{flex-shrink:0;height:var(--mrl-spacing-05);margin-right:var(--mrl-spacing-02);width:var(--mrl-spacing-05)}
 .MrlPagination--fCh2a{display:block}.MrlPaginationList--X6xAc{align-items:center;display:flex;margin:0;padding:0}.MrlPaginationItem--t5fZ8{height:var(--mrl-spacing-06);margin:0;padding:0}.MrlPaginationText--P1M27{display:block;font-size:var(--mrl-font-size-03);padding-top:.1875rem}.MrlPaginationRange--FM225{font-weight:var(--mrl-font-weight-04);padding:0 var(--mrl-spacing-02)}.MrlPaginationDash--mz1xd{font-weight:var(--mrl-font-weight-04)}.MrlPaginationTotal--ogBg5{padding:0 var(--mrl-spacing-02)}
-.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;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.open--X5O6m{display:flex}.MrlPopover--scrolling--content--xZZhQ{overflow:hidden auto;padding:var(--mrl-popover-padding) calc(var(--mrl-popover-padding) - 4px) var(--mrl-popover-padding) var(--mrl-popover-padding)}.MrlPopover--scrolling--content--xZZhQ .MrlPopover--close--KxF7l{position:absolute;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}
+.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;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.open--X5O6m{display:flex}.MrlPopover--scrolling--content--xZZhQ{overflow:hidden auto;padding:var(--mrl-popover-padding) calc(var(--mrl-popover-padding) - 4px) var(--mrl-popover-padding) var(--mrl-popover-padding)}.MrlPopover--scrolling--content--xZZhQ .MrlPopover--close--KxF7l{position:absolute;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-start],.MrlPopover--point--RMoNb[data-point=top-start]{left:14px}.MrlPopover--point--RMoNb[data-point=bottom-end],.MrlPopover--point--RMoNb[data-point=top-end]{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}
 .MrlTable--WqkKm{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--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%}
 .MrlTable--hBgdv{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--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}
 .MrlTable--Pjlpf{--mrl-table-default-width: calc(100% - 10px);--mrl-table-max-width: 1280px;--mrl-table-header-background: var(--mrl-color-background);--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}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@muraldevkit/ui-toolkit",
-	"version": "4.59.0",
+	"version": "4.59.1",
 	"description": "Mural's UI Toolkit",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -14,6 +14,7 @@
 		"build": "webpack --mode=production",
 		"compile": "storybook build",
 		"dev": "storybook dev -p 6006",
+		"dev:dev-tools": "DEV_TOOLS=true storybook dev -p 6006",
 		"lint": "npm run lint:scripts && npm run lint:styles",
 		"lint:config": "eslint '.storybook/*.{js,jsx,ts,tsx}'",
 		"lint:config:fix": "eslint '.storybook/*.{js,jsx,ts,tsx}' --fix",