@neo4j-ndl/base 2.0.0-alpha-e609471 → 2.0.0-alpha-5e223d7

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 (30) hide show
  1. package/lib/NOTICE.txt +2 -0
  2. package/lib/cjs/tailwind-preset.config.js +2 -2
  3. package/lib/cjs/tailwind-preset.config.js.map +1 -1
  4. package/lib/cjs/tailwindTheme.js +3 -3
  5. package/lib/cjs/tailwindTheme.js.map +1 -1
  6. package/lib/cjs/tokens/js/storybook-design-token.js +31 -4
  7. package/lib/cjs/tokens/js/storybook-design-token.js.map +1 -1
  8. package/lib/cjs/tokens/js/tokens-esm.js +11 -4
  9. package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
  10. package/lib/cjs/tokens/js/tokens.js +11 -4
  11. package/lib/cjs/tokens/js/tokens.js.map +1 -1
  12. package/lib/esm/tailwind-preset.config.js +1 -1
  13. package/lib/esm/tailwind-preset.config.js.map +1 -1
  14. package/lib/esm/tailwindTheme.js +3 -3
  15. package/lib/esm/tailwindTheme.js.map +1 -1
  16. package/lib/esm/tokens/js/storybook-design-token.js +31 -4
  17. package/lib/esm/tokens/js/storybook-design-token.js.map +1 -1
  18. package/lib/esm/tokens/js/tokens-esm.js +11 -4
  19. package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
  20. package/lib/esm/tokens/js/tokens.js +11 -4
  21. package/lib/esm/tokens/js/tokens.js.map +1 -1
  22. package/lib/neo4j-ds-styles.css +928 -681
  23. package/lib/tokens/css/tokens.css +7 -4
  24. package/lib/tokens/js/tokens-raw.js +101 -34
  25. package/lib/tokens/js/tokens.js +11 -4
  26. package/lib/tokens/scss/tokens.scss +7 -4
  27. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  28. package/lib/types/tokens/js/tokens-esm.d.ts +17 -9
  29. package/lib/types/tokens/js/tokens.d.ts +17 -9
  30. package/package.json +1 -1
package/lib/tokens/css/tokens.css CHANGED
@@ -21,15 +21,18 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 07 Sep 2023 09:38:23 GMT
24
+ * Generated on Wed, 20 Sep 2023 12:39:52 GMT
25
25
  */
26
26
 
27
27
  :root {
28
28
  --transitions-values-properties-default: all;
29
- --transitions-values-duration-default: 100ms;
29
+ --transitions-values-duration-quick: 100ms;
30
+ --transitions-values-duration-slow: 250ms;
30
31
  --transitions-values-timing-function-default: cubic-bezier(0.420, 0.000, 0.580, 1.000);
31
- --transitions-stripped: 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
32
- --transitions-default: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
32
+ --transitions-stripped-quick: 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
33
+ --transitions-stripped-slow: 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
34
+ --transitions-full-quick: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
35
+ --transitions-full-slow: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
33
36
  --border-radius-none: 0px;
34
37
  --border-radius-sm: 4px;
35
38
  --border-radius-md: 6px;
package/lib/tokens/js/tokens-raw.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 07 Sep 2023 09:38:23 GMT
24
+ * Generated on Wed, 20 Sep 2023 12:39:52 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
@@ -51,25 +51,46 @@ module.exports = {
51
51
  }
52
52
  },
53
53
  "duration": {
54
- "default": {
54
+ "quick": {
55
55
  "value": "100ms",
56
56
  "filePath": "src/tokens/animations.json",
57
57
  "isSource": true,
58
58
  "original": {
59
59
  "value": "100ms"
60
60
  },
61
- "name": "TransitionsValuesDurationDefault",
61
+ "name": "TransitionsValuesDurationQuick",
62
62
  "attributes": {
63
63
  "category": "transitions",
64
64
  "type": "values",
65
65
  "item": "duration",
66
- "subitem": "default"
66
+ "subitem": "quick"
67
67
  },
68
68
  "path": [
69
69
  "transitions",
70
70
  "values",
71
71
  "duration",
72
- "default"
72
+ "quick"
73
+ ]
74
+ },
75
+ "slow": {
76
+ "value": "250ms",
77
+ "filePath": "src/tokens/animations.json",
78
+ "isSource": true,
79
+ "original": {
80
+ "value": "250ms"
81
+ },
82
+ "name": "TransitionsValuesDurationSlow",
83
+ "attributes": {
84
+ "category": "transitions",
85
+ "type": "values",
86
+ "item": "duration",
87
+ "subitem": "slow"
88
+ },
89
+ "path": [
90
+ "transitions",
91
+ "values",
92
+ "duration",
93
+ "slow"
73
94
  ]
74
95
  }
75
96
  },
@@ -98,38 +119,84 @@ module.exports = {
98
119
  }
99
120
  },
100
121
  "stripped": {
101
- "value": "100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
102
- "filePath": "src/tokens/animations.json",
103
- "isSource": true,
104
- "original": {
105
- "value": "{transitions.values.duration.default.value} {transitions.values.timing-function.default.value}"
106
- },
107
- "name": "TransitionsStripped",
108
- "attributes": {
109
- "category": "transitions",
110
- "type": "stripped"
122
+ "quick": {
123
+ "value": "100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
124
+ "filePath": "src/tokens/animations.json",
125
+ "isSource": true,
126
+ "original": {
127
+ "value": "{transitions.values.duration.quick.value} {transitions.values.timing-function.default.value}"
128
+ },
129
+ "name": "TransitionsStrippedQuick",
130
+ "attributes": {
131
+ "category": "transitions",
132
+ "type": "stripped",
133
+ "item": "quick"
134
+ },
135
+ "path": [
136
+ "transitions",
137
+ "stripped",
138
+ "quick"
139
+ ]
111
140
  },
112
- "path": [
113
- "transitions",
114
- "stripped"
115
- ]
141
+ "slow": {
142
+ "value": "250ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
143
+ "filePath": "src/tokens/animations.json",
144
+ "isSource": true,
145
+ "original": {
146
+ "value": "{transitions.values.duration.slow.value} {transitions.values.timing-function.default.value}"
147
+ },
148
+ "name": "TransitionsStrippedSlow",
149
+ "attributes": {
150
+ "category": "transitions",
151
+ "type": "stripped",
152
+ "item": "slow"
153
+ },
154
+ "path": [
155
+ "transitions",
156
+ "stripped",
157
+ "slow"
158
+ ]
159
+ }
116
160
  },
117
- "default": {
118
- "value": "all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
119
- "filePath": "src/tokens/animations.json",
120
- "isSource": true,
121
- "original": {
122
- "value": "{transitions.values.properties.default.value} {transitions.values.duration.default.value} {transitions.values.timing-function.default.value}"
123
- },
124
- "name": "TransitionsDefault",
125
- "attributes": {
126
- "category": "transitions",
127
- "type": "default"
161
+ "full": {
162
+ "quick": {
163
+ "value": "all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
164
+ "filePath": "src/tokens/animations.json",
165
+ "isSource": true,
166
+ "original": {
167
+ "value": "{transitions.values.properties.default.value} {transitions.values.duration.quick.value} {transitions.values.timing-function.default.value}"
168
+ },
169
+ "name": "TransitionsFullQuick",
170
+ "attributes": {
171
+ "category": "transitions",
172
+ "type": "full",
173
+ "item": "quick"
174
+ },
175
+ "path": [
176
+ "transitions",
177
+ "full",
178
+ "quick"
179
+ ]
128
180
  },
129
- "path": [
130
- "transitions",
131
- "default"
132
- ]
181
+ "slow": {
182
+ "value": "all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
183
+ "filePath": "src/tokens/animations.json",
184
+ "isSource": true,
185
+ "original": {
186
+ "value": "{transitions.values.properties.default.value} {transitions.values.duration.slow.value} {transitions.values.timing-function.default.value}"
187
+ },
188
+ "name": "TransitionsFullSlow",
189
+ "attributes": {
190
+ "category": "transitions",
191
+ "type": "full",
192
+ "item": "slow"
193
+ },
194
+ "path": [
195
+ "transitions",
196
+ "full",
197
+ "slow"
198
+ ]
199
+ }
133
200
  }
134
201
  },
135
202
  "borderRadius": {
package/lib/tokens/js/tokens.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 07 Sep 2023 09:38:23 GMT
24
+ * Generated on Wed, 20 Sep 2023 12:39:52 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
@@ -31,14 +31,21 @@ export const tokens = {
31
31
  "default": "all"
32
32
  },
33
33
  "duration": {
34
- "default": "100ms"
34
+ "quick": "100ms",
35
+ "slow": "250ms"
35
36
  },
36
37
  "timing-function": {
37
38
  "default": "cubic-bezier(0.420, 0.000, 0.580, 1.000)"
38
39
  }
39
40
  },
40
- "stripped": "100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
41
- "default": "all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)"
41
+ "stripped": {
42
+ "quick": "100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
43
+ "slow": "250ms cubic-bezier(0.420, 0.000, 0.580, 1.000)"
44
+ },
45
+ "full": {
46
+ "quick": "all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
47
+ "slow": "all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000)"
48
+ }
42
49
  },
43
50
  "borderRadius": {
44
51
  "none": "0px",
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,12 +1,15 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 Sep 2023 09:38:23 GMT
3
+ // Generated on Wed, 20 Sep 2023 12:39:52 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
- $transitions-values-duration-default: 100ms;
6
+ $transitions-values-duration-quick: 100ms;
7
+ $transitions-values-duration-slow: 250ms;
7
8
  $transitions-values-timing-function-default: cubic-bezier(0.420, 0.000, 0.580, 1.000);
8
- $transitions-stripped: 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
9
- $transitions-default: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
9
+ $transitions-stripped-quick: 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
10
+ $transitions-stripped-slow: 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
11
+ $transitions-full-quick: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
12
+ $transitions-full-slow: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
10
13
  $border-radius-none: 0px;
11
14
  $border-radius-sm: 4px;
12
15
  $border-radius-md: 6px;
package/lib/types/tokens/js/storybook-design-token.d.ts CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 07 Sep 2023 09:38:23 GMT
24
+ * Generated on Wed, 20 Sep 2023 12:39:52 GMT
25
25
  */
26
26
  export const tokens: {
27
27
  transitions: {
package/lib/types/tokens/js/tokens-esm.d.ts CHANGED
@@ -21,20 +21,28 @@
21
21
 
22
22
  export namespace tokens {
23
23
  namespace transitions {
24
- export let values: {
24
+ let values: {
25
25
  properties: {
26
26
  default: string;
27
27
  };
28
28
  duration: {
29
- default: string;
29
+ quick: string;
30
+ slow: string;
30
31
  };
31
32
  "timing-function": {
32
33
  default: string;
33
34
  };
34
35
  };
35
- export let stripped: string;
36
- let _default: string;
37
- export { _default as default };
36
+ namespace stripped {
37
+ let quick: string;
38
+ let slow: string;
39
+ }
40
+ namespace full {
41
+ let quick_1: string;
42
+ export { quick_1 as quick };
43
+ let slow_1: string;
44
+ export { slow_1 as slow };
45
+ }
38
46
  }
39
47
  let borderRadius: {
40
48
  none: string;
@@ -250,8 +258,8 @@ export namespace tokens {
250
258
  export let weakest: string;
251
259
  export let weaker: string;
252
260
  export let weak: string;
253
- let _default_1: string;
254
- export { _default_1 as default };
261
+ let _default: string;
262
+ export { _default as default };
255
263
  export let inverse: string;
256
264
  }
257
265
  let icon: string;
@@ -433,8 +441,8 @@ export namespace tokens {
433
441
  export { weaker_1 as weaker };
434
442
  let weak_16: string;
435
443
  export { weak_16 as weak };
436
- let _default_2: string;
437
- export { _default_2 as default };
444
+ let _default_1: string;
445
+ export { _default_1 as default };
438
446
  let inverse_1: string;
439
447
  export { inverse_1 as inverse };
440
448
  }
package/lib/types/tokens/js/tokens.d.ts CHANGED
@@ -20,20 +20,28 @@
20
20
  */
21
21
 
22
22
  export namespace transitions {
23
- export let values: {
23
+ let values: {
24
24
  properties: {
25
25
  default: string;
26
26
  };
27
27
  duration: {
28
- default: string;
28
+ quick: string;
29
+ slow: string;
29
30
  };
30
31
  "timing-function": {
31
32
  default: string;
32
33
  };
33
34
  };
34
- export let stripped: string;
35
- let _default: string;
36
- export { _default as default };
35
+ namespace stripped {
36
+ let quick: string;
37
+ let slow: string;
38
+ }
39
+ namespace full {
40
+ let quick_1: string;
41
+ export { quick_1 as quick };
42
+ let slow_1: string;
43
+ export { slow_1 as slow };
44
+ }
37
45
  }
38
46
  export let borderRadius: {
39
47
  none: string;
@@ -249,8 +257,8 @@ export namespace theme {
249
257
  export let weakest: string;
250
258
  export let weaker: string;
251
259
  export let weak: string;
252
- let _default_1: string;
253
- export { _default_1 as default };
260
+ let _default: string;
261
+ export { _default as default };
254
262
  export let inverse: string;
255
263
  }
256
264
  let icon: string;
@@ -432,8 +440,8 @@ export namespace theme {
432
440
  export { weaker_1 as weaker };
433
441
  let weak_16: string;
434
442
  export { weak_16 as weak };
435
- let _default_2: string;
436
- export { _default_2 as default };
443
+ let _default_1: string;
444
+ export { _default_1 as default };
437
445
  let inverse_1: string;
438
446
  export { inverse_1 as inverse };
439
447
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "2.0.0-alpha-e609471",
3
+ "version": "2.0.0-alpha-5e223d7",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",