@elmethis/core 1.0.0-alpha.161 → 1.0.0-alpha.163

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "1.0.0-alpha.161",
+  "version": "1.0.0-alpha.163",
   "publishConfig": {
     "access": "public"
   },
@@ -56,6 +56,7 @@
     "sass": "^1.86.0",
     "storybook": "^8.6.11",
     "vite": "^6.2.4",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.3",
     "vue-tsc": "^2.2.8"
   },

package/dist/components/badge/ElmBadge.css

@@ -1,11 +0,0 @@
-._badge_gc88x_1 {
-  border: 1px solid var(--bg-color);
-  border-radius: 0.25rem;
-}
-._badge_gc88x_1 ._left_gc88x_5 {
-  background-color: var(--bg-color);
-  padding-inline: 0.5rem;
-}
-._badge_gc88x_1 ._right_gc88x_9 {
-  padding-inline: 0.5rem;
-}

package/dist/components/badge/ElmTag.css

@@ -1,29 +0,0 @@
-._tag_xg111_1 {
-  display: inline-flex;
-  width: -moz-min-content;
-  width: min-content;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 0.25rem;
-  border-color: var(--color);
-  color: rgba(0, 0, 0, 0.7);
-}
-[data-theme=dark] ._tag_xg111_1 {
-  color: rgba(255, 255, 255, 0.7);
-}
-._icon_xg111_18 {
-  display: block;
-  line-height: 1;
-  margin: 0;
-  padding: 0.25rem;
-  color: var(--font-color);
-  border-radius: 0.125rem 0 0 0.125rem;
-}
-._text_xg111_27 {
-  white-space: nowrap;
-  padding-inline: 0.5rem;
-}

package/dist/components/code/ElmCodeBlock.css

@@ -1,58 +0,0 @@
-._wrapper_1681m_1 {
-  margin-block: var(--margin-block);
-  opacity: var(--opacity);
-  display: flex;
-  flex-direction: column;
-  border-radius: 0.25rem;
-  transition: background-color 400ms, opacity 800ms;
-  background-color: rgba(255, 255, 255, 0.4);
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
-}
-[data-theme=dark] ._wrapper_1681m_1 {
-  background-color: rgba(255, 255, 255, 0.05);
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
-}
-._header_1681m_16 {
-  box-sizing: border-box;
-  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
-  margin: 0.5rem;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  font-family: "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
-  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
-}
-[data-theme=dark] ._header_1681m_16 {
-  border-color: rgba(255, 255, 255, 0.2);
-}
-._header__left_1681m_30 {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-}
-._copy-icon_1681m_37 {
-  box-sizing: border-box;
-  padding: 0.125rem;
-  width: 26px;
-  height: 26px;
-  border-radius: 0.125rem;
-  cursor: pointer;
-  transition: background-color 200ms;
-  color: rgba(0, 0, 0, 0.7);
-}
-[data-theme=dark] ._copy-icon_1681m_37 {
-  color: rgba(255, 255, 255, 0.7);
-}
-._copy-icon_1681m_37:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-[data-theme=dark] ._copy-icon_1681m_37:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-._code_1681m_57 {
-  padding: 0.25rem 1rem 1rem 1rem;
-  overflow-x: auto;
-  scrollbar-width: thin;
-  scrollbar-color: rgba(105, 135, 184, 0.3) rgba(105, 135, 184, 0.15);
-}

package/dist/components/code/ElmKatex.css

@@ -1,28 +0,0 @@
-._katex_vrtkg_1 {
-  margin-block: var(--margin-block);
-  color: rgba(0, 0, 0, 0.7);
-}
-._katex_vrtkg_1::-moz-selection {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(0, 0, 0, 0.7);
-  background-color: var(--color, rgba(0, 0, 0, 0.7));
-}
-._katex_vrtkg_1::selection {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(0, 0, 0, 0.7);
-  background-color: var(--color, rgba(0, 0, 0, 0.7));
-}
-[data-theme=dark] ._katex_vrtkg_1 {
-  color: rgba(255, 255, 255, 0.7);
-  color: var(--color, rgba(255, 255, 255, 0.7));
-}
-[data-theme=dark] ._katex_vrtkg_1::-moz-selection {
-  color: rgba(0, 0, 0, 0.7);
-  background-color: rgba(255, 255, 255, 0.7);
-  background-color: var(--color, rgba(255, 255, 255, 0.7));
-}
-[data-theme=dark] ._katex_vrtkg_1::selection {
-  color: rgba(0, 0, 0, 0.7);
-  background-color: rgba(255, 255, 255, 0.7);
-  background-color: var(--color, rgba(255, 255, 255, 0.7));
-}

package/dist/components/code/ElmShikiHighlighter.css

@@ -1,4 +0,0 @@
-._code_1pggw_1 {
-  font-size: 16px;
-  line-height: 24px;
-}

package/dist/components/code/ElmShikiHighlighter2.css

@@ -1,23 +0,0 @@
-.shiki,
-.shiki span {
-  font-family: "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace !important;
-}
-.shiki *::-moz-selection, .shiki span *::-moz-selection {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.shiki *::selection,
-.shiki span *::selection {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-[data-theme=dark] .shiki *::-moz-selection, [data-theme=dark] .shiki span *::-moz-selection {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-[data-theme=dark] .shiki *::selection,
-[data-theme=dark] .shiki span *::selection {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-[data-theme=dark] .shiki,
-[data-theme=dark] .shiki span {
-  color: var(--shiki-dark) !important;
-  background-color: var(--shiki-dark-bg) !important;
-}

package/dist/components/containments/ElmColumn.css

@@ -1,3 +0,0 @@
-._column_7qfow_1 {
-  flex: 1;
-}

package/dist/components/containments/ElmColumnList.css

@@ -1,5 +0,0 @@
-._column-list_id8zo_1 {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-}

package/dist/components/containments/ElmDesktopWindow.css

@@ -1,27 +0,0 @@
-._window_1y8zq_1 {
-  border-radius: 0.25rem;
-  overflow: hidden;
-  transition: background-color 400ms;
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.15);
-  background-color: rgba(0, 0, 0, 0.05);
-}
-[data-theme=dark] ._window_1y8zq_1 {
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.35);
-  background-color: rgba(255, 255, 255, 0.05);
-}
-._window_1y8zq_1 ._header_1y8zq_12 {
-  box-sizing: border-box;
-  padding: 0.5rem 0.75rem;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  gap: 0.5rem;
-  height: 2rem;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-._window_1y8zq_1 ._header_1y8zq_12 ._dot_1y8zq_22 {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background-color: var(--bg);
-}

package/dist/components/containments/ElmModal.css

@@ -1,12 +0,0 @@
-.v-enter-to[data-v-4d114d05],
-.v-leave-from[data-v-4d114d05] {
-  opacity: 1;
-}
-.v-enter-active[data-v-4d114d05],
-.v-leave-active[data-v-4d114d05] {
-  transition: opacity 200ms;
-}
-.v-enter-from[data-v-4d114d05],
-.v-leave-to[data-v-4d114d05] {
-  opacity: 0;
-}

package/dist/components/containments/ElmModal2.css

@@ -1,33 +0,0 @@
-._provider_mnaqt_1 {
-  opacity: 0;
-  opacity: var(--opacity, 0);
-  pointer-events: none;
-  pointer-events: var(--pointer-events, none);
-  margin: 0;
-  padding: 0;
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 100;
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: opacity 400ms;
-  background-color: rgba(0, 0, 0, 0.7);
-}
-[data-theme=dark] ._provider_mnaqt_1 {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-._provider_mnaqt_1 ._modal_mnaqt_21 {
-  box-sizing: border-box;
-  width: var(--width);
-  padding: 0.5rem;
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.4);
-  background-color: rgba(233, 233, 233, 0.8);
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.8);
-}
-[data-theme=dark] ._provider_mnaqt_1 ._modal_mnaqt_21 {
-  background-color: rgba(22, 22, 22, 0.8);
-}

package/dist/components/containments/ElmParallax.css

@@ -1,14 +0,0 @@
-._parallax_1le2k_1 {
-  position: fixed;
-  height: 2000vh;
-  width: 100%;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  background-repeat: repeat;
-  background-size: auto;
-  opacity: 0.2;
-}
-[data-theme=dark] ._parallax_1le2k_1 {
-  opacity: 0.1;
-}

package/dist/components/containments/ElmSnackbar.css

@@ -1,56 +0,0 @@
-._snackbar_ti69w_1 {
-  position: relative;
-  display: inline-flex;
-  flex-direction: row;
-  gap: 1rem;
-  align-items: center;
-  padding: 0.75rem;
-  pointer-events: all;
-  border-radius: 0.25rem;
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
-  background-color: rgba(255, 255, 255, 0.5);
-}
-[data-theme=dark] ._snackbar_ti69w_1 {
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
-  background-color: rgba(0, 0, 0, 0.2);
-}
-._icon_ti69w_18 {
-  padding: 0.25rem;
-  border-radius: 50%;
-  width: 1rem;
-  height: 1rem;
-  cursor: pointer;
-  transition: background-color 200ms;
-  color: rgba(0, 0, 0, 0.75);
-}
-[data-theme=dark] ._icon_ti69w_18 {
-  color: rgba(255, 255, 255, 0.75);
-}
-._icon_ti69w_18:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-[data-theme=dark] ._icon_ti69w_18:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-@keyframes _progress_ti69w_47 {
-0% {
-    transform: scaleX(1);
-    transform-origin: left;
-}
-100% {
-    transform: scaleX(0);
-    transform-origin: left;
-}
-}
-._progress_ti69w_47 {
-  position: absolute;
-  width: 100%;
-  height: 3px;
-  bottom: 0;
-  left: 0;
-  background-color: #6987b8;
-  animation-name: _progress_ti69w_47;
-  animation-iteration-count: 1;
-  animation-fill-mode: both;
-  animation-timing-function: linear;
-}

package/dist/components/containments/ElmSnackbarContainer.css

@@ -1,9 +0,0 @@
-.fade-enter-active[data-v-031ce55b],
-.fade-leave-active[data-v-031ce55b] {
-  transition: all 300ms ease;
-}
-.fade-enter-from[data-v-031ce55b],
-.fade-leave-to[data-v-031ce55b] {
-  opacity: 0;
-  transform: translateX(30px);
-}

package/dist/components/containments/ElmSnackbarContainer2.css

@@ -1,20 +0,0 @@
-._snackbar-screen_rfxmg_1 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100vh;
-  z-index: 1000;
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-end;
-  pointer-events: none;
-}
-._snackbar-container_rfxmg_14 {
-  margin: 1rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: flex-end;
-  gap: 0.5rem;
-}

package/dist/components/containments/ElmToggle.css

@@ -1,13 +0,0 @@
-.v-enter-to[data-v-e531925e],
-.v-leave-from[data-v-e531925e] {
-  opacity: 1;
-}
-.v-enter-active[data-v-e531925e],
-.v-leave-active[data-v-e531925e] {
-  transition: opacity 200ms;
-  transform-origin: top;
-}
-.v-enter-from[data-v-e531925e],
-.v-leave-to[data-v-e531925e] {
-  opacity: 0;
-}

package/dist/components/containments/ElmToggle2.css

@@ -1,43 +0,0 @@
-._toggle_1awqj_1 {
-  margin-block: var(--margin-block);
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
-  border-radius: 0.25rem;
-  overflow: hidden;
-}
-._summary_1awqj_8 {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 1rem;
-  width: 100%;
-  cursor: pointer;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.05);
-}
-[data-theme=dark] ._summary_1awqj_8 {
-  border-color: rgba(255, 255, 255, 0.1);
-  background-color: rgba(255, 255, 255, 0.075);
-}
-._icon_1awqj_25 {
-  width: 1.25rem;
-  height: 1.25rem;
-  color: #59b57c;
-  color: var(--color, #59b57c);
-  transform: rotate(0deg);
-  transform: rotate(var(--rotate, 0deg));
-  transition: transform 200ms;
-}
-._content_1awqj_33 {
-  margin: 0;
-  padding: 0.75rem;
-  display: block;
-  border: solid 1px rgba(0, 0, 0, 0.1);
-  border-top: none;
-  background-color: rgba(255, 255, 255, 0.025);
-}
-[data-theme=dark] ._content_1awqj_33 {
-  border-color: rgba(255, 255, 255, 0.1);
-  background-color: rgba(255, 255, 255, 0.025);
-}

package/dist/components/containments/ElmTooltip.css

@@ -1,14 +0,0 @@
-.v-enter-to[data-v-0ec97e65],
-.v-leave-from[data-v-0ec97e65] {
-  transform: scale(1);
-  opacity: 1;
-}
-.v-enter-active[data-v-0ec97e65],
-.v-leave-active[data-v-0ec97e65] {
-  transition: opacity 100ms, transform 200ms;
-}
-.v-enter-from[data-v-0ec97e65],
-.v-leave-to[data-v-0ec97e65] {
-  transform: scale(0.5);
-  opacity: 0;
-}

package/dist/components/containments/ElmTooltip2.css

@@ -1,15 +0,0 @@
-._tooltip_1tyuh_1 {
-  position: fixed;
-  z-index: 1000;
-  box-sizing: border-box;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
-  color: rgba(0, 0, 0, 0.7);
-  background-color: rgba(255, 255, 255, 0.9);
-  transform-origin: top;
-}
-[data-theme=dark] ._tooltip_1tyuh_1 {
-  color: rgba(255, 255, 255, 0.7);
-  background-color: rgba(0, 0, 0, 0.9);
-}

package/dist/components/data/ElmMultiProgress.css

@@ -1,23 +0,0 @@
-._container_1xl4h_1 {
-  width: 100%;
-  height: var(--weight);
-  position: relative;
-  border-radius: var(--border-radius);
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-[data-theme=dark] ._container_1xl4h_1 {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-._bar_1xl4h_13 {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  transition: transform 800ms;
-  transform: scaleX(0);
-  transform: var(--transform, scaleX(0));
-  transform-origin: left;
-  background-color: red;
-  background-color: var(--color, red);
-}

package/dist/components/data/ElmProgress.css

@@ -1,84 +0,0 @@
-._progress_17sza_1 {
-  display: none;
-}
-@keyframes _loading_17sza_23 {
-0% {
-    transform: scaleX(0);
-    transform-origin: left;
-}
-49% {
-    transform: scaleX(1);
-    transform-origin: left;
-}
-51% {
-    transform: scaleX(1);
-    transform-origin: right;
-}
-100% {
-    transform: scaleX(0);
-    transform-origin: right;
-}
-}
-._loading_17sza_23 {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  transition: transform 800ms;
-  transform: scaleX(0);
-  transform: var(--scale-x, scaleX(0));
-  transform-origin: left;
-  background-color: rgba(0, 0, 0, 0.8);
-  background-color: var(--color, rgba(0, 0, 0, 0.8));
-  animation-name: _loading_17sza_23;
-  animation-duration: 1600ms;
-  animation-iteration-count: infinite;
-}
-[data-theme=dark] ._loading_17sza_23 {
-  background-color: rgba(255, 255, 255, 0.8);
-  background-color: var(--color, rgba(255, 255, 255, 0.8));
-}
-._container_17sza_40 {
-  width: 100%;
-  height: var(--weight);
-  position: relative;
-  border-radius: var(--border-radius);
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-[data-theme=dark] ._container_17sza_40 {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-._container_17sza_40 ._value_17sza_51 {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  transition: transform 800ms;
-  transform: scaleX(0);
-  transform: var(--scale-x, scaleX(0));
-  transform-origin: left;
-  background-color: rgba(0, 0, 0, 0.8);
-  background-color: var(--color, rgba(0, 0, 0, 0.8));
-}
-[data-theme=dark] ._container_17sza_40 ._value_17sza_51 {
-  background-color: rgba(255, 255, 255, 0.8);
-  background-color: var(--color, rgba(255, 255, 255, 0.8));
-}
-._container_17sza_40 ._buffer_17sza_64 {
-  position: absolute;
-  content: "";
-  width: 100%;
-  height: 100%;
-  transition: transform 400ms;
-  transform: scaleX(0);
-  transform: var(--scale-x, scaleX(0));
-  transform-origin: left;
-  background-color: rgba(0, 0, 0, 0.8);
-  background-color: var(--color, rgba(0, 0, 0, 0.8));
-  opacity: 0.25;
-}
-[data-theme=dark] ._container_17sza_40 ._buffer_17sza_64 {
-  background-color: rgba(255, 255, 255, 0.8);
-  background-color: var(--color, rgba(255, 255, 255, 0.8));
-}

package/dist/components/data/ElmStatusMessage.css

@@ -1,12 +0,0 @@
-.v-enter-to[data-v-0a79ebd0],
-.v-leave-from[data-v-0a79ebd0] {
-  opacity: 1;
-}
-.v-enter-active[data-v-0a79ebd0],
-.v-leave-active[data-v-0a79ebd0] {
-  transition: opacity 150ms;
-}
-.v-enter-from[data-v-0a79ebd0],
-.v-leave-to[data-v-0a79ebd0] {
-  opacity: 0;
-}

package/dist/components/data/ElmStatusMessage2.css

@@ -1,9 +0,0 @@
-._wrapper_1vrbm_1 {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-._icon_1vrbm_7 {
-  width: 20px;
-  height: 20px;
-}

package/dist/components/fallback/ElmBlockFallback.css

@@ -1,7 +0,0 @@
-._elmethis-block-fallback_uo36g_1 {
-  width: 100%;
-  height: 8rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

package/dist/components/fallback/ElmRectangleWave.css

@@ -1,33 +0,0 @@
-@keyframes _wave_oz31b_1 {
-0% {
-    transform: scale(0);
-    opacity: 0;
-}
-30% {
-    opacity: 0;
-}
-40% {
-    opacity: 1;
-}
-100% {
-    transform: scale(1);
-    opacity: 0;
-}
-}
-._rectangle-wave_oz31b_17 {
-  box-sizing: border-box;
-  position: absolute;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  animation-name: _wave_oz31b_1;
-  animation-duration: 1200ms;
-  animation-iteration-count: infinite;
-  animation-fill-mode: both;
-  border-style: solid;
-  border-width: 1px;
-  border-color: rgba(0, 0, 0, 0.7);
-}
-[data-theme=dark] ._rectangle-wave_oz31b_17 {
-  border-color: rgba(255, 255, 255, 0.7);
-}

package/dist/components/fallback/ElmSpinner.css

@@ -1,25 +0,0 @@
-@keyframes _draw-line_9wi4r_1 {
-0% {
-    stroke-dashoffset: 0%;
-}
-100% {
-    stroke-dashoffset: 400%;
-}
-}
-@keyframes _rotate_9wi4r_1 {
-0% {
-    transform: rotate(180deg);
-}
-100% {
-    transform: rotate(-180deg);
-}
-}
-._circle_9wi4r_17 {
-  stroke-dasharray: 200%;
-  animation: _draw-line_9wi4r_1 1200ms infinite ease-in-out, _rotate_9wi4r_1 1200ms infinite linear;
-  transform-origin: center;
-  stroke: rgba(0, 0, 0, 0.7);
-}
-[data-theme=dark] ._circle_9wi4r_17 {
-  stroke: rgba(255, 255, 255, 0.7);
-}

package/dist/components/form/ElmButton.css

@@ -1,12 +0,0 @@
-.v-enter-to[data-v-afd6570b],
-.v-leave-from[data-v-afd6570b] {
-  opacity: 1;
-}
-.v-enter-active[data-v-afd6570b],
-.v-leave-active[data-v-afd6570b] {
-  transition: opacity 100ms;
-}
-.v-enter-from[data-v-afd6570b],
-.v-leave-to[data-v-afd6570b] {
-  opacity: 0;
-}