@depersgroep/lfvp-design-tokens 0.166.0 → 0.167.0

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 (6) hide show
  1. package/package.json +1 -1
  2. package/tokens/$themes.json +6 -3
  3. package/tokens/base/ui.json +13 -9
  4. package/tokens/components/modal.json +48 -4
  5. package/tokens/screen/large.json +1 -1
  6. package/tokens/screen/medium.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depersgroep/lfvp-design-tokens",
3
- "version": "0.166.0",
3
+ "version": "0.167.0",
4
4
  "description": "Figma design tokens for LFVP",
5
5
  "repository": {
6
6
  "type": "git",
package/tokens/$themes.json CHANGED
@@ -19,7 +19,8 @@
19
19
  "components/input": "enabled",
20
20
  "components/toggle": "enabled",
21
21
  "components/navigation": "enabled",
22
- "components/modal": "enabled"
22
+ "components/modal": "enabled",
23
+ "screen/small": "enabled"
23
24
  },
24
25
  "$figmaCollectionId": "VariableCollectionId:936:4507",
25
26
  "$figmaModeId": "936:0",
@@ -220,7 +221,8 @@
220
221
  "components/input": "enabled",
221
222
  "components/toggle": "enabled",
222
223
  "components/navigation": "enabled",
223
- "components/modal": "enabled"
224
+ "components/modal": "enabled",
225
+ "screen/small": "enabled"
224
226
  },
225
227
  "$figmaCollectionId": "VariableCollectionId:936:4507",
226
228
  "$figmaModeId": "936:1",
@@ -421,7 +423,8 @@
421
423
  "components/input": "enabled",
422
424
  "components/toggle": "enabled",
423
425
  "components/navigation": "enabled",
424
- "components/modal": "enabled"
426
+ "components/modal": "enabled",
427
+ "screen/small": "enabled"
425
428
  },
426
429
  "$figmaCollectionId": "VariableCollectionId:936:4507",
427
430
  "$figmaModeId": "936:2",
package/tokens/base/ui.json CHANGED
@@ -17,39 +17,43 @@
17
17
  },
18
18
  "spacing": {
19
19
  "sp1": {
20
- "value": "{core.spacing.4}*{scale.spacing}",
20
+ "value": "{core.spacing.4}* {scale.spacing}",
21
21
  "type": "spacing"
22
22
  },
23
23
  "sp2": {
24
- "value": "{core.spacing.8}*{scale.spacing}",
24
+ "value": "{core.spacing.8} * {scale.spacing}",
25
25
  "type": "spacing"
26
26
  },
27
27
  "sp3": {
28
- "value": "{core.spacing.12}*{scale.spacing}",
28
+ "value": "{core.spacing.12} * {scale.spacing}",
29
29
  "type": "spacing"
30
30
  },
31
31
  "sp4": {
32
- "value": "{core.spacing.16}*{scale.spacing}",
32
+ "value": "{core.spacing.16} * {scale.spacing}",
33
33
  "type": "spacing"
34
34
  },
35
35
  "sp5": {
36
- "value": "{core.spacing.24}*{scale.spacing}",
36
+ "value": "{core.spacing.24} * {scale.spacing}",
37
37
  "type": "spacing"
38
38
  },
39
39
  "sp6": {
40
- "value": "{core.spacing.32}*{scale.spacing}",
40
+ "value": "{core.spacing.32} * {scale.spacing}",
41
41
  "type": "spacing"
42
42
  },
43
43
  "sp7": {
44
- "value": "{core.spacing.40}*{scale.spacing}",
44
+ "value": "{core.spacing.40} * {scale.spacing}",
45
45
  "type": "spacing"
46
46
  },
47
47
  "sp8": {
48
- "value": "{core.spacing.48} *{scale.spacing}",
48
+ "value": "{core.spacing.48} * {scale.spacing}",
49
+ "type": "spacing"
50
+ },
51
+ "sp9": {
52
+ "value": "{core.spacing.56} * {scale.spacing}",
49
53
  "type": "spacing"
50
54
  },
51
55
  "sp10": {
52
- "value": "{core.spacing.64}*{scale.spacing}",
56
+ "value": "{core.spacing.64} * {scale.spacing}",
53
57
  "type": "spacing"
54
58
  }
55
59
  }
package/tokens/components/modal.json CHANGED
@@ -1,12 +1,56 @@
1
1
  {
2
2
  "modal": {
3
3
  "borderRadius": {
4
- "value": "{core.borderRadius.16}*{scale.corner}",
4
+ "value": "{core.borderRadius.16} * {scale.corner}",
5
5
  "type": "borderRadius"
6
6
  },
7
- "backgroundColor": {
8
- "value": "{base.color.ui.dark2}",
9
- "type": "color"
7
+ "dark": {
8
+ "backgroundColor": {
9
+ "value": "{base.color.ui.dark2}",
10
+ "type": "color"
11
+ },
12
+ "textColor": {
13
+ "value": "{base.color.text.default}",
14
+ "type": "color"
15
+ }
16
+ },
17
+ "default": {
18
+ "overlayColor": {
19
+ "value": "{core.color.darkAlpha.95}",
20
+ "type": "color"
21
+ }
22
+ },
23
+ "light": {
24
+ "backgroundColor": {
25
+ "value": "{base.color.ui.white}",
26
+ "type": "color"
27
+ },
28
+ "textColor": {
29
+ "value": "{base.color.ui.dark1}",
30
+ "type": "color"
31
+ }
32
+ },
33
+ "padding": {
34
+ "value": "{base.ui.spacing.sp5}",
35
+ "type": "spacing"
36
+ },
37
+ "gap": {
38
+ "value": "{base.ui.spacing.sp4}",
39
+ "type": "spacing"
40
+ },
41
+ "width": {
42
+ "value": "640",
43
+ "type": "sizing"
44
+ },
45
+ "transparent": {
46
+ "backgroundColor": {
47
+ "value": "transparent",
48
+ "type": "color"
49
+ },
50
+ "textColor": {
51
+ "value": "{base.color.text.default}",
52
+ "type": "color"
53
+ }
10
54
  }
11
55
  }
12
56
  }
package/tokens/screen/large.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "type": "number"
6
6
  },
7
7
  "text": {
8
- "value": "1.2",
8
+ "value": "1.1",
9
9
  "type": "number"
10
10
  },
11
11
  "spacing": {
package/tokens/screen/medium.json CHANGED
@@ -9,11 +9,11 @@
9
9
  "type": "number"
10
10
  },
11
11
  "spacing": {
12
- "value": "1.1",
12
+ "value": "1.2",
13
13
  "type": "number"
14
14
  },
15
15
  "corner": {
16
- "value": "1.25",
16
+ "value": "1.2",
17
17
  "type": "number"
18
18
  }
19
19
  }