@hkdigital/lib-sveltekit 0.1.60 → 0.1.62

package/dist/themes/hkdev/components/icons/icon-steeze.css

@@ -1,22 +1,22 @@
-@define-mixin component-icon-steeze {
-
-  /* @note using CSS vars defined in the parent button postcss */
-
-  /* Type-based styling for text buttons */
-  [data-component="icon"][data-type="steeze"] {
-
-    &[data-size="sm"] {
-      @apply w-16bt h-16bt;
-    }
-
-    &[data-size="md"] {
-      @apply w-28bt h-28bt;
-    }
-
-    &[data-size="lg"] {
-      @apply w-50bt h-50bt;
-    }
-
-  }
-
-}
+@define-mixin component-icon-steeze {
+
+  /* @note using CSS vars defined in the parent button postcss */
+
+  /* Type-based styling for text buttons */
+  [data-component="icon"][data-type="steeze"] {
+
+    &[data-size="sm"] {
+      @apply w-16bt h-16bt;
+    }
+
+    &[data-size="md"] {
+      @apply w-28bt h-28bt;
+    }
+
+    &[data-size="lg"] {
+      @apply w-50bt h-50bt;
+    }
+
+  }
+
+}

package/dist/themes/hkdev/components/inputs/text-input.css

@@ -1,104 +1,104 @@
-/*@import "../../global/on-colors.css";*/
-
-@define-mixin inputs-text-input {
-  [data-input='text-input'] {
-    /* Base */
-
-    /* Required and disabled */
-
-    &.required {
-    }
-    &.disabled {
-    }
-
-    /* Focus */
-
-    &.focused {
-      border: solid thin black;
-
-      & [data-child='legend'] {
-        color: black;
-      }
-
-      & [data-child='input'] {
-        color: black;
-      }
-    }
-
-    &.unfocused {
-      border: solid thin grey;
-
-      & [data-child='legend'] {
-        color: grey;
-      }
-
-      & [data-child='input'] {
-        color: grey;
-      }
-    }
-
-    /* Invalid */
-    &.invalid {
-      &.pristine [data-child='legend'] {
-        color: white;
-        background-color: orange;
-      }
-
-      &.dirty {
-        &.focused [data-child='legend'] {
-          color: black;
-          background-color: yellow;
-        }
-
-        &.unfocused [data-child='legend'] {
-          color: white;
-          background-color: red;
-        }
-      }
-    }
-
-    /* Pristine (valid-invalid) */
-
-    &.pristine.valid {
-      & [data-child='icon-box'] {
-        color: grey;
-      }
-    }
-
-    &.pristine.invalid {
-      & [data-child='icon-box'] {
-        color: orange;
-      }
-    }
-
-    /* Dirty (valid-invalid) */
-
-    &.dirty.valid {
-      &.focused {
-        & [data-child='icon-box'] {
-          color: grey;
-        }
-      }
-
-      &.unfocused {
-        & [data-child='icon-box'] {
-          color: green;
-        }
-      }
-    }
-
-    &.dirty.invalid {
-      &.focused {
-        & [data-child='icon-box'] {
-          color: orange;
-        }
-      }
-
-      &.unfocused {
-        & [data-child='icon-box'] {
-          color: red;
-        }
-      }
-    }
-  }
-}
+/*@import "../../global/on-colors.css";*/
+
+@define-mixin inputs-text-input {
+  [data-input='text-input'] {
+    /* Base */
+
+    /* Required and disabled */
+
+    &.required {
+    }
+    &.disabled {
+    }
+
+    /* Focus */
+
+    &.focused {
+      border: solid thin black;
+
+      & [data-child='legend'] {
+        color: black;
+      }
+
+      & [data-child='input'] {
+        color: black;
+      }
+    }
+
+    &.unfocused {
+      border: solid thin grey;
+
+      & [data-child='legend'] {
+        color: grey;
+      }
+
+      & [data-child='input'] {
+        color: grey;
+      }
+    }
+
+    /* Invalid */
+    &.invalid {
+      &.pristine [data-child='legend'] {
+        color: white;
+        background-color: orange;
+      }
+
+      &.dirty {
+        &.focused [data-child='legend'] {
+          color: black;
+          background-color: yellow;
+        }
+
+        &.unfocused [data-child='legend'] {
+          color: white;
+          background-color: red;
+        }
+      }
+    }
+
+    /* Pristine (valid-invalid) */
+
+    &.pristine.valid {
+      & [data-child='icon-box'] {
+        color: grey;
+      }
+    }
+
+    &.pristine.invalid {
+      & [data-child='icon-box'] {
+        color: orange;
+      }
+    }
+
+    /* Dirty (valid-invalid) */
+
+    &.dirty.valid {
+      &.focused {
+        & [data-child='icon-box'] {
+          color: grey;
+        }
+      }
+
+      &.unfocused {
+        & [data-child='icon-box'] {
+          color: green;
+        }
+      }
+    }
+
+    &.dirty.invalid {
+      &.focused {
+        & [data-child='icon-box'] {
+          color: orange;
+        }
+      }
+
+      &.unfocused {
+        & [data-child='icon-box'] {
+          color: red;
+        }
+      }
+    }
+  }
+}

package/dist/themes/hkdev/components/panels/panel.css

@@ -1,27 +1,27 @@
-@define-mixin component-panel {
-  [data-component='panel'] {
-    @apply py-30up px-40up;
-    @apply rounded-md;
-
-    &[data-variant='light'] {
-      @apply bg-surface-50;
-    }
-
-    &[data-variant='dark'] {
-      @apply bg-surface-950;
-    }
-
-    /* Size variants */
-    &[data-width='sm'] {
-      width: calc(400px * var(--scale-ui));
-    }
-
-    &[data-width='md'] {
-      width: calc(600px * var(--scale-ui));
-    }
-
-    &[data-width='lg'] {
-      width: calc(800px * var(--scale-ui));
-    }
-  }
-}
+@define-mixin component-panel {
+  [data-component='panel'] {
+    @apply py-30up px-40up;
+    @apply rounded-md;
+
+    &[data-variant='light'] {
+      @apply bg-surface-50;
+    }
+
+    &[data-variant='dark'] {
+      @apply bg-surface-950;
+    }
+
+    /* Size variants */
+    &[data-width='sm'] {
+      width: calc(400px * var(--scale-ui));
+    }
+
+    &[data-width='md'] {
+      width: calc(600px * var(--scale-ui));
+    }
+
+    &[data-width='lg'] {
+      width: calc(800px * var(--scale-ui));
+    }
+  }
+}

package/dist/themes/hkdev/components/rows/panel-grid-row.css

@@ -1,6 +1,6 @@
-@import '../../global/on-colors.css';
-
-@define-mixin rows-panel-grid-row {
-  [data-row='panel-grid-row'] {
-  }
-}
+@import '../../global/on-colors.css';
+
+@define-mixin rows-panel-grid-row {
+  [data-row='panel-grid-row'] {
+  }
+}

package/dist/themes/hkdev/components/rows/panel-row-2.css

@@ -1,7 +1,7 @@
-@import '../../global/on-colors.css';
-
-@define-mixin rows-panel-row-2 {
-  [data-row='panel-grid-row'][data-wrapper='panel-row-2'] {
-    @apply gap-20p mb-8p mt-8p;
-  }
-}
+@import '../../global/on-colors.css';
+
+@define-mixin rows-panel-row-2 {
+  [data-row='panel-grid-row'][data-wrapper='panel-row-2'] {
+    @apply gap-20p mb-8p mt-8p;
+  }
+}

package/dist/themes/hkdev/components.css

@@ -1,47 +1,47 @@
-/* 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";*/
-
-/* 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-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";*/
+
+/* 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-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"]
+  {
+  }
+}*/