ds-likec4-reusable-style 0.0.1 → 0.0.2

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.
@@ -0,0 +1,166 @@
1
+ import { defineStyle, defineTheme } from "likec4/config";
2
+ const themeLight = defineTheme({
3
+ colors: {
4
+ context: {
5
+ elements: {
6
+ fill: "#FFFFFF",
7
+ stroke: "#00A5E1",
8
+ hiContrast: "#000000",
9
+ loContrast: "#000000"
10
+ },
11
+ relationships: {
12
+ line: "#6D6D6D",
13
+ label: "#000000",
14
+ labelBg: "none"
15
+ }
16
+ },
17
+ system: {
18
+ elements: {
19
+ fill: "#FFFFFF",
20
+ stroke: "#00A5E1",
21
+ hiContrast: "#000000",
22
+ loContrast: "#000000"
23
+ },
24
+ relationships: {
25
+ line: "#6D6D6D",
26
+ label: "#000000",
27
+ labelBg: "none"
28
+ }
29
+ },
30
+ container: {
31
+ elements: {
32
+ fill: "#EEF8FE",
33
+ stroke: "#FFFFFF",
34
+ hiContrast: "#000000",
35
+ loContrast: "#000000"
36
+ },
37
+ relationships: {
38
+ line: "#6D6D6D",
39
+ label: "#000000",
40
+ labelBg: "none"
41
+ }
42
+ },
43
+ component: {
44
+ elements: {
45
+ fill: "#D7E9F4",
46
+ stroke: "#FFFFFF",
47
+ hiContrast: "#000000",
48
+ loContrast: "#000000"
49
+ },
50
+ relationships: {
51
+ line: "#6D6D6D",
52
+ label: "#000000",
53
+ labelBg: "none"
54
+ }
55
+ },
56
+ module: {
57
+ elements: {
58
+ fill: "#AFC1C7",
59
+ stroke: "#FFFFFF",
60
+ hiContrast: "#000000",
61
+ loContrast: "#000000"
62
+ },
63
+ relationships: {
64
+ line: "#6D6D6D",
65
+ label: "#000000",
66
+ labelBg: "none"
67
+ }
68
+ },
69
+ code: {
70
+ elements: {
71
+ fill: "#84999F",
72
+ stroke: "#FFFFFF",
73
+ hiContrast: "#FFFFFF",
74
+ loContrast: "#FFFFFF"
75
+ },
76
+ relationships: {
77
+ line: "#6D6D6D",
78
+ label: "#000000",
79
+ labelBg: "none"
80
+ }
81
+ },
82
+ agent: {
83
+ elements: {
84
+ fill: "#EFEFEF",
85
+ stroke: "#FFFFFF",
86
+ hiContrast: "#000000",
87
+ loContrast: "#000000"
88
+ },
89
+ relationships: {
90
+ line: "#6D6D6D",
91
+ label: "#000000",
92
+ labelBg: "none"
93
+ }
94
+ },
95
+ external: {
96
+ elements: {
97
+ fill: "#EFEFEF",
98
+ stroke: "#FFFFFF",
99
+ hiContrast: "#000000",
100
+ loContrast: "#000000"
101
+ },
102
+ relationships: {
103
+ line: "#6D6D6D",
104
+ label: "#000000",
105
+ labelBg: "none"
106
+ }
107
+ },
108
+ database: {
109
+ elements: {
110
+ fill: "#D7E9F4",
111
+ stroke: "#FFFFFF",
112
+ hiContrast: "#000000",
113
+ loContrast: "#000000"
114
+ },
115
+ relationships: {
116
+ line: "#6D6D6D",
117
+ label: "#000000",
118
+ labelBg: "none"
119
+ }
120
+ },
121
+ interface: {
122
+ elements: {
123
+ fill: "#00A5E1",
124
+ stroke: "#FFFFFF",
125
+ hiContrast: "#000000",
126
+ loContrast: "#000000"
127
+ },
128
+ relationships: {
129
+ line: "#6D6D6D",
130
+ label: "#000000",
131
+ labelBg: "none"
132
+ }
133
+ },
134
+ "external-interface": {
135
+ elements: {
136
+ fill: "#6D6D6D",
137
+ stroke: "#FFFFFF",
138
+ hiContrast: "#000000",
139
+ loContrast: "#000000"
140
+ },
141
+ relationships: {
142
+ line: "#6D6D6D",
143
+ label: "#000000",
144
+ labelBg: "none"
145
+ }
146
+ }
147
+ }
148
+ });
149
+ var ds_reusable_style_default = defineStyle({
150
+ theme: themeLight,
151
+ defaults: {
152
+ border: "solid",
153
+ opacity: 100,
154
+ group: {
155
+ border: "solid"
156
+ },
157
+ relationship: {
158
+ color: "context",
159
+ line: "solid",
160
+ arrow: "vee"
161
+ }
162
+ }
163
+ });
164
+ export {
165
+ ds_reusable_style_default as default
166
+ };
package/package.json CHANGED
@@ -1,26 +1,26 @@
1
1
  {
2
2
  "name": "ds-likec4-reusable-style",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "LikeC4 reusable style theme for doubleSlash projects",
5
5
  "homepage": "https://www.doubleslash.de",
6
6
  "license": "doubleSlash Net Business GmbH",
7
7
  "author": "doubleSlash Net Business GmbH",
8
8
  "private": false,
9
9
  "files": [
10
- "ds-reusable-style.ts"
10
+ "build/"
11
11
  ],
12
- "main": "./ds-reusable-style.ts",
13
- "types": "./ds-reusable-style.ts",
12
+ "main": "./build/ds-reusable-style.js",
14
13
  "exports": {
15
- ".": {
16
- "types": "./ds-reusable-style.ts",
17
- "default": "./ds-reusable-style.ts"
18
- }
14
+ ".": "./build/ds-reusable-style.js"
19
15
  },
20
16
  "peerDependencies": {
21
17
  "likec4": ">=1.56.0"
22
18
  },
23
19
  "scripts": {
24
- "prepublishOnly": "echo 'Publishing ds-likec4-reusable-style to npm...'"
20
+ "build": "esbuild ds-reusable-style.ts --bundle=false --format=esm --outfile=build/ds-reusable-style.js",
21
+ "prepublishOnly": "npm run build"
22
+ },
23
+ "devDependencies": {
24
+ "esbuild": "^0.28.0"
25
25
  }
26
26
  }
@@ -1,165 +0,0 @@
1
- import { defineStyle, defineTheme } from 'likec4/config'
2
-
3
- const themeLight = defineTheme({
4
- colors: {
5
- context: {
6
- elements: {
7
- fill: '#FFFFFF',
8
- stroke: '#00A5E1',
9
- hiContrast: '#000000',
10
- loContrast: '#000000',
11
- },
12
- relationships: {
13
- line: '#6D6D6D',
14
- label: '#000000',
15
- labelBg: 'none',
16
- },
17
- },
18
- system: {
19
- elements: {
20
- fill: '#FFFFFF',
21
- stroke: '#00A5E1',
22
- hiContrast: '#000000',
23
- loContrast: '#000000',
24
- },
25
- relationships: {
26
- line: '#6D6D6D',
27
- label: '#000000',
28
- labelBg: 'none',
29
- },
30
- },
31
- container: {
32
- elements: {
33
- fill: '#EEF8FE',
34
- stroke: '#FFFFFF',
35
- hiContrast: '#000000',
36
- loContrast: '#000000',
37
- },
38
- relationships: {
39
- line: '#6D6D6D',
40
- label: '#000000',
41
- labelBg: 'none',
42
- },
43
- },
44
- component: {
45
- elements: {
46
- fill: '#D7E9F4',
47
- stroke: '#FFFFFF',
48
- hiContrast: '#000000',
49
- loContrast: '#000000',
50
- },
51
- relationships: {
52
- line: '#6D6D6D',
53
- label: '#000000',
54
- labelBg: 'none',
55
- },
56
- },
57
- module: {
58
- elements: {
59
- fill: '#AFC1C7',
60
- stroke: '#FFFFFF',
61
- hiContrast: '#000000',
62
- loContrast: '#000000',
63
- },
64
- relationships: {
65
- line: '#6D6D6D',
66
- label: '#000000',
67
- labelBg: 'none',
68
- },
69
- },
70
- code: {
71
- elements: {
72
- fill: '#84999F',
73
- stroke: '#FFFFFF',
74
- hiContrast: '#FFFFFF',
75
- loContrast: '#FFFFFF',
76
- },
77
- relationships: {
78
- line: '#6D6D6D',
79
- label: '#000000',
80
- labelBg: 'none',
81
- },
82
- },
83
- agent: {
84
- elements: {
85
- fill: '#EFEFEF',
86
- stroke: '#FFFFFF',
87
- hiContrast: '#000000',
88
- loContrast: '#000000',
89
- },
90
- relationships: {
91
- line: '#6D6D6D',
92
- label: '#000000',
93
- labelBg: 'none',
94
- },
95
- },
96
- external: {
97
- elements: {
98
- fill: '#EFEFEF',
99
- stroke: '#FFFFFF',
100
- hiContrast: '#000000',
101
- loContrast: '#000000',
102
- },
103
- relationships: {
104
- line: '#6D6D6D',
105
- label: '#000000',
106
- labelBg: 'none',
107
- },
108
- },
109
- database: {
110
- elements: {
111
- fill: '#D7E9F4',
112
- stroke: '#FFFFFF',
113
- hiContrast: '#000000',
114
- loContrast: '#000000',
115
- },
116
- relationships: {
117
- line: '#6D6D6D',
118
- label: '#000000',
119
- labelBg: 'none',
120
- },
121
- },
122
- interface: {
123
- elements: {
124
- fill: '#00A5E1',
125
- stroke: '#FFFFFF',
126
- hiContrast: '#000000',
127
- loContrast: '#000000',
128
- },
129
- relationships: {
130
- line: '#6D6D6D',
131
- label: '#000000',
132
- labelBg: 'none',
133
- },
134
- },
135
- 'external-interface': {
136
- elements: {
137
- fill: '#6D6D6D',
138
- stroke: '#FFFFFF',
139
- hiContrast: '#000000',
140
- loContrast: '#000000',
141
- },
142
- relationships: {
143
- line: '#6D6D6D',
144
- label: '#000000',
145
- labelBg: 'none',
146
- },
147
- },
148
- },
149
- })
150
-
151
- export default defineStyle({
152
- theme: themeLight,
153
- defaults: {
154
- border: 'solid',
155
- opacity: 100,
156
- group: {
157
- border: 'solid',
158
- },
159
- relationship: {
160
- color: 'context',
161
- line: 'solid',
162
- arrow: 'vee',
163
- },
164
- },
165
- })