@mgdis/mg-components 5.18.0 → 5.19.1

package/dist/collection/components/atoms/mg-icon/mg-icon.css

@@ -1,138 +0,0 @@
-/**
- * A11Y
- */
-.sr-only {
-  border: 0 !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  white-space: nowrap !important;
-}
-
-*:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@media (prefers-reduced-motion) {
-  .mg-a11y-animation {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-:host {
-  display: inline-flex;
-  vertical-align: middle;
-}
-
-.mg-icon {
-  color: currentColor;
-}
-.mg-icon[size=small], .mg-icon.mg-icon--size-small {
-  width: var(--mg-icon-small-size);
-  height: var(--mg-icon-small-size);
-}
-.mg-icon[size=small][class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon), .mg-icon.mg-icon--size-small[class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon) {
-  padding: calc(var(--mg-icon-small-size) / 2);
-}
-.mg-icon[size=regular], .mg-icon.mg-icon--size-regular {
-  width: var(--mg-icon-regular-size);
-  height: var(--mg-icon-regular-size);
-}
-.mg-icon[size=regular][class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon), .mg-icon.mg-icon--size-regular[class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon) {
-  padding: calc(var(--mg-icon-regular-size) / 2);
-}
-.mg-icon[size=medium], .mg-icon.mg-icon--size-medium {
-  width: var(--mg-icon-medium-size);
-  height: var(--mg-icon-medium-size);
-}
-.mg-icon[size=medium][class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon), .mg-icon.mg-icon--size-medium[class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon) {
-  padding: calc(var(--mg-icon-medium-size) / 2);
-}
-.mg-icon[size=large], .mg-icon.mg-icon--size-large {
-  width: var(--mg-icon-large-size);
-  height: var(--mg-icon-large-size);
-}
-.mg-icon[size=large][class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon), .mg-icon.mg-icon--size-large[class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon) {
-  padding: calc(var(--mg-icon-large-size) / 2);
-}
-.mg-icon[size=extra-large], .mg-icon.mg-icon--size-extra-large {
-  width: var(--mg-icon-extra-large-size);
-  height: var(--mg-icon-extra-large-size);
-}
-.mg-icon[size=extra-large][class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon), .mg-icon.mg-icon--size-extra-large[class*=mg-icon--variant-]:not(.mg-icon--variant-style-icon) {
-  padding: calc(var(--mg-icon-extra-large-size) / 2);
-}
-.mg-icon.mg-icon--variant-success.mg-icon--variant-style-icon {
-  color: hsl(var(--color-success-h), var(--color-success-s), var(--color-success-l));
-}
-.mg-icon.mg-icon--variant-warning.mg-icon--variant-style-icon {
-  color: hsl(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l));
-}
-.mg-icon.mg-icon--variant-danger.mg-icon--variant-style-icon {
-  color: hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l));
-}
-.mg-icon.mg-icon--variant-info.mg-icon--variant-style-icon {
-  color: hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l));
-}
-.mg-icon.mg-icon--variant-app.mg-icon--variant-style-icon {
-  color: hsl(var(--mg-color-app-h), var(--mg-color-app-s), var(--mg-color-app-l));
-}
-.mg-icon.mg-icon--variant-success.mg-icon--variant-style-background {
-  background-color: hsl(var(--color-success-h), var(--color-success-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-warning.mg-icon--variant-style-background {
-  background-color: hsl(var(--color-warning-h), var(--color-warning-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-danger.mg-icon--variant-style-background {
-  background-color: hsl(var(--color-danger-h), var(--color-danger-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-info.mg-icon--variant-style-background {
-  background-color: hsl(var(--color-info-h), var(--color-info-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-app.mg-icon--variant-style-background {
-  background-color: hsl(var(--mg-color-app-h), var(--mg-color-app-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-success.mg-icon--variant-style-full {
-  color: hsl(var(--color-success-h), var(--color-success-s), var(--color-success-l));
-  background-color: hsl(var(--color-success-h), var(--color-success-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-warning.mg-icon--variant-style-full {
-  color: hsl(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l));
-  background-color: hsl(var(--color-warning-h), var(--color-warning-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-danger.mg-icon--variant-style-full {
-  color: hsl(var(--color-danger-h), var(--color-danger-s), var(--color-danger-l));
-  background-color: hsl(var(--color-danger-h), var(--color-danger-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-info.mg-icon--variant-style-full {
-  color: hsl(var(--color-info-h), var(--color-info-s), var(--color-info-l));
-  background-color: hsl(var(--color-info-h), var(--color-info-s), var(--mg-color-soft-l));
-}
-.mg-icon.mg-icon--variant-app.mg-icon--variant-style-full {
-  color: hsl(var(--mg-color-app-h), var(--mg-color-app-s), var(--mg-color-app-l));
-  background-color: hsl(var(--mg-color-app-h), var(--mg-color-app-s), var(--mg-color-soft-l));
-}
-.mg-icon[class*=mg-icon--variant-] {
-  border-radius: var(--mg-icon-border-radius);
-}
-
-/**
-* Animations
-**/
-.mg-icon--spin {
-  animation-name: rotate;
-  animation-duration: 0.75s;
-  animation-iteration-count: infinite;
-}
-
-@keyframes rotate {
-  to {
-    transform: rotate(360deg);
-  }
-}

package/dist/collection/components/atoms/mg-input-title/mg-input-title.css

@@ -1,12 +0,0 @@
-.is-asterisk {
-  color: hsl(var(--color-danger));
-}
-
-legend.mg-input-title {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.mg-input-title__required {
-  display: var(--mg-input-title-display, unset);
-}

package/dist/collection/components/atoms/mg-input-title/test/mg-input-title.e2e.js

@@ -1,18 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-describe('mg-input-title', () => {
-  test('Should render', async () => {
-    const props = [
-      { isLegend: false, required: false },
-      { isLegend: false, required: true },
-      { isLegend: true, required: false },
-      { isLegend: true, required: true },
-    ];
-    const html = props
-      .map(({ isLegend, required }) => `<div><mg-input-title identifier="identifier" is-legend="${isLegend}" required=${required}>Label</mg-input-title></div>`)
-      .join('');
-    const page = await createPage(html, { width: 50, height: 75 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-input-title.e2e.js.map

package/dist/collection/components/atoms/mg-input-title/test/mg-input-title.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-title.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-input-title/test/mg-input-title.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAEtE,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,KAAK,GAAG;MACZ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE;MACpC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;MACnC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;MACnC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;KACnC,CAAC;IACF,MAAM,IAAI,GAAG,KAAK;OACf,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,2DAA2D,QAAQ,cAAc,QAAQ,+BAA+B,CAAC;OACzJ,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\n\ndescribe('mg-input-title', () => {\n  test('Should render', async () => {\n    const props = [\n      { isLegend: false, required: false },\n      { isLegend: false, required: true },\n      { isLegend: true, required: false },\n      { isLegend: true, required: true },\n    ];\n    const html = props\n      .map(({ isLegend, required }) => `<div><mg-input-title identifier=\"identifier\" is-legend=\"${isLegend}\" required=${required}>Label</mg-input-title></div>`)\n      .join('');\n    const page = await createPage(html, { width: 50, height: 75 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-tag/mg-tag.css

@@ -1,131 +0,0 @@
-/* Variables */
-/* Mixins */
-/* Styles */
-.mg-tag {
-  padding: calc((var(--mg-tag-height) - 0.2rem - var(--mg-tag-font-size) * var(--line-height)) / 2) 0.6rem;
-  min-height: var(--mg-tag-height);
-  box-sizing: border-box;
-  border-radius: var(--mg-tag-border-radius);
-  border: 0.1rem solid;
-  font-size: var(--mg-tag-font-size);
-  font-weight: 600;
-  text-align: center;
-}
-.mg-tag.mg-tag--primary {
-  background-color: hsl(var(--color-dark));
-  border-color: hsl(var(--color-dark));
-  color: hsl(var(--color-light));
-}
-.mg-tag.mg-tag--primary.mg-tag--outline {
-  background-color: transparent;
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--primary.mg-tag--soft {
-  font-weight: 400;
-  background-color: hsl(var(--color-dark-h), var(--color-dark-s), var(--mg-color-soft-l));
-  border-color: hsl(var(--color-dark-h), var(--color-dark-s), var(--mg-color-soft-l));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--primary.mg-tag--soft ::slotted(mg-icon) {
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--secondary {
-  background-color: hsl(var(--color-light));
-  border-color: hsl(var(--color-light));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--secondary.mg-tag--outline {
-  background-color: transparent;
-  color: hsl(var(--color-light));
-}
-.mg-tag.mg-tag--secondary.mg-tag--soft {
-  font-weight: 400;
-  background-color: hsl(var(--color-light-h), var(--color-light-s), var(--mg-color-soft-l));
-  border-color: hsl(var(--color-light-h), var(--color-light-s), var(--mg-color-soft-l));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--secondary.mg-tag--soft ::slotted(mg-icon) {
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--success {
-  background-color: hsl(var(--color-success));
-  border-color: hsl(var(--color-success));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--success.mg-tag--outline {
-  background-color: transparent;
-  color: hsl(var(--color-success));
-}
-.mg-tag.mg-tag--success.mg-tag--soft {
-  font-weight: 400;
-  background-color: hsl(var(--color-success-h), var(--color-success-s), var(--mg-color-soft-l));
-  border-color: hsl(var(--color-success-h), var(--color-success-s), var(--mg-color-soft-l));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--success.mg-tag--soft ::slotted(mg-icon) {
-  color: hsl(var(--color-success));
-}
-.mg-tag.mg-tag--warning {
-  background-color: hsl(var(--color-warning));
-  border-color: hsl(var(--color-warning));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--warning.mg-tag--outline {
-  background-color: transparent;
-  color: hsl(var(--color-warning));
-}
-.mg-tag.mg-tag--warning.mg-tag--soft {
-  font-weight: 400;
-  background-color: hsl(var(--color-warning-h), var(--color-warning-s), var(--mg-color-soft-l));
-  border-color: hsl(var(--color-warning-h), var(--color-warning-s), var(--mg-color-soft-l));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--warning.mg-tag--soft ::slotted(mg-icon) {
-  color: hsl(var(--color-warning));
-}
-.mg-tag.mg-tag--danger {
-  background-color: hsl(var(--color-danger));
-  border-color: hsl(var(--color-danger));
-  color: hsl(var(--color-light));
-}
-.mg-tag.mg-tag--danger.mg-tag--outline {
-  background-color: transparent;
-  color: hsl(var(--color-danger));
-}
-.mg-tag.mg-tag--danger.mg-tag--soft {
-  font-weight: 400;
-  background-color: hsl(var(--color-danger-h), var(--color-danger-s), var(--mg-color-soft-l));
-  border-color: hsl(var(--color-danger-h), var(--color-danger-s), var(--mg-color-soft-l));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--danger.mg-tag--soft ::slotted(mg-icon) {
-  color: hsl(var(--color-danger));
-}
-.mg-tag.mg-tag--info {
-  background-color: hsl(var(--color-info));
-  border-color: hsl(var(--color-info));
-  color: hsl(var(--color-light));
-}
-.mg-tag.mg-tag--info.mg-tag--outline {
-  background-color: transparent;
-  color: hsl(var(--color-info));
-}
-.mg-tag.mg-tag--info.mg-tag--soft {
-  font-weight: 400;
-  background-color: hsl(var(--color-info-h), var(--color-info-s), var(--mg-color-soft-l));
-  border-color: hsl(var(--color-info-h), var(--color-info-s), var(--mg-color-soft-l));
-  color: hsl(var(--color-dark));
-}
-.mg-tag.mg-tag--info.mg-tag--soft ::slotted(mg-icon) {
-  color: hsl(var(--color-info));
-}
-
-.mg-tag,
-mg-tag {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-::slotted(mg-icon) {
-  margin-right: 0.4rem;
-}

package/dist/collection/components/atoms/mg-tag/test/mg-tag.e2e.js

@@ -1,37 +0,0 @@
-import { createPage } from "../../../../utils/stencil.e2e.test.utils";
-import { darkBackground } from "../../../../utils/e2e.test.utils";
-import { variants } from "../mg-tag.conf";
-describe('mg-tag', () => {
-  test('Should render', async () => {
-    const html = variants
-      .map(variant => {
-      const template = [true, false]
-        .map(icon => [
-        { outline: false, soft: false },
-        { outline: true, soft: false },
-        { outline: false, soft: true },
-      ]
-        .map(({ outline, soft }) => darkBackground(variant === 'secondary', `<mg-tag style="margin: 0.2rem;" variant="${variant}" outline="${outline}" soft="${soft}">${icon ? '<mg-icon icon="user"></mg-icon>' : ''}${variant}</mg-tag>`))
-        .join(''))
-        .join('');
-      return `<h2>${variant}<h2/><div>${template}<div>`;
-    })
-      .join('');
-    const page = await createPage(html);
-    const element = await page.find('mg-tag');
-    expect(element).toHaveClass('hydrated');
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render a 2 lines tag', async () => {
-    const page = await createPage(`<mg-tag>Tag with a<br> two lines text</mg-tag>`);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  test('Should render a tag in a paragraph', async () => {
-    const page = await createPage(`<p>This is a <mg-tag>tag</mg-tag> in a paragraph.</p>`);
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-tag.e2e.js.map

package/dist/collection/components/atoms/mg-tag/test/mg-tag.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-tag.e2e.js","sourceRoot":"","sources":["../../../../../src/components/atoms/mg-tag/test/mg-tag.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;EACtB,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,IAAI,GAAG,QAAQ;OAClB,GAAG,CAAC,OAAO,CAAC,EAAE;MACb,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;SAC3B,GAAG,CAAC,IAAI,CAAC,EAAE,CACV;QACE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QAC/B,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;QAC9B,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE;OAC/B;SACE,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CACzB,cAAc,CACZ,OAAO,KAAK,WAAW,EACvB,4CAA4C,OAAO,cAAc,OAAO,WAAW,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,WAAW,CAC/J,CACF;SACA,IAAI,CAAC,EAAE,CAAC,CACZ;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;MACZ,OAAO,OAAO,OAAO,aAAa,QAAQ,OAAO,CAAC;IACpD,CAAC,CAAC;OACD,IAAI,CAAC,EAAE,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAExC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;IAC7C,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,gDAAgD,CAAC,CAAC;IAEhF,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,IAAI,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;IACpD,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,uDAAuD,CAAC,CAAC;IAEvF,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { createPage } from '../../../../utils/stencil.e2e.test.utils';\nimport { darkBackground } from '../../../../utils/e2e.test.utils';\nimport { variants } from '../mg-tag.conf';\n\ndescribe('mg-tag', () => {\n  test('Should render', async () => {\n    const html = variants\n      .map(variant => {\n        const template = [true, false]\n          .map(icon =>\n            [\n              { outline: false, soft: false },\n              { outline: true, soft: false },\n              { outline: false, soft: true },\n            ]\n              .map(({ outline, soft }) =>\n                darkBackground(\n                  variant === 'secondary',\n                  `<mg-tag style=\"margin: 0.2rem;\" variant=\"${variant}\" outline=\"${outline}\" soft=\"${soft}\">${icon ? '<mg-icon icon=\"user\"></mg-icon>' : ''}${variant}</mg-tag>`,\n                ),\n              )\n              .join(''),\n          )\n          .join('');\n        return `<h2>${variant}<h2/><div>${template}<div>`;\n      })\n      .join('');\n\n    const page = await createPage(html);\n\n    const element = await page.find('mg-tag');\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render a 2 lines tag', async () => {\n    const page = await createPage(`<mg-tag>Tag with a<br> two lines text</mg-tag>`);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  test('Should render a tag in a paragraph', async () => {\n    const page = await createPage(`<p>This is a <mg-tag>tag</mg-tag> in a paragraph.</p>`);\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}

package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.css

@@ -1,43 +0,0 @@
-:host {
-  display: none;
-  padding: 0.5rem 0.8rem;
-  z-index: 1000;
-  border-radius: var(--mg-tooltip-border-radius);
-  background-color: hsl(var(--mg-tooltip-background-color));
-  color: hsl(var(--mg-tooltip-font-color));
-  text-align: start;
-  max-width: 40rem;
-  box-sizing: border-box;
-}
-
-:host([data-show]) {
-  display: block;
-}
-
-::slotted([slot=arrow]) {
-  visibility: hidden;
-}
-::slotted([slot=arrow])::before {
-  visibility: visible;
-  content: "";
-  transform: rotate(45deg);
-}
-::slotted([slot=arrow]), ::slotted([slot=arrow])::before {
-  position: absolute;
-  width: 0.8rem;
-  height: 0.8rem;
-  z-index: 9999;
-  background-color: hsl(var(--mg-tooltip-background-color));
-}
-:host([data-popper-placement^=top]) > ::slotted([slot=arrow]) {
-  bottom: -4px;
-}
-:host([data-popper-placement^=bottom]) > ::slotted([slot=arrow]) {
-  top: -4px;
-}
-:host([data-popper-placement^=left]) > ::slotted([slot=arrow]) {
-  right: -4px;
-}
-:host([data-popper-placement^=right]) > ::slotted([slot=arrow]) {
-  left: -4px;
-}

package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.css

@@ -1,3 +0,0 @@
-:host {
-  display: inline-block;
-}

package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.css

@@ -1,268 +0,0 @@
-/**
- * Common style for MGDIS inputs
- */
-:host {
-  display: block;
-}
-
-.mg-input {
-  display: flex;
-  align-items: flex-start;
-  min-height: var(--default-size);
-  max-width: 100%;
-  margin-bottom: var(--mg-inputs-margin-bottom, 0);
-  /* Label */
-  /* Label-on-top */
-}
-.mg-input mg-input-title {
-  flex-shrink: var(--mg-inputs-shrink, 1);
-  width: var(--mg-inputs-title-width, auto);
-  margin-top: calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);
-  margin-right: var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));
-  text-align: right;
-}
-.mg-input.mg-input--label-on-top {
-  flex-direction: column;
-}
-.mg-input.mg-input--label-on-top .mg-input__input-container {
-  width: 100%;
-}
-
-/* Label-on-top */
-.mg-input__title {
-  display: flex;
-  align-items: baseline;
-  margin-bottom: 0.3rem;
-}
-.mg-input__title mg-input-title {
-  flex-shrink: 1;
-  width: auto;
-  margin-top: 0;
-  margin-right: var(--mg-inputs-spacer);
-  text-align: left;
-}
-.mg-input__title mg-tooltip {
-  margin-top: 0;
-}
-.mg-input__title mg-icon {
-  display: inline-flex;
-  vertical-align: text-bottom;
-}
-
-.mg-input__input-container {
-  min-height: var(--default-size);
-  /* Readonly */
-}
-.mg-input__input-container > strong {
-  display: inline-block;
-  margin-top: calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);
-  min-height: var(--font-size);
-}
-.mg-input__input-container mg-tooltip {
-  display: inline-flex;
-  width: var(--mg-icon-regular-size);
-  height: var(--mg-icon-regular-size);
-  margin-left: var(--mg-inputs-spacer);
-}
-.mg-input__input-container .mg-input__help-text,
-.mg-input__input-container .mg-input__error {
-  text-align: start;
-  font-size: 1.2rem;
-}
-
-.mg-input__input {
-  display: flex;
-  /* Manage space between input and first message */
-  /* Set custom opacity on disabled input */
-}
-.mg-input__input mg-tooltip {
-  margin-top: calc((var(--default-size) - var(--mg-icon-regular-size)) / 2);
-}
-.mg-input__input.mg-input__input--has-error .mg-input__box {
-  border-color: hsl(var(--color-danger));
-}
-.mg-input__input + .mg-input__help-text, .mg-input__input + .mg-input__error {
-  margin-top: 0.5rem;
-}
-.mg-input__input .mg-input__box:disabled, .mg-input__input-group--disabled label, .mg-input.mg-input--toggle-disabled .mg-input__input .mg-input__button-toggle, .mg-input.mg-input--checkbox-multi-disabled .mg-input__input strong {
-  opacity: var(--mg-disabled-opacity);
-}
-
-.mg-input__error {
-  display: inline-block;
-  margin-top: 0.2rem;
-  padding: 0.3rem 0.8rem;
-  border-radius: 0.3rem;
-  background: hsl(var(--mg-inputs-error-bg-color));
-  color: hsl(var(--color-danger));
-}
-
-.mg-input__input mg-icon, .mg-input__error mg-icon {
-  display: flex;
-}
-
-/**
- * Manage style when input needs to be a fieldset, like checkbox and radio.
- */
-fieldset.mg-input {
-  border: 0;
-  margin-left: 0;
-  margin-right: 0;
-  padding: 0;
-}
-fieldset.mg-input input[type=radio],
-fieldset.mg-input input[type=checkbox] {
-  flex-shrink: 0;
-  /* Ensure checkbox won't resize in flex element */
-  width: var(--mg-input-check-size);
-  height: var(--mg-input-check-size);
-  margin-top: calc((var(--font-size) * var(--line-height) - var(--mg-input-check-size)) / 2);
-  margin-right: 0.6rem;
-  margin-bottom: 0;
-  margin-left: 0;
-}
-fieldset.mg-input.mg-input--label-on-top .mg-input__input-group-container {
-  margin-top: 0.7rem;
-}
-
-.mg-input__input-container mg-tooltip {
-  margin-left: 3rem;
-}
-
-/* input group container */
-.mg-input__input-group-container {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: flex;
-  flex-wrap: wrap;
-  column-gap: 2.3rem;
-  row-gap: 1rem;
-  margin-top: calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);
-}
-.mg-input__input-group-container--vertical {
-  flex-direction: column;
-}
-
-/* input group */
-.mg-input__input-group {
-  display: flex;
-  align-items: top;
-}
-
-/**
- * A11Y
- */
-.sr-only {
-  border: 0 !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  white-space: nowrap !important;
-}
-
-*:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@media (prefers-reduced-motion) {
-  .mg-a11y-animation {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-/**
-* checkbox multi
-*/
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi {
-  display: flex;
-  flex-wrap: wrap;
-  gap: calc(var(--mg-inputs-spacer) * 1.2);
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi--with-values.mg-input__input-checkbox-multi {
-  gap: 0.4rem;
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-values-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: calc(0.4rem * 1);
-  flex-direction: row;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-value {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  min-height: var(--default-size);
-  min-width: var(--default-size);
-  padding: calc((var(--default-size) - 0.2rem - var(--font-size) * var(--line-height)) / 2) 1.1rem;
-  background-color: hsl(var(--mg-color-dark-5-hsl));
-  border-radius: 0.3rem;
-  font-size: var(--font-size);
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-no-result {
-  text-align: center;
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-text, .mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-title {
-  display: inline;
-  margin: 0;
-  color: hsl(var(--mg-color-dark-40-hsl));
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-title {
-  margin: 0 1.1rem;
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-sections {
-  display: flex;
-  flex-wrap: wrap;
-  gap: calc(0.4rem * 1);
-  flex-direction: column;
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-sections-container {
-  display: flex;
-  flex-wrap: nowrap;
-  gap: calc(0.4rem * 0);
-  flex-direction: column;
-  max-height: 80vh;
-  padding-right: 1rem;
-  overflow-y: auto;
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-section-header {
-  display: flex;
-  flex-wrap: wrap;
-  gap: calc(0.4rem * 2);
-  flex-direction: row;
-  align-items: center;
-  min-height: var(--default-size);
-}
-.mg-input.mg-input--checkbox-multi .mg-input__input-checkbox-multi-inputs {
-  margin: 0;
-  padding: 0.4rem calc(0.4rem * 2) 0.4rem calc(0.4rem / 2);
-}
-.mg-input.mg-input--checkbox-multi:not(.mg-input--label-on-top) mg-tooltip {
-  margin-left: var(--mg-inputs-spacer);
-}
-.mg-input.mg-input--checkbox-multi mg-popover {
-  --mg-popover-min-width: 7rem;
-  --mg-card-padding: calc(0.4rem * 2);
-}
-.mg-input.mg-input--checkbox-multi mg-popover-content [slot=content] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: calc(0.4rem * 2);
-  flex-direction: column;
-}
-.mg-input.mg-input--checkbox-multi mg-popover-content [slot=content] .mg-input__input-group {
-  margin-left: calc(0.4rem * 2);
-}
-.mg-input.mg-input--checkbox-multi mg-input-text {
-  --mg-inputs-margin-bottom: 0;
-}