@voicenter-team/voicenter-ui-plus 1.1.21 → 2.0.1

package/library/z80-BZV19vqv.mjs

@@ -1,93 +0,0 @@
-function mkZ80(ez802) {
-  var keywords1, keywords2;
-  if (ez802) {
-    keywords1 = /^(exx?|(ld|cp)([di]r?)?|[lp]ea|pop|push|ad[cd]|cpl|daa|dec|inc|neg|sbc|sub|and|bit|[cs]cf|x?or|res|set|r[lr]c?a?|r[lr]d|s[lr]a|srl|djnz|nop|[de]i|halt|im|in([di]mr?|ir?|irx|2r?)|ot(dmr?|[id]rx|imr?)|out(0?|[di]r?|[di]2r?)|tst(io)?|slp)(\.([sl]?i)?[sl])?\b/i;
-    keywords2 = /^(((call|j[pr]|rst|ret[in]?)(\.([sl]?i)?[sl])?)|(rs|st)mix)\b/i;
-  } else {
-    keywords1 = /^(exx?|(ld|cp|in)([di]r?)?|pop|push|ad[cd]|cpl|daa|dec|inc|neg|sbc|sub|and|bit|[cs]cf|x?or|res|set|r[lr]c?a?|r[lr]d|s[lr]a|srl|djnz|nop|rst|[de]i|halt|im|ot[di]r|out[di]?)\b/i;
-    keywords2 = /^(call|j[pr]|ret[in]?|b_?(call|jump))\b/i;
-  }
-  var variables1 = /^(af?|bc?|c|de?|e|hl?|l|i[xy]?|r|sp)\b/i;
-  var variables2 = /^(n?[zc]|p[oe]?|m)\b/i;
-  var errors = /^([hl][xy]|i[xy][hl]|slia|sll)\b/i;
-  var numbers = /^([\da-f]+h|[0-7]+o|[01]+b|\d+d?)\b/i;
-  return {
-    name: "z80",
-    startState: function() {
-      return {
-        context: 0
-      };
-    },
-    token: function(stream, state) {
-      if (!stream.column())
-        state.context = 0;
-      if (stream.eatSpace())
-        return null;
-      var w;
-      if (stream.eatWhile(/\w/)) {
-        if (ez802 && stream.eat(".")) {
-          stream.eatWhile(/\w/);
-        }
-        w = stream.current();
-        if (stream.indentation()) {
-          if ((state.context == 1 || state.context == 4) && variables1.test(w)) {
-            state.context = 4;
-            return "variable";
-          }
-          if (state.context == 2 && variables2.test(w)) {
-            state.context = 4;
-            return "variableName.special";
-          }
-          if (keywords1.test(w)) {
-            state.context = 1;
-            return "keyword";
-          } else if (keywords2.test(w)) {
-            state.context = 2;
-            return "keyword";
-          } else if (state.context == 4 && numbers.test(w)) {
-            return "number";
-          }
-          if (errors.test(w))
-            return "error";
-        } else if (stream.match(numbers)) {
-          return "number";
-        } else {
-          return null;
-        }
-      } else if (stream.eat(";")) {
-        stream.skipToEnd();
-        return "comment";
-      } else if (stream.eat('"')) {
-        while (w = stream.next()) {
-          if (w == '"')
-            break;
-          if (w == "\\")
-            stream.next();
-        }
-        return "string";
-      } else if (stream.eat("'")) {
-        if (stream.match(/\\?.'/))
-          return "number";
-      } else if (stream.eat(".") || stream.sol() && stream.eat("#")) {
-        state.context = 5;
-        if (stream.eatWhile(/\w/))
-          return "def";
-      } else if (stream.eat("$")) {
-        if (stream.eatWhile(/[\da-f]/i))
-          return "number";
-      } else if (stream.eat("%")) {
-        if (stream.eatWhile(/[01]/))
-          return "number";
-      } else {
-        stream.next();
-      }
-      return null;
-    }
-  };
-}
-const z80 = mkZ80(false);
-const ez80 = mkZ80(true);
-export {
-  ez80,
-  z80
-};

package/src/assets/sass/main/_icons.scss

@@ -1,36 +0,0 @@
-.icon-xxs {
-    font-size: 0.687rem; // 11px
-}
-.icon-xs {
-    font-size: 0.75rem; // 12px
-}
-.icon-sm {
-    font-size: 0.875rem // 14px
-}
-.icon-base {
-    font-size: 1rem; // 16px
-}
-.icon-md {
-    font-size: 1.125rem // 18px
-}
-.icon-2md {
-    font-size: 1.1875rem //19px
-}
-.icon-lg {
-    font-size: 1.375rem // 22px
-}
-.icon-xl {
-    font-size: 1.5rem // 24px
-}
-.icon-2xl {
-    font-size: 1.875rem // 30px
-}
-.icon-3xl {
-    font-size: 2.25rem // 36px
-}
-.icon-2r {
-    font-size: 2rem //32px
-}
-.icon-4r {
-    font-size: 4rem //64px
-}

package/src/components/VcButton/VcButton.scss

@@ -1,191 +0,0 @@
-$vc-button-loaderSpeed: 1.5s;
-$vc-button-transition: all .28s ease;
-
-@mixin buttonColorsAction($color) {
-  &-color--#{$color} {
-    color: var(--#{$color}-actions);
-    .vc-button--content {
-      @apply text-btn-filled-text;
-    }
-
-    &:not(.is--disabled) {
-      &:hover, &:focus {
-        color: var(--#{$color}-actions--focus);
-      }
-
-      &:active {
-        color: var(--#{$color}-actions--pressed);
-      }
-    }
-  }
-}
-
-@mixin buttonColorsActionHover($color) {
-  &.vc-button-color--#{$color} {
-    &:hover, &:focus {
-      background-color: var(--#{$color}-actions-bg--focus);
-    }
-
-    &:active {
-      background-color: var(--#{$color}-actions-bg--pressed);
-    }
-  }
-}
-
-button.vc-button, .vc-button {
-  @apply
-  relative
-  inline-flex
-  items-center
-  cursor-pointer
-  bg-transparent
-  text-center
-  outline-none
-  rounded-sm
-  border
-  border-inactive-elements;
-  transition: $vc-button-transition;
-  height: max-content;
-
-  .vc-button--content {
-    @apply flex text-center items-center flex-grow flex-shrink-0 whitespace-nowrap text-btn-filled-text;
-    transition: $vc-button-transition;
-    line-height: 1;
-  }
-
-  .content-icon {
-    line-height: 1;
-  }
-
-  &-size--large {
-    @apply border-2 py-2.5 px-10;
-    .vc-button--content {
-      @apply font-semibold text-base gap-2;
-    }
-
-    .content-icon {
-      @apply text-base;
-    }
-  }
-
-  &-size--middle {
-    @apply py-[7px] px-4 border;
-    .vc-button--content {
-      @apply font-semibold text-sm gap-1;
-      line-height: 1rem;
-    }
-
-    .content-icon {
-      @apply text-base;
-    }
-  }
-
-  &-size--small {
-    @apply py-1 px-3 border;
-    .vc-button--content {
-      @apply font-normal text-sm gap-1;
-    }
-
-    .content-icon {
-      @apply text-sm;
-    }
-  }
-
-  &--block {
-    @apply w-full;
-    .vc-button--content {
-      @apply justify-center;
-    }
-  }
-
-  @include buttonColorsAction(primary);
-  @include buttonColorsAction(secondary);
-  @include buttonColorsAction(destructive);
-  @include buttonColorsAction(success);
-  @include buttonColorsAction(warning);
-  @include buttonColorsAction(primary-alternative);
-
-  &-type--default {
-    @apply bg-current border-current;
-    .vc-button--content {
-      @apply text-btn-filled-text;
-    }
-  }
-
-  &-type--outline {
-    @apply border-current;
-    .vc-button--content {
-      @apply text-current;
-    }
-  }
-
-  &-type--borderless {
-    @apply border-transparent bg-transparent;
-    .vc-button--content {
-      @apply text-current;
-    }
-  }
-
-  &-type--outline:not(.is--disabled), &-type--borderless:not(.is--disabled) {
-    @include buttonColorsActionHover(primary);
-    @include buttonColorsActionHover(destructive);
-    @include buttonColorsActionHover(secondary);
-    @include buttonColorsActionHover(warning);
-    @include buttonColorsActionHover(success);
-    @include buttonColorsActionHover(primary-alternative);
-  }
-
-  &.is--disabled, &:disabled {
-    @apply opacity-50 cursor-not-allowed;
-  }
-
-  &.is--round {
-    --border-radius: 20px;
-    border-radius: var(--border-radius);
-  }
-
-  .vc-button--loader {
-    @apply absolute top-0 left-0 w-full h-full flex items-center justify-center overflow-hidden text-base;
-    transition: $vc-button-transition;
-
-    i {
-      animation: fa-spin $vc-button-loaderSpeed linear infinite
-    }
-  }
-
-  &-type--default {
-    .vc-button--loader {
-      @apply text-default-loader;
-    }
-  }
-
-  &-size--large {
-    .vc-button--loader {
-      @apply text-lg;
-    }
-  }
-
-  &-size--small {
-    .vc-button--loader {
-      @apply text-sm;
-    }
-  }
-
-  &.is--loading {
-    @apply pointer-events-none;
-    .vc-button--content {
-      @apply opacity-20;
-    }
-  }
-}
-
-@keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg)
-  }
-  to {
-    -webkit-transform: rotate(1turn);
-    transform: rotate(1turn)
-  }
-}

package/src/components/VcButton/VcButtonIcon.scss

@@ -1,179 +0,0 @@
-$transition: all .28s ease;
-
-@mixin colorActions($color) {
-  &-color--#{$color} {
-    color: var(--#{$color}-actions);
-    .vc-button--content, .content-icon {
-      color: var(--#{$color}-actions);
-    }
-
-    &:not(.is--disabled):not(.is--filled) {
-      &:hover, &:focus {
-        .vc-button--content, .content-icon {
-          color: var(--#{$color}-actions--focus);
-        }
-      }
-
-      &:active {
-        .vc-button--content, .content-icon {
-          color: var(--#{$color}-actions--pressed);
-        }
-      }
-
-      &:not(.is--disabled):not(.vc-button-icon-type--hoverless) {
-        &:hover, &:focus {
-          background-color: var(--#{$color}-actions-bg--focus);
-        }
-
-        &:active {
-          background-color: var(--#{$color}-actions-bg--pressed);
-        }
-      }
-    }
-    &.is--filled {
-      &.filled-light {
-        &:not(.is--disabled) {
-          &:hover, &:focus {
-            .vc-button--content, .content-icon {
-              color: var(--#{$color}-actions--focus);
-            }
-          }
-
-          &:active {
-            .vc-button--content, .content-icon {
-              color: var(--#{$color}-actions--pressed);
-            }
-          }
-        }
-      }
-    }
-  }
-  &.is--filled {
-    &.filled-#{$color} {
-      --text-color: var(--btn-filled-text);
-      --filled-color: var(--#{$color}-actions);
-      &:not(.is--disabled) {
-        &:hover, &:focus {
-          background-color: var(--#{$color}-actions--focus);
-          .vc-button--content, .content-icon {
-            color: var(--btn-filled-text);
-          }
-        }
-
-        &:active {
-          background-color: var(--#{$color}-actions--pressed);
-          .vc-button--content, .content-icon {
-            color: var(--btn-filled-text);
-          }
-        }
-      }
-    }
-  }
-}
-
-.vc-button-icon {
-  @apply
-  relative
-  flex-shrink-0
-  aspect-square
-  inline-flex
-  items-center justify-center
-  cursor-pointer
-  bg-transparent
-  text-center
-  outline-none overflow-hidden
-  text-current
-  rounded-sm;
-  transition: $transition;
-  height: max-content;
-
-  .vc-button--content {
-    @apply flex text-center items-center justify-center relative flex-grow flex-shrink-0 whitespace-nowrap;
-    transition: $transition;
-  }
-
-  .vc-button--content, .content-icon {
-    @apply text-lg text-current;
-    line-height: 1;
-  }
-
-  &-type--default, &-type--hoverless {
-    @apply p-1;
-    &.is--plain {
-      @apply p-0.5;
-    }
-  }
-  &-type--default {
-    &.is--plain {
-      @apply p-0.5;
-    }
-  }
-
-  &-type--outline {
-    @apply border-2 p-2.5 text-current border-current;
-    .vc-button--content, .content-icon {
-      @apply text-base;
-    }
-
-    &.is--small {
-      @apply border p-2;
-      .content-icon {
-        @apply text-sm;
-      }
-    }
-
-    &.is--plain {
-      @apply border p-0.5;
-    }
-  }
-
-  &.is--filled {
-    --filled-color: var(--light-bg);
-    --text-color: currentColor;
-    background-color: var(--filled-color);
-
-    .vc-button--content, .content-icon {
-      color: var(--text-color);
-    }
-
-    &.filled-light {
-      --filled-color: var(--light-bg);
-      --text-color: currentColor;
-    }
-  }
-
-  &.is--circle {
-    @apply rounded-full;
-    &:not(.vc-button-icon-type--outline) {
-      @apply p-1.5;
-      &.is--plain {
-        @apply p-1;
-      }
-    }
-  }
-
-
-  @include colorActions(primary);
-  @include colorActions(primary-alternative);
-  @include colorActions(secondary);
-  @include colorActions(destructive);
-  @include colorActions(warning);
-  @include colorActions(success);
-
-  &.is--disabled, &:disabled {
-    @apply opacity-50 cursor-not-allowed;
-  }
-
-  &.is--animate:not(.is--disabled) {
-    .content-icon {
-      transform: rotate(0);
-    }
-
-    &:hover {
-      .content-icon {
-        transition: transform 500ms linear;
-        transform: rotate(180deg);
-      }
-    }
-  }
-}

package/src/components/VcInput/VcInput.scss

@@ -1,100 +0,0 @@
-$prefixClass: 'vc-input';
-@mixin inputColorScheme($color) {
-  &--#{$color} {
-    --el-input-icon-color: var(--#{$color}-actions);
-    --el-input-clear-hover-color: var(--#{$color}-actions--focus);
-    .el-input__wrapper {
-      .el-input__suffix {
-        .vc-icon-close {
-          color: var(--#{$color}-actions);
-          &:hover {
-            color: var(--#{$color}-actions--focus);
-          }
-        }
-      }
-      &:hover {
-        @apply shadow-hover-outer-#{$color};
-      }
-      &.is-focus  {
-        border-color: var(--#{$color}-actions--focus);
-      }
-    }
-  }
-}
-@mixin textAreaColorScheme($color) {
-  &.#{$prefixClass}--#{$color} {
-    --el-input-icon-color: var(--#{$color}-actions);
-    --el-input-clear-hover-color: var(--#{$color}-actions--focus);
-    .el-textarea__inner {
-      &:hover {
-        @apply shadow-hover-outer-#{$color};
-      }
-      &:focus  {
-        border-color: var(--#{$color}-actions--focus);
-      }
-    }
-  }
-}
-.vc-input, .el-input.vc-input {
-  .el-input__wrapper {
-    @apply shadow-none py-0 px-1 border border-field-borders;
-    .el-input__suffix {
-      .vc-icon-close {
-        @apply inline-flex text-active-elements hover:text-active-elements--focus cursor-pointer;
-      }
-    }
-    .el-input__suffix-inner > :first-child {
-      @apply rtl:ml-0 rtl:mr-2;
-    }
-    &:hover {
-      @apply shadow-hover-outer-active;
-    }
-    &.is-focus  {
-      @apply border-active-elements--focus;
-    }
-  }
-  &.el-textarea {
-    .el-textarea__inner {
-      @apply shadow-none border border-field-borders;
-      border-style: solid;
-      &:hover {
-        @apply shadow-hover-outer-active;
-      }
-      &:focus  {
-        @apply border-active-elements--focus;
-      }
-    }
-
-    @include textAreaColorScheme(primary);
-    @include textAreaColorScheme(secondary);
-    @include textAreaColorScheme(destructive);
-    @include textAreaColorScheme(success);
-    @include textAreaColorScheme(warning);
-  }
-
-  @include inputColorScheme(primary);
-  @include inputColorScheme(secondary);
-  @include inputColorScheme(destructive);
-  @include inputColorScheme(success);
-  @include inputColorScheme(warning);
-
-  .el-input__prefix-inner > :last-child {
-    @apply mr-2 rtl:ml-2 rtl:mr-0;
-  }
-  .el-input__icon {
-    @apply ml-2 rtl:ml-0 rtl:mr-2;
-  }
-  &.is--error:not(.is-disabled) {
-    .el-input__wrapper, .el-textarea__inner {
-      @apply border-error-actions;
-    }
-  }
-  &.is-disabled, &.el-textarea.is-disabled {
-    .el-input__prefix {
-      @apply text-inactive-elements;
-    }
-    .el-input__wrapper, .el-textarea__inner {
-      @apply shadow-none;
-    }
-  }
-}