@muraldevkit/ui-toolkit 4.63.0-dev-VRgs.1 → 4.63.0

package/dist/styles/MrlSpinner/module.scss

@@ -4,7 +4,7 @@ $mrl-spinner-size-medium: var(--mrl-spacing-07);
 $mrl-spinner-size-large: var(--mrl-spacing-09);
 $mrl-spinner-logo-width: 99px;
 $mrl-spinner-logo-height-large: 93px;
-$spinner-size: $mrl-spinner-size;
+$spinner-clip-path-base: 20px;
 $spinner-xsm-scale: 0.6; 
 $spinner-sm-scale: 1; 
 $spinner-md-scale: 1.2; 
@@ -69,8 +69,8 @@ $spinner-lg-scale: 2;
 		);
 		content: '';
 		display: block;
-		height: $spinner-size;
-		width: $spinner-size;
+		height: $spinner-clip-path-base;
+		width: $spinner-clip-path-base;
 	}
 	&--xsmall {
 		height: var(--mrl-spacing-06);

package/dist/styles.css

@@ -396,7 +396,7 @@
 						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
 					)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex;flex-direction:inherit}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton--loading .MrlSpinner-container{margin:0 auto;position:absolute}.mrlButton .mrlButton--loading .mrlButton-text{opacity:0}.mrlButton.mrlButton--icon-after .MrlSvgContainer,.mrlButton.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}.mrlButton.mrlButton--xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-space-stack-related-small) var(--mrl-space-inset)}.mrlButton.mrlButton--xsmall.mrlButton--ghost,.mrlButton.mrlButton--xsmall.mrlButton--ghost-inverse{padding:var(--mrl-space-stack-related-small)}.mrlButton.mrlButton--xsmall .MrlSvgContainer,.mrlButton.mrlButton--xsmall .MrlSpinner-container{height:var(--mrl-button-icon-size);margin-left:var(--mrl-spacing-01)}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--xsmall{padding-left:var(--mrl-spacing-02)}.mrlButton--icon-before.mrlButton--xsmall .MrlSvgContainer,.mrlButton--icon-before.mrlButton--xsmall .MrlSpinner-container{margin-left:0;margin-right:var(--mrl-spacing-01)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--xsmall{padding-right:var(--mrl-spacing-02)}.mrlButton--icon-after.mrlButton--xsmall .MrlSvgContainer{margin-left:var(--mrl-spacing-01);margin-right:0}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.mrlLinkButton{text-decoration:none}
 .MrlProgressBar-container--fe9Ne{min-width:4.25rem;padding:var(--mrl-spacing-03);width:auto}.MrlProgressBar--CTsQm{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);overflow:hidden;position:relative;width:100%}.MrlProgressBar--complete--Vb2oS{background-color:rgba(var(--mrl-blue-70), 1);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);left:0;position:absolute;top:0}.MrlProgressBar--textContainer--fLrQK{margin-top:var(--mrl-spacing-03);text-align:center}@keyframes timed--mVBU9{0%{width:0}15%{width:25%}70%{width:72.5%}100%{width:100%}}.MrlProgressBar--timed--teE4n{animation-name:timed--mVBU9;animation-timing-function:var(--mrl-timing-m1);width:100%}@keyframes indeterminate--lmBAm{from{left:-100%}to{left:100%}}.MrlProgressBar--indeterminate--hpJSe{animation:2s indeterminate--lmBAm var(--mrl-timing-m1) infinite;left:-100%;width:200%}
-@keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--xsmall--vY91J{align-items:center;display:flex;height:var(--mrl-spacing-05);justify-content:center;width:var(--mrl-spacing-05)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ::before{transform:scale(0.6)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
+@keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--xsmall--vY91J{align-items:center;display:flex;height:var(--mrl-spacing-05);justify-content:center;width:var(--mrl-spacing-05)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:20px;width:20px}.MrlSpinner--xsmall--lKxwJ{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ::before{transform:scale(0.6)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
 .MrlMenu--MiPQM{background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);flex-direction:column;opacity:0;overflow:visible;z-index:500}.MrlMenu--MiPQM ul[role=menu]{min-height:var(--mrl-spacing-10);overflow-x:visible;padding:var(--mrl-spacing-04)}.MrlMenu--internal--S1x5t{box-shadow:none}.MrlMenu--internal--S1x5t ul[role=menu]{padding:0}.MrlMenu--compact--HH6o0 ul[role=menu]{padding:var(--mrl-space-stack-related)}.MrlMenu--scrolling--aBcqE ul[role=menu]{box-sizing:border-box;min-height:calc(3*var(--mrl-spacing-08) + 3*var(--mrl-spacing-03));overflow:hidden auto}.MrlMenu--ignore--O2xHa{max-height:calc(100vh - 32px)}.MrlMenu--ignore--O2xHa ul[role=menu]{overflow:hidden auto}.MrlMenu--submenu--gtaMo{left:97%;position:absolute}.MrlMenu--MiPQM.open--pAnde{display:flex}
 .mrl-u-focus-wrapper--J3poc{position:relative}:root,.MrlDivider--TDWNh{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-black-opacity-01)}.MrlDivider--none--kraX1{--mrl-divider-spacing: 0}.MrlDivider--small--oJaeA{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--JB4WU{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--xlarge--Zrcuj{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.MrlDivider--inverse--DKjnh{--mrl-divider-color: var(--mrl-white-opacity-02)}.MrlDivider--vertical--wA_YJ{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--vertical--wA_YJ.MrlDivider--none--kraX1{--mrl-divider-spacing: 0}.MrlDivider--thin--fiRBQ{--mrl-divider-size: var(--mrl-line-width-border-fine)}.MrlMenuItem--omonY{border-radius:var(--mrl-border-radius-content-large);list-style-type:none;margin:0;margin-bottom:var(--mrl-space-stack-related-small);text-align:left;text-indent:0;white-space:nowrap}.MrlMenuItem--omonY>.subMenu--sQGEQ{bottom:calc(var(--mrl-space-stack-controls)/2);display:none;left:calc(100% + var(--mrl-space-stack-controls)/2);position:absolute;top:calc(var(--mrl-space-stack-controls)/-2)}.MrlMenuItem--omonY>.subMenu--sQGEQ::before{bottom:calc(var(--mrl-space-stack-controls)/2);content:"";cursor:pointer;height:100%;left:calc(var(--mrl-space-stack-controls)*-1);position:absolute;top:calc(var(--mrl-space-stack-controls)/2);width:calc(var(--mrl-space-stack-controls) + .125rem)}.MrlMenuItem--omonY [aria-expanded=true]+.subMenu--sQGEQ{display:flex}.MrlMenuItem--omonY a{text-decoration:none}.MrlMenuItem--omonY:last-child{margin-bottom:0}.MrlMenuItem--item--crRkZ{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);align-items:center;background:none;border:none;border-radius:var(--mrl-border-radius-content-large);color:var(--mrl-color-text);cursor:pointer;display:flex;height:var(--mrl-spacing-08);justify-content:flex-start;padding:var(--mrl-space-inset);padding-left:var(--mrl-spacing-04);position:relative;white-space:nowrap;width:100%}.MrlMenuItem--item--selected--ExGKp{background:var(--mrl-color-background-inverse-hover);color:var(--mrl-color-text-inverse)}.MrlMenuItem--item--withIcon--cgg2B{padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset-control-small)}.MrlMenuItem--item--content--aOcsP{position:relative;z-index:1}.MrlMenuItem--item--hoverArea--mtgGX{height:100%;left:-30px;position:absolute;width:215px}.MrlMenuItem--item--crRkZ .mrl-svg--HPtnf{min-width:var(--mrl-spacing-06)}.MrlMenuItem--item--crRkZ.isLink--Pp55t{justify-content:flex-start}.MrlMenuItem--item--crRkZ:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-spacing-01)}.MrlMenuItem--item--crRkZ:hover:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]),.MrlMenuItem--item--submenuOpen--YGVyO{background:var(--mrl-black-opacity-00);color:var(--mrl-color-text-hover)}.MrlMenuItem--item--crRkZ:active:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]){background:var(--mrl-black-opacity-01);color:var(--mrl-color-text-active)}.MrlMenuItem--item--icon-left--H5NdN{display:flex;margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-03))}.MrlMenuItem--item--icon-right--vKWKp{margin-left:auto}.MrlMenuItem--item--icon-right-container--wiZqN{display:flex;margin-left:var(--mrl-space-inset-control-small);width:var(--mrl-spacing-05)}.MrlMenuItem--item--crRkZ[aria-disabled=true]{background:rgba(0,0,0,0);color:var(--mrl-color-text-disabled);pointer-events:none}.MrlMenuItem--item--crRkZ span,.MrlMenuItem--item--crRkZ svg{pointer-events:none}
 .MrlMenuGroup--label--OfXgy{margin-bottom:var(--mrl-spacing-03)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@muraldevkit/ui-toolkit",
-	"version": "4.63.0-dev-VRgs.1",
+	"version": "4.63.0",
 	"description": "Mural's UI Toolkit",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -41,6 +41,7 @@
 	},
 	"license": "https://www.mural.co/terms/developer-addendum",
 	"peerDependencies": {
+		"@tactivos/mural-shared": "2.8.0",
 		"lottie-web": "^5.9.6"
 	},
 	"devDependencies": {

package/dist/utils/colors/colors.d.ts

@@ -1,35 +0,0 @@
-type RgbTuple = [number, number, number];
-/**
- * Returns `true` when the input is a valid `#rgb` or `#rrggbb` CSS color string.
- * @param {string} color CSS-like hex color string
- * @returns {boolean} whether the string is a valid hex color
- */
-export declare const isValidHexColor: (color: string) => boolean;
-/**
- * Returns `true` when the input is a valid `rgb(r, g, b)` CSS color string.
- * @param {string} color CSS-like rgb color string
- * @returns {boolean} whether the string is a valid rgb color
- */
-export declare const isValidRgbString: (color: string) => boolean;
-/**
- * Returns `true` when the input is a valid `rgba(r, g, b, a)` CSS color string.
- * @param {string} color CSS-like rgba color string
- * @returns {boolean} whether the string is a valid rgba color
- */
-export declare const isValidRgbaString: (color: string) => boolean;
-/**
- * Converts a valid hex color string to its `[r, g, b]` tuple representation.
- * @param {string} hexColor valid hex color string
- * @returns {RgbTuple} rgb tuple representation of the color
- */
-export declare const hexToRgb: (hexColor: string) => RgbTuple;
-/**
- * Returns the preferred text token for a background color using the same luminance threshold
- * and alpha handling as the previous `@tactivos/mural-shared` helper.
- * @param {string} backgroundColor background color to evaluate
- * @param {string} blackTextColor token returned for light/transparent backgrounds
- * @param {string} whiteTextColor token returned for dark backgrounds
- * @returns {string} selected text token
- */
-export declare const stickyTextColor: <T extends string>(backgroundColor: string, blackTextColor: T, whiteTextColor: T) => T;
-export {};

package/dist/utils/colors/colors.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/utils/colors/index.d.ts

@@ -1 +0,0 @@
-export * from './colors';