@lavalogic/scoria 0.38.12 → 0.38.13

package/dist/scss/_motion.scss

@@ -1,57 +1,57 @@
-// Motion helpers for honouring `prefers-reduced-motion`.
-//
-// Two complementary mixins are exported so that component authors can pick
-// whichever phrasing reads more naturally at the call site.
-//
-// `motion-safe` wraps a block in `@media (prefers-reduced-motion: no-preference)`.
-// Anything inside is only applied when the user has NOT asked the OS to reduce
-// motion. Use it to gate keyframe animations and decorative transitions:
-//
-//   .spinner {
-//     transform-origin: center;
-//
-//     @include motion.motion-safe {
-//       animation: spin 1.5s forwards infinite linear;
-//     }
-//   }
-//
-// `motion-reduce` emits a `@media (prefers-reduced-motion: reduce)` block whose
-// body short-circuits `animation` and `transition` to a near-zero duration. The
-// near-zero (not `none`) is deliberate: a single tick lets transitionend / Svelte
-// transition lifecycle hooks still fire, which keeps component state machines
-// (e.g. AccordionGroup, Toast) honest. Use it at the end of a style block when
-// you want to disable existing motion without restructuring the selectors:
-//
-//   .toast {
-//     @include motion.motion-reduce {
-//       animation-duration: 0.001ms !important;
-//       transition-duration: 0.001ms !important;
-//     }
-//   }
-//
-// Both mixins are zero-arg and emit only the wrapping media query plus the
-// content block (or the safe defaults for `motion-reduce`).
-
-@mixin motion-safe {
-	@media (prefers-reduced-motion: no-preference) {
-		@content;
-	}
-}
-
-@mixin motion-reduce {
-	@media (prefers-reduced-motion: reduce) {
-		@content;
-	}
-}
-
-// Convenience: emit the reduce-motion safety net for a selector that already
-// declares an `animation` or `transition`. Drop this at the end of a style
-// block when there is no need to customise the override.
-@mixin respect-reduced-motion {
-	@media (prefers-reduced-motion: reduce) {
-		animation-duration: 0.001ms !important;
-		animation-iteration-count: 1 !important;
-		transition-duration: 0.001ms !important;
-		scroll-behavior: auto !important;
-	}
-}
+// Motion helpers for honouring `prefers-reduced-motion`.
+//
+// Two complementary mixins are exported so that component authors can pick
+// whichever phrasing reads more naturally at the call site.
+//
+// `motion-safe` wraps a block in `@media (prefers-reduced-motion: no-preference)`.
+// Anything inside is only applied when the user has NOT asked the OS to reduce
+// motion. Use it to gate keyframe animations and decorative transitions:
+//
+//   .spinner {
+//     transform-origin: center;
+//
+//     @include motion.motion-safe {
+//       animation: spin 1.5s forwards infinite linear;
+//     }
+//   }
+//
+// `motion-reduce` emits a `@media (prefers-reduced-motion: reduce)` block whose
+// body short-circuits `animation` and `transition` to a near-zero duration. The
+// near-zero (not `none`) is deliberate: a single tick lets transitionend / Svelte
+// transition lifecycle hooks still fire, which keeps component state machines
+// (e.g. AccordionGroup, Toast) honest. Use it at the end of a style block when
+// you want to disable existing motion without restructuring the selectors:
+//
+//   .toast {
+//     @include motion.motion-reduce {
+//       animation-duration: 0.001ms !important;
+//       transition-duration: 0.001ms !important;
+//     }
+//   }
+//
+// Both mixins are zero-arg and emit only the wrapping media query plus the
+// content block (or the safe defaults for `motion-reduce`).
+
+@mixin motion-safe {
+	@media (prefers-reduced-motion: no-preference) {
+		@content;
+	}
+}
+
+@mixin motion-reduce {
+	@media (prefers-reduced-motion: reduce) {
+		@content;
+	}
+}
+
+// Convenience: emit the reduce-motion safety net for a selector that already
+// declares an `animation` or `transition`. Drop this at the end of a style
+// block when there is no need to customise the override.
+@mixin respect-reduced-motion {
+	@media (prefers-reduced-motion: reduce) {
+		animation-duration: 0.001ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.001ms !important;
+		scroll-behavior: auto !important;
+	}
+}

package/dist/scss/_sizing.scss

@@ -1,85 +1,85 @@
-$input-height: 3rem;
-$input-width: 12rem;
-
-$text-xx-large: 2rem;
-$text-x-large: 1.75rem;
-$text-large: 1.5rem;
-$text-medium-large: 1.25rem;
-$text-medium: 1.1875rem; //19 px. not ideal
-$text-small-medium: 1.125rem;
-$text-medium-small-medium: 1.0625rem;
-$text-regular: 1rem;
-$text-small-small-medium: 0.875rem;
-$text-small: 0.8125rem;
-$text-extra-small: 0.75rem;
-
-$font-weight-touch: 600;
-
-$text-table: 0.9375rem;
-$text-table-footer: 0.8125rem;
-
-$border-width-double: 2px;
-$border-width: 1px;
-
-$button-padding-xl: 2rem;
-$button-padding-lg-wide: 1rem 2rem;
-$button-padding-lg: 1rem;
-
-$column-1-width: 25rem;
-$column-2-width: 1fr;
-$column-3-width: 25rem;
-
-$row-1-width: 4rem;
-$row-2-width: 1fr;
-
-$double-padding: 3rem;
-$double-gap: 3rem;
-$five-quarters-padding: 1.875rem;
-$five-quarters-gap: 1.875rem;
-$regular-padding: 1.5rem;
-$regular-gap: 1.5rem;
-$two-thirds-gap: 1.25rem;
-$two-thirds-padding: 1.25rem;
-$half-gap: 0.75rem;
-$half-padding: 0.75rem;
-$third-gap: 0.5rem;
-$third-padding: 0.5rem;
-$quarter-gap: 0.375rem;
-$quarter-padding: 0.375rem;
-
-$circular-button-padding: 0.52rem;
-$card-half-padding: 0.38rem;
-// $card-padding: 0.76rem;
-$card-padding: 0.76rem;
-$card-gap: 0.76rem;
-$card-gap-half: 0.38rem;
-$card-detail-padding: 4px 12px;
-$card-title: $text-large;
-$card-inner-gap: 0.25rem;
-$button-card-inner-gap: 0.5rem;
-
-$border-radius: 4px;
-$thick-border-radius: 5px;
-$pill-border-radius: 12px;
-
-$switch-track-width: 4rem;
-$switch-thumb-container-width: 2.5rem;
-$switch-thumb-container-height: 1.5rem;
-$switch-thumb-container-radius: 0.9375rem;
-$switch-thumb-size: 1rem;
-
-$min-modal-width: 40.25rem;
-$max-modal-width: 1728px;
-
-$table-header-height: 3rem;
-
-$nav-height: 3.25rem;
-
-$dial-option-height: 50px;
-
-$big-radio-min-width: 271px;
-$big-radio-max-width: 400px;
-
-// z-index scale. Higher values render above lower ones.
-$z-index-overlay: 99998;
-$z-index-overlay-text: 99999;
+$input-height: 3rem;
+$input-width: 12rem;
+
+$text-xx-large: 2rem;
+$text-x-large: 1.75rem;
+$text-large: 1.5rem;
+$text-medium-large: 1.25rem;
+$text-medium: 1.1875rem; //19 px. not ideal
+$text-small-medium: 1.125rem;
+$text-medium-small-medium: 1.0625rem;
+$text-regular: 1rem;
+$text-small-small-medium: 0.875rem;
+$text-small: 0.8125rem;
+$text-extra-small: 0.75rem;
+
+$font-weight-touch: 600;
+
+$text-table: 0.9375rem;
+$text-table-footer: 0.8125rem;
+
+$border-width-double: 2px;
+$border-width: 1px;
+
+$button-padding-xl: 2rem;
+$button-padding-lg-wide: 1rem 2rem;
+$button-padding-lg: 1rem;
+
+$column-1-width: 25rem;
+$column-2-width: 1fr;
+$column-3-width: 25rem;
+
+$row-1-width: 4rem;
+$row-2-width: 1fr;
+
+$double-padding: 3rem;
+$double-gap: 3rem;
+$five-quarters-padding: 1.875rem;
+$five-quarters-gap: 1.875rem;
+$regular-padding: 1.5rem;
+$regular-gap: 1.5rem;
+$two-thirds-gap: 1.25rem;
+$two-thirds-padding: 1.25rem;
+$half-gap: 0.75rem;
+$half-padding: 0.75rem;
+$third-gap: 0.5rem;
+$third-padding: 0.5rem;
+$quarter-gap: 0.375rem;
+$quarter-padding: 0.375rem;
+
+$circular-button-padding: 0.52rem;
+$card-half-padding: 0.38rem;
+// $card-padding: 0.76rem;
+$card-padding: 0.76rem;
+$card-gap: 0.76rem;
+$card-gap-half: 0.38rem;
+$card-detail-padding: 4px 12px;
+$card-title: $text-large;
+$card-inner-gap: 0.25rem;
+$button-card-inner-gap: 0.5rem;
+
+$border-radius: 4px;
+$thick-border-radius: 5px;
+$pill-border-radius: 12px;
+
+$switch-track-width: 4rem;
+$switch-thumb-container-width: 2.5rem;
+$switch-thumb-container-height: 1.5rem;
+$switch-thumb-container-radius: 0.9375rem;
+$switch-thumb-size: 1rem;
+
+$min-modal-width: 40.25rem;
+$max-modal-width: 1728px;
+
+$table-header-height: 3rem;
+
+$nav-height: 3.25rem;
+
+$dial-option-height: 50px;
+
+$big-radio-min-width: 271px;
+$big-radio-max-width: 400px;
+
+// z-index scale. Higher values render above lower ones.
+$z-index-overlay: 99998;
+$z-index-overlay-text: 99999;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.38.12",
+  "version": "0.38.13",
   "publishConfig": {
     "access": "restricted"
   },
@@ -31,48 +31,48 @@
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.57.1",
-    "svelte": "^5.53.5"
+    "svelte": "^5.55.7"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.2",
-    "@eslint/compat": "^2.0.5",
+    "@chromatic-com/storybook": "^5.2.1",
+    "@eslint/compat": "^2.1.0",
     "@eslint/js": "^10.0.1",
-    "@playwright/test": "^1.59.1",
-    "@storybook/addon-a11y": "^10.3.5",
-    "@storybook/addon-docs": "^10.3.5",
+    "@playwright/test": "^1.60.0",
+    "@storybook/addon-a11y": "^10.4.0",
+    "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-svelte-csf": "^5.1.2",
-    "@storybook/addon-vitest": "^10.3.5",
-    "@storybook/sveltekit": "^10.3.5",
+    "@storybook/addon-vitest": "^10.4.0",
+    "@storybook/sveltekit": "^10.4.0",
     "@sveltejs/adapter-node": "^5.5.4",
-    "@sveltejs/kit": "^2.57.1",
+    "@sveltejs/kit": "^2.60.1",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^25.6.0",
-    "@typescript-eslint/eslint-plugin": "^8.58.2",
-    "@typescript-eslint/parser": "^8.58.2",
-    "@vitest/browser": "^4.1.4",
-    "@vitest/browser-playwright": "^4.1.4",
-    "eslint": "^10.2.0",
+    "@types/node": "^25.8.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.3",
+    "@typescript-eslint/parser": "^8.59.3",
+    "@vitest/browser": "^4.1.6",
+    "@vitest/browser-playwright": "^4.1.6",
+    "eslint": "^10.4.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "^10.3.5",
-    "eslint-plugin-svelte": "^3.17.0",
-    "globals": "^17.5.0",
+    "eslint-plugin-storybook": "^10.4.0",
+    "eslint-plugin-svelte": "^3.17.1",
+    "globals": "^17.6.0",
     "mdsvex": "^0.12.7",
-    "playwright": "^1.59.1",
+    "playwright": "^1.60.0",
     "prettier": "^3.8.3",
-    "prettier-plugin-svelte": "^3.5.1",
-    "publint": "^0.3.18",
+    "prettier-plugin-svelte": "^3.5.2",
+    "publint": "^0.3.21",
     "sass": "^1.99.0",
-    "storybook": "^10.3.5",
-    "svelte": "^5.55.4",
-    "svelte-check": "^4.4.6",
+    "storybook": "^10.4.0",
+    "svelte": "^5.55.7",
+    "svelte-check": "^4.4.8",
     "svelte-render-scan": "^1.1.0",
-    "typescript": "^6.0.2",
-    "typescript-eslint": "^8.58.2",
-    "vite": "^8.0.8",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.3",
+    "vite": "^8.0.13",
     "vite-plugin-devtools-json": "^1.0.0",
-    "vitest": "^4.1.4",
+    "vitest": "^4.1.6",
     "vitest-browser-svelte": "^2.1.1"
   },
   "keywords": [