@hkdigital/lib-sveltekit 0.1.6 → 0.1.7

package/dist/themes/hkdev/components.postcss

@@ -1,55 +1,61 @@
-/* Import component styles */
-
-/* Panels */
-/*@import "./components/panels/plain-panel.postcss";*/
-/*@import "./components/panels/speech-bubble.postcss";*/
-
-/* Rows */
-/*@import "./components/rows/panel-grid-row.postcss";*/
-/*@import "./components/rows/panel-row-2.postcss";*/
-
-/* Buttons */
-@import "./components/buttons/button.postcss";
-@import "./components/buttons/button-text.postcss";
-
-/*@import "./components/buttons/skip-button.postcss";*/
-
-/* Inputs */
-@import "./components/inputs/text-input.postcss";
-
-/* ... */
-/*@import "./components/select-level.postcss";*/
-@import "./components/blocks/text-block.postcss";
-
-/* Not used */
-/*@import "./components/hk-tab-icon.postcss";*/
-/*@import "./components/avatar-layer.postcss";*/
-
-/* Wrap component styles in theme selector */
-
-
-[data-theme=hkdev] {
-
-  /* Panels */
-  /*  @mixin panels-plain-panel;*/
-  /*  @mixin panels-speech-bubble;*/
-
-  /* Rows */
-  /*  @mixin rows-panel-grid-row;*/
-  /*  @mixin rows-panel-row-2;*/
-
-  /* Buttons */
-  @mixin component-button;
-  @mixin component-button-text;
-
-  /*  @mixin buttons-skip-button;*/
-  @mixin text_block;
-
-  /* Inputs */
-  @mixin inputs-text-input;
-
-  /* ... */
-  /*  @mixin hk_tab_icon;*/
-  /*  @mixin avatar_layer;*/
-  /*  @mixin select_level;*/
-}
+/* Import component styles */
+
+/* Panels */
+/*@import "./components/panels/plain-panel.postcss";*/
+
+/* Rows */
+/*@import "./components/rows/panel-grid-row.postcss";*/
+/*@import "./components/rows/panel-row-2.postcss";*/
+
+/* Buttons */
+@import "./components/buttons/button.postcss";
+@import "./components/buttons/button-text.postcss";
+@import "./components/buttons/button-icon-steeze.postcss";
+
+/*@import "./components/buttons/skip-button.postcss";*/
+
+/* Icons */
+@import "./components/icons/icon-steeze.postcss";
+
+/* Inputs */
+@import "./components/inputs/text-input.postcss";
+
+/* ... */
+/*@import "./components/select-level.postcss";*/
+@import "./components/blocks/text-block.postcss";
+
+/* Not used */
+/*@import "./components/hk-tab-icon.postcss";*/
+/*@import "./components/avatar-layer.postcss";*/
+
+/* Wrap component styles in theme selector */
+
+
+[data-theme=hkdev] {
+
+  /* Panels */
+  /*  @mixin panels-plain-panel;*/
+  /*  @mixin panels-speech-bubble;*/
+
+  /* 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-icon-steeze;
+
+  @mixin text_block;
+
+  /* Inputs */
+  @mixin inputs-text-input;
+
+  /* ... */
+  /*  @mixin hk_tab_icon;*/
+  /*  @mixin avatar_layer;*/
+  /*  @mixin select_level;*/
+}

package/dist/themes/hkdev/debug.postcss

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

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

@@ -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.postcss

@@ -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/global/text.postcss__

@@ -1,35 +1,35 @@
-/**
- * Tailwind defaults
- *
- * text-sm 14px;
- * text-base 16px;
- * text-lg 18px;
- * text-xl 20px;
- * text-2xl 24px;
- * text-3xl 30px;
- * text-4xl 36px;
- * text-5xl 48px;
- * text-6xl 60px;
- * text-7xl 72px;
- * text-8xl 96px;
- * text-9xl 128px;
- *
- * @see https://tailwindcss.com/docs/font-size
- */
-
-@define-mixin all_text {
-
-  a {
-    @apply text-sm font-bold underline;
-  }
-
-  p {
-    @apply text-xl;
-  }
-
-  h1 {
-    &.text-presenter-title {      
-      @apply text-5xl;
-    }
-  }
+/**
+ * Tailwind defaults
+ *
+ * text-sm 14px;
+ * text-base 16px;
+ * text-lg 18px;
+ * text-xl 20px;
+ * text-2xl 24px;
+ * text-3xl 30px;
+ * text-4xl 36px;
+ * text-5xl 48px;
+ * text-6xl 60px;
+ * text-7xl 72px;
+ * text-8xl 96px;
+ * text-9xl 128px;
+ *
+ * @see https://tailwindcss.com/docs/font-size
+ */
+
+@define-mixin all_text {
+
+  a {
+    @apply text-sm font-bold underline;
+  }
+
+  p {
+    @apply text-xl;
+  }
+
+  h1 {
+    &.text-presenter-title {      
+      @apply text-5xl;
+    }
+  }
 }

package/dist/themes/hkdev/global/vars.postcss__

@@ -1,7 +1,7 @@
-
-@define-mixin all_vars {
-
-  /* --tab-bar-height: 72px;  
-  --tab-bar-selector-width: 132px;
-  --tab-bar-selector-height: var(--tab-bar-height, 72px); */
-}
+
+@define-mixin all_vars {
+
+  /* --tab-bar-height: 72px;  
+  --tab-bar-selector-width: 132px;
+  --tab-bar-selector-height: var(--tab-bar-height, 72px); */
+}

package/dist/themes/hkdev/globals.postcss

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

package/dist/themes/hkdev/responsive.postcss

@@ -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 '@hkdigital/lib-sveltekit/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 '@hkdigital/lib-sveltekit/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']})`);
+}