@elmethis/qwik 0.0.18 → 0.0.19

package/lib/style.css

@@ -434,6 +434,24 @@
 }
 [data-theme=dark] ._rectangle-wave_hej9g_17 {
   border-color: rgba(255, 255, 255, 0.7);
+}._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;

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.18",
+  "version": "0.0.19",
   "publishConfig": {
     "access": "public"
   },