@hkdigital/lib-sveltekit 0.1.4 → 0.1.6

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

@@ -1,108 +1,108 @@
-
-/*@import "../../global/on-colors.postcss";*/
-
-@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.postcss";*/
+
+@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/plain-panel.postcss

@@ -1,46 +1,46 @@
-/*@import "../../global/on-colors.postcss";*/
-
-@define-mixin panels-plain-panel {
-  [data-panel="plain-panel"] {
-
-    @mixin on_surface_light;
-    @apply bg-primary-50;
-
-    @apply p-40p rounded-md;
-
-    max-width: 50vw;
-/*    max-width: 27vw;*/
-    /* width: 26vw; */
-
-    & picture {
-      display: block;
-      max-width: 100%;
-      @apply pr-80p;      
-      /* border: solid 1px red; */
-    }
-
-    & > .h1 {
-      @apply text-32p mb-20p;
-    }
-
-    & > .p {
-      @apply text-24p mb-10p;
-
-      & + picture {
-        @apply mt-40p;
-      }
-      
-    }
-
-    & button {
-      /* @apply min-w-180p; */
-    }
-
-    & .cc_cols-stretch {
-      @apply grid auto-cols-fr grid-flow-col;
-      @apply justify-stretch;
-
-      border: solid 8px red;
-    }
-  }
-}
+/*@import "../../global/on-colors.postcss";*/
+
+@define-mixin panels-plain-panel {
+  [data-panel="plain-panel"] {
+
+    @mixin on_surface_light;
+    @apply bg-primary-50;
+
+    @apply p-40p rounded-md;
+
+    max-width: 50vw;
+/*    max-width: 27vw;*/
+    /* width: 26vw; */
+
+    & picture {
+      display: block;
+      max-width: 100%;
+      @apply pr-80p;      
+      /* border: solid 1px red; */
+    }
+
+    & > .h1 {
+      @apply text-32p mb-20p;
+    }
+
+    & > .p {
+      @apply text-24p mb-10p;
+
+      & + picture {
+        @apply mt-40p;
+      }
+      
+    }
+
+    & button {
+      /* @apply min-w-180p; */
+    }
+
+    & .cc_cols-stretch {
+      @apply grid auto-cols-fr grid-flow-col;
+      @apply justify-stretch;
+
+      border: solid 8px red;
+    }
+  }
+}

package/dist/themes/hkdev/components/panels/speech-bubble.postcss

@@ -1,52 +1,52 @@
-
-@import "../../global/on-colors.postcss";
-
-@define-mixin panels-speech-bubble {
-  [data-panel="speech-bubble"] {
-
-    @mixin on_surface_light;
-    @apply bg-primary-50;
-
-    @apply pt-20p pb-20p pr-40p pl-40p rounded-tl-lg rounded-tr-lg rounded-bl-lg;
-
-    /* max-width: 26vw;*/
-    /* width: 26vw; */
-
-    &.small {
-      max-width: 16vw;
-    }
-
-    & picture {
-      display: block;
-      max-width: 100%;
-      @apply pr-80p;      
-      /* border: solid 1px red; */
-    }
-
-    & [data-section="title"]
-    {
-      & .h1 {
-        @apply text-32p pt-8p pb-8p;
-      }
-    }
-
-    & [data-section="text"]
-    {
-      & .p {
-        @apply text-20p pb-10p;
-
-        /*& + picture {
-          @apply mt-40p;
-        }*/
-      }
-    }
-
-
-    /* Footer */
-
-    & [data-row][data-section="footer"]
-    {
-      @apply pt-10p;
-    }
-  }
-}
+
+@import "../../global/on-colors.postcss";
+
+@define-mixin panels-speech-bubble {
+  [data-panel="speech-bubble"] {
+
+    @mixin on_surface_light;
+    @apply bg-primary-50;
+
+    @apply pt-20p pb-20p pr-40p pl-40p rounded-tl-lg rounded-tr-lg rounded-bl-lg;
+
+    /* max-width: 26vw;*/
+    /* width: 26vw; */
+
+    &.small {
+      max-width: 16vw;
+    }
+
+    & picture {
+      display: block;
+      max-width: 100%;
+      @apply pr-80p;      
+      /* border: solid 1px red; */
+    }
+
+    & [data-section="title"]
+    {
+      & .h1 {
+        @apply text-32p pt-8p pb-8p;
+      }
+    }
+
+    & [data-section="text"]
+    {
+      & .p {
+        @apply text-20p pb-10p;
+
+        /*& + picture {
+          @apply mt-40p;
+        }*/
+      }
+    }
+
+
+    /* Footer */
+
+    & [data-row][data-section="footer"]
+    {
+      @apply pt-10p;
+    }
+  }
+}

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

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

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

@@ -1,9 +1,9 @@
-
-@import "../../global/on-colors.postcss";
-
-@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.postcss";
+
+@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.postcss

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

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;
+  }
+
+}