@zanichelli/albe-web-components 17.0.0-RC3 → 17.0.0

package/dist/collection/components/css-components/z-link/styles.css

@@ -8,14 +8,31 @@ button.z-link {
 a.z-link,
 button.z-link {
   display: inline-flex;
-  color: var(--color-link-primary);
   cursor: pointer;
-  fill: var(--color-link-primary);
   font-family: var(--font-family-sans);
   line-height: inherit;
   text-decoration: none;
 }
 
+a.z-link.z-link-icon,
+button.z-link.z-link-icon {
+  --z-icon-width: 1.125em;
+  --z-icon-height: 1.125em;
+
+  align-items: center;
+  column-gap: 0.5em;
+}
+
+a.z-link.z-link-sb,
+button.z-link.z-link-sb {
+  font-weight: var(--font-sb);
+}
+
+a.z-link.z-link-underline,
+button.z-link.z-link-underline {
+  text-decoration: underline;
+}
+
 a.z-link:hover,
 button.z-link:hover,
 a.z-link:focus,
@@ -25,52 +42,12 @@ button.z-link:active {
   text-decoration: underline;
 }
 
-a.z-link:hover,
-button.z-link:hover,
-a.z-link:focus,
-button.z-link:focus {
-  color: var(--color-hover-link);
-  fill: var(--color-hover-link);
-}
-
 a.z-link:focus,
 button.z-link:focus {
   box-shadow: var(--shadow-focus-primary);
   outline: none;
 }
 
-a.z-link:active,
-button.z-link:active,
-a.z-link.z-link-active:active,
-button.z-link.z-link-active:active {
-  color: var(--color-pressed-link);
-  fill: var(--color-pressed-link);
-}
-
-a.z-link:visited,
-button.z-link:visited {
-  color: var(--color-visited-link);
-  fill: var(--color-visited-link);
-}
-
-a.z-link.z-link-active,
-button.z-link.z-link-active {
-  color: var(--color-active-link);
-  fill: var(--color-active-link);
-}
-
-a.z-link.z-link-active.z-link-inverse,
-button.z-link.z-link-active.z-link-inverse {
-  color: var(--color-inverse-active-link);
-  fill: var(--color-inverse-active-link);
-}
-
-a.z-link.z-link-active.z-link-black,
-button.z-link.z-link-active.z-link-black {
-  color: var(--color-black);
-  fill: var(--color-black);
-}
-
 a.z-link.z-link-disabled,
 button.z-link.z-link-disabled {
   box-shadow: none;
@@ -82,93 +59,110 @@ button.z-link.z-link-disabled {
   text-decoration: none;
 }
 
-a.z-link.z-link-underline,
-button.z-link.z-link-underline {
-  text-decoration: underline;
-}
-
-a.z-link.z-link-inverse,
-button.z-link.z-link-inverse {
-  color: var(--color-inverse-link);
-  fill: var(--color-inverse-link);
+a.z-link,
+button.z-link,
+a.z-link.z-link-active,
+button.z-link.z-link-active,
+a.z-link:hover,
+button.z-link:hover,
+a.z-link.z-link-active:hover,
+button.z-link.z-link-active:hover,
+a.z-link:focus,
+button.z-link:focus,
+a.z-link.z-link-active:focus,
+button.z-link.z-link-active:focus,
+a.z-link:active,
+button.z-link:active,
+a.z-link.z-link-active:active,
+button.z-link.z-link-active:active,
+a.z-link:visited,
+button.z-link:visited,
+a.z-link.z-link-active:visited,
+button.z-link.z-link-active:visited {
+  color: var(--color-text-link-default);
+  fill: var(--color-text-link-default);
 }
 
-a.z-link.z-link-inverse:hover,
-button.z-link.z-link-inverse:hover {
-  color: var(--color-inverse-hover-link);
-  fill: var(--color-inverse-hover-link);
+a.z-link.z-link-blue,
+button.z-link.z-link-blue,
+a.z-link.z-link-blue.z-link-active,
+button.z-link.z-link-blue.z-link-active {
+  color: var(--color-text-link-blue);
+  fill: var(--color-text-link-blue);
 }
 
-a.z-link.z-link-inverse:active,
-button.z-link.z-link-inverse:active,
-a.z-link.z-link-inverse:focus,
-button.z-link.z-link-inverse:focus {
-  color: var(--color-inverse-pressed-link);
-  fill: var(--color-inverse-pressed-link);
+a.z-link.z-link-red,
+button.z-link.z-link-red,
+a.z-link.z-link-red.z-link-active,
+button.z-link.z-link-red.z-link-active {
+  color: var(--color-text-link-red);
+  fill: var(--color-text-link-red);
 }
 
-a.z-link.z-link-inverse:visited,
-button.z-link.z-link-inverse:visited {
-  color: var(--color-inverse-visited-link);
-  fill: var(--color-inverse-visited-link);
+a.z-link.z-link-inverse,
+button.z-link.z-link-inverse,
+a.z-link.z-link-inverse.z-link-active,
+button.z-link.z-link-inverse.z-link-active {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }
 
-a.z-link.z-link-black,
-button.z-link.z-link-black {
-  color: var(--gray800);
-  fill: var(--gray800);
+a.z-link.z-link-blue:hover,
+button.z-link.z-link-blue:hover {
+  color: var(--color-text-link-blue-hover);
+  fill: var(--color-text-link-blue-hover);
 }
 
-a.z-link.z-link-black:hover:visited,
-button.z-link.z-link-black:hover:visited {
-  color: var(--gray800);
-  fill: var(--gray800);
+a.z-link.z-link-red:hover,
+button.z-link.z-link-red:hover {
+  color: var(--color-text-link-red-hover);
+  fill: var(--color-text-link-red-hover);
 }
 
-a.z-link.z-link-black:hover,
-button.z-link.z-link-black:hover,
-a.z-link.z-link-black.z-link-active:focus,
-button.z-link.z-link-black.z-link-active:focus {
-  color: var(--color-black);
-  fill: var(--color-black);
+a.z-link.z-link-inverse:hover,
+button.z-link.z-link-inverse:hover {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }
 
-a.z-link.z-link-black:active,
-button.z-link.z-link-black:active,
-a.z-link.z-link-black.z-link-active:active,
-button.z-link.z-link-black.z-link-active:active {
-  color: var(--gray700);
-  fill: var(--gray700);
+a.z-link.z-link-blue:active,
+button.z-link.z-link-blue:active,
+a.z-link.z-link-blue:focus,
+button.z-link.z-link-blue:focus {
+  color: var(--color-text-link-blue-active);
+  fill: var(--color-text-link-blue-active);
 }
 
-a.z-link.z-link-black.z-link-disabled.z-link-active,
-button.z-link.z-link-black.z-link-disabled.z-link-active {
-  color: var(--color-disabled03);
-  fill: var(--color-disabled03);
+a.z-link.z-link-red:active,
+button.z-link.z-link-red:active,
+a.z-link.z-link-red:focus,
+button.z-link.z-link-red:focus {
+  color: var(--color-text-link-red-active);
+  fill: var(--color-text-link-red-active);
 }
 
-a.z-link.z-link-white,
-button.z-link.z-link-white {
-  color: var(--color-white);
-  fill: var(--color-white);
+a.z-link.z-link-inverse:active,
+button.z-link.z-link-inverse:active,
+a.z-link.z-link-inverse:focus,
+button.z-link.z-link-inverse:focus {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }
 
-a.z-link.z-link-white.z-link-disabled,
-button.z-link.z-link-white.z-link-disabled {
-  color: var(--color-disabled03);
-  fill: var(--color-disabled03);
+a.z-link.z-link-blue:visited,
+button.z-link.z-link-blue:visited {
+  color: var(--color-text-link-blue-visited);
+  fill: var(--color-text-link-blue-visited);
 }
 
-a.z-link.z-link-icon,
-button.z-link.z-link-icon {
-  --z-icon-width: 1.125em;
-  --z-icon-height: 1.125em;
-
-  align-items: center;
-  column-gap: 0.5em;
+a.z-link.z-link-red:visited,
+button.z-link.z-link-red:visited {
+  color: var(--color-text-link-red-visited);
+  fill: var(--color-text-link-red-visited);
 }
 
-a.z-link.z-link-sb,
-button.z-link.z-link-sb {
-  font-weight: var(--font-sb);
+a.z-link.z-link-inverse:visited,
+button.z-link.z-link-inverse:visited {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }

package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js

@@ -20,7 +20,7 @@ const StoryMeta = {
             control: {
                 type: "inline-radio",
             },
-            options: ["theme-default", "theme-dark", "theme-black-yellow"],
+            options: ["theme-default", "theme-dark", "theme-black-yellow", "theme-red"],
         },
         "--z-book-card-ribbon-background-color": getColorTokenArgConfig(),
         "--z-book-card-ribbon-shadow-color": getColorTokenArgConfig(),
@@ -138,7 +138,7 @@ export const SlottedResources = {
     })}
     >
       <a
-        class="z-link z-link-icon"
+        class="z-link z-link-blue z-link-icon"
         slot="resources"
         style="width:100%; margin-bottom: 6px;"
       >
@@ -264,7 +264,7 @@ export const ExpandedVariant = {
       >
       <z-tag slot="tags">VERSIONE INSEGNANTE</z-tag>
       <a
-        class="z-link z-link-icon"
+        class="z-link z-link-blue z-link-icon"
         slot="resources"
         style="width:100%; margin-bottom: 6px;"
       >

package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated & {\n  theme: \"theme-default\" | \"theme-dark\" | \"theme-black-yellow\";\n} & CSSVarsArguments<\n    | \"z-book-card-ribbon-background-color\"\n    | \"z-book-card-ribbon-shadow-color\"\n    | \"z-book-card-compact-width\"\n    | \"z-book-card-compact-height\"\n  >;\nconst StoryMeta = {\n  title: \"ZBookCardDeprecated\",\n  component: \"z-book-card\",\n  argTypes: {\n    \"variant\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(BookCardDeprecatedVariant),\n    },\n    \"theme\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\"],\n    },\n    \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n    \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n  },\n  args: {\n    \"variant\": BookCardDeprecatedVariant.EXPANDED,\n    \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n    \"operaTitle\": \"Matematica.azzurro\",\n    \"volumeTitle\": \"Volume 3 con Tutor\",\n    \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n    \"isbn\": \"9788808930552\",\n    \"isbnLabel\": \"\",\n    \"ribbon\": \"ADOTTATO\",\n    \"ribbonIcon\": \"\",\n    \"ribbonInteractive\": false,\n    \"borderless\": false,\n    \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n    \"operaTitleTag\": \"h1\",\n    \"theme\": \"theme-default\",\n    \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n    \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n    \"--z-book-card-compact-width\": \"262px\",\n    \"--z-book-card-compact-height\": \"600px\",\n  },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <a\n        class=\"z-link z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"expanded\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <a\n        class=\"z-link z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n        tabindex=\"0\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"search\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n  parameters: {\n    controls: {\n      exclude: [\n        \"variant\",\n        \"ribbon\",\n        \"ribbonIcon\",\n        \"ribbonInteractive\",\n        \"--z-book-card-ribbon-background-color\",\n        \"--z-book-card-ribbon-shadow-color\",\n      ],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"compact\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      borderless=${args.borderless}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div\n        slot=\"footer-cta\"\n        style=\"display:flex; gap:8px;\"\n      >\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Call to action\n        </z-button>\n        <z-button\n          icon=\"arrow-quad-north-east\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        ></z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated & {\n  theme: \"theme-default\" | \"theme-dark\" | \"theme-black-yellow\";\n} & CSSVarsArguments<\n    | \"z-book-card-ribbon-background-color\"\n    | \"z-book-card-ribbon-shadow-color\"\n    | \"z-book-card-compact-width\"\n    | \"z-book-card-compact-height\"\n  >;\nconst StoryMeta = {\n  title: \"ZBookCardDeprecated\",\n  component: \"z-book-card\",\n  argTypes: {\n    \"variant\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(BookCardDeprecatedVariant),\n    },\n    \"theme\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\", \"theme-red\"],\n    },\n    \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n    \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n  },\n  args: {\n    \"variant\": BookCardDeprecatedVariant.EXPANDED,\n    \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n    \"operaTitle\": \"Matematica.azzurro\",\n    \"volumeTitle\": \"Volume 3 con Tutor\",\n    \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n    \"isbn\": \"9788808930552\",\n    \"isbnLabel\": \"\",\n    \"ribbon\": \"ADOTTATO\",\n    \"ribbonIcon\": \"\",\n    \"ribbonInteractive\": false,\n    \"borderless\": false,\n    \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n    \"operaTitleTag\": \"h1\",\n    \"theme\": \"theme-default\",\n    \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n    \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n    \"--z-book-card-compact-width\": \"262px\",\n    \"--z-book-card-compact-height\": \"600px\",\n  },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <a\n        class=\"z-link z-link-blue z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"expanded\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <a\n        class=\"z-link z-link-blue z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n        tabindex=\"0\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"search\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n  parameters: {\n    controls: {\n      exclude: [\n        \"variant\",\n        \"ribbon\",\n        \"ribbonIcon\",\n        \"ribbonInteractive\",\n        \"--z-book-card-ribbon-background-color\",\n        \"--z-book-card-ribbon-shadow-color\",\n      ],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"compact\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      borderless=${args.borderless}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div\n        slot=\"footer-cta\"\n        style=\"display:flex; gap:8px;\"\n      >\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Call to action\n        </z-button>\n        <z-button\n          icon=\"arrow-quad-north-east\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        ></z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n"]}

package/dist/collection/components/deprecated/z-book-card-deprecated/styles.css

@@ -233,9 +233,9 @@
   align-items: center;
   justify-content: center;
   padding: calc(var(--space-unit) * 1) 0;
-  color: var(--color-link-primary);
+  color: var(--color-text-link-blue);
   cursor: pointer;
-  fill: var(--color-link-primary);
+  fill: var(--color-text-link-blue);
   font-size: var(--font-size-2);
   font-weight: var(--font-sb);
   gap: var(--space-unit);

package/dist/collection/components/file-upload/z-dragdrop-area/styles.css

@@ -10,7 +10,7 @@
   flex-direction: column;
   padding: calc(var(--space-unit) * 2);
   border-color: var(--color-surface04);
-  background-color: var(--color-surface02);
+  background-color: var(--color-background);
 
   /* Native CSS properties don't support the customization of border-style.
   Therefore, we use a trick with an SVG image inside background-image property.
@@ -45,7 +45,7 @@
 
 :host > .dragdrop .dragover-container .dragover-message {
   padding: 10px 28px;
-  background-color: var(--color-link-primary);
+  background-color: var(--color-primary01);
   color: var(--color-text-inverse);
 }
 

package/dist/collection/components/file-upload/z-file-upload/styles.css

@@ -34,7 +34,7 @@
 }
 
 :host .text-container .upload-link {
-  color: var(--color-link-primary);
+  color: var(--color-text-link-blue);
   cursor: pointer;
 }
 

package/dist/collection/components/list/z-list-element/styles.css

@@ -4,8 +4,8 @@
 
 :host > .container {
   --background-color-list-element: var(--color-surface01);
-  --background-hover-color-list-element: var(--color-surface02);
-  --background-active-color-list-element: var(--color-surface02);
+  --background-hover-color-list-element: var(--color-background);
+  --background-active-color-list-element: var(--color-background);
 
   display: flex;
   box-sizing: border-box;

package/dist/collection/components/table/cells/z-th/styles.css

@@ -73,7 +73,7 @@
 :host {
   z-index: 1;
   padding: 0;
-  background-color: var(--color-surface02);
+  background-color: var(--color-background);
   font-weight: var(--font-sb);
 }
 

package/dist/collection/components/table/z-thead/styles.css

@@ -4,7 +4,7 @@
   ); /* Needed to handle the border of the expand button cell */
 
   --z-table--cells-background: var(
-    --color-surface02
+    --color-background
   ); /* Needed to handle the background-color of the expand button cell */
 
   display: block;

package/dist/collection/components/table/z-tr/styles.css

@@ -52,7 +52,7 @@
 
 :host([expanded]) .z-tr--expand-button-container,
 :host([expanded]) ::slotted(*) {
-  background-color: var(--color-surface02);
+  background-color: var(--color-background);
 }
 
 .z-tr--expand-button-container {

package/dist/collection/components/z-anchor-navigation/styles.css

@@ -55,7 +55,7 @@ z-anchor-navigation nav > * {
 
 z-anchor-navigation nav > [data-current] {
   border-left-color: var(--color-primary01);
-  color: var(--color-link-primary);
+  color: var(--color-text-link-blue);
   font-weight: var(--font-sb);
 }
 
@@ -105,7 +105,7 @@ z-anchor-navigation nav button {
     z-anchor-navigation nav > *:hover {
       border-left-color: var(--color-hover-secondary);
       background-color: var(--color-hover-surface);
-      color: var(--color-hover-link);
+      color: var(--color-text-link-blue-hover);
     }
   }
 

package/dist/collection/components/z-breadcrumb/styles.css

@@ -52,7 +52,7 @@ button:focus {
 }
 
 a {
-  color: var(--color-link-primary);
+  color: var(--color-text-link-blue);
   white-space: nowrap;
 }
 
@@ -85,7 +85,7 @@ z-icon {
   --z-icon-height: 16px;
 
   display: block;
-  fill: var(--color-link-primary);
+  fill: var(--color-text-link-blue);
 }
 
 z-icon.separator {
@@ -97,7 +97,7 @@ z-icon.separator {
 
 button.dots {
   display: inline-block;
-  color: var(--color-link-primary);
+  color: var(--color-text-link-blue);
   cursor: pointer;
 }
 
@@ -113,7 +113,7 @@ button.dots {
 }
 
 .hidden-paths-popover {
-  --z-popover-theme--surface: var(--color-surface02);
+  --z-popover-theme--surface: var(--color-background);
   --z-popover-padding: 0;
 }
 

package/dist/collection/components/z-combobox/styles.css

@@ -17,7 +17,7 @@
   padding: 0 calc(var(--space-unit) * 1.5);
   border: var(--border-size-small) solid var(--color-surface04);
   margin: 0;
-  background-color: var(--color-input-field01);
+  background-color: var(--color-form-background);
   border-radius: var(--border-radius-small);
   cursor: pointer;
 }
@@ -103,7 +103,7 @@
   padding: var(--space-unit) calc(var(--space-unit) * 2);
   border: var(--border-size-small) solid var(--gray200);
   border-top: 0;
-  background-color: var(--color-input-field01);
+  background-color: var(--color-form-background);
   border-radius: 0;
 }
 

package/dist/collection/components/z-ghost-loading/styles.css

@@ -3,7 +3,7 @@
   overflow: hidden;
   width: 100%;
   height: 100%;
-  background: var(--color-surface02);
+  background: var(--color-background);
   border-radius: var(--border-radius);
   transform: translate3d(0, 0, 0);
 }
@@ -15,9 +15,9 @@
   animation: progress 1.6s ease-in-out infinite;
   background-image: linear-gradient(
     90deg,
-    var(--color-surface02) 0%,
+    var(--color-background) 0%,
     var(--color-surface03) 95%,
-    var(--color-surface02) 100%
+    var(--color-background) 100%
   );
   content: "";
   filter: blur(6px);

package/dist/collection/components/z-input/styles.css

@@ -19,7 +19,7 @@ textarea,
 .textarea-wrapper {
   box-sizing: border-box;
   border: var(--border-size-small) solid var(--gray700);
-  background: var(--color-input-field01);
+  background: var(--color-form-background);
   border-radius: var(--border-radius-small);
   color: var(--gray900);
   fill: var(--gray900);
@@ -50,7 +50,7 @@ textarea,
 
 input:focus:focus-visible,
 textarea:focus:focus-visible {
-  color: var(--color-input-field02);
+  color: var(--color-primary01);
 }
 
 :host.active-select input {

package/dist/collection/components/z-modal/index.js

@@ -1,7 +1,6 @@
 import { h } from "@stencil/core";
 import dialogPolyfill from "dialog-polyfill";
 import { KeyboardCode } from "../../beans";
-import { Breakpoints } from "../../constants/breakpoints";
 const FOCUSABLE_ELEMENTS_SELECTOR = ':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';
 /**
  * @slot modalCloseButton - accept custom close button
@@ -31,10 +30,6 @@ export class ZModal {
             this.modalBackgroundClick.emit({ modalid: this.modalid });
         }
     }
-    handlePageOverflow() {
-        const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);
-        document.body.style["overflow-y"] = mobileMediaQuery.matches ? "hidden" : "";
-    }
     componentDidLoad() {
         if (typeof window.HTMLDialogElement !== "function") {
             /* workaround to fix `registerDialog` in test environment:
@@ -49,7 +44,6 @@ export class ZModal {
         else {
             this.open();
         }
-        this.handlePageOverflow();
     }
     /** open modal */
     async open() {
@@ -111,16 +105,16 @@ export class ZModal {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '6e144c7830cae954445c16d87830256ac09d01d9', class: {
+        return (h("dialog", { key: 'c146e43060818ca44928a82530f85567f721992c', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'cd0274358f1e160d2a2be50a19e822a06b3d4305', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'a7b25fe975f344989bbb1ee89bed3aa079f3dda4', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: 'e3b53a74b230555f9648539890f221a4c5d2ee1d', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '0c21afadbfe87f9fc813ab36a3ffb127a3d71665' }, this.modaltitle && h("h1", { key: 'e0aacde14892e46fd2144d5b36121247c86f7fe9', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '477594df0c086f944447e209e3441be401685cf7', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '88ea35e2571e3e6a19bd5547819e5e83a413178a', class: {
+            }, id: this.modalid }, h("header", { key: '8318dcaa9a0e9daa0deb58a50b522b501e9f0a7f', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '0a476e05f9affc69d1aa7556572680ce99e34014' }, this.modaltitle && h("h1", { key: 'c8358dd101dfa6d5d91c51b470d40160b585bcba', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '419da7bd2a57660f0d26afcf5121adc8e491c3c1', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '67e4c55a8cc3c93202fc3a4a5155c87fd1fc4440', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: 'cfaf1872f1fb4dd51e96ba9b8ed29c4a6f6f1f5a', name: "modalContent" }))), h("div", { key: 'a53b7641e1a7cf74d55d2570aa40492c128f2dd2', class: {
+            }, id: "modal-content" }, h("slot", { key: '29b059f5d2b17305c04d25effe27f9dc95d91afd', name: "modalContent" }))), h("div", { key: 'c4ed3fc68e1cd0eb07ccda5fd6c68fa94943a44e', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {