@elmethis/qwik 0.0.27 → 0.0.29

package/lib/style.css

@@ -959,6 +959,42 @@
   color: #b0b5be;
   border-radius: 50%;
   cursor: pointer;
+}@keyframes _appear_13xd3_1 {
+  0% {
+    transform: scale(0);
+  }
+  20% {
+    transform: scale(0);
+  }
+  80% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+._wrapper_13xd3_15 {
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(var(--dimensions), auto);
+  grid-template-rows: repeat(var(--dimensions), auto);
+  justify-content: start;
+}
+
+._square_13xd3_24 {
+  width: calc(var(--size) / var(--dimensions));
+  height: calc(var(--size) / var(--dimensions));
+  animation-name: _appear_13xd3_1;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  animation-direction: alternate;
+  animation-duration: var(--duration);
+  animation-delay: var(--delay);
+  background-color: #606875;
+}
+[data-theme=dark] ._square_13xd3_24 {
+  background-color: #b0b5be;
 }._block-image_sf1wj_1 {
   margin-block: var(--margin-block, 0);
   margin-inline: 0;
@@ -1380,7 +1416,7 @@
 ._fragment_1kofp_1:active {
   opacity: 0.5;
   transform: translateX(1px) translateY(1px);
-}._heading-common_1c1xr_1 {
+}._heading-common_13qod_1 {
   position: relative;
   font-size: var(--font-size);
   line-height: var(--font-size);
@@ -1389,7 +1425,15 @@
   transition: color 400ms, opacity 800ms;
 }
 
-._h1_1c1xr_10::after {
+@keyframes _heading-stretch_13qod_1 {
+  from {
+    transform: scaleX(0);
+  }
+  to {
+    transform: scaleX(1);
+  }
+}
+._h1_13qod_18::after {
   position: absolute;
   content: "";
   bottom: -4px;
@@ -1397,13 +1441,13 @@
   width: 100%;
   height: 0.25px;
   background-color: rgba(0, 0, 0, 0.5);
-  transition: transform 800ms;
-  transform: scaleX(var(--scale));
+  transform-origin: left;
+  animation: _heading-stretch_13qod_1 1000ms ease 200ms both;
 }
-[data-theme=dark] ._h1_1c1xr_10::after {
+[data-theme=dark] ._h1_13qod_18::after {
   background-color: rgba(255, 255, 255, 0.5);
 }
-._h1_1c1xr_10::before {
+._h1_13qod_18::before {
   position: absolute;
   content: "";
   bottom: -6px;
@@ -1415,11 +1459,11 @@
   transform: scaleY(var(--scale));
   transform-origin: top;
 }
-[data-theme=dark] ._h1_1c1xr_10::before {
+[data-theme=dark] ._h1_13qod_18::before {
   background-color: rgba(255, 255, 255, 0.6);
 }
 
-._h2_1c1xr_40::after {
+._h2_13qod_48::after {
   position: absolute;
   content: "";
   right: 2px;
@@ -1430,10 +1474,10 @@
   transform: skewX(-25deg);
   background-color: rgba(0, 0, 0, 0.8);
 }
-[data-theme=dark] ._h2_1c1xr_40::after {
+[data-theme=dark] ._h2_13qod_48::after {
   background-color: rgba(255, 255, 255, 0.8);
 }
-._h2_1c1xr_40::before {
+._h2_13qod_48::before {
   position: absolute;
   content: "";
   right: 10px;
@@ -1444,10 +1488,10 @@
   transform: skewX(-25deg);
   background-color: rgba(0, 0, 0, 0.8);
 }
-[data-theme=dark] ._h2_1c1xr_40::before {
+[data-theme=dark] ._h2_13qod_48::before {
   background-color: rgba(255, 255, 255, 0.8);
 }
-._h2__underline_1c1xr_68 {
+._h2__underline_13qod_76 {
   overflow: hidden;
   position: absolute;
   content: "";
@@ -1456,19 +1500,18 @@
   width: 100%;
   height: 0.25px;
   background-color: rgba(0, 0, 0, 0.5);
-  transition: transform 800ms;
-  transform: scaleX(var(--scale));
   transform-origin: left;
+  animation: _heading-stretch_13qod_1 1000ms ease 200ms both;
 }
-[data-theme=dark] ._h2__underline_1c1xr_68 {
+[data-theme=dark] ._h2__underline_13qod_76 {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
-._h3_1c1xr_85 {
+._h3_13qod_92 {
   box-sizing: border-box;
   padding-left: 0.75rem;
 }
-._h3_1c1xr_85::after {
+._h3_13qod_92::after {
   position: absolute;
   content: "";
   width: 3px;
@@ -1477,19 +1520,19 @@
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
 }
-[data-theme=dark] ._h3_1c1xr_85::after {
+[data-theme=dark] ._h3_13qod_92::after {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
-._h4_1c1xr_102 {
+._h4_13qod_109 {
   position: relative;
 }
 
-._h5_1c1xr_106 {
+._h5_13qod_113 {
   position: relative;
 }
 
-._h6_1c1xr_110 {
+._h6_13qod_117 {
   position: relative;
 }._elmethis-list-common_6g6c5_1 {
   margin-block: var(--margin-block, 0);
@@ -1533,21 +1576,20 @@
 }
 ._elmethis-numbered-list_6g6c5_24 li ol li ol li ol li {
   list-style-type: lower-greek;
-}._paragraph_1klqe_1 {
-  opacity: var(--opacity, 0);
+}._paragraph_14h3g_1 {
   transition: opacity 800ms;
   color: var(--color, #606875);
   background-color: var(--background-color, inherit);
   margin-block: var(--margin-block, 0);
 }
-._paragraph_1klqe_1::selection {
+._paragraph_14h3g_1::selection {
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(0, 0, 0, 0.7);
 }
-[data-theme=dark] ._paragraph_1klqe_1 {
+[data-theme=dark] ._paragraph_14h3g_1 {
   color: rgba(255, 255, 255, 0.7);
 }
-[data-theme=dark] ._paragraph_1klqe_1::selection {
+[data-theme=dark] ._paragraph_14h3g_1::selection {
   color: rgba(0, 0, 0, 0.7);
   background-color: rgba(255, 255, 255, 0.7);
 }._table_x2nyq_1 {

package/lib-types/components/icon/elm-square-loading-icon.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from "@builder.io/qwik";
+export interface ElmSquareLoadingIconProps {
+    size?: CSSProperties["width"];
+    dimensions?: number;
+}
+export declare const ElmSquareLoadingIcon: import("@builder.io/qwik").Component<ElmSquareLoadingIconProps>;

package/lib-types/components/icon/elm-square-loading-icon.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "storybook-framework-qwik";
+import { ElmSquareLoadingIcon } from "./elm-square-loading-icon";
+declare const meta: Meta<typeof ElmSquareLoadingIcon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/lib-types/index.d.ts

@@ -16,6 +16,7 @@ export { ElmInlineIcon, type ElmInlineIconProps, } from "./components/icon/elm-i
 export { ElmLanguageIcon, type ElmLanguageIconProps, } from "./components/icon/elm-language-icon";
 export { ElmMdiIcon, type ElmMdiIconProps, } from "./components/icon/elm-mdi-icon";
 export { ElmToggleTheme, type ElmToggleThemeProps, } from "./components/icon/elm-toggle-theme";
+export { ElmSquareLoadingIcon, type ElmSquareLoadingIconProps, } from "./components/icon/elm-square-loading-icon";
 export { ElmBlockImage, type ElmBlockImageProps, } from "./components/media/elm-block-image";
 export { ElmFile, type ElmFileProps } from "./components/media/elm-file";
 export { ElmBookmark, type ElmBookmarkProps, } from "./components/navigation/elm-bookmark";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "publishConfig": {
     "access": "public"
   },