@memobit/themes 1.0.2 → 1.0.4

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 (35) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/previewPalettes.js +15 -7
  3. package/dist/themeConfig.js +7 -0
  4. package/dist/themes/audit-ember.css +1 -1
  5. package/dist/themes/kindred-ink.css +1 -0
  6. package/dist/themes/orbital-night.css +1 -1
  7. package/dist/themes.css +1 -1
  8. package/package.json +82 -77
  9. package/src/theming/asphalt-code.scss +1 -2
  10. package/src/theming/audit-ember.scss +8 -14
  11. package/src/theming/azure-night.scss +264 -265
  12. package/src/theming/blossom-meadow.scss +1 -2
  13. package/src/theming/chalk-circuit.scss +1 -2
  14. package/src/theming/crimson-dusk.scss +264 -265
  15. package/src/theming/cyber-forest.scss +264 -265
  16. package/src/theming/dashdarkx.scss +264 -265
  17. package/src/theming/ember-night.scss +264 -265
  18. package/src/theming/frost-petal.scss +264 -265
  19. package/src/theming/kindred-ink.scss +272 -0
  20. package/src/theming/lavender-mist.scss +264 -265
  21. package/src/theming/light-blue.scss +264 -265
  22. package/src/theming/luna.scss +264 -265
  23. package/src/theming/midnight-amber.scss +268 -269
  24. package/src/theming/mint-meadow.scss +264 -265
  25. package/src/theming/mintone.scss +264 -265
  26. package/src/theming/neon-tokyo.scss +264 -265
  27. package/src/theming/ocean-breeze.scss +264 -265
  28. package/src/theming/ocean-depths.scss +264 -265
  29. package/src/theming/orbital-night.scss +7 -9
  30. package/src/theming/sandstone.scss +264 -265
  31. package/src/theming/signal-burst.scss +1 -2
  32. package/src/theming/tailwind-vue-dark.scss +264 -265
  33. package/src/theming/terminal-phosphor.scss +1 -2
  34. package/src/theming/twilight-pulse.scss +264 -265
  35. package/src/theming/vault-guard.scss +1 -2
package/package.json CHANGED
@@ -1,77 +1,82 @@
1
- {
2
- "name": "@memobit/themes",
3
- "version": "1.0.2",
4
- "description": "64 themes for the Memobit apps — each published as its own stylesheet so an app loads only the one it is showing, with preview palettes for the theme picker.",
5
- "keywords": [
6
- "css",
7
- "themes",
8
- "theming",
9
- "design-tokens",
10
- "dark-mode",
11
- "scss",
12
- "memobit"
13
- ],
14
- "author": "Iulian Cristea <iulianx@gmail.com>",
15
- "license": "Apache-2.0",
16
- "homepage": "https://react.memobit.ro/",
17
- "repository": {
18
- "type": "git",
19
- "url": "git+https://github.com/CristeaIulian/memobit-react-library-themes.git"
20
- },
21
- "bugs": {
22
- "url": "https://github.com/CristeaIulian/memobit-react-library-themes/issues"
23
- },
24
- "publishConfig": {
25
- "access": "public"
26
- },
27
- "sideEffects": [
28
- "**/*.css",
29
- "**/*.scss"
30
- ],
31
- "type": "module",
32
- "main": "dist/index.js",
33
- "module": "dist/index.js",
34
- "types": "dist/index.d.ts",
35
- "exports": {
36
- ".": {
37
- "types": "./dist/index.d.ts",
38
- "import": "./dist/index.js"
39
- },
40
- "./vite": {
41
- "types": "./dist/vite.d.ts",
42
- "import": "./dist/vite.js"
43
- },
44
- "./themes.css": "./dist/themes.css",
45
- "./themes/*.css": "./dist/themes/*.css",
46
- "./src/theming/*.scss": "./src/theming/*.scss",
47
- "./package.json": "./package.json"
48
- },
49
- "files": [
50
- "dist",
51
- "src/theming"
52
- ],
53
- "scripts": {
54
- "build:themes": "node scripts/build-themes.mjs",
55
- "build": "npm run build:themes && vite build && npm pack",
56
- "release": "npm run build && npm publish",
57
- "prepublishOnly": "npm run build:themes && vite build",
58
- "lint": "eslint src --ext .ts",
59
- "lint:fix": "eslint src --ext .ts --fix"
60
- },
61
- "devDependencies": {
62
- "@eslint/js": "9.39.4",
63
- "@types/node": "25.8.0",
64
- "eslint": "9.39.4",
65
- "eslint-config-prettier": "10.1.8",
66
- "eslint-plugin-import-x": "4.17.1",
67
- "eslint-plugin-prettier": "5.5.5",
68
- "eslint-plugin-simple-import-sort": "13.0.0",
69
- "globals": "17.6.0",
70
- "prettier": "3.8.3",
71
- "sass": "1.99.0",
72
- "typescript": "6.0.3",
73
- "typescript-eslint": "8.59.3",
74
- "vite": "8.1.5",
75
- "vite-plugin-dts": "5.0.0"
76
- }
77
- }
1
+ {
2
+ "name": "@memobit/themes",
3
+ "version": "1.0.4",
4
+ "description": "65 themes for the Memobit apps — each published as its own stylesheet so an app loads only the one it is showing, with preview palettes for the theme picker.",
5
+ "keywords": [
6
+ "css",
7
+ "themes",
8
+ "theming",
9
+ "design-tokens",
10
+ "dark-mode",
11
+ "scss",
12
+ "memobit"
13
+ ],
14
+ "author": "Iulian Cristea <iulianx@gmail.com>",
15
+ "license": "Apache-2.0",
16
+ "homepage": "https://react.memobit.ro/",
17
+ "repository": {
18
+ "type": "git",
19
+ "url": "git+https://github.com/CristeaIulian/memobit-react-library-themes.git"
20
+ },
21
+ "bugs": {
22
+ "url": "https://github.com/CristeaIulian/memobit-react-library-themes/issues"
23
+ },
24
+ "publishConfig": {
25
+ "access": "public"
26
+ },
27
+ "sideEffects": [
28
+ "**/*.css",
29
+ "**/*.scss"
30
+ ],
31
+ "type": "module",
32
+ "main": "dist/index.js",
33
+ "module": "dist/index.js",
34
+ "types": "dist/index.d.ts",
35
+ "exports": {
36
+ ".": {
37
+ "types": "./dist/index.d.ts",
38
+ "import": "./dist/index.js"
39
+ },
40
+ "./vite": {
41
+ "types": "./dist/vite.d.ts",
42
+ "import": "./dist/vite.js"
43
+ },
44
+ "./themes.css": "./dist/themes.css",
45
+ "./themes/*.css": "./dist/themes/*.css",
46
+ "./src/theming/*.scss": "./src/theming/*.scss",
47
+ "./package.json": "./package.json"
48
+ },
49
+ "files": [
50
+ "dist",
51
+ "src/theming"
52
+ ],
53
+ "scripts": {
54
+ "build:themes": "node scripts/build-themes.mjs",
55
+ "build": "npm run build:themes && vite build && npm pack",
56
+ "release": "npm run build && npm publish",
57
+ "prepublishOnly": "npm run build:themes && vite build",
58
+ "lint": "eslint .",
59
+ "lint:fix": "eslint . --fix",
60
+ "format": "prettier --write \"**/*.{ts,tsx,js,jsx,mjs,cjs,css,scss}\"",
61
+ "format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,mjs,cjs,css,scss}\""
62
+ },
63
+ "devDependencies": {
64
+ "@eslint/js": "9.39.4",
65
+ "@types/node": "25.8.0",
66
+ "eslint": "9.39.4",
67
+ "eslint-config-prettier": "10.1.8",
68
+ "eslint-plugin-import": "2.32.0",
69
+ "eslint-plugin-prettier": "5.5.6",
70
+ "eslint-plugin-react": "7.37.5",
71
+ "eslint-plugin-react-hooks": "7.1.1",
72
+ "eslint-plugin-react-refresh": "0.5.7",
73
+ "eslint-plugin-simple-import-sort": "14.0.0",
74
+ "globals": "17.12.0",
75
+ "prettier": "3.9.9",
76
+ "sass": "1.99.0",
77
+ "typescript": "6.0.3",
78
+ "typescript-eslint": "8.70.1",
79
+ "vite": "8.1.5",
80
+ "vite-plugin-dts": "5.0.0"
81
+ }
82
+ }
package/src/theming/asphalt-code.scss CHANGED
@@ -8,8 +8,7 @@
8
8
  --body-background-base: #0a0c0e;
9
9
  --body-background-wash:
10
10
  radial-gradient(55% 50% at 100% 0%, rgba(6, 182, 212, 0.14) 0%, transparent 65%),
11
- radial-gradient(50% 45% at 0% 100%, rgba(6, 182, 212, 0.1) 0%, transparent 65%),
12
- linear-gradient(160deg, #0e1012 0%, #080a0c 55%, #0c0e10 100%);
11
+ radial-gradient(50% 45% at 0% 100%, rgba(6, 182, 212, 0.1) 0%, transparent 65%), linear-gradient(160deg, #0e1012 0%, #080a0c 55%, #0c0e10 100%);
13
12
  --body-color: #c8d8e4;
14
13
  --body-color-accent: #ffffff;
15
14
  --body-color-muted: #5a7888;
package/src/theming/audit-ember.scss CHANGED
@@ -8,9 +8,8 @@
8
8
  --body-background: var(--body-background-wash, var(--body-background-base));
9
9
  --body-background-base: #09090b;
10
10
  --body-background-wash:
11
- radial-gradient(60% 50% at 100% 0%, rgba(251, 146, 60, 0.10) 0%, transparent 65%),
12
- radial-gradient(45% 40% at 0% 100%, rgba(249, 115, 22, 0.06) 0%, transparent 70%),
13
- linear-gradient(155deg, #0c0c10 0%, #09090b 55%, #08080a 100%);
11
+ radial-gradient(60% 50% at 100% 0%, rgba(251, 146, 60, 0.1) 0%, transparent 65%),
12
+ radial-gradient(45% 40% at 0% 100%, rgba(249, 115, 22, 0.06) 0%, transparent 70%), linear-gradient(155deg, #0c0c10 0%, #09090b 55%, #08080a 100%);
14
13
  --body-color: #d4d4d8;
15
14
  --body-color-accent: #fafafa;
16
15
  --body-color-muted: #71717a;
@@ -104,7 +103,7 @@
104
103
  --dropdown-header-color: #e4e4e7;
105
104
  --dropdown-options-background-color: #131318;
106
105
  --dropdown-options-color: #d4d4d8;
107
- --dropdown-options-hover-background-color: rgba(251, 146, 60, 0.10);
106
+ --dropdown-options-hover-background-color: rgba(251, 146, 60, 0.1);
108
107
  --dropdown-options-hover-color: #fafafa;
109
108
  --dropdown-options-selected-background-color: rgba(251, 146, 60, 0.18);
110
109
  --dropdown-options-selected-color: #fafafa;
@@ -273,14 +272,9 @@
273
272
  // Intent-tinted card backgrounds — radial wash centered on the card,
274
273
  // tuned for the near-black audit-ember surface so the glow reads without overpowering text.
275
274
  // Consumed by both MiniStatsCard (filled variants) and Card (variant prop).
276
- --card-tint-default-background:
277
- radial-gradient(110% 80% at 50% 35%, rgba(251, 146, 60, 0.18) 0%, transparent 65%);
278
- --card-tint-danger-background:
279
- radial-gradient(110% 80% at 50% 35%, rgba(244, 63, 94, 0.22) 0%, transparent 65%);
280
- --card-tint-warning-background:
281
- radial-gradient(110% 80% at 50% 35%, rgba(245, 158, 11, 0.20) 0%, transparent 65%);
282
- --card-tint-info-background:
283
- radial-gradient(110% 80% at 50% 35%, rgba(96, 165, 250, 0.20) 0%, transparent 65%);
284
- --card-tint-success-background:
285
- radial-gradient(110% 80% at 50% 35%, rgba(52, 211, 153, 0.20) 0%, transparent 65%);
275
+ --card-tint-default-background: radial-gradient(110% 80% at 50% 35%, rgba(251, 146, 60, 0.18) 0%, transparent 65%);
276
+ --card-tint-danger-background: radial-gradient(110% 80% at 50% 35%, rgba(244, 63, 94, 0.22) 0%, transparent 65%);
277
+ --card-tint-warning-background: radial-gradient(110% 80% at 50% 35%, rgba(245, 158, 11, 0.2) 0%, transparent 65%);
278
+ --card-tint-info-background: radial-gradient(110% 80% at 50% 35%, rgba(96, 165, 250, 0.2) 0%, transparent 65%);
279
+ --card-tint-success-background: radial-gradient(110% 80% at 50% 35%, rgba(52, 211, 153, 0.2) 0%, transparent 65%);
286
280
  }