@flyanra/vue-core 0.3.0 → 0.4.1

package/src/styles/element/overrides/alerts.scss

@@ -1,28 +1,28 @@
-@use 'element-plus/theme-chalk/src/alert.scss' as *;
-
-@mixin alert-overrides {
-  &--error {
-    --el-color-error: var(--anra-state-error-lighter);
-    &.is-light {
-      --el-color-error: var(--anra-state-error-lighter);
-    }
-  }
-  &--warning {
-    &.is-dark {
-      --el-color-warning: var(--anra-state-warning-50);
-    }
-  }
-  &--info {
-    &.is-light {
-      --el-color-info: var(--anra-state-info-lighter);
-    }
-  }
-}
-
-.el-alert {
-  @include alert-overrides;
-
-  &__content {
-    flex-grow: 1;
-  }
-}
+@use 'element-plus/theme-chalk/src/alert.scss' as *;
+
+@mixin alert-overrides {
+  &--error {
+    --el-color-error: var(--anra-state-error-lighter);
+    &.is-light {
+      --el-color-error: var(--anra-state-error-lighter);
+    }
+  }
+  &--warning {
+    &.is-dark {
+      --el-color-warning: var(--anra-state-warning-50);
+    }
+  }
+  &--info {
+    &.is-light {
+      --el-color-info: var(--anra-state-info-lighter);
+    }
+  }
+}
+
+.el-alert {
+  @include alert-overrides;
+
+  &__content {
+    flex-grow: 1;
+  }
+}

package/src/styles/element/overrides/badge.scss

@@ -1,6 +1,6 @@
-@use 'element-plus/theme-chalk/src/badge.scss' as *;
-
-.el-badge__content.is-dot {
-  height: 12px;
-  width: 12px;
-}
+@use 'element-plus/theme-chalk/src/badge.scss' as *;
+
+.el-badge__content.is-dot {
+  height: 12px;
+  width: 12px;
+}

package/src/styles/element/overrides/cascader.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/cascader-panel.scss';
-@use 'element-plus/theme-chalk/src/cascader.scss';
+@use 'element-plus/theme-chalk/src/cascader-panel.scss';
+@use 'element-plus/theme-chalk/src/cascader.scss';

package/src/styles/element/overrides/collapse.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/collapse-item.scss';
-@use 'element-plus/theme-chalk/src/collapse.scss';
+@use 'element-plus/theme-chalk/src/collapse-item.scss';
+@use 'element-plus/theme-chalk/src/collapse.scss';

package/src/styles/element/overrides/date-time.scss

@@ -0,0 +1,11 @@
+@use 'element-plus/theme-chalk/src/input.scss';
+@use 'element-plus/theme-chalk/src/button.scss';
+@use 'element-plus/theme-chalk/src/icon.scss';
+
+@use 'element-plus/theme-chalk/src/date-picker.scss';
+@use 'element-plus/theme-chalk/src/date-picker-panel.scss';
+@use 'element-plus/theme-chalk/src/time-picker.scss';
+@use 'element-plus/theme-chalk/src/time-select.scss';
+
+@use 'element-plus/theme-chalk/src/popper.scss';
+@use 'element-plus/theme-chalk/src/scrollbar.scss';

package/src/styles/element/overrides/dialog.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/dialog.scss' as *;
-@use 'element-plus/theme-chalk/src/overlay.scss' as *;
+@use 'element-plus/theme-chalk/src/dialog.scss' as *;
+@use 'element-plus/theme-chalk/src/overlay.scss' as *;

package/src/styles/element/overrides/dropdown.scss

@@ -1,11 +1,11 @@
-@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown-item.scss' as *;
-@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;
-
-.el-dropdown-menu {
-  .el-dropdown-menu__item {
-    &--divided {
-      border-color: var(--anra-border-color);
-    }
-  }
-}
+@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown-item.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;
+
+.el-dropdown-menu {
+  .el-dropdown-menu__item {
+    &--divided {
+      border-color: var(--anra-border-color);
+    }
+  }
+}

package/src/styles/element/overrides/form.scss

@@ -1,107 +1,107 @@
-@use 'element-plus/theme-chalk/src/form.scss' as *;
-@use 'element-plus/theme-chalk/src/form-item.scss' as *;
-@use 'element-plus/theme-chalk/src/input.scss' as *;
-@use 'element-plus/theme-chalk/src/input-number.scss' as *;
-@use 'element-plus/theme-chalk/src/option.scss' as *;
-@use 'element-plus/theme-chalk/src/select.scss' as *;
-@use 'element-plus/theme-chalk/src/radio.scss' as *;
-@use 'element-plus/theme-chalk/src/radio-group.scss' as *;
-@use 'element-plus/theme-chalk/src/checkbox.scss' as *;
-@use 'element-plus/theme-chalk/src/date-picker.scss' as *;
-@use 'element-plus/theme-chalk/src/switch.scss' as *;
-
-.el-form-item {
-  &__error,
-  .el-form-item__label {
-    --el-color-danger: var(--anra-form-item-error-color);
-  }
-
-  &.hide-label {
-    .el-form-item__label {
-      display: none;
-    }
-  }
-
-  .el-form-item__content {
-    flex-direction: column;
-    align-items: start;
-
-    .el-form-item__error {
-      position: relative;
-    }
-  }
-
-  &.inline-form-item {
-    .el-form-item__label {
-      flex-grow: 1;
-    }
-    .el-form-item__content {
-      flex-basis: auto;
-      flex-grow: 0;
-      flex-shrink: 0;
-    }
-  }
-}
-
-.el-form-item.is-error .el-input__wrapper,
-.el-form-item.is-error .el-input__wrapper:hover,
-.el-form-item.is-error .el-input__wrapper:focus,
-.el-form-item.is-error .el-input__wrapper.is-focus,
-.el-form-item.is-error .el-textarea__inner,
-.el-form-item.is-error .el-textarea__inner:hover,
-.el-form-item.is-error .el-textarea__inner:focus,
-.el-form-item.is-error .el-textarea__inner.is-focus,
-.el-form-item.is-error .el-select__wrapper,
-.el-form-item.is-error .el-select__wrapper:hover,
-.el-form-item.is-error .el-select__wrapper:focus,
-.el-form-item.is-error .el-select__wrapper.is-focus,
-.el-form-item.is-error .el-input-tag__wrapper,
-.el-form-item.is-error .el-input-tag__wrapper:hover,
-.el-form-item.is-error .el-input-tag__wrapper:focus,
-.el-form-item.is-error .el-input-tag__wrapper.is-focus {
-  --el-color-danger: var(--anra-form-item-error-color);
-}
-
-.el-select__wrapper {
-  --el-fill-color-blank: var(--anra-bg-20);
-  --el-border-color: var(--anra-form-input-border);
-
-  &.is-disabled {
-    background-color: var(--anra-disabled-bg);
-  }
-}
-
-.el-input-tag {
-  &.el-input-tag__wrapper {
-    background-color: var(--anra-bg-20);
-  }
-  .el-input-tag__input {
-    background-color: var(--anra-bg-20);
-  }
-}
-
-.el-radio-group {
-  &.fill-available-space {
-    width: 100%;
-    display: flex;
-    .el-radio-button {
-      flex: 1;
-      &__inner {
-        width: 100%;
-      }
-    }
-  }
-}
-
-.el-input-number {
-  width: 100%;
-}
-
-.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
-.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
-  > .el-form-item__label-wrap
-  > .el-form-item__label:before {
-  font-size: 1rem;
-  line-height: 1px;
-  font-weight: bolder;
-}
+@use 'element-plus/theme-chalk/src/form.scss' as *;
+@use 'element-plus/theme-chalk/src/form-item.scss' as *;
+@use 'element-plus/theme-chalk/src/input.scss' as *;
+@use 'element-plus/theme-chalk/src/input-number.scss' as *;
+@use 'element-plus/theme-chalk/src/option.scss' as *;
+@use 'element-plus/theme-chalk/src/select.scss' as *;
+@use 'element-plus/theme-chalk/src/radio.scss' as *;
+@use 'element-plus/theme-chalk/src/radio-group.scss' as *;
+@use 'element-plus/theme-chalk/src/checkbox.scss' as *;
+@use './date-time.scss';
+@use 'element-plus/theme-chalk/src/switch.scss' as *;
+
+.el-form-item {
+  &__error,
+  .el-form-item__label {
+    --el-color-danger: var(--anra-form-item-error-color);
+  }
+
+  &.hide-label {
+    .el-form-item__label {
+      display: none;
+    }
+  }
+
+  .el-form-item__content {
+    flex-direction: column;
+    align-items: start;
+
+    .el-form-item__error {
+      position: relative;
+    }
+  }
+
+  &.inline-form-item {
+    .el-form-item__label {
+      flex-grow: 1;
+    }
+    .el-form-item__content {
+      flex-basis: auto;
+      flex-grow: 0;
+      flex-shrink: 0;
+    }
+  }
+}
+
+.el-form-item.is-error .el-input__wrapper,
+.el-form-item.is-error .el-input__wrapper:hover,
+.el-form-item.is-error .el-input__wrapper:focus,
+.el-form-item.is-error .el-input__wrapper.is-focus,
+.el-form-item.is-error .el-textarea__inner,
+.el-form-item.is-error .el-textarea__inner:hover,
+.el-form-item.is-error .el-textarea__inner:focus,
+.el-form-item.is-error .el-textarea__inner.is-focus,
+.el-form-item.is-error .el-select__wrapper,
+.el-form-item.is-error .el-select__wrapper:hover,
+.el-form-item.is-error .el-select__wrapper:focus,
+.el-form-item.is-error .el-select__wrapper.is-focus,
+.el-form-item.is-error .el-input-tag__wrapper,
+.el-form-item.is-error .el-input-tag__wrapper:hover,
+.el-form-item.is-error .el-input-tag__wrapper:focus,
+.el-form-item.is-error .el-input-tag__wrapper.is-focus {
+  --el-color-danger: var(--anra-form-item-error-color);
+}
+
+.el-select__wrapper {
+  --el-fill-color-blank: var(--anra-bg-20);
+  --el-border-color: var(--anra-form-input-border);
+
+  &.is-disabled {
+    background-color: var(--anra-disabled-bg);
+  }
+}
+
+.el-input-tag {
+  &.el-input-tag__wrapper {
+    background-color: var(--anra-bg-20);
+  }
+  .el-input-tag__input {
+    background-color: var(--anra-bg-20);
+  }
+}
+
+.el-radio-group {
+  &.fill-available-space {
+    width: 100%;
+    display: flex;
+    .el-radio-button {
+      flex: 1;
+      &__inner {
+        width: 100%;
+      }
+    }
+  }
+}
+
+.el-input-number {
+  width: 100%;
+}
+
+.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
+.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
+  > .el-form-item__label-wrap
+  > .el-form-item__label:before {
+  font-size: 1rem;
+  line-height: 1px;
+  font-weight: bolder;
+}

package/src/styles/element/overrides/message.scss

@@ -1,39 +1,39 @@
-@use 'element-plus/theme-chalk/src/message.scss' as *;
-
-@mixin message-overrides {
-  &.el-message {
-    &.no-icon {
-      .el-message__icon {
-        display: none;
-      }
-    }
-    &.priority-notification {
-      width: 80%;
-      max-width: 700px;
-    }
-    &--success {
-      --el-message-text-color: var(--anra-white);
-    }
-    &--info {
-      --el-message-border-color: var(--anra-info-bg);
-      --el-message-text-color: var(--default-text-color);
-      --el-message-bg-color: var(--anra-info-bg);
-    }
-    &--error {
-      --el-message-border-color: var(--anra-state-error);
-      --el-message-text-color: var(--default-text-color);
-      --el-message-bg-color: var(--dynamic-dark);
-    }
-  }
-}
-
-.el-message {
-  @include message-overrides;
-}
-
-@media (max-width: 768px) {
-  .el-message {
-    top: 70px !important;
-    width: 80%;
-  }
-}
+@use 'element-plus/theme-chalk/src/message.scss' as *;
+
+@mixin message-overrides {
+  &.el-message {
+    &.no-icon {
+      .el-message__icon {
+        display: none;
+      }
+    }
+    &.priority-notification {
+      width: 80%;
+      max-width: 700px;
+    }
+    &--success {
+      --el-message-text-color: var(--anra-white);
+    }
+    &--info {
+      --el-message-border-color: var(--anra-info-bg);
+      --el-message-text-color: var(--default-text-color);
+      --el-message-bg-color: var(--anra-info-bg);
+    }
+    &--error {
+      --el-message-border-color: var(--anra-state-error);
+      --el-message-text-color: var(--default-text-color);
+      --el-message-bg-color: var(--dynamic-dark);
+    }
+  }
+}
+
+.el-message {
+  @include message-overrides;
+}
+
+@media (max-width: 768px) {
+  .el-message {
+    top: 70px !important;
+    width: 80%;
+  }
+}

package/src/styles/element/overrides/notification.scss

@@ -1,46 +1,46 @@
-@use 'element-plus/theme-chalk/src/notification.scss' as *;
-
-.el-notification {
-  --el-notification-radius: 5px;
-  width: 400px;
-  background-color: var(--anra-bg-25);
-  border-color: var(--anra-border-color);
-}
-
-.el-notification.collision-alert-notification-container {
-  --border-color: var(--anra-state-error-lighter-50);
-  --text-color: var(--default-text-color);
-  --bg-color: var(--dynamic-dark);
-
-  width: 500px;
-  background-color: var(--bg-color);
-  border-color: var(--border-color);
-
-  .el-notification__icon,
-  .el-notification__title {
-    display: none;
-  }
-
-  .el-notification__content {
-    color: var(--text-color);
-  }
-}
-
-.el-notification.geofence-alert-notification-container {
-  --border-color: var(--anra-state-warning-50);
-  --text-color: var(--default-text-color);
-  --bg-color: var(--dynamic-dark);
-
-  width: 500px;
-  background-color: var(--bg-color);
-  border-color: var(--border-color);
-
-  .el-notification__icon,
-  .el-notification__title {
-    display: none;
-  }
-
-  .el-notification__content {
-    color: var(--text-color);
-  }
-}
+@use 'element-plus/theme-chalk/src/notification.scss' as *;
+
+.el-notification {
+  --el-notification-radius: 5px;
+  width: 400px;
+  background-color: var(--anra-bg-25);
+  border-color: var(--anra-border-color);
+}
+
+.el-notification.collision-alert-notification-container {
+  --border-color: var(--anra-state-error-lighter-50);
+  --text-color: var(--default-text-color);
+  --bg-color: var(--dynamic-dark);
+
+  width: 500px;
+  background-color: var(--bg-color);
+  border-color: var(--border-color);
+
+  .el-notification__icon,
+  .el-notification__title {
+    display: none;
+  }
+
+  .el-notification__content {
+    color: var(--text-color);
+  }
+}
+
+.el-notification.geofence-alert-notification-container {
+  --border-color: var(--anra-state-warning-50);
+  --text-color: var(--default-text-color);
+  --bg-color: var(--dynamic-dark);
+
+  width: 500px;
+  background-color: var(--bg-color);
+  border-color: var(--border-color);
+
+  .el-notification__icon,
+  .el-notification__title {
+    display: none;
+  }
+
+  .el-notification__content {
+    color: var(--text-color);
+  }
+}

package/src/styles/element/overrides/segmented.scss

@@ -1,17 +1,17 @@
-@use 'element-plus/theme-chalk/src/segmented.scss' as *;
-
-.el-segmented {
-  border: 1px solid var(--anra-border-color);
-
-  .el-segmented__item.is-selected {
-    --el-segmented-item-selected-color: var(--anra-white);
-  }
-}
-
-html.dark {
-  .el-segmented {
-    .el-segmented__item.is-selected {
-      --el-segmented-item-selected-color: var(--anra-black);
-    }
-  }
-}
+@use 'element-plus/theme-chalk/src/segmented.scss' as *;
+
+.el-segmented {
+  border: 1px solid var(--anra-border-color);
+
+  .el-segmented__item.is-selected {
+    --el-segmented-item-selected-color: var(--anra-white);
+  }
+}
+
+html.dark {
+  .el-segmented {
+    .el-segmented__item.is-selected {
+      --el-segmented-item-selected-color: var(--anra-black);
+    }
+  }
+}

package/src/styles/element/overrides/table.scss

@@ -1,2 +1,2 @@
-@use 'element-plus/theme-chalk/src/table-column.scss';
-@use 'element-plus/theme-chalk/src/table.scss';
+@use 'element-plus/theme-chalk/src/table-column.scss';
+@use 'element-plus/theme-chalk/src/table.scss';

package/src/styles/element/overrides/tag.scss

@@ -1,19 +1,19 @@
-@use 'element-plus/theme-chalk/src/tag.scss' as *;
-
-.el-tag--info {
-  &.el-tag--light {
-    --el-tag-text-color: var(--default-text-color);
-    --el-tag-bg-color: var(--anra-info-bg);
-    --el-tag-border-color: var(--anra-info-bg);
-  }
-  &.el-tag--dark {
-  }
-}
-
-.el-tag--warning {
-  &.el-tag--light {
-  }
-  &.el-tag--dark {
-    --el-tag-text-color: var(--anra-black);
-  }
-}
+@use 'element-plus/theme-chalk/src/tag.scss' as *;
+
+.el-tag--info {
+  &.el-tag--light {
+    --el-tag-text-color: var(--default-text-color);
+    --el-tag-bg-color: var(--anra-info-bg);
+    --el-tag-border-color: var(--anra-info-bg);
+  }
+  &.el-tag--dark {
+  }
+}
+
+.el-tag--warning {
+  &.el-tag--light {
+  }
+  &.el-tag--dark {
+    --el-tag-text-color: var(--anra-black);
+  }
+}

package/src/styles/index.d.ts

@@ -1 +1 @@
-// Type declaration for side-effect style import
+// Type declaration for side-effect style import

package/src/styles/index.scss

@@ -1,5 +1,5 @@
-@use './tokens.scss';
-@use './element/common.scss' as *;
-@use 'element-plus/theme-chalk/src/var.scss' as *;
-@use './element/dark.scss' as *;
-@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
+@forward './tokens';
+@use './element/common.scss' as *;
+@use 'element-plus/theme-chalk/src/var.scss' as *;
+@use './element/dark.scss' as *;
+@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;

package/src/styles/mixins/shadows.scss

@@ -1,15 +1,15 @@
-@mixin shadow {
-  box-shadow:
-    0 0 #0000,
-    0 0 #0000,
-    0 1px 3px 0 rgb(0 0 0 / 0.1),
-    0 1px 2px -1px rgb(0 0 0 / 0.1);
-}
-
-@mixin shadow-lg {
-  box-shadow:
-    0 0 #0000,
-    0 0 #0000,
-    0 10px 15px -3px rgb(0 0 0 / 0.1),
-    0 4px 6px -4px rgb(0 0 0 / 0.1);
-}
+@mixin shadow {
+  box-shadow:
+    0 0 #0000,
+    0 0 #0000,
+    0 1px 3px 0 rgb(0 0 0 / 0.1),
+    0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
+
+@mixin shadow-lg {
+  box-shadow:
+    0 0 #0000,
+    0 0 #0000,
+    0 10px 15px -3px rgb(0 0 0 / 0.1),
+    0 4px 6px -4px rgb(0 0 0 / 0.1);
+}