ngwr 0.0.4 → 0.0.8

package/esm2020/core/util/convert.mjs

@@ -1,50 +0,0 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-export function toBoolean(value) {
-    return coerceBooleanProperty(value);
-}
-function propDecoratorFactory(name, fallback) {
-    function propDecorator(target, propName, originalDescriptor) {
-        const privatePropName = `$$__walrusPropDecorator__${propName}`;
-        if (Object.prototype.hasOwnProperty.call(target, privatePropName)) {
-            console.warn(`The prop "${privatePropName}" is already exist, it will be overrided by ${name} decorator.`);
-        }
-        Object.defineProperty(target, privatePropName, {
-            configurable: true,
-            writable: true
-        });
-        return {
-            get() {
-                return originalDescriptor && originalDescriptor.get
-                    ? originalDescriptor.get.bind(this)()
-                    : this[privatePropName];
-            },
-            set(value) {
-                if (originalDescriptor && originalDescriptor.set) {
-                    originalDescriptor.set.bind(this)(fallback(value));
-                }
-                this[privatePropName] = fallback(value);
-            }
-        };
-    }
-    return propDecorator;
-}
-/**
- * Input decorator that handle a prop to do get/set automatically with toBoolean
- *
- * Why not using @InputBoolean alone without @Input? AOT needs @Input to be visible
- *
- * @howToUse
- * ```
- * @Input() @InputBoolean() visible: boolean = false;
- *
- * // Act as below:
- * // @Input()
- * // get visible() { return this.__visible; }
- * // set visible(value) { this.__visible = value; }
- * // __visible = false;
- * ```
- */
-export function InputBoolean() {
-    return propDecoratorFactory('InputBoolean', toBoolean);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udmVydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25nd3IvY29yZS91dGlsL2NvbnZlcnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFOUQsTUFBTSxVQUFVLFNBQVMsQ0FBQyxLQUF1QjtJQUMvQyxPQUFPLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3RDLENBQUM7QUFFRCxTQUFTLG9CQUFvQixDQUMzQixJQUFZLEVBQ1osUUFBcUI7SUFFckIsU0FBUyxhQUFhLENBQ3BCLE1BQVcsRUFDWCxRQUFnQixFQUNoQixrQkFBaUQ7UUFFakQsTUFBTSxlQUFlLEdBQUcsNEJBQTRCLFFBQVEsRUFBRSxDQUFDO1FBRS9ELElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxlQUFlLENBQUMsRUFBRTtZQUNqRSxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsZUFBZSwrQ0FBK0MsSUFBSSxhQUFhLENBQUMsQ0FBQztTQUM1RztRQUVELE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLGVBQWUsRUFBRTtZQUM3QyxZQUFZLEVBQUUsSUFBSTtZQUNsQixRQUFRLEVBQUUsSUFBSTtTQUNmLENBQUMsQ0FBQztRQUVILE9BQU87WUFDTCxHQUFHO2dCQUNELE9BQU8sa0JBQWtCLElBQUksa0JBQWtCLENBQUMsR0FBRztvQkFDakQsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ3JDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7WUFDNUIsQ0FBQztZQUNELEdBQUcsQ0FBQyxLQUFRO2dCQUNWLElBQUksa0JBQWtCLElBQUksa0JBQWtCLENBQUMsR0FBRyxFQUFFO29CQUNoRCxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO2lCQUNwRDtnQkFDRCxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFDLENBQUM7U0FDRixDQUFDO0lBQ0osQ0FBQztJQUVELE9BQU8sYUFBYSxDQUFDO0FBQ3ZCLENBQUM7QUFFRDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxNQUFNLFVBQVUsWUFBWTtJQUMxQixPQUFPLG9CQUFvQixDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQztBQUN6RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuZXhwb3J0IGZ1bmN0aW9uIHRvQm9vbGVhbih2YWx1ZTogYm9vbGVhbiB8IHN0cmluZyk6IGJvb2xlYW4ge1xuICByZXR1cm4gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbn1cblxuZnVuY3Rpb24gcHJvcERlY29yYXRvckZhY3Rvcnk8VCwgRD4oXG4gIG5hbWU6IHN0cmluZyxcbiAgZmFsbGJhY2s6ICh2OiBUKSA9PiBEXG4pOiAodGFyZ2V0OiBhbnksIHByb3BOYW1lOiBzdHJpbmcpID0+IHZvaWQge1xuICBmdW5jdGlvbiBwcm9wRGVjb3JhdG9yKFxuICAgIHRhcmdldDogYW55LFxuICAgIHByb3BOYW1lOiBzdHJpbmcsXG4gICAgb3JpZ2luYWxEZXNjcmlwdG9yPzogVHlwZWRQcm9wZXJ0eURlc2NyaXB0b3I8YW55PlxuICApOiBhbnkge1xuICAgIGNvbnN0IHByaXZhdGVQcm9wTmFtZSA9IGAkJF9fd2FscnVzUHJvcERlY29yYXRvcl9fJHtwcm9wTmFtZX1gO1xuXG4gICAgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbCh0YXJnZXQsIHByaXZhdGVQcm9wTmFtZSkpIHtcbiAgICAgIGNvbnNvbGUud2FybihgVGhlIHByb3AgXCIke3ByaXZhdGVQcm9wTmFtZX1cIiBpcyBhbHJlYWR5IGV4aXN0LCBpdCB3aWxsIGJlIG92ZXJyaWRlZCBieSAke25hbWV9IGRlY29yYXRvci5gKTtcbiAgICB9XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodGFyZ2V0LCBwcml2YXRlUHJvcE5hbWUsIHtcbiAgICAgIGNvbmZpZ3VyYWJsZTogdHJ1ZSxcbiAgICAgIHdyaXRhYmxlOiB0cnVlXG4gICAgfSk7XG5cbiAgICByZXR1cm4ge1xuICAgICAgZ2V0KCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBvcmlnaW5hbERlc2NyaXB0b3IgJiYgb3JpZ2luYWxEZXNjcmlwdG9yLmdldFxuICAgICAgICAgID8gb3JpZ2luYWxEZXNjcmlwdG9yLmdldC5iaW5kKHRoaXMpKClcbiAgICAgICAgICA6IHRoaXNbcHJpdmF0ZVByb3BOYW1lXTtcbiAgICAgIH0sXG4gICAgICBzZXQodmFsdWU6IFQpOiB2b2lkIHtcbiAgICAgICAgaWYgKG9yaWdpbmFsRGVzY3JpcHRvciAmJiBvcmlnaW5hbERlc2NyaXB0b3Iuc2V0KSB7XG4gICAgICAgICAgb3JpZ2luYWxEZXNjcmlwdG9yLnNldC5iaW5kKHRoaXMpKGZhbGxiYWNrKHZhbHVlKSk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpc1twcml2YXRlUHJvcE5hbWVdID0gZmFsbGJhY2sodmFsdWUpO1xuICAgICAgfVxuICAgIH07XG4gIH1cblxuICByZXR1cm4gcHJvcERlY29yYXRvcjtcbn1cblxuLyoqXG4gKiBJbnB1dCBkZWNvcmF0b3IgdGhhdCBoYW5kbGUgYSBwcm9wIHRvIGRvIGdldC9zZXQgYXV0b21hdGljYWxseSB3aXRoIHRvQm9vbGVhblxuICpcbiAqIFdoeSBub3QgdXNpbmcgQElucHV0Qm9vbGVhbiBhbG9uZSB3aXRob3V0IEBJbnB1dD8gQU9UIG5lZWRzIEBJbnB1dCB0byBiZSB2aXNpYmxlXG4gKlxuICogQGhvd1RvVXNlXG4gKiBgYGBcbiAqIEBJbnB1dCgpIEBJbnB1dEJvb2xlYW4oKSB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gKlxuICogLy8gQWN0IGFzIGJlbG93OlxuICogLy8gQElucHV0KClcbiAqIC8vIGdldCB2aXNpYmxlKCkgeyByZXR1cm4gdGhpcy5fX3Zpc2libGU7IH1cbiAqIC8vIHNldCB2aXNpYmxlKHZhbHVlKSB7IHRoaXMuX192aXNpYmxlID0gdmFsdWU7IH1cbiAqIC8vIF9fdmlzaWJsZSA9IGZhbHNlO1xuICogYGBgXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBJbnB1dEJvb2xlYW4oKTogYW55IHtcbiAgcmV0dXJuIHByb3BEZWNvcmF0b3JGYWN0b3J5KCdJbnB1dEJvb2xlYW4nLCB0b0Jvb2xlYW4pO1xufVxuIl19

package/esm2020/core/util/index.mjs

@@ -1,2 +0,0 @@
-export * from './convert';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3dyL2NvcmUvdXRpbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29udmVydCc7XG4iXX0=

package/styles/components/_index.scss

@@ -1,15 +0,0 @@
-@import 'alert';
-@import 'button';
-@import 'card';
-@import 'divider';
-@import 'dropdown';
-@import 'extended-input';
-@import 'form';
-@import 'heading';
-@import 'icon';
-@import 'input';
-@import 'password-input';
-@import 'skeleton';
-@import 'spinner';
-@import 'tag';
-@import 'tooltip';

package/styles/components/alert.scss

@@ -1,28 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$alert-prefix: #{$prefix}-alert;
-
-.#{$alert-prefix} {
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  margin-bottom: 0.5rem;
-
-  word-wrap: break-word;
-  font-size: $font-size-base;
-  font-weight: $font-weight-base;
-  line-height: $line-height-base;
-
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.375rem;
-
-  user-select: none;
-
-  @each $color, $value in $theme-colors {
-    &.#{$alert-prefix}-#{$color} {
-      @include alert-colors-generate($value);
-    }
-  }
-}

package/styles/components/button.scss

@@ -1,115 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$btn-prefix: #{$prefix}-btn;
-
-.#{$btn-prefix} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: auto;
-
-  padding: calc(#{$btn-padding-y} + 1px) $btn-padding-x;
-  border-radius: $btn-border-radius;
-
-  font-family: $font-family;
-  //line-height: $btn-line-height;
-  text-align: center;
-  vertical-align: middle;
-
-  cursor: pointer;
-  user-select: none;
-
-  position: relative;
-
-  transition: $transition-primary;
-
-  &__text {
-    font-size: $btn-font-size;
-    font-weight: $btn-font-weight;
-  }
-
-  &--block {
-    width: 100%;
-  }
-
-  &--rounded {
-    border-radius: $btn-round-border-radius;
-    padding: $btn-round-padding-y $btn-round-padding-x;
-  }
-
-  & > wr-icon {
-    width: 1rem;
-    height: 1rem;
-    margin-right: 0.375rem;
-  }
-
-  & > wr-spin {
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    transform: translateY(-50%);
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  &--small {
-    padding: 0.25rem 0.5rem;
-
-    .#{$btn-prefix} {
-      &__text {
-        font-size: $btn-font-size / 1.25;
-      }
-    }
-
-    & > wr-icon {
-      width: 0.75rem;
-      height: 0.75rem;
-      margin-right: 0.25rem;
-    }
-  }
-
-  &--loading {
-    pointer-events: none;
-
-    .#{$btn-prefix} {
-      &__text {
-        opacity: 0;
-      }
-    }
-
-    & > wr-icon {
-      opacity: 0;
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .#{$btn-prefix}-#{$color} {
-    @include button-variant($value);
-
-    &:disabled,
-    &.#{$btn-prefix}--disabled {
-      color: var(--color-medium);
-      background-color: var(--color-light);
-      box-shadow: none;
-      pointer-events: none;
-    }
-  }
-}
-
-@each $color, $value in $theme-colors {
-  .#{$btn-prefix}-#{$color} {
-    &.#{$btn-prefix}--outlined {
-      @include button-outline-variant($value);
-
-      &:disabled,
-      &.#{$btn-prefix}--disabled {
-        color: var(--color-medium);
-        background-color: transparent;
-        box-shadow: inset 0 0 0 1px var(--color-light);
-        pointer-events: none;
-      }
-    }
-  }
-}

package/styles/components/card.scss

@@ -1,41 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$card-prefix: #{$prefix}-card;
-
-.#{$card-prefix} {
-  display: flex;
-  flex-direction: column;
-  align-content: baseline;
-  justify-content: center;
-
-  background: $color-white;
-  border-radius: 0.75rem;
-
-  padding: 1.5rem 1.25rem;
-  box-shadow: $shadow-1-down;
-
-  &--hoverable {
-    transition: $transition-base;
-
-    &:hover {
-      cursor: pointer;
-      box-shadow: $box-shadow-base;
-
-      .#{$card-prefix}__title {
-        color: $color-secondary;
-      }
-    }
-  }
-
-  &__title {
-    color: $color-dark;
-    font-size: 1.125rem;
-    font-weight: 500;
-    line-height: 1;
-
-    margin-bottom: 0.5rem;
-
-    transition: $transition-base;
-  }
-}

package/styles/components/divider.scss

@@ -1,19 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$divider-prefix: #{$prefix}-divider;
-
-.#{$divider-prefix} {
-  display: block;
-
-  width: 100%;
-  height: 1px;
-
-  margin-top: 4px;
-  margin-bottom: 4px;
-
-  background: $color-light;
-
-  user-select: none;
-  pointer-events: none;
-}

package/styles/components/dropdown.scss

@@ -1,128 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$dropdown-prefix: #{$prefix}-dropdown;
-
-.#{$dropdown-prefix} {
-  @include reset-component();
-
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  z-index: $zindex-dropdown;
-  display: block;
-
-  &::before {
-    position: absolute;
-    top: -$popover-distance + $popover-arrow-width;
-    right: 0;
-    bottom: -$popover-distance + $popover-arrow-width;
-    left: -7px;
-    z-index: -9999;
-    opacity: 0.0001;
-    content: ' ';
-  }
-
-  &-trigger {
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  &-wrap {
-    position: relative;
-  }
-
-  &-hidden,
-  &-menu-hidden,
-  &-menu-submenu-hidden {
-    display: none;
-  }
-
-  &-menu {
-    display: flex;
-    flex-direction: column;
-    align-items: baseline;
-    position: relative;
-    margin: 0;
-    padding: 1rem;
-    text-align: left;
-    list-style-type: none;
-    background-color: $dropdown-menu-bg;
-    background-clip: padding-box;
-    border-radius: $border-radius-base;
-    outline: none;
-    box-shadow: $box-shadow-base;
-
-    &-submenu-popup {
-      position: absolute;
-      z-index: $zindex-dropdown;
-      background: transparent;
-      box-shadow: none;
-      transform-origin: 0 0;
-
-      ul,
-      li {
-        list-style: none;
-      }
-
-      ul {
-        margin-right: 0.3em;
-        margin-left: 0.3em;
-      }
-    }
-
-    // ======================= Item Content =======================
-    &-item {
-      position: relative;
-      display: flex;
-      align-items: center;
-      color: $color-dark;
-      transition: all 0.15s linear;
-
-      &:hover {
-        color: $color-secondary;
-      }
-    }
-
-    &-item,
-    &-submenu-title {
-      clear: both;
-      font-weight: normal;
-      white-space: nowrap;
-      cursor: pointer;
-      margin: 0 0 1rem;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-    }
-  }
-
-  &.#{$dropdown-prefix}-slide-down-enter,
-  &.#{$dropdown-prefix}-slide-down-appear,
-  &.#{$dropdown-prefix}-slide-down-enter,
-  &.#{$dropdown-prefix}-slide-down-appear,
-  &.#{$dropdown-prefix}-slide-down-enter,
-  &.#{$dropdown-prefix}-slide-down-appear {
-    animation-name: antSlideUpIn;
-  }
-}
-
-.wr-dropdown-menu {
-  & > ul {
-    list-style: inherit;
-    margin: 0;
-    padding: 0;
-  }
-}
-
-.wr-dropdown {
-  top: 0;
-  left: 0;
-  position: relative;
-  width: 100%;
-  margin-top: 6px;
-  margin-bottom: 6px;
-}

package/styles/components/extended-input.scss

@@ -1,64 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$extended-input-prefix: #{$prefix}-extended-input;
-
-.#{$extended-input-prefix} {
-  display: flex;
-  align-items: center;
-
-  overflow: hidden;
-
-  transition: $transition-primary;
-  width: 100%;
-
-  &--has-suffix {
-    & > .wr-input {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-
-  &--has-prefix {
-    & > .wr-input {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
-
-  &-suffix,
-  &-prefix {
-    display: inline-flex;
-    align-items: center;
-    background: rgba($color-light, 0.5);
-    border: 1px solid $color-light;
-
-    padding-left: $input-padding-y;
-    padding-right: $input-padding-y;
-
-    height: 100%;
-    max-width: 50%;
-
-    user-select: none;
-    pointer-events: none;
-
-    &__text {
-      color: $color-medium;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-
-  &-suffix {
-    border-top-right-radius: $input-border-radius;
-    border-bottom-right-radius: $input-border-radius;
-    border-left: 0;
-  }
-
-  &-prefix {
-    border-top-left-radius: $input-border-radius;
-    border-bottom-left-radius: $input-border-radius;
-    border-right: 0;
-  }
-}

package/styles/components/form.scss

@@ -1,85 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$form-prefix: #{$prefix}-form;
-$input-prefix: #{$prefix}-input;
-$password-input-prefix: #{$prefix}-password-input;
-$extended-input-prefix: #{$prefix}-extended-input;
-
-.#{$form-prefix} {
-  &-item {
-    @include column;
-    margin-bottom: 1rem;
-
-    & > * {
-      width: 100%;
-    }
-
-    & > label {
-      display: inline-flex;
-      align-items: center;
-      color: $color-medium;
-      font-size: 0.875rem;
-      font-weight: 400;
-      line-height: 1;
-      margin-bottom: 0.5rem;
-      transition: $transition-base;
-
-      & > nz-switch {
-        margin-left: 0.5rem;
-      }
-
-      & > nz-radio-group {
-        margin-left: 0.5rem;
-
-        .ant-radio-button-wrapper {
-          font-size: 0.625rem;
-          height: 0.825rem !important;
-          line-height: calc(1rem - 4px) !important;
-
-          &:first-child {
-            border-top-left-radius: 50rem;
-            border-bottom-left-radius: 50rem;
-          }
-          &:last-child {
-            border-top-right-radius: 50rem;
-            border-bottom-right-radius: 50rem;
-          }
-        }
-      }
-    }
-
-    &--has-error {
-      & > label {
-        color: $color-danger;
-      }
-      & .#{$input-prefix} {
-        box-shadow: inset 0 0 0 1px $color-danger;
-      }
-      & .#{$extended-input-prefix} {
-        &-suffix,
-        &-prefix {
-          border-color: $color-danger;
-          background: rgba($color-danger, 0.25);
-
-          &__text {
-            color: $color-danger;
-          }
-        }
-      }
-
-      & > nz-select {
-        .ant-select-selector {
-          box-shadow: inset 0 0 0 1px $color-danger;
-        }
-      }
-    }
-  }
-
-  &-error {
-    color: $color-danger;
-    font-size: 0.75rem;
-    opacity: 0.75;
-    margin-top: 0.25rem;
-  }
-}

package/styles/components/heading.scss

@@ -1,25 +0,0 @@
-@import '../vars';
-
-small {
-  font-size: 0.75rem;
-  color: inherit;
-  opacity: 0.75;
-}
-
-.h1,.h2,.h3,.h4,.h5,.h6 {
-  color: $heading-color;
-  font-family: $headings-font-family;
-  font-style: $headings-font-style;
-  font-weight: $headings-font-weight;
-  line-height: $headings-line-height;
-}
-
-@each $heading, $font-size in $heading-sizes {
-  .h#{$heading} {
-    font-size: $font-size;
-  }
-
-  h#{$heading} {
-    @extend .h#{$heading};
-  }
-}

package/styles/components/icon.scss

@@ -1,32 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$icon-prefix: #{$prefix}-icon;
-
-.#{$icon-prefix} {
-  display: inline-block;
-  color: inherit;
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125rem;
-
-  box-sizing: content-box !important;
-
-  contain: strict;
-
-  fill: currentColor;
-  width: 1.5rem;
-  height: 1.5rem;
-
-  * {
-    line-height: 1;
-  }
-
-  svg {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-  }
-}

package/styles/components/input.scss

@@ -1,43 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$input-prefix: #{$prefix}-input;
-
-.#{$input-prefix} {
-  display: inline-flex;
-  appearance: none;
-
-  background: $color-white;
-  box-shadow: inset 0 0 0 1px $color-light;
-  border: none;
-  border-radius: $input-border-radius;
-
-  margin: 0;
-  padding: $input-padding-y $input-padding-x;
-
-  color: $color-dark;
-  font-size: $input-font-size;
-  font-weight: $input-font-weight;
-  resize: none;
-  font-family: inherit;
-
-  transition: $transition-primary;
-  width: 100%;
-
-  &::placeholder {
-
-  }
-
-  &:active,
-  &:focus {
-    outline: none;
-    box-shadow: inset 0 0 0 1px rgba($color-primary, 0.375), 0 0 0 2px rgba($color-primary, 0.05);
-  }
-
-  &disabled,
-  &--disabled {
-    color: var(--color-medium);
-    background-color: rgba(var(--color-light-rgb), 0.5);
-    cursor: not-allowed;
-  }
-}

package/styles/components/password-input.scss

@@ -1,31 +0,0 @@
-@import '../vars';
-@import '../mixins';
-
-$password-input-prefix: #{$prefix}-password-input;
-
-.#{$password-input-prefix} {
-  display: flex;
-  position: relative;
-
-  transition: $transition-primary;
-  width: 100%;
-
-  & > .wr-input {
-    padding-right: $input-padding-y + 1.5rem;
-  }
-
-  &-icon {
-    position: absolute;
-    right: $input-padding-y;
-    top: 50%;
-    transform: translateY(-50%);
-    height: 1.25rem;
-    width: 1.25rem;
-    color: $color-medium;
-
-    &:hover {
-      cursor: pointer;
-      color: $color-primary;
-    }
-  }
-}