@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.8 → 0.1.1

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

@@ -1,150 +0,0 @@
-:host {
-  position: relative;
-  width: calc(var(--space-unit) * 5);
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-
-  --z-icon-width: 20px;
-  --z-icon-height: 20px;
-}
-
-:host(:not(:last-child)) {
-  flex: 1;
-}
-
-:host(:not(:last-child))::after {
-  position: absolute;
-  z-index: 1;
-  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);
-  right: calc(var(--space-unit) * 2);
-  left: calc(var(--space-unit) * 3);
-  display: block;
-  width: auto;
-  border-bottom: var(--border-size-medium) solid var(--color-disabled03);
-  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);
-  content: "";
-}
-
-.stepper-item {
-  display: flex;
-  width: calc(var(--space-unit) * 5);
-  flex-direction: column;
-  align-items: center;
-  padding: 0;
-  border: 0;
-  appearance: none;
-  background: transparent;
-  color: inherit;
-  font-family: inherit;
-  font-size: 12px;
-  line-height: 16px;
-  outline: 0;
-  text-decoration: none;
-}
-
-.stepper-item span {
-  display: none;
-  width: calc(100% + calc(var(--space-unit) * 4));
-  color: var(--color-default-text);
-  text-align: center;
-}
-
-:host([href]:not([disabled], [pressed])) .stepper-item {
-  cursor: pointer;
-}
-
-:host([disabled]) .stepper-item {
-  pointer-events: none;
-}
-
-:host([pressed]),
-:host([pressed]) .stepper-item {
-  pointer-events: none;
-}
-
-.indicator {
-  display: flex;
-  width: calc(var(--space-unit) * 4);
-  height: calc(var(--space-unit) * 4);
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  border: var(--border-size-medium) solid var(--color-primary01);
-  margin: calc(var(--space-unit) * 2);
-  background: var(--color-surface01);
-  border-radius: 50%;
-  color: var(--color-primary01);
-  content: counter(stepper);
-  font-size: 14px;
-  font-weight: var(--font-sb);
-  line-height: 1;
-}
-
-:host([pressed]:not([disabled])) .indicator {
-  border-color: var(--color-hover-primary);
-  background: var(--color-hover-primary);
-  color: var(--color-text-inverse);
-}
-
-:host([href]:not([disabled]):focus-within) .indicator {
-  box-shadow: var(--shadow-focus-primary);
-}
-
-:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {
-  border-color: var(--color-hover-primary);
-  color: var(--color-hover-primary);
-}
-
-:host([disabled]) .indicator {
-  border-color: var(--color-disabled02);
-  background: var(--color-disabled01);
-  color: var(--color-disabled03);
-}
-
-:host([checked]:not([disabled])) .indicator {
-  border-color: var(--color-default-success);
-  color: var(--color-default-success);
-}
-
-:host([checked]:not([disabled])) .indicator z-icon {
-  fill: var(--color-default-success);
-}
-
-:host([checked]) .indicator z-icon > svg {
-  width: 24px;
-  height: 24px;
-}
-
-/* Tablet breakpoint */
-@media (min-width: 768px) {
-  .stepper-item span {
-    display: block;
-  }
-}
-
-/* Desktop breakpoint */
-@media (min-width: 1152px) {
-  :host {
-    width: calc(var(--space-unit) * 10);
-
-    --z-icon-width: 24px;
-    --z-icon-height: 24px;
-  }
-
-  :host(:not(:last-child))::after {
-    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);
-    left: calc(var(--space-unit) * 8);
-  }
-
-  .stepper-item {
-    width: calc(var(--space-unit) * 10);
-    font-size: 18px;
-    line-height: 28px;
-  }
-
-  .indicator {
-    width: calc(var(--space-unit) * 6);
-    height: calc(var(--space-unit) * 6);
-    font-size: 16px;
-  }
-}

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

@@ -1,47 +0,0 @@
-:host {
-  --z-icon-width: 14px;
-  --z-icon-height: 14px;
-
-  display: flex;
-  width: fit-content;
-  max-width: inherit;
-  height: fit-content;
-  max-height: inherit;
-  align-items: flex-start;
-  padding: calc(var(--space-unit) / 2);
-  background-color: var(--z-tag-bg, var(--color-hover-primary));
-  border-radius: var(--border-radius);
-  color: var(--z-tag-text-color, var(--color-text-inverse));
-  fill: currentcolor;
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-1);
-  font-weight: var(--font-sb);
-  letter-spacing: 0.32px;
-  line-height: 14px;
-  text-transform: uppercase;
-}
-
-:host(.expandable) > z-icon {
-  transition: margin-right 0.3s ease-out;
-}
-
-:host(:not(.expandable)) > z-icon,
-:host(.expandable:hover) > z-icon {
-  margin-right: var(--space-unit);
-  transition: margin-right 0.3s ease-out 0s;
-}
-
-:host > z-icon:has(+ div:empty) {
-  margin-right: 0;
-}
-
-:host(.expandable) > div {
-  overflow: hidden;
-  max-width: 0;
-  max-height: 0;
-}
-
-:host(.expandable:hover) > div {
-  max-width: 100%;
-  max-height: 100%;
-}

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

@@ -1,261 +0,0 @@
-:host {
-  display: inline-block;
-  width: 100vw;
-  min-width: 200px;
-
-  --percentuale: 0;
-}
-
-:host(.slide-in-left) {
-  animation: slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-in-right) {
-  animation: slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-in-down) {
-  animation: slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-in-up) {
-  animation: slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-out-left) {
-  animation: slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-out-right) {
-  animation: slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-out-down) {
-  animation: slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-:host(.slide-out-up) {
-  animation: slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);
-  animation-fill-mode: forwards;
-}
-
-@keyframes slideinleft {
-  0% {
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}
-
-@keyframes slideinright {
-  0% {
-    transform: translateX(-100%);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}
-
-@keyframes slideinup {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes slideindown {
-  0% {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes slideoutleft {
-  0% {
-    /* stylelint-disable-next-line alpha-value-notation */
-    opacity: calc(100% - var(--percentuale));
-    transform: translateX(var(--percentuale));
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateX(-100%);
-  }
-}
-
-@keyframes slideoutright {
-  0% {
-    /* stylelint-disable-next-line alpha-value-notation */
-    opacity: calc(100% - var(--percentuale));
-    transform: translateX(var(--percentuale));
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-}
-
-@keyframes slideoutup {
-  0% {
-    opacity: 1;
-    transform: translateY(var(--percentuale));
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-}
-
-@keyframes slideoutdown {
-  0% {
-    opacity: 1;
-    transform: translateY(var(--percentuale));
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-}
-
-:host > #external-container {
-  display: flex;
-  min-height: calc(var(--space-unit) * 8.5);
-  box-sizing: border-box;
-  justify-content: space-between;
-  padding: calc(var(--space-unit) * 2) 14px calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);
-  border-radius: var(--border-size-large);
-  box-shadow: var(--shadow-3);
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-2);
-  font-weight: var(--font-rg);
-  letter-spacing: 0.16px;
-}
-
-:host > #external-container > #inner-container {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-:host > #external-container #inner-container #text {
-  padding: var(--space-unit) 0;
-  color: var(--color-text-inverse);
-  letter-spacing: 0.16px;
-  line-height: 20px;
-  text-align: start;
-}
-
-:host > #external-container #inner-container #text > .title {
-  margin-right: calc(var(--space-unit) / 2);
-  font-weight: var(--font-sb);
-}
-
-:host > #external-container #inner-container ::slotted([slot="button"]) {
-  margin-top: var(--space-unit);
-}
-
-:host > #external-container #icon {
-  padding-top: var(--space-unit);
-  margin: 0 calc(var(--space-unit) / 4);
-  cursor: pointer;
-  fill: var(--color-inverse-icon);
-}
-
-:host > #external-container #icon:focus-within {
-  margin: 0;
-}
-
-:host > #external-container #icon z-icon {
-  margin: 0 0 0 14px;
-}
-
-:host > #external-container #icon z-icon:focus {
-  display: inline-block;
-  padding: calc(var(--space-unit) / 4);
-  border-radius: 50%;
-  box-shadow: var(--shadow-focus-primary);
-}
-
-:host > #external-container.dark {
-  background: var(--color-surface05);
-}
-
-:host > #external-container.light {
-  background: var(--color-surface01);
-}
-
-:host > #external-container.light #icon {
-  fill: var(--color-primary01-icon);
-}
-
-:host > #external-container.light #text,
-:host > #external-container.warning #text {
-  color: var(--color-default-text);
-}
-
-:host > #external-container.accent {
-  background: var(--color-primary01);
-}
-
-:host > #external-container.error {
-  background: var(--color-default-error);
-}
-
-:host > #external-container.success {
-  background: var(--color-default-success);
-}
-
-:host > #external-container.warning {
-  background: var(--color-default-warning);
-}
-
-:host > #external-container.warning #icon {
-  fill: var(--color-default-icon);
-}
-
-/* Tablet breakpoint */
-@media (min-width: 768px) {
-  :host {
-    width: unset;
-    max-width: 50vw;
-  }
-
-  :host > #external-container #inner-container {
-    flex-direction: row;
-  }
-
-  :host > #external-container #inner-container ::slotted([slot="button"]) {
-    margin: 0 0 0 calc(var(--space-unit) * 2);
-  }
-}
-
-/* Wide breakpoint */
-@media (min-width: 1366px) {
-  :host {
-    max-width: 33vw;
-  }
-}

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

@@ -1,100 +0,0 @@
-:host {
-  position: fixed;
-  z-index: 10000;
-  display: flex;
-  flex-flow: column nowrap;
-  margin-top: calc(var(--space-unit) * 2);
-  margin-bottom: calc(var(--space-unit) * 2);
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-::slotted(z-toast-notification) {
-  width: 100vw;
-}
-
-::slotted(:not(:last-child)) {
-  margin-bottom: calc(var(--space-unit) * 1);
-}
-
-:host([position="bottom-centre"]),
-:host([position="bottom-right"]),
-:host([position="bottom-left"]) {
-  bottom: 0;
-  align-items: flex-end;
-  justify-content: flex-end;
-}
-
-:host([position="top-left"]),
-:host([position="top-right"]),
-:host([position="top-centre"]) {
-  top: 0;
-  align-items: flex-start;
-  justify-content: flex-start;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  :host {
-    margin: calc(var(--space-unit) * 3);
-  }
-
-  :host([position="top-centre"]) {
-    top: 0;
-    left: 50%;
-    align-items: center;
-    justify-content: flex-start;
-    transform: translateX(-50%);
-  }
-
-  :host([position="top-left"]) {
-    top: 0;
-    left: 0;
-    align-items: flex-start;
-    justify-content: flex-start;
-  }
-
-  :host([position="top-right"]) {
-    top: 0;
-    right: 0;
-    align-items: flex-end;
-    justify-content: flex-start;
-  }
-
-  :host([position="bottom-centre"]) {
-    bottom: 0;
-    left: 50%;
-    align-items: center;
-    justify-content: flex-end;
-    transform: translateX(-50%);
-  }
-
-  :host([position="bottom-right"]) {
-    right: 0;
-    bottom: 0;
-    align-items: flex-end;
-    justify-content: flex-end;
-  }
-
-  :host([position="bottom-left"]) {
-    bottom: 0;
-    left: 0;
-    align-items: flex-start;
-    justify-content: flex-end;
-  }
-
-  ::slotted(z-toast-notification) {
-    width: 50vw;
-  }
-}
-
-/* Wide breakpoint */
-@media only screen and (min-width: 1366px) {
-  :host {
-    margin: calc(var(--space-unit) * 4);
-  }
-
-  ::slotted(z-toast-notification) {
-    width: 33vw;
-  }
-}

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

@@ -1,60 +0,0 @@
-button {
-  display: flex;
-  height: 36px;
-  align-items: center;
-  padding-right: calc(var(--space-unit) * 2);
-  padding-left: 0;
-  border: var(--border-size-medium) solid;
-  border-color: transparent;
-  background-color: var(--color-surface01);
-  border-radius: var(--border-radius);
-  box-shadow: var(--shadow-2);
-  color: var(--color-primary01);
-  cursor: pointer;
-  fill: var(--color-primary01);
-  font-family: var(--font-family-sans);
-  font-size: 14px;
-  font-weight: var(--font-sb);
-  outline: none;
-  text-transform: uppercase;
-}
-
-button::-moz-focus-inner {
-  border: 0;
-}
-
-button:hover {
-  color: var(--color-hover-primary);
-  fill: var(--color-hover-primary);
-}
-
-button:focus {
-  box-shadow: var(--shadow-focus-primary);
-}
-
-button:active {
-  border-color: var(--color-pressed-primary);
-  box-shadow: var(--shadow-2);
-  color: var(--color-pressed-primary);
-  fill: var(--color-pressed-primary);
-}
-
-button:disabled {
-  color: var(--color-disabled03);
-  fill: var(--color-disabled03);
-}
-
-z-icon {
-  display: inline-block;
-  margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);
-  transform: rotate(360deg);
-  transition: all 200ms linear;
-}
-
-button.isopen {
-  top: -20px;
-}
-
-button.avoid-clicks {
-  pointer-events: none;
-}

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

@@ -1,104 +0,0 @@
-:host {
-  position: relative;
-  display: inline-flex;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-label {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  cursor: pointer;
-}
-
-label.disabled {
-  cursor: default;
-}
-
-label.right {
-  flex-direction: row-reverse;
-}
-
-label > span:first-child {
-  color: var(--color-default-text);
-  letter-spacing: 0;
-}
-
-label.left > span:first-child {
-  margin-right: var(--space-unit);
-}
-
-label.right > span:first-child {
-  margin-left: var(--space-unit);
-}
-
-label > span.container {
-  position: relative;
-  top: 1px;
-  left: 1px;
-  display: flex;
-  width: calc(var(--space-unit) * 4);
-  height: 18px;
-  align-items: center;
-  background-color: var(--gray500);
-  border-radius: var(--space-unit);
-  color: var(--gray500);
-  cursor: pointer;
-}
-
-label > span.container.disabled,
-label > span.container.checked.disabled {
-  background-color: var(--color-disabled01);
-  cursor: default;
-}
-
-label > span.container.checked.disabled > span.circle > z-icon {
-  fill: var(--color-disabled01);
-}
-
-label > span.container.checked {
-  background-color: var(--color-primary01);
-  fill: var(--color-primary01);
-}
-
-input:focus:focus-visible + label > span.container:not(.disabled) {
-  box-shadow: var(--shadow-focus-primary);
-  outline: none;
-}
-
-input:focus:focus-visible + label > span.container.disabled {
-  outline: none;
-}
-
-label > span.container:not(.disabled):hover {
-  background-color: var(--color-hover-primary);
-  fill: var(--color-hover-primary);
-}
-
-label > span.container > span.circle {
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  display: flex;
-  width: calc(var(--space-unit) * 2);
-  height: calc(var(--space-unit) * 2);
-  align-items: center;
-  justify-content: center;
-  margin: 0;
-  background-color: var(--color-white);
-  border-radius: 7px;
-  box-shadow: var(--shadow-1);
-  transition: transform 0.3s ease;
-}
-
-label > span.container.checked > span.circle {
-  transform: translateX(calc(100% - 2px));
-}
-
-input[type="checkbox"] {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-  pointer-events: none;
-}