npm - @michaelthielemann/kestrel - Versions diffs - 3.0.0 → 3.0.1 - Mend

@michaelthielemann/kestrel 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/layers/ui/app/components/field/Repeater.vue CHANGED Viewed

@@ -239,7 +239,7 @@ function insertRowAt(at: number) {
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-repeater {
   display: flex;
@@ -294,7 +294,7 @@ function insertRowAt(at: number) {
   }
   &__insert {
-    @include focus-ring;
+    @include mixins.focus-ring;
     position: relative;
     z-index: 1;
     display: flex;
@@ -388,7 +388,7 @@ function insertRowAt(at: number) {
   &__move,
   &__duplicate,
   &__remove {
-    @include focus-ring;
+    @include mixins.focus-ring;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -428,7 +428,7 @@ function insertRowAt(at: number) {
   }
   &__add {
-    @include focus-ring;
+    @include mixins.focus-ring;
     align-self: flex-start;
     border: 1px solid var(--color-border);
     background: var(--color-surface);
@@ -450,7 +450,7 @@ function insertRowAt(at: number) {
   }
   &__live {
-    @include sr-only;
+    @include mixins.sr-only;
   }
   @media (prefers-reduced-motion: reduce) {

package/layers/ui/app/components/ui/Button.vue CHANGED Viewed

@@ -29,10 +29,10 @@ withDefaults(
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-button {
-  @include focus-ring;
+  @include mixins.focus-ring;
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/layers/ui/app/components/ui/ButtonGroup.vue CHANGED Viewed

@@ -49,7 +49,7 @@ function onUpdate(v: unknown) {
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-btngroup {
   display: inline-flex;
@@ -62,7 +62,7 @@ function onUpdate(v: unknown) {
   width: fit-content;
   &__item {
-    @include focus-ring;
+    @include mixins.focus-ring;
     display: inline-flex;
     align-items: center;
     gap: var(--space-1);

package/layers/ui/app/components/ui/Checkbox.vue CHANGED Viewed

@@ -36,10 +36,10 @@ watch(() => props.indeterminate, syncIndeterminate)
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-checkbox {
-  @include focus-ring;
+  @include mixins.focus-ring;
   width: 1.25rem;
   height: 1.25rem;
   accent-color: var(--color-primary);

package/layers/ui/app/components/ui/Combobox.vue CHANGED Viewed

@@ -197,7 +197,7 @@ function moveChip(from: number, to: number) {
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-combobox {
   &__anchor {
@@ -232,7 +232,7 @@ function moveChip(from: number, to: number) {
     font-size: var(--text-sm);
   }
   &__chip-remove {
-    @include focus-ring;
+    @include mixins.focus-ring;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -246,7 +246,7 @@ function moveChip(from: number, to: number) {
     line-height: 1;
   }
   &__chip-move {
-    @include focus-ring;
+    @include mixins.focus-ring;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -269,7 +269,7 @@ function moveChip(from: number, to: number) {
     &:disabled { cursor: default; } // stays collapsed (the reveal selector excludes :disabled)
   }
-  &__live { @include sr-only; }
+  &__live { @include mixins.sr-only; }
   &__chip {
     &:hover,
     &:focus-within {
@@ -302,7 +302,7 @@ function moveChip(from: number, to: number) {
     padding: var(--space-1) 0;
   }
   &__icon {
-    @include focus-ring;
+    @include mixins.focus-ring;
     border: 0;
     background: transparent;
     cursor: pointer;

package/layers/ui/app/components/ui/DatePicker.vue CHANGED Viewed

@@ -87,6 +87,6 @@ const value = computed<DateValue | undefined>({
 <style lang="scss">
 // Shared, global (non-scoped) datepicker chrome — the calendar is teleported to <body>.
-@use '../../assets/scss/datepicker' as *;
-@include ui-datepicker;
+@use '../../assets/scss/datepicker';
+@include datepicker.ui-datepicker;
 </style>

package/layers/ui/app/components/ui/DateRangePicker.vue CHANGED Viewed

@@ -95,6 +95,6 @@ const value = computed<{ start: DateValue | undefined; end: DateValue | undefine
 // Shares the global (non-scoped) datepicker chrome — the calendar is teleported to <body>, so a
 // `scoped` block would silently drop these styles. Included explicitly rather than borrowing them
 // from DatePicker being present on the page.
-@use '../../assets/scss/datepicker' as *;
-@include ui-datepicker;
+@use '../../assets/scss/datepicker';
+@include datepicker.ui-datepicker;
 </style>

package/layers/ui/app/components/ui/NumberInput.vue CHANGED Viewed

@@ -90,17 +90,17 @@ function onKeydown(e: KeyboardEvent) {
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-number {
-  @include input-base;
+  @include mixins.input-base;
   width: 100%;
   &::placeholder {
     color: var(--color-text-muted);
   }
   &--slim {
-    @include input-slim;
+    @include mixins.input-slim;
   }
 }
@@ -166,7 +166,7 @@ function onKeydown(e: KeyboardEvent) {
 // separate rule (not nested) so `.ui-number-wrap--slim .ui-number-wrap__input` outranks the base element rule.
 .ui-number-wrap--slim {
   .ui-number-wrap__input {
-    @include input-slim;
+    @include mixins.input-slim;
   }
   .ui-number-wrap__suffix {
     padding-inline: var(--space-2);

package/layers/ui/app/components/ui/Select.vue CHANGED Viewed

@@ -27,7 +27,7 @@ const model = defineModel<string | null>()
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-select {
   position: relative;
@@ -35,7 +35,7 @@ const model = defineModel<string | null>()
   width: 100%;
 }
 .ui-select__field {
-  @include input-base;
+  @include mixins.input-base;
   width: 100%;
   appearance: none;
   // leave room for the overlaid chevron so long values don't run under it

package/layers/ui/app/components/ui/TextInput.vue CHANGED Viewed

@@ -55,7 +55,7 @@ const inputType = computed(() => (revealable.value && revealed.value ? 'text' :
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-input-wrap {
   position: relative;
@@ -64,7 +64,7 @@ const inputType = computed(() => (revealable.value && revealed.value ? 'text' :
 }
 .ui-input {
-  @include input-base;
+  @include mixins.input-base;
   width: 100%;
   &::placeholder {
@@ -72,7 +72,7 @@ const inputType = computed(() => (revealable.value && revealed.value ? 'text' :
   }
   &--slim {
-    @include input-slim;
+    @include mixins.input-slim;
   }
   // Leave room for the inset reveal button so the value never sits under it. Declared after `--slim` so a
@@ -83,7 +83,7 @@ const inputType = computed(() => (revealable.value && revealed.value ? 'text' :
 }
 .ui-input__reveal {
-  @include focus-ring;
+  @include mixins.focus-ring;
   position: absolute;
   inset-block: 1px;
   inset-inline-end: 1px;

package/layers/ui/app/components/ui/Textarea.vue CHANGED Viewed

@@ -23,10 +23,10 @@ const model = defineModel<string | null>()
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-textarea {
-  @include input-base;
+  @include mixins.input-base;
   width: 100%;
   font-family: inherit;
   line-height: var(--leading-normal);

package/layers/ui/app/components/ui/TimeInput.vue CHANGED Viewed

@@ -10,9 +10,9 @@ const model = defineModel<string | null>()
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
 .ui-time {
-  @include input-base;
+  @include mixins.input-base;
 }
 </style>

package/layers/ui/app/components/ui/Toasts.vue CHANGED Viewed

@@ -39,9 +39,9 @@ const { t } = useT()
 </template>
 <style lang="scss">
-@use '../../assets/scss/mixins' as *;
+@use '../../assets/scss/mixins';
-.ui-toasts__live { @include sr-only; }
+.ui-toasts__live { @include mixins.sr-only; }
 .ui-toasts {
   position: fixed;
@@ -76,7 +76,7 @@ const { t } = useT()
   &__msg { flex: 1 1 auto; min-width: 0; }
   &__close {
-    @include focus-ring;
+    @include mixins.focus-ring;
     flex-shrink: 0;
     display: inline-flex;
     padding: var(--space-1);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@michaelthielemann/kestrel",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "A slim, collection-driven Nuxt 4 CMS meta-layer with a runtime schema engine. Add `extends: ['@michaelthielemann/kestrel']`, define collections, and the database migrates itself.",
   "license": "Apache-2.0",
   "author": "Michael Thielemann <283621694+MichaelThielemann@users.noreply.github.com>",