@lavalogic/scoria 0.0.1

package/dist/scss/sizing.scss

@@ -0,0 +1,72 @@
+$input-height: 3rem;
+$input-width: 12rem;
+// $input-width: 18.75rem;
+// $input-width: 26rem;
+
+$text-xx-large: 2rem;
+$text-x-large: 1.75rem;
+$text-large: 1.5rem;
+$text-medium-large: 1.25rem;
+$text-medium: 1.16rem;
+$text-small-medium: 1.12rem;
+$text-medium-small-medium: 1.08rem;
+$text-regular: 1rem;
+$text-small-small-medium: 0.9375rem;
+// $text-small: 0.84rem;
+$text-small: 0.8125rem;
+$text-extra-small: 0.75rem;
+
+$font-weight-touch: 600;
+
+$text-table: 0.95rem;
+$text-table-footer: 0.8rem;
+
+$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;
+
+$min-modal-width: 40.25rem;
+$max-modal-width: 1728px;
+
+$table-header-height: 3rem;
+
+$nav-height: 3.25rem;

package/dist/scss/transitions.scss

@@ -0,0 +1,8 @@
+$transition-length: 0.15s;
+$transition-delay: 0s;
+
+$colours:
+	border-color ease-out $transition-length $transition-delay,
+	background-color ease-out $transition-length $transition-delay,
+	color ease-out $transition-length $transition-delay,
+	fill ease-out $transition-length $transition-delay;

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@lavalogic/scoria",
+  "description": "Svelte components used for the FloWMS Web Frontend",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@sveltejs/kit": "^2.0.0",
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/js": "^9.37.0",
+    "@inlang/paraglide-js": "^2.4.0",
+    "@playwright/test": "^1.55.1",
+    "@storybook/addon-a11y": "^9.1.10",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-svelte-csf": "^5.0.10",
+    "@storybook/addon-vitest": "^9.1.10",
+    "@storybook/sveltekit": "^9.1.10",
+    "@sveltejs/adapter-node": "^5.3.3",
+    "@sveltejs/kit": "^2.44.0",
+    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@types/node": "^20.19.19",
+    "@vitest/browser": "^3.2.4",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-storybook": "^9.1.10",
+    "eslint-plugin-svelte": "^3.12.4",
+    "globals": "^16.4.0",
+    "mdsvex": "^0.12.6",
+    "playwright": "^1.55.1",
+    "prettier": "^3.6.2",
+    "prettier-plugin-svelte": "^3.4.0",
+    "publint": "^0.3.14",
+    "sass-embedded": "^1.93.2",
+    "storybook": "^9.1.10",
+    "svelte": "^5.39.9",
+    "svelte-check": "^4.3.2",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.1.9",
+    "vite-plugin-devtools-json": "^1.0.0",
+    "vitest": "^3.2.4",
+    "vitest-browser-svelte": "^1.1.0"
+  },
+  "keywords": [
+    "svelte"
+  ],
+  "dependencies": {
+    "@sinclair/typebox": "^0.34.41",
+    "@types/eslint": "^9.6.1",
+    "@typescript-eslint/eslint-plugin": "^8.45.0",
+    "@typescript-eslint/parser": "^8.45.0",
+    "svelecte": "^5.3.0"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:errors": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --threshold error --diagnostic-sources \"js,svelte\"",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "test:unit": "vitest",
+    "test": "npm run test:unit -- --run && npm run test:e2e",
+    "test:e2e": "playwright test",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}