@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tooltip/styles.css

@@ -0,0 +1,17 @@
+:host {
+  --z-tooltip-theme--surface: var(--color-surface01);
+  --z-tooltip-theme--text: var(--color-default-text);
+  --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));
+}
+
+:host([dark]) z-popover {
+  --z-popover-theme--surface: var(--color-surface05);
+  --z-popover-theme--text: var(--color-text-inverse);
+}
+
+z-popover {
+  --z-popover-padding: var(--space-unit);
+  --z-popover-theme--surface: var(--z-tooltip-theme--surface);
+  --z-popover-theme--text: var(--z-tooltip-theme--text);
+  --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-visually-hidden/styles.css

@@ -0,0 +1,12 @@
+:host {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: 0 -1px -1px 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card/styles.css

@@ -0,0 +1,44 @@
+:host {
+  --card-overflow: hidden;
+}
+
+div {
+  display: flex;
+  overflow: var(--card-overflow);
+  width: auto;
+  width: 256px; /* TODO: width must be 100% - must be handled in dashboard */
+  height: 522px;
+  box-sizing: border-box;
+  flex-direction: column;
+  border: var(--border-size-medium) solid var(--color-surface03);
+  background-color: var(--color-surface01);
+  border-radius: var(--border-radius);
+}
+
+div.real,
+div.trial,
+div.temp {
+  border-color: var(--blue100);
+}
+
+/* HIDDEN status */
+div.faded {
+  border: var(--border-size-medium) solid var(--color-background);
+}
+
+/* HIGHLIGHTED status */
+div.highlighted {
+  box-shadow: var(--shadow-4);
+  outline: none;
+}
+
+/* PRESSED status */
+div.pressed {
+  box-shadow: var(--shadow-8);
+  outline: none;
+}
+
+div:focus {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css

@@ -0,0 +1,62 @@
+:host {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > z-alert {
+  height: calc(var(--space-unit) * 6);
+}
+
+.relative-container {
+  position: relative;
+  display: grid;
+  align-items: center;
+  padding: 0;
+  grid-column-gap: var(--space-unit);
+  grid-template-columns: 18px auto 46px;
+  grid-template-rows: 1fr;
+  outline: none;
+}
+
+.relative-container::-moz-focus-inner {
+  border: 0;
+}
+
+.alert-external-wrapper.remove-alert {
+  border: var(--border-size-medium) solid var(--color-background);
+  border-top: none;
+}
+
+:host div.add-alert {
+  background: var(--color-inverse-success);
+}
+
+:host div.remove-alert {
+  background: var(--color-inverse-warning);
+}
+
+:host div > .content-text {
+  color: var(--color-surface05);
+  font-size: 14px;
+  letter-spacing: 0.16px;
+  line-height: 20px;
+}
+
+:host div > .content-action {
+  height: 20px;
+  color: var(--color-primary01);
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: var(--font-sb);
+  letter-spacing: 0.32px;
+  line-height: 20px;
+}
+
+:host div > z-icon {
+  justify-self: center;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css

@@ -0,0 +1,13 @@
+:host {
+  width: auto;
+  height: 340px;
+}
+
+:host > div {
+  position: relative;
+  display: flex;
+  width: auto;
+  height: 340px;
+  align-items: center;
+  justify-content: center;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css

@@ -0,0 +1,11 @@
+img {
+  display: block;
+  max-width: 100%;
+  height: 340px;
+  margin: auto;
+  object-fit: cover;
+}
+
+img.faded {
+  opacity: 0.3;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css

@@ -0,0 +1,76 @@
+:host {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host z-myz-card {
+  --card-overflow: visible;
+}
+
+:host > div {
+  position: relative;
+  width: 100%;
+  height: 522px;
+  transition: -webkit-transform 0.5s ease-out;
+  transition: transform 0.5s ease-out;
+  transition:
+    transform 0.5s ease-out,
+    -webkit-transform 0.5s ease-out;
+}
+
+:host > div .content {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: 522px;
+  transform-style: preserve-3d;
+  transition: -webkit-transform 0.5s ease-out;
+  transition: transform 0.5s ease-out;
+  transition:
+    transform 0.5s ease-out,
+    -webkit-transform 0.5s ease-out;
+}
+
+:host > div .content.flipped {
+  margin-top: -2px;
+  transform: rotateY(180deg);
+}
+
+:host > div .front,
+:host > div .back {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+
+:host > div .front {
+  z-index: 2;
+  top: 0;
+  left: 0;
+  transform: rotateY(0deg);
+}
+
+:host > div .front z-button {
+  position: absolute;
+  z-index: 3;
+  top: calc(var(--space-unit) * 0.5);
+  left: calc(-1 * var(--space-unit));
+}
+
+:host > div .back {
+  z-index: 1;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  padding: 0 var(--space-unit);
+  margin-left: calc(-1 * var(--space-unit));
+  transform: rotateY(180deg);
+}
+
+.hide-info {
+  display: none;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css

@@ -0,0 +1,187 @@
+footer {
+  position: relative;
+  z-index: 5;
+  top: 0;
+  width: auto;
+  height: calc(var(--space-unit) * 6);
+  padding: 0;
+  border-top: var(--border-size-medium) solid var(--color-surface03);
+  margin: 0;
+  background-color: var(--color-surface01);
+  border-radius: 0 0 var(--border-radius) var(--border-radius);
+  color: var(--color-surface05);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+  transition:
+    height 500ms ease-in-out,
+    top 500ms ease-in-out;
+}
+
+footer.real,
+footer.trial,
+footer.temp {
+  border-top: var(--border-size-medium) solid var(--blue100);
+}
+
+footer .bold {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-sb);
+}
+
+footer > p {
+  overflow: hidden;
+  height: 40px;
+  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);
+  margin: 0;
+  background-color: var(--color-surface01);
+  font-family: var(--font-family-sans);
+  font-size: 16px;
+  font-weight: var(--font-rg);
+  line-height: 22px;
+  transition: all 200ms linear;
+}
+
+footer.isopen > p {
+  background-color: var(--gray200);
+  font-size: 14px;
+  font-weight: var(--font-sb);
+  transition: all 200ms linear;
+}
+
+footer.isopen.real > p,
+footer.isopen.trial > p,
+footer.isopen.temp > p {
+  background-color: var(--blue100);
+}
+
+footer .visible {
+  display: block;
+}
+
+footer .hidden {
+  display: none;
+}
+
+footer > div.content {
+  overflow: hidden;
+  height: 60px;
+}
+
+footer > div.content > div:not(.slot-handler) {
+  padding: var(--space-unit) calc(var(--space-unit) * 2);
+}
+
+footer > div.content > div > p {
+  overflow: hidden;
+  height: 20px;
+  padding: 0;
+  margin: 0;
+  font-size: 14px;
+  line-height: 20px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+footer > div.content > div > p.year-isbn {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding-top: var(--space-unit);
+}
+
+footer > div.content > div > p.year-isbn > span.isbn {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+footer.isopen > div.content > div:not(.slot-handler) {
+  height: 68px;
+}
+
+footer.isopen > div.content > div > p.authors {
+  height: 40px;
+  text-overflow: initial;
+  white-space: initial;
+}
+
+footer.isopen > div.content > div > p.year-isbn {
+  height: 50px;
+  flex-direction: column;
+  padding-left: 0;
+}
+
+footer.isopen > div.content > div > p.year-isbn > span.isbn {
+  display: inline-grid;
+  padding-left: 0;
+}
+
+footer.isopen {
+  top: -212px;
+  height: 295px;
+  transition:
+    height 500ms ease-in-out,
+    top 500ms ease-in-out;
+}
+
+footer.isopen.custom-content {
+  top: -292px;
+}
+
+footer.isopen > div.content {
+  height: 280px;
+  transition:
+    height 500ms ease-in-out,
+    top 500ms ease-in-out;
+}
+
+footer.isopen.custom-content > div.content {
+  height: 230px;
+}
+
+.toggle {
+  position: absolute;
+  z-index: 10;
+  top: -24px;
+  left: 16px;
+}
+
+.faded {
+  opacity: 0.3;
+  pointer-events: none;
+}
+
+footer > p.custom-content,
+footer .content.custom-content {
+  display: none;
+}
+
+footer.isopen > p.custom-content,
+footer.isopen .content.custom-content {
+  display: block;
+}
+
+div.wrapper {
+  position: relative;
+  height: 100%;
+}
+
+div.wrapper ::slotted([slot="content"]) {
+  position: absolute;
+  z-index: 10;
+  top: calc(var(--space-unit) * 2);
+  display: block;
+  width: 100%;
+  height: 112px;
+  box-sizing: border-box;
+  padding: 0 calc(var(--space-unit) * 2);
+  border-top: var(--border-size-medium) solid transparent;
+  background: var(--color-white);
+}
+
+div.wrapper.isopen ::slotted([slot="content"]) {
+  top: 0;
+  bottom: 0;
+  height: 128px;
+  padding: calc(var(--space-unit) * 2);
+  border-color: var(--blue100);
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css

@@ -0,0 +1,20 @@
+:host {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > div > footer {
+  height: 128px;
+  box-sizing: border-box;
+  padding: var(--space-unit) calc(var(--space-unit) * 2) 0;
+  border-top: var(--border-size-medium) solid var(--color-surface03);
+  border-radius: 0 0 var(--border-radius) var(--border-radius);
+  color: var(--color-surface05);
+  font-size: 16px;
+  line-height: 24px;
+}
+
+:host > div > footer > div.top,
+:host > div > footer > div.bottom {
+  height: 60px;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css

@@ -0,0 +1,59 @@
+header {
+  position: relative;
+  display: flex;
+  width: auto;
+  height: calc(var(--space-unit) * 6);
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  border-bottom: var(--border-size-medium) solid var(--color-surface03);
+  background-color: var(--color-surface01);
+  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);
+}
+
+slot[name="aria-heading"]::slotted(*) {
+  position: absolute;
+  overflow: hidden !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  border: 0 none !important;
+  margin: -1px !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+}
+
+header.real,
+header.trial,
+header.temp {
+  border-bottom: var(--border-size-medium) solid var(--blue100);
+  background-color: var(--color-primary03);
+}
+
+.card-title {
+  overflow: hidden;
+  height: calc(var(--space-unit) * 2);
+  padding: calc(var(--space-unit) * 2);
+  margin: 0;
+  color: var(--color-surface05);
+  font-family: var(--font-family-sans);
+  font-size: 12px;
+  font-weight: var(--font-sb);
+  letter-spacing: 0.22px;
+  line-height: calc(var(--space-unit) * 2);
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
+.faded {
+  border-bottom: var(--border-size-medium) solid var(--color-background);
+}
+
+.faded.real,
+.faded.trial,
+.faded.temp {
+  border-top: var(--border-size-medium) solid var(--blue100);
+  border-right: var(--border-size-medium) solid var(--blue100);
+  border-left: var(--border-size-medium) solid var(--blue100);
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css

@@ -0,0 +1,69 @@
+button {
+  display: flex;
+  width: 42px;
+  width: calc(var(--space-unit) * 6);
+  height: calc(var(--space-unit) * 5);
+  height: calc(var(--space-unit) * 6);
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  border-left: var(--border-size-medium) solid var(--color-surface03);
+  margin: 0;
+  background: none;
+  border-radius: 0 var(--border-radius) 0 0;
+  color: var(--color-primary01);
+  cursor: pointer;
+  fill: var(--color-primary01);
+  outline: none;
+}
+
+button:active,
+button:focus {
+  color: var(--blue700);
+  fill: var(--blue700);
+}
+
+button > span {
+  display: flex;
+  width: 28px;
+  height: 28px;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: var(--border-radius);
+}
+
+button:hover > span {
+  background: var(--color-primary03);
+}
+
+button:focus > span {
+  background: var(--color-surface01);
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow-focus-primary);
+}
+
+button:active > span {
+  background: var(--color-surface01);
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow-2);
+}
+
+button:disabled {
+  cursor: not-allowed;
+}
+
+button:disabled > span {
+  background: none;
+  box-shadow: var(--shadow-0);
+  pointer-events: none;
+}
+
+button:disabled > span > z-icon {
+  fill: var(--color-surface03);
+}
+
+button::-moz-focus-inner {
+  border: 0;
+}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css

@@ -0,0 +1,93 @@
+:host {
+  width: 100%;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > div {
+  position: relative;
+  display: grid;
+  width: calc(100% + calc(var(--space-unit) * 2));
+  height: 402px;
+  box-sizing: border-box;
+  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);
+  border: var(--border-size-small) solid var(--color-primary01);
+  margin-left: calc(-1 * var(--space-unit));
+  background: var(--color-surface01);
+  border-radius: 0;
+  box-shadow: 0 2px 4px 0 rgb(66 69 72 / 35%);
+}
+
+:host > div > z-icon {
+  position: absolute;
+  top: var(--space-unit);
+  right: var(--space-unit);
+  cursor: pointer;
+  fill: var(--color-primary01);
+}
+
+:host > div > div.cta-wrapper {
+  display: flex;
+  flex-flow: column nowrap;
+  align-self: end;
+  justify-content: space-between;
+}
+
+:host > div > div.content-wrapper {
+  position: relative;
+  overflow: hidden;
+  align-self: stretch;
+}
+
+:host > div > div.content-wrapper > section {
+  box-sizing: border-box;
+  padding: var(--space-unit) 0;
+  border-bottom: var(--border-size-small) solid var(--color-surface04);
+  color: var(--color-surface05);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+:host > div > div.content-wrapper > section:last-child {
+  border-bottom: none;
+}
+
+:host > div > div.content-wrapper > section.info-wrapper {
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+:host > div > div.content-wrapper > section.info-wrapper.hidden::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);
+  content: "";
+  pointer-events: none;
+}
+
+:host > div > div.content-wrapper > section > span.license-heading {
+  display: flex;
+  justify-content: space-between;
+}
+
+:host > div > div.content-wrapper > section > span.license-heading > span.expired {
+  color: var(--color-primary01);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+:host > div > div.content-wrapper > section > span.license-heading > span.expiring {
+  color: var(--color-hover-warning);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+:host > div > div.content-wrapper > z-popover {
+  position: absolute;
+  top: 0;
+  left: calc(var(--space-unit) * 4);
+}