@hyvor/design 0.0.66 → 0.0.68

package/dist/variables.scss

@@ -1,86 +1,79 @@
 /* variables */
 :root {
-
-    /**
+	/**
     * Each app should have its own accent colors
     * --accent should be usable with light text
     * --accent-light and --accent-lightest should be usable with dark text
     */
-    --accent: #000;
+	--accent: #000;
 	--accent-light: #bdbdbd;
 	--accent-lightest: #fafafa;
-    --accent-text: #fff;
-
+	--accent-text: #fff;
 
 	--border: #e1e1e1;
 
-    --text: #000;
-    --text-light: #777;
+	--text: #000;
+	--text-light: #777;
 	--text-white: #fff;
 
-
-    /* 
+	/* 
     * Generally used colors
     * In most cases, no need to extend these colors
     */
-    --green-light: #cadfca;
-    --green: #5d995d;
-    --green-dark: #335c33;
-
-    --red-dark:#ab2525;
-    --red:#db7474;
-    --red-light:#ffdfdf;
+	--green-light: #cadfca;
+	--green: #5d995d;
+	--green-dark: #335c33;
 
-    --blue-dark: #334b81;
-    --blue:#5875b9;
-    --blue-light: #dae5ff;
+	--red-dark: #ab2525;
+	--red: #db7474;
+	--red-light: #ffdfdf;
 
-    --orange-dark: #8b5b04;
-    --orange: #e2b500;
-    --orange-light: #efe3b4;
+	--blue-dark: #334b81;
+	--blue: #5875b9;
+	--blue-light: #dae5ff;
 
-    --gray-light: #ddd;
-    --gray: #999;
-    --gray-dark: #555;
+	--orange-dark: #8b5b04;
+	--orange: #e2b500;
+	--orange-light: #efe3b4;
 
+	--gray-light: #ddd;
+	--gray: #999;
+	--gray-dark: #555;
 
-    --hover: #fafafa;
+	--hover: #fafafa;
 	--link: #1d85d2;
 
-    --input: #f3f3f3;
-    --input-hover: #ccc; /* checkbox/radio */
+	--input: #f3f3f3;
+	--input-hover: #ccc; /* checkbox/radio */
 
-    --box-shadow: 0 0 30px #0000000d;
-    --box-shadow-light: 0 0 10px 6px rgba(0,0,0,.06);
-    --box-radius: 20px;
-    --box-background: #fff;
-
-    --line-height-content: 26px;
-    --header-height: 55px;
+	--box-shadow: 0 0 30px #0000000d;
+	--box-shadow-light: 0 0 10px 6px rgba(0, 0, 0, 0.06);
+	--box-radius: 20px;
+	--box-background: #fff;
 
+	--line-height-content: 26px;
+	--header-height: 55px;
 }
 
 :root.dark {
+	--background: #000;
 
-    --background: #000;
-
-    --text: #fff;
-    --text-light: #999;
-    --box-background: #1c1c1c;
-
-    --accent-light: #555;
-    --accent-lightest: #333;
+	--text: #fff;
+	--text-light: #999;
+	--box-background: #1c1c1c;
 
-    --border: #4a4a4a;
-    --link: #7cb6e1;
-    --hover: #232323;
+	--accent-light: #555;
+	--accent-lightest: #333;
 
-    --input: #333;
+	--border: #4a4a4a;
+	--link: #7cb6e1;
+	--hover: #232323;
 
+	--input: #333;
 }
 
 $breakpoint-xs: 320px;
 $breakpoint-sm: 576px;
 $breakpoint-md: 768px;
 $breakpoint-lg: 992px;
-$breakpoint-xl: 1200px;
+$breakpoint-xl: 1200px;

package/package.json

@@ -1,60 +1,61 @@
 {
-    "name": "@hyvor/design",
-    "version": "0.0.66",
-    "license": "MIT",
-    "private": false,
-    "scripts": {
-        "dev": "vite dev",
-        "build": "vite build && npm run package",
-        "preview": "vite preview",
-        "package": "svelte-kit sync && svelte-package && publint",
-        "prepublishOnly": "npm run package",
-        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
-    },
-    "exports": {
-        "./components": {
-            "types": "./dist/components/index.d.ts",
-            "svelte": "./dist/components/index.js"
-        },
-        "./marketing": {
-            "types": "./dist/marketing/index.d.ts",
-            "svelte": "./dist/marketing/index.js"
-        }
-    },
-    "files": [
-        "dist",
-        "!dist/**/*.test.*",
-        "!dist/**/*.spec.*"
-    ],
-    "peerDependencies": {
-        "@sveltejs/kit": "^2.0.0",
-        "sass": "^1.68.0",
-        "svelte": "^4.0.0"
-    },
-    "devDependencies": {
-        "@sveltejs/adapter-static": "^3.0.0",
-        "@sveltejs/package": "^2.0.0",
-        "@sveltejs/vite-plugin-svelte": "^3.0.0",
-        "publint": "^0.1.9",
-        "svelte": "^4.0.5",
-        "svelte-check": "^3.4.3",
-        "tslib": "^2.4.1",
-        "typescript": "^5.0.0",
-        "vite": "^5.0.0"
-    },
-    "dependencies": {
-        "@fontsource/readex-pro": "^5.0.8",
-        "@hyvor/icons": "^0.0.3",
-        "deepmerge-ts": "^5.1.0",
-        "highlight.js": "^11.9.0",
-        "intl-messageformat": "^10.5.11",
-        "npm": "^10.4.0",
-        "svelte-awesome-color-picker": "^3.0.4",
-        "tocbot": "^4.25.0"
-    },
-    "type": "module",
-    "publishConfig": {
-        "access": "public"
-    }
+	"name": "@hyvor/design",
+	"version": "0.0.68",
+	"license": "MIT",
+	"private": false,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run package",
+		"preview": "vite preview",
+		"package": "svelte-kit sync && svelte-package && publint",
+		"prepublishOnly": "npm run package",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+	},
+	"exports": {
+		"./components": {
+			"types": "./dist/components/index.d.ts",
+			"svelte": "./dist/components/index.js"
+		},
+		"./marketing": {
+			"types": "./dist/marketing/index.d.ts",
+			"svelte": "./dist/marketing/index.js"
+		}
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"peerDependencies": {
+		"@sveltejs/kit": "^2.0.0",
+		"sass": "^1.68.0",
+		"svelte": "^4.0.0"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-static": "^3.0.0",
+		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^3.0.0",
+		"prettier": "^3.3.3",
+		"prettier-plugin-svelte": "^3.2.7",
+		"publint": "^0.1.9",
+		"svelte": "^4.0.5",
+		"svelte-check": "^3.4.3",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^5.0.0"
+	},
+	"dependencies": {
+		"@fontsource/readex-pro": "^5.0.8",
+		"@hyvor/icons": "^0.0.3",
+		"deepmerge-ts": "^5.1.0",
+		"highlight.js": "^11.9.0",
+		"intl-messageformat": "^10.5.11",
+		"svelte-awesome-color-picker": "^3.0.4",
+		"tocbot": "^4.25.0"
+	},
+	"type": "module",
+	"publishConfig": {
+		"access": "public"
+	}
 }