@balena/design-tokens 0.8.0 → 0.9.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 (5) hide show
  1. package/build/css/tokens.css +6 -2
  2. package/build/js/tokens.d.ts +22 -1
  3. package/build/js/tokens.js +24 -2
  4. package/build/json/tokens.json +70 -2
  5. package/package.json +2 -2
package/build/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jun 2024 13:40:04 GMT
3
+ * Generated on Mon, 01 Jul 2024 12:07:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -190,6 +190,10 @@
190
190
  --color-palette-neutral-100: #ccdbe7;
191
191
  --color-palette-neutral-75: #e3ebf1;
192
192
  --color-palette-neutral-50: #f9fafb;
193
+ --shape-border-radius-lg: 16;
194
+ --shape-border-radius-md: 8;
195
+ --shape-border-radius-sm: 4;
196
+ --shape-border-radius-full: 48;
193
197
  --typography-components-badge-shorthand: var(
194
198
  --typography-components-badge-font-weight
195
199
  )
@@ -265,7 +269,7 @@
265
269
  --color-border-palette-blue: var(--color-palette-blue-300);
266
270
  --color-border-accent-strong: var(--color-palette-blue-600);
267
271
  --color-border-accent: var(--color-palette-blue-300);
268
- --color-border-subtle: var(--color-palette-neutral-75);
272
+ --color-border-subtle: var(--color-palette-neutral-100);
269
273
  --color-bg-palette-yellow-strong: var(--color-palette-yellow-1000);
270
274
  --color-bg-palette-yellow: var(--color-palette-yellow-75);
271
275
  --color-bg-palette-purple-strong: var(--color-palette-purple-800);
package/build/js/tokens.d.ts CHANGED
@@ -1,8 +1,29 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jun 2024 13:40:04 GMT
3
+ * Generated on Mon, 01 Jul 2024 12:07:47 GMT
4
4
  */
5
5
 
6
+ export const shape: {
7
+ border_radius: {
8
+ full: {
9
+ value: number;
10
+ name: string;
11
+ };
12
+ sm: {
13
+ value: number;
14
+ name: string;
15
+ };
16
+ md: {
17
+ value: number;
18
+ name: string;
19
+ };
20
+ lg: {
21
+ value: number;
22
+ name: string;
23
+ };
24
+ };
25
+ };
26
+
6
27
  export const color: {
7
28
  palette: {
8
29
  neutral: {
package/build/js/tokens.js CHANGED
@@ -1,8 +1,29 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jun 2024 13:40:04 GMT
3
+ * Generated on Mon, 01 Jul 2024 12:07:47 GMT
4
4
  */
5
5
 
6
+ export const shape = {
7
+ border_radius: {
8
+ full: {
9
+ value: 48,
10
+ name: 'ShapeBorderRadiusFull',
11
+ },
12
+ sm: {
13
+ value: 4,
14
+ name: 'ShapeBorderRadiusSm',
15
+ },
16
+ md: {
17
+ value: 8,
18
+ name: 'ShapeBorderRadiusMd',
19
+ },
20
+ lg: {
21
+ value: 16,
22
+ name: 'ShapeBorderRadiusLg',
23
+ },
24
+ },
25
+ };
26
+
6
27
  export const color = {
7
28
  palette: {
8
29
  neutral: {
@@ -624,7 +645,7 @@ export const color = {
624
645
  value: '#9cbcd6',
625
646
  name: 'ColorBorder',
626
647
  subtle: {
627
- value: '#e3ebf1',
648
+ value: '#ccdbe7',
628
649
  name: 'ColorBorderSubtle',
629
650
  },
630
651
  strong: {
@@ -1281,6 +1302,7 @@ export const spacing = {
1281
1302
  };
1282
1303
 
1283
1304
  export default {
1305
+ shape,
1284
1306
  color,
1285
1307
  typography,
1286
1308
  spacing,
package/build/json/tokens.json CHANGED
@@ -1,4 +1,72 @@
1
1
  [
2
+ {
3
+ "type": "dimension",
4
+ "value": 48,
5
+ "filePath": "tokens/design-tokens.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "type": "dimension",
9
+ "value": 48
10
+ },
11
+ "name": "ShapeBorderRadiusFull",
12
+ "attributes": {
13
+ "category": "shape",
14
+ "type": "border_radius",
15
+ "item": "full"
16
+ },
17
+ "path": ["shape", "border_radius", "full"]
18
+ },
19
+ {
20
+ "type": "dimension",
21
+ "value": 4,
22
+ "filePath": "tokens/design-tokens.json",
23
+ "isSource": true,
24
+ "original": {
25
+ "type": "dimension",
26
+ "value": 4
27
+ },
28
+ "name": "ShapeBorderRadiusSm",
29
+ "attributes": {
30
+ "category": "shape",
31
+ "type": "border_radius",
32
+ "item": "sm"
33
+ },
34
+ "path": ["shape", "border_radius", "sm"]
35
+ },
36
+ {
37
+ "type": "dimension",
38
+ "value": 8,
39
+ "filePath": "tokens/design-tokens.json",
40
+ "isSource": true,
41
+ "original": {
42
+ "type": "dimension",
43
+ "value": 8
44
+ },
45
+ "name": "ShapeBorderRadiusMd",
46
+ "attributes": {
47
+ "category": "shape",
48
+ "type": "border_radius",
49
+ "item": "md"
50
+ },
51
+ "path": ["shape", "border_radius", "md"]
52
+ },
53
+ {
54
+ "type": "dimension",
55
+ "value": 16,
56
+ "filePath": "tokens/design-tokens.json",
57
+ "isSource": true,
58
+ "original": {
59
+ "type": "dimension",
60
+ "value": 16
61
+ },
62
+ "name": "ShapeBorderRadiusLg",
63
+ "attributes": {
64
+ "category": "shape",
65
+ "type": "border_radius",
66
+ "item": "lg"
67
+ },
68
+ "path": ["shape", "border_radius", "lg"]
69
+ },
2
70
  {
3
71
  "type": "color",
4
72
  "value": "#f9fafb",
@@ -2892,12 +2960,12 @@
2892
2960
  },
2893
2961
  {
2894
2962
  "type": "color",
2895
- "value": "#e3ebf1",
2963
+ "value": "#ccdbe7",
2896
2964
  "filePath": "tokens/design-tokens.json",
2897
2965
  "isSource": true,
2898
2966
  "original": {
2899
2967
  "type": "color",
2900
- "value": "{color.palette.neutral.75}"
2968
+ "value": "{color.palette.neutral.100}"
2901
2969
  },
2902
2970
  "name": "ColorBorderSubtle",
2903
2971
  "attributes": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@balena/design-tokens",
3
- "version": "0.8.0",
3
+ "version": "0.9.0",
4
4
  "main": "build/js/tokens.js",
5
5
  "module": "build/js/tokens.js",
6
6
  "types": "build/js/tokens.d.ts",
@@ -36,6 +36,6 @@
36
36
  "vitest": "^1.2.2"
37
37
  },
38
38
  "versionist": {
39
- "publishedAt": "2024-06-14T13:39:14.612Z"
39
+ "publishedAt": "2024-07-01T12:06:38.621Z"
40
40
  }
41
41
  }