@hkdigital/lib-sveltekit 0.2.7 → 0.2.8

package/dist/themes/hkdev/components.css

@@ -1,53 +1,53 @@
-/* Import component styles */
-
-/* Rows */
-/*@import "./components/rows/panel-grid-row.css";*/
-/*@import "./components/rows/panel-row-2.css";*/
-
-/* Buttons */
-@import './components/buttons/button.css';
-@import './components/buttons/button-text.css';
-@import './components/buttons/button-icon-steeze.css';
-
-/*@import "./components/buttons/skip-button.css";*/
-
-@import './components/drag-drop/draggable.css';
-@import './components/drag-drop/drop-zone.css';
-
-/* Icons */
-@import './components/icons/icon-steeze.css';
-
-/* Panels */
-@import './components/panels/panel.css';
-
-/* Inputs */
-@import './components/inputs/text-input.css';
-
-/* ... */
-@import './components/blocks/text-block.css';
-
-/* Wrap component styles in theme selector */
-
-[data-theme='hkdev'] {
-  /* Rows */
-  /*  @mixin rows-panel-grid-row;*/
-  /*  @mixin rows-panel-row-2;*/
-
-  /* Buttons */
-  @mixin component-button;
-  @mixin component-button-text;
-  @mixin component-button-icon-steeze;
-  /*  @mixin buttons-skip-button;*/
-
-  @mixin component-draggable;
-  @mixin component-drop-zone;
-
-  @mixin component-icon-steeze;
-
-  @mixin component-panel;
-
-  @mixin text_block;
-
-  /* Inputs */
-  @mixin inputs-text-input;
-}
+/* Import component styles */
+
+/* Rows */
+/*@import "./components/rows/panel-grid-row.css";*/
+/*@import "./components/rows/panel-row-2.css";*/
+
+/* Buttons */
+@import './components/buttons/button.css';
+@import './components/buttons/button-text.css';
+@import './components/buttons/button-icon-steeze.css';
+
+/*@import "./components/buttons/skip-button.css";*/
+
+@import './components/drag-drop/draggable.css';
+@import './components/drag-drop/drop-zone.css';
+
+/* Icons */
+@import './components/icons/icon-steeze.css';
+
+/* Panels */
+@import './components/panels/panel.css';
+
+/* Inputs */
+@import './components/inputs/text-input.css';
+
+/* ... */
+@import './components/blocks/text-block.css';
+
+/* Wrap component styles in theme selector */
+
+[data-theme='hkdev'] {
+  /* Rows */
+  /*  @mixin rows-panel-grid-row;*/
+  /*  @mixin rows-panel-row-2;*/
+
+  /* Buttons */
+  @mixin component-button;
+  @mixin component-button-text;
+  @mixin component-button-icon-steeze;
+  /*  @mixin buttons-skip-button;*/
+
+  @mixin component-draggable;
+  @mixin component-drop-zone;
+
+  @mixin component-icon-steeze;
+
+  @mixin component-panel;
+
+  @mixin text_block;
+
+  /* Inputs */
+  @mixin inputs-text-input;
+}

package/dist/themes/hkdev/debug.css

@@ -1,2 +1,2 @@
-
+
 /**/

package/dist/themes/hkdev/global/layout.css

@@ -1,39 +1,39 @@
-
-@define-mixin all_layout {
-
-  .page-centered-xl {
-    @apply max-w-xl px-20p mb-40p;
-    @apply flex flex-col;
-
-    @apply self-center;
-    @apply w-full;
-  }
-
-  .page-full {
-    @apply flex flex-col;
-
-    @apply w-full h-full;
-  }
-
-  .page-row {
-    @apply w-full flex flex-col;
-  }
-
-
-  .page-ui-margins
-  {
-    @apply mt-120p;
-    @apply mr-20p;
-    @apply mb-120p;
-    @apply ml-20p;
-  }
-
-  .page-ui-margins-equal
-  {
-    @apply mt-20p;
-    @apply mr-20p;
-    @apply mb-20p;
-    @apply ml-20p;
-  }
-
-}
+
+@define-mixin all_layout {
+
+  .page-centered-xl {
+    @apply max-w-xl px-20p mb-40p;
+    @apply flex flex-col;
+
+    @apply self-center;
+    @apply w-full;
+  }
+
+  .page-full {
+    @apply flex flex-col;
+
+    @apply w-full h-full;
+  }
+
+  .page-row {
+    @apply w-full flex flex-col;
+  }
+
+
+  .page-ui-margins
+  {
+    @apply mt-120p;
+    @apply mr-20p;
+    @apply mb-120p;
+    @apply ml-20p;
+  }
+
+  .page-ui-margins-equal
+  {
+    @apply mt-20p;
+    @apply mr-20p;
+    @apply mb-20p;
+    @apply ml-20p;
+  }
+
+}

package/dist/themes/hkdev/global/on-colors.css

@@ -1,53 +1,53 @@
-
-@define-mixin on_surface_dark {
-  
-  & .h1 {
-    color: rgb(var(--color-primary-contrast-light));
-  }
-
-  & .p {
-    color: rgb(var(--color-primary-contrast-light));
-  }
-
-  & .a {
-    color: rgb(var(--color-primary-contrast-light));
-  }
-
-  & svg {
-    color: rgb(var(--color-primary-contrast-light));
-  }
-
-}
-
-@define-mixin on_surface_light {
-  
-  & .h1 {
-    color: rgb(var(--color-surface-950));
-  }
-
-  & .p {
-    color: rgb(var(--color-surface-500));
-  }
-
-  & .a {
-    color: rgb(var(--color-surface-500));
-  }
-
-  & svg {
-    color: rgb(var(--color-surface-500));
-  }
-  
-}
-
-@define-mixin all_on_colors {
-
-  /* .on-primary-dark < :not('cancel-on-primary-dark') */
-  .on-primary-dark {
-    @mixin on_surface_dark;
-  }
-
-  .on-primary-light {    
-    @mixin on_surface_light;
-  }
-
-}
+
+@define-mixin on_surface_dark {
+  
+  & .h1 {
+    color: rgb(var(--color-primary-contrast-light));
+  }
+
+  & .p {
+    color: rgb(var(--color-primary-contrast-light));
+  }
+
+  & .a {
+    color: rgb(var(--color-primary-contrast-light));
+  }
+
+  & svg {
+    color: rgb(var(--color-primary-contrast-light));
+  }
+
+}
+
+@define-mixin on_surface_light {
+  
+  & .h1 {
+    color: rgb(var(--color-surface-950));
+  }
+
+  & .p {
+    color: rgb(var(--color-surface-500));
+  }
+
+  & .a {
+    color: rgb(var(--color-surface-500));
+  }
+
+  & svg {
+    color: rgb(var(--color-surface-500));
+  }
+  
+}
+
+@define-mixin all_on_colors {
+
+  /* .on-primary-dark < :not('cancel-on-primary-dark') */
+  .on-primary-dark {
+    @mixin on_surface_dark;
+  }
+
+  .on-primary-light {    
+    @mixin on_surface_light;
+  }
+
+}

package/dist/themes/hkdev/globals.css

@@ -1,11 +1,11 @@
-/*@import "./global/vars.css";*/
-/*@import "./global/on-colors.css";*/
-@import './global/layout.css';
-/*@import "./global/text.css";*/
-
-[data-theme='hkdev'] {
-  /*  @mixin all_vars;*/
-  /*  @mixin all_on_colors;*/
-  @mixin all_layout;
-  /*  @mixin all_text;*/
-}
+/*@import "./global/vars.css";*/
+/*@import "./global/on-colors.css";*/
+@import './global/layout.css';
+/*@import "./global/text.css";*/
+
+[data-theme='hkdev'] {
+  /*  @mixin all_vars;*/
+  /*  @mixin all_on_colors;*/
+  @mixin all_layout;
+  /*  @mixin all_text;*/
+}

package/dist/themes/hkdev/responsive.css

@@ -1,12 +1,12 @@
-
-
-/*html:has(body[data-theme=hkdev]) {
-  font-size: 0.83333vw;
-}*/
-
-/*[data-theme=hkdev]
-{
-  & [data-panel="test"]
-  {
-  }
-}*/
+
+
+/*html:has(body[data-theme=hkdev]) {
+  font-size: 0.83333vw;
+}*/
+
+/*[data-theme=hkdev]
+{
+  & [data-panel="test"]
+  {
+  }
+}*/

package/dist/themes/hkdev/theme-ext.js

@@ -1,15 +1,15 @@
-import theme from '../hkdev/theme.js';
-
-import { theme as themeStore } from '../../stores/index.js';
-
-/**
- * Set meta them color for the current theme
- */
-export function setMetaThemeColor() {
-  const props = theme.properties;
-
-  themeStore.setMetaThemeColor(`rgb( ${props['--color-surface-950']})`);
-
-  // setMetaThemeColorDark(`rgb( ${props['--color-primary-950']})`);
-  // setMetaThemeColorBase(`rgb( ${props['--color-primary-50']})`);
-}
+import theme from '../hkdev/theme.js';
+
+import { theme as themeStore } from '../../stores/index.js';
+
+/**
+ * Set meta them color for the current theme
+ */
+export function setMetaThemeColor() {
+  const props = theme.properties;
+
+  themeStore.setMetaThemeColor(`rgb( ${props['--color-surface-950']})`);
+
+  // setMetaThemeColorDark(`rgb( ${props['--color-primary-950']})`);
+  // setMetaThemeColorBase(`rgb( ${props['--color-primary-50']})`);
+}