@hkdigital/lib-core 0.3.9 → 0.3.11

package/dist/{themes → design/themes}/hkdev/components/inputs/text-input.css

@@ -1,102 +1,102 @@
-/*@import "../../global/on-colors.css";*/
-
-[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";*/
+
+[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 → design/themes}/hkdev/components/panels/panel.css

@@ -1,25 +1,25 @@
-[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));
-  }
-}
+[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 → design/themes}/hkdev/components/rows/panel-grid-row.css

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

package/dist/{themes → design/themes}/hkdev/components/rows/panel-row-2.css

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

package/dist/{themes → design/themes}/hkdev/components.css

@@ -1,29 +1,29 @@
-/* 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';
-
-
+/* 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';
+
+

package/dist/design/themes/hkdev/debug.css

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

package/dist/{themes → design/themes}/hkdev/global/layout.css

@@ -1,32 +1,32 @@
-
-.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;
-}
+
+.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 → design/themes}/hkdev/global/on-colors.css

@@ -1,32 +1,32 @@
-& .h1 {
-  color: var(--color-primary-contrast-light);
-}
-
-& .p {
-  color: var(--color-primary-contrast-light);
-}
-
-& .a {
-  color: var(--color-primary-contrast-light);
-}
-
-& svg {
-  color: var(--color-primary-contrast-light);
-}
-
-& .h1 {
-  color: var(--color-surface-950);
-}
-
-& .p {
-  color: var(--color-surface-500);
-}
-
-& .a {
-  color: var(--color-surface-500);
-}
-
-& svg {
-  color: var(--color-surface-500);
-}
-
+& .h1 {
+  color: var(--color-primary-contrast-light);
+}
+
+& .p {
+  color: var(--color-primary-contrast-light);
+}
+
+& .a {
+  color: var(--color-primary-contrast-light);
+}
+
+& svg {
+  color: var(--color-primary-contrast-light);
+}
+
+& .h1 {
+  color: var(--color-surface-950);
+}
+
+& .p {
+  color: var(--color-surface-500);
+}
+
+& .a {
+  color: var(--color-surface-500);
+}
+
+& svg {
+  color: var(--color-surface-500);
+}
+

package/dist/{themes → design/themes}/hkdev/globals.css

@@ -1,4 +1,4 @@
-/*@import "./global/vars.css";*/
-@import "./global/on-colors.css";
-@import './global/layout.css';
+/*@import "./global/vars.css";*/
+@import "./global/on-colors.css";
+@import './global/layout.css';
 /*@import "./global/text.css";*/

package/dist/{themes → design/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 → design/themes}/hkdev/theme-ext.js

@@ -1,12 +1,12 @@
-import { theme as themeStore } from '../../stores/index.js';
-
-/**
- * Set meta them color for the current theme
- */
-export function setMetaThemeColor() {
-  const surfaceColor = getComputedStyle(document.documentElement)
-    .getPropertyValue('--color-surface-950')
-    .trim();
-
-  themeStore.setMetaThemeColor(`rgb(${surfaceColor})`);
-}
+import { theme as themeStore } from '../../../stores/index.js';
+
+/**
+ * Set meta them color for the current theme
+ */
+export function setMetaThemeColor() {
+  const surfaceColor = getComputedStyle(document.documentElement)
+    .getPropertyValue('--color-surface-950')
+    .trim();
+
+  themeStore.setMetaThemeColor(`rgb(${surfaceColor})`);
+}