@itcase/ui 1.8.179 → 1.9.1

package/dist/css/components/Code/Code.css

@@ -1,123 +0,0 @@
-.code {
-  width: 100%;
-  &__wrapper {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-.code__input {
-  border: none;
-  outline: none;
-  &:focus {
-    outline: none;
-  }
-}
-.code__input {
-  &_size {
-      &_xl {
-        min-width: var(--code-input-size-xl-width);
-        min-height: var(--code-input-size-xl-height);
-        max-width: var(--code-input-size-xl-width);
-        max-height: var(--code-input-size-xl-height);
-      }
-      &_l {
-        min-width: var(--code-input-size-l-width);
-        min-height: var(--code-input-size-l-height);
-        max-width: var(--code-input-size-l-width);
-        max-height: var(--code-input-size-l-height);
-      }
-      &_m {
-        min-width: var(--code-input-size-m-width);
-        min-height: var(--code-input-size-m-height);
-        max-width: var(--code-input-size-m-width);
-        max-height: var(--code-input-size-m-height);
-      }
-      &_s {
-        min-width: var(--code-input-size-s-width);
-        min-height: var(--code-input-size-s-height);
-        max-width: var(--code-input-size-s-width);
-        max-height: var(--code-input-size-s-height);
-      }
-  }
-  &[type='number']::-webkit-outer-spin-button,
-  &[type='number']::-webkit-inner-spin-button {
-    margin: 0;
-    appearance: none;
-  }
-  &[type='number'] {
-    appearance: textfield;
-  }
-}
-.code {
-  &_size {
-      &_xxl {
-        ^^&__wrapper {
-          gap: var(--code-size-xxl-gap);
-        }
-      }
-      &_xl {
-        ^^&__wrapper {
-          gap: var(--code-size-xl-gap);
-        }
-      }
-      &_l {
-        ^^&__wrapper {
-          gap: var(--code-size-l-gap);
-        }
-      }
-      &_m {
-        ^^&__wrapper {
-          gap: var(--code-size-m-gap);
-        }
-      }
-      &_s {
-        ^^&__wrapper {
-          gap: var(--code-size-s-gap);
-        }
-      }
-      &_xs {
-        ^^&__wrapper {
-          gap: var(--code-size-xs-gap);
-        }
-      }
-      &_xxs {
-        ^^&__wrapper {
-          gap: var(--code-size-xxs-gap);
-        }
-      }
-  }
-}
-.code__input {
-  &&_skeleton {
-    background-size: 200% !important;
-    border: none;
-    animation: codeSkeleton 3s infinite linear !important;
-    background-image: linear-gradient(
-      90deg,
-      var(--color-surface-fill-secondary),
-      var(--color-surface-fill-tertiary),
-      var(--color-surface-fill-secondary)
-    ) !important;
-    & * {
-      opacity: 0%;
-    }
-  }
-}
-@keyframes codeSkeleton {
-  0% {
-    background-position: 200%;
-  }
-  100% {
-    background-position: -200%;
-  }
-}
-:root {
-  --code-input-size-l-width: 56px;
-  --code-input-size-l-height: 56px;
-  --code-size-l-gap: 8px;
-
-  --code-input-size-m-width: 48px;
-  --code-input-size-m-height: 48px;
-  --code-size-m-gap: 6px;
-}

package/dist/css/components/CookiesWarning/CookiesWarning.css

@@ -1,40 +0,0 @@
-.cookies-warning {
-  width: 100%;
-  max-width: 320px;
-  position: fixed;
-  right: 40px;
-  bottom: 20px;
-  z-index: 10000;
-  @media (--mobile) {
-    left: 50%;
-    right: 0;
-    transform: translate(-50%, 0);
-  }
-  &_state_hidden {
-    max-height: 1000px;
-    overflow: hidden;
-    animation-duration: 0.5s;
-    animation-fill-mode: both;
-    animation-name: cookieMessageClose;
-  }
-  &__inner {
-    background: var(--color-surface-fill-primary);
-    padding: 32px;
-    position: relative;
-    flex-direction: column;
-    display: flex;
-    gap: 16px;
-    @media (--mobile) {
-      min-width: auto;
-    }
-  }
-}
-
-@keyframes cookieMessageClose {
-  from {
-    max-height: 500px;
-  }
-  to {
-    max-height: 0;
-  }
-}

package/dist/css/components/CookiesWarning/CookiesWarning.token.css

@@ -1,2 +0,0 @@
-:root {
-}

package/dist/css/components/Dadata/Dadata.css

@@ -1,21 +0,0 @@
-.react-dadata__container{position:relative}.react-dadata__input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;height:38px;padding:0 10px;font-size:16px;display:block}.react-dadata__input:focus{border-color:#007cd6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,124,214,.3)}.react-dadata__suggestions{z-index:10;text-align:left;background-color:#fff;border-radius:4px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 1px 6px 3px rgba(0,0,0,.1)}.react-dadata__suggestion-note{color:#828282;padding:10px 10px 5px;font-size:14px}.react-dadata__suggestion{cursor:pointer;box-sizing:border-box;text-align:left;background:0 0;border:none;width:100%;padding:7px 10px;font-size:15px;display:block}.react-dadata__suggestion--line-through{text-decoration:line-through}.react-dadata__suggestion-subtitle{color:#777;margin-top:4px;font-size:14px}.react-dadata__suggestion-subtitle-item{margin-bottom:4px;margin-right:16px;display:inline-block}.react-dadata__suggestion-subtitle-item:last-child{margin-right:0}.react-dadata__suggestion--current{background-color:rgba(0,124,214,.15)}.react-dadata__suggestion:hover{background-color:rgba(0,124,214,.1)}.react-dadata mark{background:0 0}.react-dadata--highlighted{color:#0094ff}.react-dadata {
-  &__container {
-    width: 100%;
-    ^&__input {
-      height: auto;
-      box-shadow: none;
-    }
-  }
-  &__suggestions {
-    z-index: 100;
-  }
-  &__suggestion {
-    position: relative !important;
-    &:hover {
-      background: var(--dadata-suggestion-hover-color);
-    }
-  }
-  &--highlighted {
-    color: var(--color-accent-fill-primary);
-  }
-}

package/dist/css/components/DatePeriod/DatePeriod.css

@@ -1,101 +0,0 @@
-.date-period {
-  display: flex;
-  gap: 16px;
-  &__wrapper {
-    display: flex;
-    align-items: center;
-    ^&__choice {
-    }
-    ^&__datepicker {
-      min-width: 220px;
-    }
-  }
-  &__select {
-    min-width: 140px;
-  }
-}
-.date-period {
-  &&_skeleton {
-    background-image: linear-gradient(
-      90deg,
-      var(--color-surface-secondary),
-      var(--color-surface-tertiary),
-      var(--color-surface-secondary)
-    );
-    background-size: 200%;
-    animation: datePeriodSkeleton 3s infinite linear;
-    & * {
-      opacity: 0%;
-    }
-  }
-}
-@keyframes datePeriodSkeleton {
-  0% {
-    background-position: 200%;
-  }
-  100% {
-    background-position: -200%;
-  }
-}
-.date-period {
-  &_size {
-      &_s {
-        & .date-period__wrapper {
-          min-width: var(--date-period-s-min-width);
-          min-height: var(--date-period-s-min-height);
-          padding: var(--date-period-s-padding);
-        }
-        & .input.date-period__datepicker-input {
-          &_size_s {
-            padding: var(--date-period-datepicker-input-s-padding);
-            min-height: auto;
-          }
-        }
-      }
-      &_m {
-        & .date-period__wrapper {
-          min-width: var(--date-period-m-min-width);
-          min-height: var(--date-period-m-min-height);
-          padding: var(--date-period-m-padding);
-        }
-        & .input.date-period__datepicker-input {
-          &_size_m {
-            padding: var(--date-period-datepicker-input-m-padding);
-            min-height: auto;
-          }
-        }
-      }
-      &_l {
-        & .date-period__wrapper {
-          min-width: var(--date-period-l-min-width);
-          min-height: var(--date-period-l-min-height);
-          padding: var(--date-period-l-padding);
-        }
-        & .input.date-period__datepicker-input {
-          &_size_l {
-            padding: var(--date-period-datepicker-input-l-padding);
-            min-height: auto;
-          }
-        }
-      }
-  }
-}
-:root {
-  /* Size L */
-  --date-period-l-padding: 0 0.25m;
-  --date-period-l-min-width: 32px;
-  --date-period-l-min-height: 48px;
-  --date-period-datepicker-input-l-padding: 11px 12px;
-
-  /* Size M */
-  --date-period-m-padding: 0 0.25m;
-  --date-period-m-min-width: 40px;
-  --date-period-m-min-height: 40px;
-  --date-period-datepicker-input-m-padding: 7px 12px;
-
-  /* Size S */
-  --date-period-s-padding: 0 0.25m;
-  --date-period-s-min-width: 28px;
-  --date-period-s-min-height: 28px;
-  --date-period-datepicker-input-s-padding: 4px 12px;
-}