@dso-toolkit/core 79.1.0 → 81.0.0

package/dist/collection/components/date-picker-legacy/date-picker-legacy.css

@@ -1,492 +0,0 @@
-:host {
-  display: block;
-}
-:host[invalid]:not([invalid=false]) .dso-date__input {
-  border-color: #ce3f51;
-}
-
-.dso-date *,
-.dso-date *::before,
-.dso-date *::after {
-  box-sizing: border-box;
-}
-
-.dso-date {
-  box-sizing: border-box;
-  color: #191919;
-  display: block;
-  font-family: "Asap", sans-serif;
-  margin: 0;
-  position: relative;
-  text-align: start;
-  inline-size: 100%;
-}
-.dso-date:not(.dso-visible) .dso-date__dialog {
-  display: none;
-}
-
-.dso-date__input {
-  display: block;
-  inline-size: 100%;
-  block-size: 40px;
-  padding-block: 6px;
-  padding-inline: 14px;
-  font-size: 1rem;
-  line-height: 1.5;
-  color: #191919;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #275937;
-  border-radius: 4px;
-  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-}
-.dso-date__input::-moz-placeholder {
-  color: #666;
-  opacity: 1;
-}
-.dso-date__input:-ms-input-placeholder {
-  color: #666;
-}
-.dso-date__input::-webkit-input-placeholder {
-  color: #666;
-}
-.dso-date__input::-ms-expand {
-  background-color: transparent;
-  border: 0;
-}
-.dso-date__input:focus {
-  border-color: #275937;
-  outline: 0;
-  box-shadow: inset 0 0 0 1px #275937;
-}
-.dso-date__input[disabled], .dso-date__input[readonly], fieldset[disabled] .dso-date__input {
-  background-color: #fff;
-  opacity: 1;
-}
-.dso-date__input[disabled], fieldset[disabled] .dso-date__input {
-  cursor: default;
-}
-.dso-date__input[disabled] {
-  border-color: #e5e5e5;
-  color: #999;
-}
-.dso-date__input[readonly] {
-  border-width: 1px;
-}
-.dso-date__input[type=text] {
-  line-height: 40px;
-}
-.dso-date__input[size] {
-  inline-size: auto;
-}
-
-.dso-date__toggle {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-  align-items: center;
-  appearance: none;
-  background: transparent;
-  border: 0;
-  border-radius: 0;
-  border-end-end-radius: 4px;
-  border-start-end-radius: 4px;
-  color: #39870c;
-  cursor: pointer;
-  display: flex;
-  block-size: 38px;
-  justify-content: center;
-  padding: 0;
-  position: absolute;
-  inset-inline-end: 0;
-  transform: translateY(-50%);
-  inset-block-start: 50%;
-  user-select: none;
-  inline-size: 38px;
-  z-index: 101;
-}
-.dso-date__toggle:disabled {
-  color: #afcf9d;
-  cursor: default;
-}
-
-.dso-date__dialog {
-  border-width: 1px;
-  display: flex;
-  inset-inline-end: 0;
-  min-inline-size: 320px;
-  opacity: 0;
-  position: absolute;
-  inset-block-start: 100%;
-  transform: scale(0.96) translateZ(0) translateY(-20px);
-  transform-origin: top right;
-  transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
-  visibility: hidden;
-  will-change: transform, opacity, visibility;
-  z-index: 210;
-}
-@media (max-width: 35.9375em) {
-  .dso-date__dialog {
-    background: rgba(25, 25, 25, 0.5);
-    inset-block-end: 0;
-    position: fixed;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    inset-block-start: 0;
-    transform: translateZ(0);
-    transform-origin: bottom center;
-  }
-}
-.dso-date__dialog.is-left {
-  inset-inline-start: -11px;
-  inset-inline-end: auto;
-  inline-size: auto;
-}
-.dso-date__dialog.is-active {
-  opacity: 1;
-  transform: scale(1.0001) translateZ(0) translateY(0);
-  visibility: visible;
-}
-
-.dso-date__dialog-content {
-  background: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);
-  margin-inline-start: auto;
-  margin-inline-end: -1px;
-  margin-block-start: 8px;
-  max-inline-size: 310px;
-  min-inline-size: 290px;
-  padding: 16px;
-  position: relative;
-  transform: none;
-  inline-size: 100%;
-  z-index: 210;
-}
-@media (max-width: 35.9375em) {
-  .dso-date__dialog-content {
-    border: 0;
-    border-radius: 0;
-    border-start-start-radius: 4px;
-    border-start-end-radius: 4px;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    margin: 0;
-    max-inline-size: none;
-    min-block-size: 26em;
-    opacity: 0;
-    padding-block: 0 20px;
-    padding-inline: 8%;
-    position: absolute;
-    transform: translateZ(0) translateY(100%);
-    transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
-    visibility: hidden;
-    will-change: transform, opacity, visibility;
-  }
-  .is-active .dso-date__dialog-content {
-    opacity: 1;
-    transform: translateZ(0) translateY(0);
-    visibility: visible;
-  }
-}
-
-.dso-date__table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  color: #191919;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.25;
-  min-inline-size: 280px;
-  table-layout: fixed;
-  text-align: center;
-  inline-size: 100%;
-}
-
-.dso-date__table-header {
-  font-size: 0.875em;
-  font-weight: 600;
-  block-size: 36px;
-  line-height: 36px;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-
-.dso-date__cell {
-  block-size: 40px;
-  padding: 1px;
-  text-align: center;
-  inline-size: 40px;
-}
-
-.dso-date__day {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-  background: transparent;
-  border: 0;
-  border-radius: 50%;
-  box-shadow: 0 0 0 1px transparent;
-  color: #191919;
-  cursor: pointer;
-  display: inline-block;
-  font-family: "Asap", sans-serif;
-  font-variant-numeric: tabular-nums;
-  font-weight: 400;
-  block-size: 38px;
-  line-height: 0;
-  padding: 0;
-  position: relative;
-  text-align: center;
-  vertical-align: middle;
-  inline-size: 38px;
-  z-index: 100;
-}
-.dso-date__day.is-today {
-  background: transparent;
-  block-size: 36px;
-  box-shadow: 0 0 0 1px #39870c;
-  inline-size: 36px;
-}
-.dso-date__day:hover, .dso-date__day:active {
-  background: #39870c;
-  color: #fff;
-}
-.dso-date__day:focus {
-  background: transparent;
-  box-shadow: 0 0 0 2px #275937;
-  color: #191919;
-  block-size: 34px;
-  outline: 0;
-  inline-size: 34px;
-}
-[aria-selected=true] .dso-date__day {
-  background: #39870c;
-  color: #fff;
-}
-[aria-selected=true] .dso-date__day:focus {
-  background: transparent;
-}
-[aria-selected=true] .dso-date__day:focus span[aria-hidden=true] {
-  background: #39870c;
-  border: 1px solid #fff;
-  line-height: 32px;
-}
-.dso-date__day:disabled {
-  background: #fff;
-  color: #ccc;
-  cursor: default;
-}
-.dso-date__day span[aria-hidden=true] {
-  border-radius: 50%;
-  display: inline-block;
-  block-size: 34px;
-  line-height: 34px;
-  inline-size: 34px;
-}
-
-.dso-date__header {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  margin-block-end: 16px;
-  inline-size: 100%;
-}
-.dso-date__header span {
-  font-size: 0.875rem;
-}
-
-.dso-date__nav {
-  white-space: nowrap;
-}
-
-.dso-date__prev,
-.dso-date__next {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  align-items: center;
-  appearance: none;
-  background: transparent;
-  border: 1px solid #39870c;
-  border-radius: 4px;
-  box-sizing: border-box;
-  color: #39870c;
-  cursor: pointer;
-  display: inline-flex;
-  font-size: 1em;
-  block-size: 32px;
-  justify-content: center;
-  margin-inline-start: 8px;
-  padding: 0;
-  inline-size: 32px;
-}
-@media (max-width: 35.9375em) {
-  .dso-date__prev,
-  .dso-date__next {
-    block-size: 40px;
-    inline-size: 40px;
-  }
-}
-.dso-date__prev:hover, .dso-date__prev:active,
-.dso-date__next:hover,
-.dso-date__next:active {
-  background-color: #39870c;
-  color: #fff;
-}
-.dso-date__prev:focus,
-.dso-date__next:focus {
-  background: transparent;
-  color: #39870c;
-}
-.dso-date__prev:disabled, .dso-date__prev:disabled:hover,
-.dso-date__next:disabled,
-.dso-date__next:disabled:hover {
-  background-color: #fff;
-  border-color: #afcf9d;
-  color: #afcf9d;
-  opacity: 1;
-}
-.dso-date__prev svg,
-.dso-date__next svg {
-  margin-block: 0;
-  margin-inline: auto;
-}
-
-.dso-date__select {
-  display: inline-flex;
-  block-size: 28px;
-  line-height: 28px;
-  position: relative;
-}
-.dso-date__select span {
-  margin-inline-end: 4px;
-}
-.dso-date__select select {
-  color: #275937;
-  cursor: pointer;
-  font-size: 1rem;
-  block-size: 100%;
-  inset-inline-start: 0;
-  opacity: 0;
-  position: absolute;
-  inset-block-start: 0;
-  inline-size: 100%;
-  z-index: 101;
-}
-.dso-date__select select:focus + .dso-date__select-label {
-  box-shadow: 0 0 0 2px #275937;
-}
-.dso-date__select select:disabled {
-  color: #afcf9d;
-}
-
-.dso-date__select-label {
-  align-items: center;
-  border-radius: 4px;
-  color: #39870c;
-  display: flex;
-  padding-block: 0;
-  padding-inline: 8px 4px;
-  pointer-events: none;
-  position: relative;
-  inline-size: 100%;
-  z-index: 100;
-}
-.dso-date__select-label span {
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.25;
-}
-.dso-date__select-label svg {
-  inline-size: 16px;
-  block-size: 16px;
-}
-
-.dso-date__mobile {
-  align-items: center;
-  border-block-end: 1px solid rgba(0, 0, 0, 0.12);
-  display: flex;
-  font-size: 1em;
-  justify-content: space-between;
-  margin-block-end: 20px;
-  margin-inline-start: -10%;
-  overflow: hidden;
-  padding-block: 12px;
-  padding-inline: 20px;
-  position: relative;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  inline-size: 120%;
-}
-@media (min-width: 36em) {
-  .dso-date__mobile {
-    border: 0;
-    margin: 0;
-    overflow: visible;
-    padding: 0;
-    position: absolute;
-    inset-inline-end: -16px;
-    inset-block-start: -16px;
-    inline-size: auto;
-  }
-}
-
-.dso-date__mobile-heading {
-  display: inline-block;
-  font-weight: 600;
-  max-inline-size: 84%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-@media (min-width: 36em) {
-  .dso-date__mobile-heading {
-    display: none;
-  }
-}
-
-.dso-date__close {
-  -webkit-appearance: none;
-  align-items: center;
-  appearance: none;
-  background-color: #fff;
-  border: 0;
-  border-radius: 50%;
-  color: #39870c;
-  cursor: pointer;
-  display: flex;
-  font-size: 1em;
-  block-size: 32px;
-  justify-content: center;
-  margin-inline-end: -4px;
-  padding: 0;
-  inline-size: 32px;
-}
-@media (min-width: 36em) {
-  .dso-date__close {
-    margin-inline-end: 0;
-    opacity: 0;
-  }
-}
-.dso-date__close:focus {
-  box-shadow: 0 0 0 2px #275937;
-  outline: none;
-}
-@media (min-width: 36em) {
-  .dso-date__close:focus {
-    opacity: 1;
-  }
-}
-
-.dso-date__vhidden {
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  block-size: 1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  inset-block-start: 0;
-  inline-size: 1px;
-}

package/dist/collection/components/date-picker-legacy/date-picker-legacy.interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=date-picker-legacy.interfaces.js.map

package/dist/collection/components/date-picker-legacy/date-picker-legacy.interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker-legacy.interfaces.js","sourceRoot":"","sources":["../../../../src/components/date-picker-legacy/date-picker-legacy.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type DsoDatePickerLegacyChangeEvent = {\r\n  component: \"dso-date-picker-legacy\";\r\n  valueAsDate: Date | undefined;\r\n  value: string;\r\n  error?: \"invalid\" | \"required\" | \"min-range\" | \"max-range\";\r\n};\r\n\r\nexport type DsoDatePickerLegacyFocusEvent = {\r\n  component: \"dso-date-picker-legacy\";\r\n};\r\n\r\nexport type DsoDatePickerLegacyKeyboardEvent = {\r\n  component: \"dso-date-picker-legacy\";\r\n  originalEvent: KeyboardEvent;\r\n};\r\n\r\nexport type DsoDatePickerLegacyDirection = \"left\" | \"right\";\r\n"]}