@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-searchbar/styles.css

@@ -0,0 +1,297 @@
+:host {
+  --z-searchbar-tag-text-color: var(--color-primary03);
+  --z-searchbar-tag-bg: var(--color-hover-primary);
+  --z-searchbar-item-height: 44px;
+
+  z-index: 15;
+  display: flex;
+  column-gap: calc(var(--space-unit) * 2);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host,
+* {
+  box-sizing: border-box;
+}
+
+:host::part(list-item-container) {
+  display: block;
+  min-height: unset;
+  padding: 0;
+}
+
+.input-container {
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+}
+
+.results-wrapper {
+  position: absolute;
+  top: calc(100% - 1px);
+  left: 0;
+  width: 100%;
+  padding: calc(var(--space-unit) / 4);
+  border: var(--border-size-small) solid var(--color-surface03);
+  border-top: none;
+  background: var(--color-surface01);
+}
+
+.results {
+  overflow: auto;
+  max-height: var(--z-searchbar-results-height, 540px);
+  padding: calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);
+}
+
+.results::-webkit-scrollbar {
+  width: 6px;
+  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);
+}
+
+.results::-webkit-scrollbar-thumb {
+  background-color: var(--color-primary01);
+}
+
+.results::-webkit-scrollbar-thumb:hover {
+  background-color: var(--color-hover-primary);
+}
+
+/* Firefox scrollbar */
+@supports not selector(.results::-webkit-scrollbar-track) {
+  .results {
+    scrollbar-color: var(--color-primary01) transparent;
+  }
+}
+
+.results .category-heading {
+  display: block;
+  font-size: var(--font-size-2);
+  font-weight: var(--font-rg);
+  line-height: var(--font-size-3);
+}
+
+.results .category-heading > * {
+  display: block;
+}
+
+.results .category-heading > .category {
+  color: var(--color-text05);
+  font-style: italic;
+}
+
+.results .category-heading > .subcategory {
+  margin-top: var(--space-unit);
+  color: var(--color-default-text);
+  text-transform: uppercase;
+}
+
+.results z-list-element {
+  position: relative;
+  display: block;
+}
+
+z-list-element > .item-search {
+  padding: var(--space-unit) 0;
+}
+
+z-list z-list-element::before {
+  position: absolute;
+  z-index: 100;
+  top: 5px;
+  left: -20px;
+  width: 8px;
+  height: 1em;
+  border-bottom: 1px solid var(--color-disabled01-icon);
+  border-left: 1px solid var(--color-disabled01-icon);
+  content: "";
+  cursor: pointer;
+}
+
+z-list z-list-element::after {
+  position: absolute;
+  z-index: 100;
+  top: 5px;
+  left: -20px;
+  width: 8px;
+  height: 100%;
+  border-left: 1px solid var(--color-disabled01-icon);
+  content: "";
+  cursor: pointer;
+}
+
+z-list z-list-element:last-child::after {
+  display: none;
+}
+
+z-list > z-list-element::before,
+z-list > z-list-element::after,
+z-list > z-list-group > z-list-element::before,
+z-list > z-list-group > z-list-element::after {
+  display: none;
+}
+
+z-list > div.children-node {
+  padding-left: calc(var(--space-unit) * 3);
+}
+
+.results z-list-element > .list-element {
+  display: flex;
+  justify-content: space-between;
+  padding: calc(var(--space-unit) * 1.25) 0;
+  cursor: pointer;
+}
+
+.results z-list-element > .list-element:focus-visible {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}
+
+.results z-list-element > .list-element .item.ellipsis {
+  overflow: hidden;
+}
+
+.results z-list-element .list-element::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 100%;
+  height: 44px;
+  content: "";
+  transform: translateX(-100%);
+}
+
+.results z-list-element .list-element.focused.hovered::after {
+  padding-left: 6px;
+}
+
+.results z-list-element > .list-element:hover,
+.results z-list-element > .list-element:hover::after {
+  background-color: var(--color-background);
+  cursor: pointer;
+}
+
+.results z-list-element > .list-element > z-tag {
+  border: 1px solid var(--gray800);
+  font-size: var(--font-size-1);
+  font-weight: var(--font-sb);
+
+  --z-tag-bg: var(--z-searchbar-tag-bg);
+  --z-tag-text-color: var(--z-searchbar-tag-text-color);
+}
+
+.results .item {
+  --z-icon-height: 12px;
+  --z-icon-width: 12px;
+
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: flex-start;
+  color: var(--color-default-text);
+  column-gap: calc(var(--space-unit) * 1.5);
+  fill: var(--color-default-icon);
+  font-size: var(--font-size-2);
+  line-height: var(--font-size-6);
+}
+
+.results .item.ellipsis > .item-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.results .item > .item-label mark {
+  background: var(--color-primary03);
+}
+
+.results .item.item-search {
+  --z-icon-height: 16px;
+  --z-icon-width: 16px;
+}
+
+.results .item-show-all {
+  text-align: center;
+}
+
+.results .item-no-results {
+  display: block;
+  font-size: var(--font-size-2);
+  font-style: italic;
+  line-height: var(--font-size-5);
+}
+
+.results .item-no-results > ul {
+  padding-left: calc(var(--space-unit) * 2);
+  margin: var(--space-unit);
+}
+
+/* Tablet breakpoint */
+@media (min-width: 768px) {
+  .results .category-heading {
+    font-size: var(--font-size-3);
+    line-height: var(--font-size-6);
+  }
+
+  .results .item {
+    font-size: var(--font-size-3);
+    line-height: var(--font-size-6);
+  }
+
+  .results .item.item-search {
+    --z-icon-height: 18px;
+    --z-icon-width: 18px;
+  }
+
+  .results .item.ellipsis > .item-label {
+    height: 24px;
+  }
+
+  .results z-list-element > .list-element > z-tag {
+    min-width: max-content;
+  }
+}
+
+/* Desktop breakpoint */
+@media (min-width: 1152px) {
+  .results .item {
+    cursor: pointer;
+  }
+
+  .results .item-no-results {
+    cursor: default;
+    font-size: var(--font-size-3);
+    line-height: var(--font-size-6);
+  }
+}
+
+:host([size="small"]) .results :is(.item, .category-heading),
+:host([size="x-small"]) .results :is(.item, .category-heading) {
+  font-size: var(--font-size-2);
+}
+
+:host([size="small"]) .results .item:not(.has-category),
+:host([size="x-small"]) .results .item:not(.has-category) {
+  --z-icon-height: 16px;
+  --z-icon-width: 16px;
+}
+
+:host([size="small"]) z-list-element > .list-element,
+:host([size="small"]) z-list-element > .item-search {
+  padding: calc(var(--space-unit) * 0.75) 0;
+}
+
+:host([size="x-small"]) z-list-element > .list-element,
+:host([size="x-small"]) z-list-element > .item-search {
+  padding: calc(var(--space-unit) / 2) 0;
+}
+
+:host([size="small"]) z-list-element .list-element::after {
+  height: 36px;
+}
+
+:host([size="x-small"]) z-list-element .list-element::after {
+  height: 32px;
+}

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

@@ -0,0 +1,321 @@
+:host {
+  display: inline-block;
+  width: inherit;
+  color: var(--color-form-default-text);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-3);
+  font-weight: var(--font-rg);
+}
+
+:host([size="small"]),
+:host([size="x-small"]) {
+  font-size: var(--font-size-2);
+}
+
+.select-wrapper > z-input {
+  width: 100%;
+}
+
+.select-wrapper > z-input .input-icon {
+  cursor: pointer;
+}
+
+.select-wrapper > div {
+  position: relative;
+}
+
+.select-wrapper > div.closed {
+  overflow: hidden;
+  height: 0;
+}
+
+.select-wrapper .ul-scroll-wrapper {
+  position: absolute;
+  width: 100%;
+  box-sizing: border-box;
+  border-top: none;
+  background: var(--color-form-background);
+  box-shadow: var(--shadow-2);
+  outline: none;
+}
+
+.select-wrapper .closed .ul-scroll-wrapper {
+  z-index: 10;
+}
+
+.select-wrapper .open .ul-scroll-wrapper {
+  z-index: 20;
+}
+
+.select-wrapper .ul-scroll-wrapper.fixed {
+  position: static;
+}
+
+.select-wrapper z-list {
+  --background-color-list-element: var(--color-form-background);
+  --background-hover-color-list-element: var(--color-form-surface03);
+  --background-active-color-list-element: var(--color-form-surface03);
+}
+
+.select-wrapper .ul-scroll-wrapper > z-list {
+  position: relative;
+  overflow: auto;
+  max-height: 240px;
+  padding: 0 calc(var(--space-unit) * 1.5);
+  outline: none;
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element[disabled] {
+  color: var(--color-form-disabled03);
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--space-unit) / 2) var(--space-unit);
+  column-gap: var(--space-unit);
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {
+  margin-right: auto;
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {
+  padding: calc(var(--space-unit) * 0.5) var(--space-unit);
+}
+
+:host([size="x-small"])
+  .select-wrapper
+  .ul-scroll-wrapper
+  z-list
+  z-list-element
+  .list-element-container
+  .list-element-content {
+  padding: 0;
+}
+
+:host([size="small"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {
+  --z-icon-width: 16px;
+  --z-icon-height: 16px;
+}
+
+:host([size="x-small"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {
+  --z-icon-width: 14px;
+  --z-icon-height: 14px;
+}
+
+:host([size="x-small"])
+  .select-wrapper
+  .ul-scroll-wrapper
+  z-list
+  z-list-element
+  .list-element-container
+  > z-icon
+  + .list-element-content {
+  padding: 0 var(--space-unit);
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {
+  font-weight: var(--font-sb);
+}
+
+.select-wrapper .ul-scroll-wrapper .no-results z-icon {
+  margin-right: var(--space-unit);
+}
+
+.z-list-group-title {
+  color: var(--color-form-default-text);
+}
+
+.reset-item {
+  color: var(--color-form-active-primary);
+  fill: var(--color-form-active-primary);
+}
+
+.reset-item-content {
+  display: flex;
+  align-items: center;
+}
+
+.reset-item.reset-item-margin .reset-item-content {
+  margin-left: var(--space-unit);
+}
+
+.reset-item .reset-item-content > z-icon {
+  margin-right: var(--space-unit);
+}
+
+.reset-item.hide {
+  display: none;
+}
+
+.tree-list-reset-item {
+  padding: var(--space-unit) 0;
+}
+
+z-list-element {
+  position: relative;
+  display: block;
+}
+
+z-list z-list-element::before {
+  position: absolute;
+  z-index: 100;
+  top: 3px;
+  left: -15px;
+  width: 8px;
+  height: 1em;
+  border-bottom: 1px solid var(--color-form-disabled01-icon);
+  border-left: 1px solid var(--color-form-disabled01-icon);
+  content: "";
+  cursor: pointer;
+}
+
+z-list z-list-element::after {
+  position: absolute;
+  z-index: 100;
+  top: 5px;
+  left: -15px;
+  width: 8px;
+  height: 100%;
+  border-left: 1px solid var(--color-form-disabled01-icon);
+  content: "";
+  cursor: pointer;
+}
+
+z-list z-list-element:last-child::after {
+  display: none;
+}
+
+z-list > z-list-element::before,
+z-list > z-list-element::after,
+z-list > z-list-group > z-list-element::before,
+z-list > z-list-group > z-list-element::after {
+  display: none;
+}
+
+z-list > div.children-node {
+  padding-left: calc(var(--space-unit) * 2);
+}
+
+z-list-element.grouped-tree-parent-node {
+  padding-top: 0;
+  padding-left: calc(var(--space-unit) * 2);
+}
+
+z-list-element > .list-element {
+  display: flex;
+  justify-content: space-between;
+  padding: calc(var(--space-unit) * 1.25) 0;
+  cursor: pointer;
+}
+
+z-list-element > .list-element:focus:focus-visible {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}
+
+z-list-element > .list-element .item.ellipsis {
+  overflow: hidden;
+}
+
+z-list-element .list-element::after {
+  position: absolute;
+  top: 0;
+  right: -1px;
+  display: block;
+  width: 100%;
+  height: 40px;
+  content: "";
+  transform: translateX(-100%);
+}
+
+z-list-element.tree-search-item {
+  padding-top: 0;
+}
+
+z-list-element.tree-search-item .list-element::after {
+  position: absolute;
+  top: 8px;
+  right: -25px;
+  display: block;
+  width: 100%;
+  height: 40px;
+  content: "";
+  transform: translateX(-100%);
+}
+
+z-list-element.grouped-tree-parent-node .list-element::after {
+  position: absolute;
+  top: 8px;
+  right: -25px;
+  display: block;
+  width: 100%;
+  height: 40px;
+  content: "";
+  transform: translateX(-100%);
+}
+
+z-list-element:not([disabled]) > .list-element:hover,
+z-list-element:not([disabled]) > .list-element:hover::after {
+  z-index: -1;
+  background-color: var(--color-form-surface03);
+  cursor: pointer;
+}
+
+.item-label.selected {
+  font-weight: bold;
+}
+
+z-list-element:focus {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}
+
+.item.ellipsis {
+  display: inline-block;
+  overflow: hidden;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+z-list > z-list-element.grouped-tree-parent-node > .list-element:hover::after,
+z-list-element.tree-search-item .list-element:hover::after,
+z-list > z-list-group > z-list-element.grouped-tree-parent-node > .list-element:hover::after {
+  position: absolute;
+  z-index: -1;
+  top: 8px;
+  right: -18px;
+  display: block;
+  width: 100%;
+  height: 40px;
+  content: "";
+  transform: translateX(-100%);
+}
+
+z-list-element > .list-element:hover::after {
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 100%;
+  height: 40px;
+  content: "";
+  transform: translateX(-100%);
+}
+
+.children-node z-list-element::before,
+.children-node z-list-element::after {
+  left: -15px;
+}
+
+.children-node .children-node z-list-element::before,
+.children-node .children-node z-list-element::after {
+  left: -15px;
+}
+
+.children-node > z-list-element {
+  padding: 0;
+}

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

@@ -0,0 +1,81 @@
+:host {
+  position: absolute;
+  left: -100%;
+  height: 60px;
+  box-sizing: border-box;
+  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);
+  background-color: #24f4ff;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+  text-align: center;
+}
+
+:host > .link-container {
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+}
+
+:host.skip-to-content-visible,
+:host:focus {
+  position: static;
+  display: block;
+}
+
+:host > .link-container > a.z-link.link-invisible {
+  overflow: hidden;
+  width: 0;
+  height: 0;
+}
+
+:host > .link-container > a.z-link.link-visible {
+  width: initial;
+  height: initial;
+}
+
+:host.dark {
+  background-color: var(--color-surface05);
+  color: var(--color-surface01);
+}
+
+:host.light {
+  border: var(--border-size-medium) solid var(--color-surface05);
+  background-color: var(--color-surface01);
+  color: var(--color-default-text);
+}
+
+/* Tablet breakpoint */
+@media (min-width: 768px) {
+  :host {
+    text-align: start;
+  }
+}
+
+/* Desktop breakpoint */
+@media (min-width: 1152px) {
+  :host > .link-container {
+    padding: 0 calc(var(--space-unit) * 3);
+    border-right: var(--border-size-small) solid var(--color-surface05);
+  }
+
+  :host > .link-container > a.z-link.link-invisible {
+    overflow: initial;
+    width: initial;
+    height: initial;
+  }
+
+  :host > .link-container:first-child {
+    padding-left: 0;
+  }
+
+  :host > .link-container:last-child,
+  :host.dark > .link-container:last-child,
+  :host.light > .link-container:last-child {
+    padding-right: 0;
+    border-right: none;
+  }
+
+  :host.dark > .link-container {
+    border-right: var(--border-size-small) solid var(--color-surface01);
+  }
+}

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

@@ -0,0 +1,19 @@
+:host {
+  position: relative;
+  display: flex;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  flex-direction: row;
+  padding: 0;
+  margin: 0;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+  list-style: none;
+}
+
+@media (min-width: 768px) {
+  :host {
+    padding: 0 calc(var(--space-unit) * 2);
+  }
+}