@likec4/core 1.21.0 → 1.21.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.
Files changed (7) hide show
  1. package/dist/index.cjs +8 -7
  2. package/dist/index.mjs +8 -7
  3. package/package.json +2 -2
  4. package/src/index.ts +1 -1
  5. package/src/{colors → theme}/element.ts +9 -9
  6. package/src/{colors → theme}/index.ts +7 -7
  7. package/src/{colors → theme}/relationships.ts +9 -9
package/dist/index.cjs CHANGED
@@ -3644,12 +3644,12 @@ const defaultTheme = {
3644
3644
  shadow: "#0a0a0a",
3645
3645
  sizes: {
3646
3646
  xs: {
3647
- width: 120,
3648
- height: 80
3647
+ width: 180,
3648
+ height: 100
3649
3649
  },
3650
3650
  sm: {
3651
- width: 180,
3652
- height: 110
3651
+ width: 240,
3652
+ height: 135
3653
3653
  },
3654
3654
  md: {
3655
3655
  width: 320,
@@ -3669,11 +3669,12 @@ const defaultTheme = {
3669
3669
  // 0.5rem
3670
3670
  sm: 10,
3671
3671
  // 0.625rem
3672
- md: 24,
3672
+ md: 16,
3673
+ // 1rem
3674
+ lg: 24,
3673
3675
  // 1.5rem = 16px + 8px
3674
- lg: 32,
3676
+ xl: 32
3675
3677
  // 2rem
3676
- xl: 48
3677
3678
  },
3678
3679
  textSizes: {
3679
3680
  xs: 12,
package/dist/index.mjs CHANGED
@@ -3642,12 +3642,12 @@ const defaultTheme = {
3642
3642
  shadow: "#0a0a0a",
3643
3643
  sizes: {
3644
3644
  xs: {
3645
- width: 120,
3646
- height: 80
3645
+ width: 180,
3646
+ height: 100
3647
3647
  },
3648
3648
  sm: {
3649
- width: 180,
3650
- height: 110
3649
+ width: 240,
3650
+ height: 135
3651
3651
  },
3652
3652
  md: {
3653
3653
  width: 320,
@@ -3667,11 +3667,12 @@ const defaultTheme = {
3667
3667
  // 0.5rem
3668
3668
  sm: 10,
3669
3669
  // 0.625rem
3670
- md: 24,
3670
+ md: 16,
3671
+ // 1rem
3672
+ lg: 24,
3671
3673
  // 1.5rem = 16px + 8px
3672
- lg: 32,
3674
+ xl: 32
3673
3675
  // 2rem
3674
- xl: 48
3675
3676
  },
3676
3677
  textSizes: {
3677
3678
  xs: 12,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@likec4/core",
3
- "version": "1.21.0",
3
+ "version": "1.21.1",
4
4
  "license": "MIT",
5
5
  "homepage": "https://likec4.dev",
6
6
  "author": "Denis Davydkov <denis@davydkov.com>",
@@ -112,7 +112,7 @@
112
112
  },
113
113
  "devDependencies": {
114
114
  "@dagrejs/dagre": "1.1.4",
115
- "@likec4/tsconfig": "1.21.0",
115
+ "@likec4/tsconfig": "1.21.1",
116
116
  "@mantine/colors-generator": "7.16.2",
117
117
  "@types/natural-compare-lite": "^1.4.2",
118
118
  "@types/object-hash": "^3.0.6",
package/src/index.ts CHANGED
@@ -3,7 +3,7 @@ export {
3
3
  defaultTheme,
4
4
  ElementColors,
5
5
  RelationshipColors,
6
- } from './colors'
6
+ } from './theme'
7
7
 
8
8
  export {
9
9
  invariant,
package/src/{colors → theme}/element.ts RENAMED
@@ -4,21 +4,21 @@ const blue = {
4
4
  fill: '#3b82f6',
5
5
  stroke: '#2563eb',
6
6
  hiContrast: '#eff6ff',
7
- loContrast: '#bfdbfe'
7
+ loContrast: '#bfdbfe',
8
8
  } satisfies ElementThemeColorValues
9
9
 
10
10
  const sky = {
11
11
  fill: '#0284c7',
12
12
  stroke: '#0369a1',
13
13
  hiContrast: '#f0f9ff',
14
- loContrast: '#B6ECF7'
14
+ loContrast: '#B6ECF7',
15
15
  } satisfies ElementThemeColorValues
16
16
 
17
17
  const slate = {
18
18
  fill: '#64748b',
19
19
  stroke: '#475569',
20
20
  hiContrast: '#f8fafc',
21
- loContrast: '#cbd5e1'
21
+ loContrast: '#cbd5e1',
22
22
  } satisfies ElementThemeColorValues
23
23
 
24
24
  export const ElementColors = {
@@ -36,7 +36,7 @@ export const ElementColors = {
36
36
  fill: '#737373',
37
37
  stroke: '#525252',
38
38
  hiContrast: '#fafafa',
39
- loContrast: '#d4d4d4'
39
+ loContrast: '#d4d4d4',
40
40
  },
41
41
  red: {
42
42
  // fill: colors.red[500],
@@ -53,19 +53,19 @@ export const ElementColors = {
53
53
  hiContrast: '#FBD3CB',
54
54
  // hiContrast: '#f8fafc',
55
55
  // loContrast: '#fdd8d8' // radix black red 12
56
- loContrast: '#f5b2a3'
56
+ loContrast: '#f5b2a3',
57
57
  },
58
58
  green: {
59
59
  fill: '#428a4f',
60
60
  stroke: '#2d5d39',
61
61
  hiContrast: '#f8fafc',
62
- loContrast: '#c2f0c2'
62
+ loContrast: '#c2f0c2',
63
63
  },
64
64
  amber: {
65
65
  fill: '#A35829',
66
66
  stroke: '#7E451D',
67
67
  hiContrast: '#FFE0C2',
68
- loContrast: '#f9b27c'
68
+ loContrast: '#f9b27c',
69
69
  },
70
70
  indigo: {
71
71
  // fill: colors.indigo[500],
@@ -75,6 +75,6 @@ export const ElementColors = {
75
75
  fill: '#6366f1',
76
76
  stroke: '#4f46e5',
77
77
  hiContrast: '#eef2ff',
78
- loContrast: '#c7d2fe'
79
- }
78
+ loContrast: '#c7d2fe',
79
+ },
80
80
  } as const satisfies ElementThemeColors
package/src/{colors → theme}/index.ts RENAMED
@@ -10,12 +10,12 @@ export const defaultTheme: LikeC4Theme = {
10
10
  shadow: '#0a0a0a',
11
11
  sizes: {
12
12
  xs: {
13
- width: 120,
14
- height: 80,
13
+ width: 180,
14
+ height: 100,
15
15
  },
16
16
  sm: {
17
- width: 180,
18
- height: 110,
17
+ width: 240,
18
+ height: 135,
19
19
  },
20
20
  md: {
21
21
  width: 320,
@@ -33,9 +33,9 @@ export const defaultTheme: LikeC4Theme = {
33
33
  spacing: {
34
34
  xs: 8, // 0.5rem
35
35
  sm: 10, // 0.625rem
36
- md: 24, // 1.5rem = 16px + 8px
37
- lg: 32, // 2rem
38
- xl: 48,
36
+ md: 16, // 1rem
37
+ lg: 24, // 1.5rem = 16px + 8px
38
+ xl: 32, // 2rem
39
39
  },
40
40
  textSizes: {
41
41
  xs: 12,
package/src/{colors → theme}/relationships.ts RENAMED
@@ -3,52 +3,52 @@ import type { RelationshipThemeColors, RelationshipThemeColorValues } from '../t
3
3
  const gray = {
4
4
  lineColor: '#6E6E6E',
5
5
  labelBgColor: '#18191b',
6
- labelColor: '#C6C6C6'
6
+ labelColor: '#C6C6C6',
7
7
  } satisfies RelationshipThemeColorValues
8
8
  const slate = {
9
9
  lineColor: '#64748b', // 500
10
10
  labelBgColor: '#0f172a', // 900
11
- labelColor: '#cbd5e1' // 300
11
+ labelColor: '#cbd5e1', // 300
12
12
  } satisfies RelationshipThemeColorValues
13
13
 
14
14
  const blue = {
15
15
  lineColor: '#3b82f6', // 500
16
16
  labelBgColor: '#172554', // 950
17
- labelColor: '#60a5fa' // 400
17
+ labelColor: '#60a5fa', // 400
18
18
  } satisfies RelationshipThemeColorValues
19
19
 
20
20
  const sky = {
21
21
  lineColor: '#0ea5e9', // 500
22
22
  labelBgColor: '#082f49', // 950
23
- labelColor: '#38bdf8' // 400
23
+ labelColor: '#38bdf8', // 400
24
24
  } satisfies RelationshipThemeColorValues
25
25
 
26
26
  export const RelationshipColors = {
27
27
  amber: {
28
28
  lineColor: '#b45309',
29
29
  labelBgColor: '#78350f',
30
- labelColor: '#FFE0C2'
30
+ labelColor: '#FFE0C2',
31
31
  },
32
32
  blue,
33
33
  gray,
34
34
  green: {
35
35
  lineColor: '#15803d', // 700
36
36
  labelBgColor: '#052e16', // 950
37
- labelColor: '#22c55e' // 500
37
+ labelColor: '#22c55e', // 500
38
38
  },
39
39
  indigo: {
40
40
  lineColor: '#6366f1', // 500
41
41
  labelBgColor: '#1e1b4b', // 950
42
- labelColor: '#818cf8' // 400
42
+ labelColor: '#818cf8', // 400
43
43
  },
44
44
  muted: slate,
45
45
  primary: blue,
46
46
  red: {
47
47
  lineColor: '#AC4D39',
48
48
  labelBgColor: '#b91c1c',
49
- labelColor: '#f5b2a3'
49
+ labelColor: '#f5b2a3',
50
50
  },
51
51
  secondary: sky,
52
52
  sky,
53
- slate
53
+ slate,
54
54
  } satisfies RelationshipThemeColors