@elmethis/qwik 0.0.17 → 0.0.19

package/lib/style.css

@@ -434,7 +434,25 @@
 }
 [data-theme=dark] ._rectangle-wave_hej9g_17 {
   border-color: rgba(255, 255, 255, 0.7);
-}._block-image_zq5gl_1 {
+}._icon_1husg_1 {
+  display: block;
+  box-sizing: border-box;
+  padding: 0.25rem;
+  color: #555b67;
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.3);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+[data-theme="dark"] ._icon_1husg_1 {
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.2);
+  box-sizing: border-box;
+  padding: 0.25rem;
+  color: #b0b5be;
+  border-radius: 50%;
+  cursor: pointer;
+}._block-image_5s2ag_1 {
   margin: 0;
   display: flex;
   justify-content: center;
@@ -444,7 +462,7 @@
   width: 100%;
 }
 
-._image-container_zq5gl_11 {
+._image-container_5s2ag_11 {
   width: 100%;
   height: 100%;
   position: relative;
@@ -453,18 +471,20 @@
   align-items: center;
 }
 
-._image_zq5gl_11 {
+._image_5s2ag_11 {
   max-width: 100%;
-  max-height: 100%;
+  max-height: min(100%, 100vh);
+  height: auto;
   border-radius: 0.25rem;
   box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
   transition: opacity 400ms;
   opacity: var(--opacity, 1);
   user-select: none;
+  aspect-ratio: var(--aspect-ratio, auto);
   cursor: var(--cursor);
 }
 
-._fallback_zq5gl_31 {
+._fallback_5s2ag_33 {
   width: 100%;
   height: 100%;
   inset: 0 0 auto auto;
@@ -474,7 +494,7 @@
   pointer-events: none;
 }
 
-._caption-box_zq5gl_41 {
+._caption-box_5s2ag_43 {
   box-sizing: border-box;
   padding: 0rem 1rem;
   display: flex;
@@ -486,7 +506,7 @@
   transition: opacity 400ms;
 }
 
-._modal-container_zq5gl_53 {
+._modal-container_5s2ag_55 {
   width: 100vw;
   height: 100vh;
   display: flex;

package/lib-types/components/icon/elm-toggle-theme.d.ts

@@ -0,0 +1,7 @@
+export interface ElmToggleThemeProps {
+    /**
+     * Specifies the size of the icon.
+     */
+    size?: string | number;
+}
+export declare const ElmToggleTheme: import("@builder.io/qwik").Component<ElmToggleThemeProps>;

package/lib-types/components/icon/elm-toggle-theme.stories.d.ts

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

package/lib-types/hooks/useElmethisTheme.d.ts

@@ -0,0 +1,4 @@
+export declare function useElmethisTheme(): {
+    isDarkTheme: import("@builder.io/qwik").Signal<boolean>;
+    toggleTheme: import("@builder.io/qwik").QRL<() => void>;
+};

package/lib-types/index.d.ts

@@ -9,6 +9,7 @@ export { ElmDotLoadingIcon, type ElmDotLoadingIconProps, } from "./components/ic
 export { ElmInlineIcon, type ElmInlineIconProps, } from "./components/icon/elm-inline-icon";
 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 { 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.17",
+  "version": "0.0.19",
   "publishConfig": {
     "access": "public"
   },