@moser-inc/moser-labs-themes 1.3.0 → 1.4.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.
package/README.md CHANGED
@@ -15,7 +15,7 @@ Import the theme you want to use and pass it to the `preset` option of your Prim
15
15
  Enable css layering to avoid conflicts with utility classes.
16
16
 
17
17
  ```ts
18
- import Labs from "@moser-inc/moser-labs-themes/labs";
18
+ import Labs from '@moser-inc/moser-labs-themes/labs';
19
19
 
20
20
  const theme = {
21
21
  preset: Labs,
package/dist/aero.js CHANGED
@@ -6,8 +6,8 @@ export * from "@primeuix/themes/lara/base";
6
6
  var aero_exports = /* @__PURE__ */ __exportAll({ default: () => Aero });
7
7
  __reExport(aero_exports, base_exports);
8
8
  const Aero = (0, src_exports.definePreset)(Base, { semantic: {
9
- primary: Base.primitive?.blue,
10
- secondary: Base.primitive?.blue,
9
+ primary: base_exports.primitive.blue,
10
+ secondary: base_exports.primitive.blue,
11
11
  colorScheme: {
12
12
  light: {
13
13
  primary: {
package/dist/base.js CHANGED
@@ -1,24 +1,93 @@
1
1
  import { n as __reExport, t as __exportAll } from "./chunk-ZRW5x4aP.js";
2
2
  import { t as src_exports } from "./index.js";
3
+ import { shade, tint } from "@primeuix/themes";
3
4
  import Lara from "@primeuix/themes/lara";
4
5
  export * from "@primeuix/themes/lara/base";
5
6
  //#region src/presets/base.ts
6
7
  var base_exports = /* @__PURE__ */ __exportAll({ default: () => Base });
7
8
  import * as import__primeuix_themes_lara_base from "@primeuix/themes/lara/base";
8
9
  __reExport(base_exports, import__primeuix_themes_lara_base);
9
- const Base = (0, src_exports.definePreset)(Lara, { semantic: { colorScheme: {
10
- light: {
11
- surface: Lara.primitive?.gray,
12
- formField: { background: "{surface.100}" },
13
- content: {
14
- background: "{surface.100}",
15
- hoverBackground: "{surface.0}"
10
+ const surface = Lara.primitive.gray;
11
+ const Base = (0, src_exports.definePreset)(Lara, {
12
+ components: { datatable: { colorScheme: {
13
+ light: { row: { stripedBackground: tint(surface[100], 10) } },
14
+ dark: {
15
+ root: { borderColor: "{content.border.color}" },
16
+ row: { stripedBackground: shade(surface[800], 10) }
16
17
  }
17
- },
18
- dark: {
19
- surface: Lara.primitive?.gray,
20
- formField: { background: "{surface.900}" }
21
- }
22
- } } });
18
+ } } },
19
+ semantic: { colorScheme: {
20
+ light: {
21
+ surface,
22
+ formField: {
23
+ background: "{surface.0}",
24
+ disabledBackground: "{surface.200}",
25
+ filledBackground: "{surface.100}",
26
+ filledHoverBackground: "{surface.100}",
27
+ filledFocusBackground: "{surface.100}",
28
+ borderColor: "{surface.300}"
29
+ },
30
+ content: {
31
+ background: "{surface.0}",
32
+ hoverBackground: "{surface.100}",
33
+ borderColor: "{surface.300}"
34
+ },
35
+ overlay: {
36
+ select: {
37
+ background: "{surface.100}",
38
+ borderColor: "{surface.300}"
39
+ },
40
+ popover: {
41
+ background: "{surface.100}",
42
+ borderColor: "{surface.300}"
43
+ },
44
+ modal: {
45
+ background: "{surface.100}",
46
+ borderColor: "{surface.300}"
47
+ }
48
+ },
49
+ list: { option: { focusBackground: "{surface.200}" } },
50
+ navigation: { item: {
51
+ focusBackground: "{surface.200}",
52
+ activeBackground: "{surface.200}"
53
+ } }
54
+ },
55
+ dark: {
56
+ surface,
57
+ formField: {
58
+ background: "{surface.900}",
59
+ disabledBackground: "{surface.700}",
60
+ filledBackground: "{surface.800}",
61
+ filledHoverBackground: "{surface.800}",
62
+ filledFocusBackground: "{surface.800}",
63
+ borderColor: "{surface.700}"
64
+ },
65
+ content: {
66
+ background: "{surface.800}",
67
+ hoverBackground: "{surface.900}",
68
+ borderColor: "{surface.700}"
69
+ },
70
+ overlay: {
71
+ select: {
72
+ background: "{surface.800}",
73
+ borderColor: "{surface.600}"
74
+ },
75
+ popover: {
76
+ background: "{surface.800}",
77
+ borderColor: "{surface.600}"
78
+ },
79
+ modal: {
80
+ background: "{surface.800}",
81
+ borderColor: "{surface.600}"
82
+ }
83
+ },
84
+ list: { option: { focusBackground: "{surface.700}" } },
85
+ navigation: { item: {
86
+ focusBackground: "{surface.700}",
87
+ activeBackground: "{surface.700}"
88
+ } }
89
+ }
90
+ } }
91
+ });
23
92
  //#endregion
24
93
  export { Base as default, base_exports as t };
package/package.json CHANGED
@@ -1,15 +1,18 @@
1
1
  {
2
2
  "name": "@moser-inc/moser-labs-themes",
3
+ "version": "1.4.1",
3
4
  "description": "PrimeUIX themes for Moser Labs applications.",
4
- "type": "module",
5
- "version": "1.3.0",
5
+ "license": "UNLICENSED",
6
+ "author": "Moser Consulting",
6
7
  "repository": {
7
8
  "type": "git",
8
9
  "url": "git+https://github.com/moser-inc/moser-labs.git",
9
10
  "directory": "packages/themes"
10
11
  },
11
- "author": "Moser Consulting",
12
- "license": "UNLICENSED",
12
+ "files": [
13
+ "dist"
14
+ ],
15
+ "type": "module",
13
16
  "exports": {
14
17
  ".": "./dist/index.js",
15
18
  "./aero": "./dist/aero.js",
@@ -37,9 +40,6 @@
37
40
  "./zomp": "./dist/zomp.js",
38
41
  "./package.json": "./package.json"
39
42
  },
40
- "files": [
41
- "dist"
42
- ],
43
43
  "publishConfig": {
44
44
  "access": "public",
45
45
  "provenance": false,
@@ -55,14 +55,6 @@
55
55
  "test:publish": "npm run test:attw && npm run test:publint",
56
56
  "type-check": "tsc --noEmit"
57
57
  },
58
- "peerDependencies": {
59
- "@primeuix/themes": ">=2.0.3"
60
- },
61
- "peerDependenciesMeta": {
62
- "@primeuix/themes": {
63
- "optional": true
64
- }
65
- },
66
58
  "dependencies": {
67
59
  "@primeuix/themes": "^2.0.3"
68
60
  },
@@ -72,7 +64,15 @@
72
64
  "@types/node": "~24.10.15",
73
65
  "eslint": "^9.39.4",
74
66
  "prettier": "^3.8.1",
75
- "tsdown": "^0.21.0",
67
+ "tsdown": "^0.21.1",
76
68
  "typescript": "~5.9.3"
69
+ },
70
+ "peerDependencies": {
71
+ "@primeuix/themes": ">=2.0.3"
72
+ },
73
+ "peerDependenciesMeta": {
74
+ "@primeuix/themes": {
75
+ "optional": true
76
+ }
77
77
  }
78
78
  }