@mozaic-ds/web-components 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -45,7 +45,6 @@
     "docs": "node generate-docs.js",
     "lint-staged": "lint-staged",
     "start:wc": "npx serve dist",
-    "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
     "release": "release-it",
     "release:beta": "release-it --preRelease=beta  --npm.tag=beta --github.preRelease",
     "release:alpha": "release-it --preRelease=alpha --npm.tag=alpha --github.preRelease",
@@ -56,44 +55,42 @@
   },
   "dependencies": {
     "@mozaic-ds/icons-svelte": "1.1.0",
-    "@mozaic-ds/styles": "^2.0.1",
-    "@mozaic-ds/tokens": "^2.0.1",
+    "@mozaic-ds/styles": "^2.5.0",
+    "@mozaic-ds/tokens": "^2.5.0",
     "@mozaic-ds/web-fonts": "1.65.0",
     "svelte": "^5.38.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
-    "@commitlint/cli": "^19.8.0",
-    "@commitlint/config-conventional": "^19.8.0",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@eslint/compat": "^1.4.0",
     "@eslint/js": "^9.38.0",
-    "@release-it/conventional-changelog": "^8.0.2",
+    "@release-it/conventional-changelog": "^10.0.1",
     "@storybook/addon-a11y": "^9.1.5",
     "@storybook/addon-docs": "^9.1.5",
-    "@storybook/addon-links": "^9.1.5",
     "@storybook/addon-themes": "^9.1.13",
     "@storybook/web-components-vite": "^9.1.5",
     "@sveltejs/kit": "^2.20.8",
     "@sveltejs/package": "^2.5.0",
-    "@sveltejs/vite-plugin-svelte": "^5.1.1",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.2.8",
     "@tsconfig/svelte": "^5.0.4",
-    "@vitest/coverage-v8": "^3.2.4",
-    "chromatic": "^6.3.3",
+    "@vitest/coverage-v8": "^4.0.7",
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-storybook": "^9.1.13",
     "eslint-plugin-svelte": "^3.12.5",
-    "husky": "^6.0.0",
+    "glob": "^11.0.3",
+    "husky": "^9.1.7",
     "jsdom": "^27.0.0",
-    "lint-staged": "^11.2.6",
+    "lint-staged": "^16.2.6",
     "mdx-mermaid": "^2.0.3",
     "mermaid": "^11.12.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
-    "release-it": "^17.0.0",
+    "release-it": "^19.0.5",
     "sass": "^1.85.1",
     "storybook": "^9.1.5",
     "storybook-addon-tag-badges": "^2.0.2",
@@ -101,8 +98,8 @@
     "svelte-loader": "^3.2.3",
     "typescript": "^5.5.0",
     "typescript-eslint": "^8.46.2",
-    "vite": "^6.2.1",
-    "vitest": "^3.2.4"
+    "vite": "^7.1.12",
+    "vitest": "^4.0.7"
   },
   "lint-staged": {
     "src/**/*.{js,ts,svelte}": [

package/dist/components/tags/README.md

@@ -1,9 +0,0 @@
-# `mc-tag`
-
-## Props
-
-| Name | Description | Type | Default |
-|------|-------------|------|---------|
-| `label*` |  | `string` |   |
-| `size` |  | `'s'` `'m'` `'l'` | `m` |
-

package/dist/components/tags/Tag.js

@@ -1,4 +0,0 @@
-import{c as m,p as f,a as b,b as c,f as h,z as p,t as w,i as x,j,k as i,d,r as n,h as k}from"../../custom-element.js";import{b as _}from"../../attributes.js";var E=h('<span><span class="mc-tag__label svelte-ajo7cu"> </span></span>');const C={hash:"svelte-ajo7cu",code:`/**
- * Do not edit directly, this file was auto-generated.
- */.mc-tag.svelte-ajo7cu {font-size:var(--font-size-100, 0.875rem);border-radius:2rem;height:2rem;padding-inline:0.75rem;box-sizing:border-box;display:inline-flex;align-items:center;background:var(--tag-color-background-standard, #ffffff);color:var(--tag-color-text-standard, #242938);border:var(--border-s, 1px) solid var(--tag-color-border, #999999);}.mc-tag--s.svelte-ajo7cu {font-size:var(--font-size-50, 0.75rem);border-radius:1.5rem;height:1.5rem;padding-inline:0.5rem;}.mc-tag--l.svelte-ajo7cu {font-size:var(--font-size-100, 0.875rem);border-radius:2.5rem;height:2.5rem;padding-inline:1rem;}.mc-tag.is-disabled.svelte-ajo7cu, .mc-tag.svelte-ajo7cu:disabled {cursor:not-allowed;background:var(--color-background-disabled, #d9d9d9);color:var(--color-text-disabled, #737373);border-color:var(--color-background-disabled, #d9d9d9);box-shadow:none;}.mc-tag-interactive.svelte-ajo7cu {text-decoration:none;outline:none;cursor:pointer;font-weight:var(--font-weight-semi-bold, 600);}.mc-tag-interactive.svelte-ajo7cu:not(:disabled):hover {box-shadow:inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);}.mc-tag-interactive.svelte-ajo7cu:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-contextualised.svelte-ajo7cu {gap:0.25rem;text-decoration:none;outline:none;color:var(--tag-color-text-inverse, #ffffff);border:none;background:var(--tag-color-background-selected, #117f03);cursor:pointer;font-weight:var(--font-weight-semi-bold, 600);padding-inline-end:1rem;padding-inline-start:0.5rem;}.mc-tag-contextualised.svelte-ajo7cu:not(:disabled):hover {background:var(--tag-color-background-selected-hover, #006902);}.mc-tag-contextualised.svelte-ajo7cu:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-contextualised.mc-tag--s.svelte-ajo7cu {padding-inline-end:0.5rem;padding-inline-start:0.25rem;}.mc-tag-removable.svelte-ajo7cu {padding:0 0 0 1rem;background:var(--tag-color-background-inverse, #242938);color:var(--tag-color-text-inverse, #ffffff);border:none;}.mc-tag-removable__remove.svelte-ajo7cu {width:2rem;height:2rem;background-size:1.5rem;background:transparent;border:none;margin:0 0 0 0.125rem;padding:0.25rem;display:block;cursor:pointer;border-radius:var(--radius-full, 100%);}.mc-tag-removable__remove.svelte-ajo7cu:hover {background:var(--tag-color-background-inverse-hover, #343b4c);}.mc-tag-removable__remove.svelte-ajo7cu:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-removable__icon.svelte-ajo7cu {fill:var(--tag-color-delete-icon, #c9d0de);width:1.5rem;height:1.5rem;}.mc-tag-removable__text.svelte-ajo7cu {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-tag-removable.mc-tag--s.svelte-ajo7cu {padding:0 0 0 0.5rem;}.mc-tag-selectable.svelte-ajo7cu {gap:0.25rem;white-space:nowrap;cursor:pointer;padding-inline-start:0.5rem;font-weight:var(--font-weight-semi-bold, 600);}.mc-tag-selectable.svelte-ajo7cu:hover {box-shadow:inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);}.mc-tag-selectable.svelte-ajo7cu:has(:where(.svelte-ajo7cu):focus-visible) {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-selectable.svelte-ajo7cu:has(:where(.svelte-ajo7cu):checked) {background:var(--tag-color-background-selected, #117f03);color:var(--tag-color-text-inverse, #ffffff);border:none;}.mc-tag-selectable.svelte-ajo7cu:has(:where(.svelte-ajo7cu):checked)::before {display:inline-block;content:"";height:1.25rem;width:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--tag-color-text-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-tag-selectable.svelte-ajo7cu:has(:where(.svelte-ajo7cu):checked):not(:has(:disabled)):hover {background:var(--tag-color-background-selected-hover, #006902);border-color:var(--tag-color-background-selected-hover, #006902);box-shadow:none;}.mc-tag-selectable.svelte-ajo7cu:has(:where(.svelte-ajo7cu):disabled) {cursor:not-allowed;background:var(--color-background-disabled, #d9d9d9);color:var(--color-text-disabled, #737373);border-color:var(--color-background-disabled, #d9d9d9);box-shadow:none;}.mc-tag-selectable.svelte-ajo7cu:has(:where(.svelte-ajo7cu):disabled)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--color-text-disabled, %23737373)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-tag-selectable.svelte-ajo7cu .mc-tag__label:where(.svelte-ajo7cu) {user-select:none;}.mc-tag-selectable.mc-tag--s.svelte-ajo7cu {padding-inline-start:0.25rem;gap:0.125rem;}.mc-tag-selectable.mc-tag--l.svelte-ajo7cu {padding-inline-start:0.75rem;}`};function z(l,e){f(e,!0),b(l,C);let r=c(e,"label",7),o=c(e,"size",7,"m"),u=p(e,["$$slots","$$events","$$legacy","$$host","label","size"]);var v={get label(){return r()},set label(t){r(t),i()},get size(){return o()},set size(t="m"){o(t),i()}},a=E();_(a,()=>({class:`mc-tag  ${o()!=="m"?`mc-tag--${o()}`:""}`,...u}),void 0,void 0,"svelte-ajo7cu");var s=d(a),g=d(s,!0);return n(s),n(a),w(()=>k(g,r())),x(l,a),j(v)}customElements.define("mc-tag",m(z,{label:{},size:{}},[],[],!0));
-//# sourceMappingURL=Tag.js.map

package/dist/components/tags/Tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/tags/Tag.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'mc-tag' }} />\n\n<script lang=\"ts\">\n  interface Props {\n    label: string;\n    size?: 's' | 'm' | 'l';\n    [key: string]: any;\n  }\n\n  let { label, size = 'm', ...attrs }: Props = $props();\n</script>\n\n<span class={`mc-tag  ${size !== 'm' ? `mc-tag--${size}` : ''}`} {...attrs}>\n  <span class=\"mc-tag__label\">{label}</span>\n</span>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tag';\n  @use '@mozaic-ds/styles/components/tag/c.tag-selectable';\n</style>\n"],"names":["label","$.prop","$$props","size","attrs","$.rest_props"],"mappings":";;oiMAAA,oBASQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,eAAO,GAAG,EAAKC,EAAKC,EAAAH,EAAA,CAAA,UAAA,WAAA,WAAA,SAAA,QAAA,MAAA,CAAA,0FAAb,IAAG,4BAGD,MAAA,WAAAC,EAAI,IAAK,IAAG,WAAcA,EAAI,IAAK,EAAE,MAAQC,mFACtCJ,EAAK,CAAA,CAAA,aAHpC"}

package/dist/components/tags/Tag.svelte

@@ -1,218 +0,0 @@
-<svelte:options customElement={{ tag: 'mc-tag' }} />
-
-<script lang="ts">
-  interface Props {
-    label: string;
-    size?: 's' | 'm' | 'l';
-    [key: string]: any;
-  }
-
-  let { label, size = 'm', ...attrs }: Props = $props();
-</script>
-
-<span class={`mc-tag  ${size !== 'm' ? `mc-tag--${size}` : ''}`} {...attrs}>
-  <span class="mc-tag__label">{label}</span>
-</span>
-
-<style>/**
- * Do not edit directly, this file was auto-generated.
- */
-.mc-tag {
-  font-size: var(--font-size-100, 0.875rem);
-  border-radius: 2rem;
-  height: 2rem;
-  padding-inline: 0.75rem;
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  background: var(--tag-color-background-standard, #ffffff);
-  color: var(--tag-color-text-standard, #242938);
-  border: var(--border-s, 1px) solid var(--tag-color-border, #999999);
-}
-.mc-tag--s {
-  font-size: var(--font-size-50, 0.75rem);
-  border-radius: 1.5rem;
-  height: 1.5rem;
-  padding-inline: 0.5rem;
-}
-.mc-tag--l {
-  font-size: var(--font-size-100, 0.875rem);
-  border-radius: 2.5rem;
-  height: 2.5rem;
-  padding-inline: 1rem;
-}
-.mc-tag.is-disabled, .mc-tag:disabled {
-  cursor: not-allowed;
-  background: var(--color-background-disabled, #d9d9d9);
-  color: var(--color-text-disabled, #737373);
-  border-color: var(--color-background-disabled, #d9d9d9);
-  box-shadow: none;
-}
-.mc-tag.is-disabled .mc-badge, .mc-tag:disabled .mc-badge {
-  color: currentColor;
-}
-
-.mc-tag-interactive {
-  text-decoration: none;
-  outline: none;
-  cursor: pointer;
-  font-weight: var(--font-weight-semi-bold, 600);
-}
-.mc-tag-interactive:not(:disabled):hover {
-  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);
-}
-.mc-tag-interactive:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-
-.mc-tag-contextualised {
-  gap: 0.25rem;
-  text-decoration: none;
-  outline: none;
-  color: var(--tag-color-text-inverse, #ffffff);
-  border: none;
-  background: var(--tag-color-background-selected, #117f03);
-  cursor: pointer;
-  font-weight: var(--font-weight-semi-bold, 600);
-  padding-inline-end: 1rem;
-  padding-inline-start: 0.5rem;
-}
-.mc-tag-contextualised:not(:disabled):hover {
-  background: var(--tag-color-background-selected-hover, #006902);
-}
-.mc-tag-contextualised:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-.mc-tag-contextualised.mc-tag--s {
-  padding-inline-end: 0.5rem;
-  padding-inline-start: 0.25rem;
-}
-
-.mc-tag-removable {
-  padding: 0 0 0 1rem;
-  background: var(--tag-color-background-inverse, #242938);
-  color: var(--tag-color-text-inverse, #ffffff);
-  border: none;
-}
-.mc-tag-removable__remove {
-  width: 2rem;
-  height: 2rem;
-  background-size: 1.5rem;
-  background: transparent;
-  border: none;
-  margin: 0 0 0 0.125rem;
-  padding: 0.25rem;
-  display: block;
-  cursor: pointer;
-  border-radius: var(--radius-full, 100%);
-}
-.mc-tag-removable__remove:hover {
-  background: var(--tag-color-background-inverse-hover, #343b4c);
-}
-.mc-tag-removable__remove:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-.mc-tag-removable__icon {
-  fill: var(--tag-color-delete-icon, #c9d0de);
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.mc-tag-removable__text {
-  clip-path: inset(100%);
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  padding: 0;
-  width: 1px;
-}
-.mc-tag-removable.mc-tag--s {
-  padding: 0 0 0 0.5rem;
-}
-.mc-tag-removable.mc-tag--s .mc-tag-removable__remove {
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: 0.125rem;
-}
-.mc-tag-removable.mc-tag--s .mc-tag-removable__icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.mc-tag-removable.mc-tag--l .mc-tag-removable__remove {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-.mc-tag-removable.mc-tag--l .mc-tag-removable__icon {
-  width: 2rem;
-  height: 2rem;
-}
-
-.mc-tag-selectable {
-  gap: 0.25rem;
-  white-space: nowrap;
-  cursor: pointer;
-  padding-inline-start: 0.5rem;
-  font-weight: var(--font-weight-semi-bold, 600);
-}
-.mc-tag-selectable:hover {
-  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);
-}
-.mc-tag-selectable:has(:focus-visible) {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-.mc-tag-selectable:has(:checked) {
-  background: var(--tag-color-background-selected, #117f03);
-  color: var(--tag-color-text-inverse, #ffffff);
-  border: none;
-}
-.mc-tag-selectable:has(:checked)::before {
-  display: inline-block;
-  content: "";
-  height: 1.25rem;
-  width: 1.25rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--tag-color-text-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-}
-.mc-tag-selectable:has(:checked):not(:has(:disabled)):hover {
-  background: var(--tag-color-background-selected-hover, #006902);
-  border-color: var(--tag-color-background-selected-hover, #006902);
-  box-shadow: none;
-}
-.mc-tag-selectable:has(:disabled) {
-  cursor: not-allowed;
-  background: var(--color-background-disabled, #d9d9d9);
-  color: var(--color-text-disabled, #737373);
-  border-color: var(--color-background-disabled, #d9d9d9);
-  box-shadow: none;
-}
-.mc-tag-selectable:has(:disabled)::before {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--color-text-disabled, %23737373)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-}
-.mc-tag-selectable .mc-tag__input {
-  clip-path: inset(100%);
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  padding: 0;
-  width: 1px;
-}
-.mc-tag-selectable .mc-tag__label {
-  user-select: none;
-}
-.mc-tag-selectable.mc-tag--s {
-  padding-inline-start: 0.25rem;
-  gap: 0.125rem;
-}
-.mc-tag-selectable.mc-tag--l {
-  padding-inline-start: 0.75rem;
-}</style>

package/dist/components/tags/Tag.svelte.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    label: string;
-    size?: 's' | 'm' | 'l';
-    [key: string]: any;
-}
-declare const Tag: import("svelte").Component<Props, {}, "">;
-type Tag = ReturnType<typeof Tag>;
-export default Tag;
-//# sourceMappingURL=Tag.svelte.d.ts.map

package/dist/components/tags/Tag.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/tags/Tag.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAiBH,QAAA,MAAM,GAAG,2CAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/components/tags/TagContextualised.js

@@ -1,4 +0,0 @@
-import{c as w,p,a as x,b as o,f as k,z as _,d as g,s as C,t as E,i as z,j as N,k as l,r as v,h as y}from"../../custom-element.js";import{b as M}from"../../attributes.js";import{N as P}from"../numberbadge/NumberBadge.js";var B=k('<button><!> <span class="mc-tag__label svelte-ra288w"> </span></button>');const H={hash:"svelte-ra288w",code:`/**
- * Do not edit directly, this file was auto-generated.
- */.mc-tag.svelte-ra288w {font-size:var(--font-size-100, 0.875rem);border-radius:2rem;height:2rem;padding-inline:0.75rem;box-sizing:border-box;display:inline-flex;align-items:center;background:var(--tag-color-background-standard, #ffffff);color:var(--tag-color-text-standard, #242938);border:var(--border-s, 1px) solid var(--tag-color-border, #999999);}.mc-tag--s.svelte-ra288w {font-size:var(--font-size-50, 0.75rem);border-radius:1.5rem;height:1.5rem;padding-inline:0.5rem;}.mc-tag--l.svelte-ra288w {font-size:var(--font-size-100, 0.875rem);border-radius:2.5rem;height:2.5rem;padding-inline:1rem;}.mc-tag.is-disabled.svelte-ra288w, .mc-tag.svelte-ra288w:disabled {cursor:not-allowed;background:var(--color-background-disabled, #d9d9d9);color:var(--color-text-disabled, #737373);border-color:var(--color-background-disabled, #d9d9d9);box-shadow:none;}.mc-tag-interactive.svelte-ra288w {text-decoration:none;outline:none;cursor:pointer;font-weight:var(--font-weight-semi-bold, 600);}.mc-tag-interactive.svelte-ra288w:not(:disabled):hover {box-shadow:inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);}.mc-tag-interactive.svelte-ra288w:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-contextualised.svelte-ra288w {gap:0.25rem;text-decoration:none;outline:none;color:var(--tag-color-text-inverse, #ffffff);border:none;background:var(--tag-color-background-selected, #117f03);cursor:pointer;font-weight:var(--font-weight-semi-bold, 600);padding-inline-end:1rem;padding-inline-start:0.5rem;}.mc-tag-contextualised.svelte-ra288w:not(:disabled):hover {background:var(--tag-color-background-selected-hover, #006902);}.mc-tag-contextualised.svelte-ra288w:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-contextualised.mc-tag--s.svelte-ra288w {padding-inline-end:0.5rem;padding-inline-start:0.25rem;}.mc-tag-removable.svelte-ra288w {padding:0 0 0 1rem;background:var(--tag-color-background-inverse, #242938);color:var(--tag-color-text-inverse, #ffffff);border:none;}.mc-tag-removable__remove.svelte-ra288w {width:2rem;height:2rem;background-size:1.5rem;background:transparent;border:none;margin:0 0 0 0.125rem;padding:0.25rem;display:block;cursor:pointer;border-radius:var(--radius-full, 100%);}.mc-tag-removable__remove.svelte-ra288w:hover {background:var(--tag-color-background-inverse-hover, #343b4c);}.mc-tag-removable__remove.svelte-ra288w:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-removable__icon.svelte-ra288w {fill:var(--tag-color-delete-icon, #c9d0de);width:1.5rem;height:1.5rem;}.mc-tag-removable__text.svelte-ra288w {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-tag-removable.mc-tag--s.svelte-ra288w {padding:0 0 0 0.5rem;}.mc-tag-selectable.svelte-ra288w {gap:0.25rem;white-space:nowrap;cursor:pointer;padding-inline-start:0.5rem;font-weight:var(--font-weight-semi-bold, 600);}.mc-tag-selectable.svelte-ra288w:hover {box-shadow:inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);}.mc-tag-selectable.svelte-ra288w:has(:where(.svelte-ra288w):focus-visible) {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-selectable.svelte-ra288w:has(:where(.svelte-ra288w):checked) {background:var(--tag-color-background-selected, #117f03);color:var(--tag-color-text-inverse, #ffffff);border:none;}.mc-tag-selectable.svelte-ra288w:has(:where(.svelte-ra288w):checked)::before {display:inline-block;content:"";height:1.25rem;width:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--tag-color-text-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-tag-selectable.svelte-ra288w:has(:where(.svelte-ra288w):checked):not(:has(:disabled)):hover {background:var(--tag-color-background-selected-hover, #006902);border-color:var(--tag-color-background-selected-hover, #006902);box-shadow:none;}.mc-tag-selectable.svelte-ra288w:has(:where(.svelte-ra288w):disabled) {cursor:not-allowed;background:var(--color-background-disabled, #d9d9d9);color:var(--color-text-disabled, #737373);border-color:var(--color-background-disabled, #d9d9d9);box-shadow:none;}.mc-tag-selectable.svelte-ra288w:has(:where(.svelte-ra288w):disabled)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--color-text-disabled, %23737373)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-tag-selectable.svelte-ra288w .mc-tag__label:where(.svelte-ra288w) {user-select:none;}.mc-tag-selectable.mc-tag--s.svelte-ra288w {padding-inline-start:0.25rem;gap:0.125rem;}.mc-tag-selectable.mc-tag--l.svelte-ra288w {padding-inline-start:0.75rem;}`};function S(c,r){p(r,!0),x(c,H);let s=o(r,"label",7),i=o(r,"contextualisedNumber",7,"99"),a=o(r,"size",7,"m"),d=o(r,"disabled",7,!1),f=_(r,["$$slots","$$events","$$legacy","$$host","label","contextualisedNumber","size","disabled"]);const u=a()==="l"?"m":"s";var b={get label(){return s()},set label(e){s(e),l()},get contextualisedNumber(){return i()},set contextualisedNumber(e="99"){i(e),l()},get size(){return a()},set size(e="m"){a(e),l()},get disabled(){return d()},set disabled(e=!1){d(e),l()}},t=B();M(t,()=>({class:`mc-tag mc-tag-contextualised ${a()!=="m"?`mc-tag--${a()}`:""}`,disabled:d(),...f}),void 0,void 0,"svelte-ra288w");var n=g(t);P(n,{appearance:"inverse",get label(){return i()},get size(){return u}});var m=C(n,2),h=g(m,!0);return v(m),v(t),E(()=>y(h,s())),z(c,t),N(b)}customElements.define("mc-tag-contextualised",w(S,{label:{},contextualisedNumber:{},size:{},disabled:{}},[],[],!0));
-//# sourceMappingURL=TagContextualised.js.map

package/dist/components/tags/TagContextualised.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagContextualised.js","sources":["../../../src/components/tags/TagContextualised.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'mc-tag-contextualised' }} />\n\n<script lang=\"ts\">\n  import NumberBadge from '../numberbadge/NumberBadge.svelte';\n\n  interface Props {\n    label: string;\n    contextualisedNumber?: string;\n    size?: 's' | 'm' | 'l' | undefined;\n    disabled?: boolean;\n    [key: string]: any;\n  }\n\n  let {\n    label,\n    contextualisedNumber = '99',\n    size = 'm',\n    disabled = false,\n    ...attrs\n  }: Props = $props();\n\n  const badgeSize = size === 'l' ? 'm' : 's';\n</script>\n\n<button\n  class={`mc-tag mc-tag-contextualised ${size !== 'm' ? `mc-tag--${size}` : ''}`}\n  {disabled}\n  {...attrs}\n>\n  <NumberBadge appearance=\"inverse\" label={contextualisedNumber} size={badgeSize} />\n  <span class=\"mc-tag__label\">{label}</span>\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tag';\n</style>\n"],"names":["label","$.prop","$$props","contextualisedNumber","size","disabled","attrs","$.rest_props","badgeSize"],"mappings":";;oiMAAA,oBAcIA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EACLC,+BAAuB,IAAI,EAC3BC,eAAO,GAAG,EACVC,mBAAW,EAAK,EACbC,EAAAC,EAAAL,EAAA,6FAGC,MAAAM,EAAYJ,EAAI,IAAK,IAAM,IAAM,4HANd,KAAI,6CACpB,IAAG,qDACC,GAAK,4BAQqB,MAAA,gCAAAA,EAAI,IAAK,IAAG,WAAcA,EAAI,IAAK,EAAE,mBAExEE,2FAEqCH,EAAoB,qBAAQK,uDACxCR,EAAK,CAAA,CAAA,aARpC"}

package/dist/components/tags/TagContextualised.svelte

@@ -1,235 +0,0 @@
-<svelte:options customElement={{ tag: 'mc-tag-contextualised' }} />
-
-<script lang="ts">
-  import NumberBadge from '../numberbadge/NumberBadge.svelte';
-
-  interface Props {
-    label: string;
-    contextualisedNumber?: string;
-    size?: 's' | 'm' | 'l' | undefined;
-    disabled?: boolean;
-    [key: string]: any;
-  }
-
-  let {
-    label,
-    contextualisedNumber = '99',
-    size = 'm',
-    disabled = false,
-    ...attrs
-  }: Props = $props();
-
-  const badgeSize = size === 'l' ? 'm' : 's';
-</script>
-
-<button
-  class={`mc-tag mc-tag-contextualised ${size !== 'm' ? `mc-tag--${size}` : ''}`}
-  {disabled}
-  {...attrs}
->
-  <NumberBadge appearance="inverse" label={contextualisedNumber} size={badgeSize} />
-  <span class="mc-tag__label">{label}</span>
-</button>
-
-<style>/**
- * Do not edit directly, this file was auto-generated.
- */
-.mc-tag {
-  font-size: var(--font-size-100, 0.875rem);
-  border-radius: 2rem;
-  height: 2rem;
-  padding-inline: 0.75rem;
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  background: var(--tag-color-background-standard, #ffffff);
-  color: var(--tag-color-text-standard, #242938);
-  border: var(--border-s, 1px) solid var(--tag-color-border, #999999);
-}
-.mc-tag--s {
-  font-size: var(--font-size-50, 0.75rem);
-  border-radius: 1.5rem;
-  height: 1.5rem;
-  padding-inline: 0.5rem;
-}
-.mc-tag--l {
-  font-size: var(--font-size-100, 0.875rem);
-  border-radius: 2.5rem;
-  height: 2.5rem;
-  padding-inline: 1rem;
-}
-.mc-tag.is-disabled, .mc-tag:disabled {
-  cursor: not-allowed;
-  background: var(--color-background-disabled, #d9d9d9);
-  color: var(--color-text-disabled, #737373);
-  border-color: var(--color-background-disabled, #d9d9d9);
-  box-shadow: none;
-}
-.mc-tag.is-disabled .mc-badge, .mc-tag:disabled .mc-badge {
-  color: currentColor;
-}
-
-.mc-tag-interactive {
-  text-decoration: none;
-  outline: none;
-  cursor: pointer;
-  font-weight: var(--font-weight-semi-bold, 600);
-}
-.mc-tag-interactive:not(:disabled):hover {
-  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);
-}
-.mc-tag-interactive:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-
-.mc-tag-contextualised {
-  gap: 0.25rem;
-  text-decoration: none;
-  outline: none;
-  color: var(--tag-color-text-inverse, #ffffff);
-  border: none;
-  background: var(--tag-color-background-selected, #117f03);
-  cursor: pointer;
-  font-weight: var(--font-weight-semi-bold, 600);
-  padding-inline-end: 1rem;
-  padding-inline-start: 0.5rem;
-}
-.mc-tag-contextualised:not(:disabled):hover {
-  background: var(--tag-color-background-selected-hover, #006902);
-}
-.mc-tag-contextualised:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-.mc-tag-contextualised.mc-tag--s {
-  padding-inline-end: 0.5rem;
-  padding-inline-start: 0.25rem;
-}
-
-.mc-tag-removable {
-  padding: 0 0 0 1rem;
-  background: var(--tag-color-background-inverse, #242938);
-  color: var(--tag-color-text-inverse, #ffffff);
-  border: none;
-}
-.mc-tag-removable__remove {
-  width: 2rem;
-  height: 2rem;
-  background-size: 1.5rem;
-  background: transparent;
-  border: none;
-  margin: 0 0 0 0.125rem;
-  padding: 0.25rem;
-  display: block;
-  cursor: pointer;
-  border-radius: var(--radius-full, 100%);
-}
-.mc-tag-removable__remove:hover {
-  background: var(--tag-color-background-inverse-hover, #343b4c);
-}
-.mc-tag-removable__remove:focus-visible {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-.mc-tag-removable__icon {
-  fill: var(--tag-color-delete-icon, #c9d0de);
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.mc-tag-removable__text {
-  clip-path: inset(100%);
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  padding: 0;
-  width: 1px;
-}
-.mc-tag-removable.mc-tag--s {
-  padding: 0 0 0 0.5rem;
-}
-.mc-tag-removable.mc-tag--s .mc-tag-removable__remove {
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: 0.125rem;
-}
-.mc-tag-removable.mc-tag--s .mc-tag-removable__icon {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.mc-tag-removable.mc-tag--l .mc-tag-removable__remove {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-.mc-tag-removable.mc-tag--l .mc-tag-removable__icon {
-  width: 2rem;
-  height: 2rem;
-}
-
-.mc-tag-selectable {
-  gap: 0.25rem;
-  white-space: nowrap;
-  cursor: pointer;
-  padding-inline-start: 0.5rem;
-  font-weight: var(--font-weight-semi-bold, 600);
-}
-.mc-tag-selectable:hover {
-  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);
-}
-.mc-tag-selectable:has(:focus-visible) {
-  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
-  outline: 0.125rem solid transparent;
-  outline-offset: 0.125rem;
-}
-.mc-tag-selectable:has(:checked) {
-  background: var(--tag-color-background-selected, #117f03);
-  color: var(--tag-color-text-inverse, #ffffff);
-  border: none;
-}
-.mc-tag-selectable:has(:checked)::before {
-  display: inline-block;
-  content: "";
-  height: 1.25rem;
-  width: 1.25rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--tag-color-text-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-}
-.mc-tag-selectable:has(:checked):not(:has(:disabled)):hover {
-  background: var(--tag-color-background-selected-hover, #006902);
-  border-color: var(--tag-color-background-selected-hover, #006902);
-  box-shadow: none;
-}
-.mc-tag-selectable:has(:disabled) {
-  cursor: not-allowed;
-  background: var(--color-background-disabled, #d9d9d9);
-  color: var(--color-text-disabled, #737373);
-  border-color: var(--color-background-disabled, #d9d9d9);
-  box-shadow: none;
-}
-.mc-tag-selectable:has(:disabled)::before {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--color-text-disabled, %23737373)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-}
-.mc-tag-selectable .mc-tag__input {
-  clip-path: inset(100%);
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  padding: 0;
-  width: 1px;
-}
-.mc-tag-selectable .mc-tag__label {
-  user-select: none;
-}
-.mc-tag-selectable.mc-tag--s {
-  padding-inline-start: 0.25rem;
-  gap: 0.125rem;
-}
-.mc-tag-selectable.mc-tag--l {
-  padding-inline-start: 0.75rem;
-}</style>

package/dist/components/tags/TagContextualised.svelte.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    label: string;
-    contextualisedNumber?: string;
-    size?: 's' | 'm' | 'l' | undefined;
-    disabled?: boolean;
-    [key: string]: any;
-}
-declare const TagContextualised: import("svelte").Component<Props, {}, "">;
-type TagContextualised = ReturnType<typeof TagContextualised>;
-export default TagContextualised;
-//# sourceMappingURL=TagContextualised.svelte.d.ts.map

package/dist/components/tags/TagContextualised.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagContextualised.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/tags/TagContextualised.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA2BH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/tags/TagInteractive.js

@@ -1,4 +0,0 @@
-import{c as b,p as u,a as h,b as s,f as p,z as y,t as w,i as x,j as k,k as i,d as n,r as v,h as _}from"../../custom-element.js";import{b as E}from"../../attributes.js";var C=p('<button><span class="mc-tag__label svelte-re604y"> </span></button>');const z={hash:"svelte-re604y",code:`/**
- * Do not edit directly, this file was auto-generated.
- */.mc-tag.svelte-re604y {font-size:var(--font-size-100, 0.875rem);border-radius:2rem;height:2rem;padding-inline:0.75rem;box-sizing:border-box;display:inline-flex;align-items:center;background:var(--tag-color-background-standard, #ffffff);color:var(--tag-color-text-standard, #242938);border:var(--border-s, 1px) solid var(--tag-color-border, #999999);}.mc-tag--s.svelte-re604y {font-size:var(--font-size-50, 0.75rem);border-radius:1.5rem;height:1.5rem;padding-inline:0.5rem;}.mc-tag--l.svelte-re604y {font-size:var(--font-size-100, 0.875rem);border-radius:2.5rem;height:2.5rem;padding-inline:1rem;}.mc-tag.is-disabled.svelte-re604y, .mc-tag.svelte-re604y:disabled {cursor:not-allowed;background:var(--color-background-disabled, #d9d9d9);color:var(--color-text-disabled, #737373);border-color:var(--color-background-disabled, #d9d9d9);box-shadow:none;}.mc-tag-interactive.svelte-re604y {text-decoration:none;outline:none;cursor:pointer;font-weight:var(--font-weight-semi-bold, 600);}.mc-tag-interactive.svelte-re604y:not(:disabled):hover {box-shadow:inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);}.mc-tag-interactive.svelte-re604y:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-contextualised.svelte-re604y {gap:0.25rem;text-decoration:none;outline:none;color:var(--tag-color-text-inverse, #ffffff);border:none;background:var(--tag-color-background-selected, #117f03);cursor:pointer;font-weight:var(--font-weight-semi-bold, 600);padding-inline-end:1rem;padding-inline-start:0.5rem;}.mc-tag-contextualised.svelte-re604y:not(:disabled):hover {background:var(--tag-color-background-selected-hover, #006902);}.mc-tag-contextualised.svelte-re604y:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-contextualised.mc-tag--s.svelte-re604y {padding-inline-end:0.5rem;padding-inline-start:0.25rem;}.mc-tag-removable.svelte-re604y {padding:0 0 0 1rem;background:var(--tag-color-background-inverse, #242938);color:var(--tag-color-text-inverse, #ffffff);border:none;}.mc-tag-removable__remove.svelte-re604y {width:2rem;height:2rem;background-size:1.5rem;background:transparent;border:none;margin:0 0 0 0.125rem;padding:0.25rem;display:block;cursor:pointer;border-radius:var(--radius-full, 100%);}.mc-tag-removable__remove.svelte-re604y:hover {background:var(--tag-color-background-inverse-hover, #343b4c);}.mc-tag-removable__remove.svelte-re604y:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-removable__icon.svelte-re604y {fill:var(--tag-color-delete-icon, #c9d0de);width:1.5rem;height:1.5rem;}.mc-tag-removable__text.svelte-re604y {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-tag-removable.mc-tag--s.svelte-re604y {padding:0 0 0 0.5rem;}.mc-tag-selectable.svelte-re604y {gap:0.25rem;white-space:nowrap;cursor:pointer;padding-inline-start:0.5rem;font-weight:var(--font-weight-semi-bold, 600);}.mc-tag-selectable.svelte-re604y:hover {box-shadow:inset 0 0 0 var(--border-s, 1px) var(--tag-color-border, #999999);}.mc-tag-selectable.svelte-re604y:has(:where(.svelte-re604y):focus-visible) {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tag-selectable.svelte-re604y:has(:where(.svelte-re604y):checked) {background:var(--tag-color-background-selected, #117f03);color:var(--tag-color-text-inverse, #ffffff);border:none;}.mc-tag-selectable.svelte-re604y:has(:where(.svelte-re604y):checked)::before {display:inline-block;content:"";height:1.25rem;width:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--tag-color-text-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-tag-selectable.svelte-re604y:has(:where(.svelte-re604y):checked):not(:has(:disabled)):hover {background:var(--tag-color-background-selected-hover, #006902);border-color:var(--tag-color-background-selected-hover, #006902);box-shadow:none;}.mc-tag-selectable.svelte-re604y:has(:where(.svelte-re604y):disabled) {cursor:not-allowed;background:var(--color-background-disabled, #d9d9d9);color:var(--color-text-disabled, #737373);border-color:var(--color-background-disabled, #d9d9d9);box-shadow:none;}.mc-tag-selectable.svelte-re604y:has(:where(.svelte-re604y):disabled)::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--color-text-disabled, %23737373)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-tag-selectable.svelte-re604y .mc-tag__label:where(.svelte-re604y) {user-select:none;}.mc-tag-selectable.mc-tag--s.svelte-re604y {padding-inline-start:0.25rem;gap:0.125rem;}.mc-tag-selectable.mc-tag--l.svelte-re604y {padding-inline-start:0.75rem;}`};function M(d,e){u(e,!0),h(d,z);let o=s(e,"label",7),l=s(e,"disabled",7,!1),t=s(e,"size",7,"m"),g=y(e,["$$slots","$$events","$$legacy","$$host","label","disabled","size"]);var m={get label(){return o()},set label(r){o(r),i()},get disabled(){return l()},set disabled(r=!1){l(r),i()},get size(){return t()},set size(r="m"){t(r),i()}},a=C();E(a,()=>({class:`mc-tag mc-tag-interactive ${t()!=="m"?`mc-tag--${t()}`:""}`,disabled:l(),...g}),void 0,void 0,"svelte-re604y");var c=n(a),f=n(c,!0);return v(c),v(a),w(()=>_(f,o())),x(d,a),k(m)}customElements.define("mc-tag-interactive",b(M,{label:{},disabled:{},size:{}},[],[],!0));
-//# sourceMappingURL=TagInteractive.js.map

package/dist/components/tags/TagInteractive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagInteractive.js","sources":["../../../src/components/tags/TagInteractive.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'mc-tag-interactive' }} />\n\n<script lang=\"ts\">\n  interface Props {\n    label: string;\n    disabled?: boolean;\n    size?: 's' | 'm' | 'l';\n    [key: string]: any;\n  }\n\n  let { label, disabled = false, size = 'm', ...attrs }: Props = $props();\n</script>\n\n<button\n  class={`mc-tag mc-tag-interactive ${size !== 'm' ? `mc-tag--${size}` : ''}`}\n  {disabled}\n  {...attrs}\n>\n  <span class=\"mc-tag__label\">{label}</span>\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tag';\n  @use '@mozaic-ds/styles/components/tag/c.tag-interactive';\n</style>\n"],"names":["label","$.prop","$$props","disabled","size","attrs","$.rest_props"],"mappings":";;oiMAAA,oBAUQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,mBAAW,EAAK,EAAEC,eAAO,GAAG,EAAKC,EAAKC,EAAAJ,EAAA,sKAA3B,GAAK,6CAAS,IAAG,4BAIL,MAAA,6BAAAE,EAAI,IAAK,IAAG,WAAcA,EAAI,IAAK,EAAE,mBAErEC,mFAEyBL,EAAK,CAAA,CAAA,aAPpC"}