npm - @ovh-ux/muk - Versions diffs - 0.1.0 - Mend

@ovh-ux/muk 0.1.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.

Files changed (1404) hide show

package/dist/public/assets/error-banner-oops.png ADDED Viewed

Binary file

package/dist/public/assets/placeholder.png ADDED Viewed

Binary file

package/dist/src/lib.scss ADDED Viewed

@@ -0,0 +1,7 @@
+@import './components/drawer/drawer.scss';
+@import './components/action-menu/action-menu.scss';
+@import './components/action-banner/ActionBanner.scss';
+html {
+  font-family: var(--ods-font-family-default);
+}

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";#mrc-drawer{--mrc-drawer-width: 28.5em;--mrc-drawer-header-height: 6em;--mrc-drawer-handle-size: 3.5em;--mrc-drawer-collapse-duration: .3s}.mrc-drawer-handle-shadow{box-shadow:#000e9c33 0 2px 8px;clip-path:inset(-15px 0px -15px -15px)}@keyframes mrcDrawerHandlefadeIn{0%{opacity:0}to{opacity:1}}.mrc-drawer-handle-fade-in{opacity:0;animation:mrcDrawerHandlefadeIn .3s ease-in-out .3s forwards}@keyframes mrcDrawerBackdropfadeIn{0%{opacity:0}to{opacity:.75}}.mrc-drawer-backdrop-fade-in{opacity:.75;animation:mrcDrawerBackdropfadeIn .3s ease-in-out}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 0){.container{max-width:0}}@media (min-width: 36em){.container{max-width:36em}}@media (min-width: 48em){.container{max-width:48em}}@media (min-width: 62em){.container{max-width:62em}}@media (min-width: 75em){.container{max-width:75em}}@media (min-width: 87.5em){.container{max-width:87.5em}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.right-0{right:0}.right-4{right:1rem}.right-\[var\(--mrc-drawer-width\)\]{right:var(--mrc-drawer-width)}.top-0{top:0}.top-7{top:1.75rem}.top-\[-1px\]{top:-1px}.top-\[var\(--mrc-drawer-header-height\)\]{top:var(--mrc-drawer-header-height)}.z-10{z-index:10}.z-40{z-index:40}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.float-left{float:left}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-\[24px\]{margin-top:24px;margin-bottom:24px}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\[16px\]{margin-bottom:16px}.mb-\[24px\]{margin-bottom:24px}.mb-\[8px\]{margin-bottom:8px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-8{margin-left:2rem}.ml-\[10px\]{margin-left:10px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\[5px\]{margin-right:5px}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-\[10px\]{margin-top:10px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-\[120px\]{height:120px}.h-\[20px\]{height:20px}.h-\[3\.25rem\]{height:3.25rem}.h-\[50px\]{height:50px}.h-\[var\(--mrc-drawer-handle-size\)\]{height:var(--mrc-drawer-handle-size)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[120px\]{max-height:120px}.max-h-\[150px\]{max-height:150px}.min-h-\[var\(--mrc-drawer-header-height\)\]{min-height:var(--mrc-drawer-header-height)}.w-10{width:2.5rem}.w-\[186px\]{width:186px}.w-\[var\(--mrc-drawer-handle-size\)\]{width:var(--mrc-drawer-handle-size)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[85px\]{min-width:85px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.basis-\[40px\]{flex-basis:40px}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.translate-x-\[var\(--mrc-drawer-width\)\]{--tw-translate-x: var(--mrc-drawer-width);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-t-0{border-top-width:0px}.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-\[--ods-color-blue-100\]{border-color:var(--ods-color-blue-100)}.border-\[--ods-color-blue-600\]{border-color:var(--ods-color-blue-600)}.border-\[--ods-color-neutral-500\]{border-color:var(--ods-color-neutral-500)}.border-\[--ods-color-primary-100\]{border-color:var(--ods-color-primary-100)}.border-\[--ods-color-primary-500\]{border-color:var(--ods-color-primary-500)}.border-t-\[--ods-color-neutral-100\]{border-top-color:var(--ods-color-neutral-100)}.bg-\[--ods-color-blue-100\]{background-color:var(--ods-color-blue-100)}.bg-\[--ods-color-primary-050\]{background-color:var(--ods-color-primary-050)}.bg-\[var\(--ods-color-information-500\)\]{background-color:var(--ods-color-information-500)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[12px\]{padding:12px}.p-\[1rem\]{padding:1rem}.p-\[8px\]{padding:8px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[24px\]{padding-left:24px;padding-right:24px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[15px\]{padding-top:15px;padding-bottom:15px}.py-\[16px\]{padding-top:16px;padding-bottom:16px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[20px\]{padding-left:20px}.pr-16{padding-right:4rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[5px\]{padding-top:5px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-\[18px\]{line-height:18px}.leading-\[20px\]{line-height:20px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.leading-\[43px\]{line-height:43px}.text-\[--ods-color-heading\]{color:var(--ods-color-heading)}.text-\[--ods-color-neutral-500\]{color:var(--ods-color-neutral-500)}.text-\[--ods-color-primary-500\]{color:var(--ods-color-primary-500)}.text-\[--ods-color-text\],.text-\[var\(--ods-color-text\)\]{color:var(--ods-color-text)}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[var\(--mrc-drawer-collapse-duration\)\]{transition-duration:var(--mrc-drawer-collapse-duration)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.action-banner.action-banner—-success .action-banner__text{color:var(--ods-color-success-700)}.action-banner.action-banner—-warning .action-banner__text{color:var(--ods-color-warning-700)}.action-banner.action-banner—-information .action-banner__text{color:var(--ods-color-information-700)}.action-banner.action-banner—-danger .action-banner__text,.action-banner.action-banner—-critical .action-banner__text{color:var(--ods-color-critical-700)}html{font-family:var(--ods-font-family-default)}.hover\:border-\[--ods-color-blue-600\]:hover{border-color:var(--ods-color-blue-600)}.hover\:bg-\[--ods-color-blue-100\]:hover{background-color:var(--ods-color-blue-100)}@media (min-width: 0){.xs\:pt-10{padding-top:2.5rem}}@media (min-width: 36em){.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:w-\[var\(--mrc-drawer-width\)\]{width:var(--mrc-drawer-width)}.sm\:w-auto{width:auto}.sm\:w-fit{width:fit-content}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-4{gap:1rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:pt-20{padding-top:5rem}}@media (min-width: 48em){.md\:order-1{order:1}.md\:order-3{order:3}.md\:float-right{float:right}.md\:mt-2{margin-top:.5rem}.md\:mt-\[0px\]{margin-top:0}.md\:w-1\/6{width:16.666667%}.md\:w-5\/6{width:83.333333%}.md\:w-auto{width:auto}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-6{gap:1.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}}.\[\&\:\:part\(button\)\]\:w-full::part(button){width:100%}.menu-item-ul{list-style:none;margin:0;padding:0;text-align:left}.menu-item-ul li a,.menu-item-ul li button{height:32px;border-radius:0;width:100%;justify-content:left}.menu-item-ul li a{padding-left:5px}.menu-item-ul li a:focus-visible,.menu-item-ul li a:hover{background-size:none;text-decoration:none;background-color:var(--ods-color-primary-100);color:var(--ods-color-primary-700);border:none;background:none}.menu-item-ul li a:after{background:none}.menu-item-ul li:hover{background-color:var(--ods-color-primary-100)}