@mekari/pixel3-theme 0.4.4 → 0.5.0-dev.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 (23) hide show
  1. package/dist/conditions.d.mts +1 -0
  2. package/dist/conditions.d.ts +1 -0
  3. package/dist/index.js +470 -158
  4. package/dist/index.mjs +470 -158
  5. package/dist/semanticTokens/colors.d.mts +281 -4
  6. package/dist/semanticTokens/colors.d.ts +281 -4
  7. package/dist/semanticTokens/index.d.mts +281 -4
  8. package/dist/semanticTokens/index.d.ts +281 -4
  9. package/dist/tokens/colors.d.mts +3 -0
  10. package/dist/tokens/colors.d.ts +3 -0
  11. package/dist/tokens/index.d.mts +3 -0
  12. package/dist/tokens/index.d.ts +3 -0
  13. package/dist/tokens-next/colors.d.mts +118 -0
  14. package/dist/tokens-next/colors.d.ts +118 -0
  15. package/dist/tokens-next/index.d.mts +118 -0
  16. package/dist/tokens-next/index.d.ts +118 -0
  17. package/package.json +1 -1
  18. package/src/conditions.ts +2 -1
  19. package/src/recipes/badge.ts +3 -3
  20. package/src/recipes/banner.ts +1 -1
  21. package/src/semanticTokens/colors.ts +413 -136
  22. package/src/tokens/colors.ts +1 -0
  23. package/src/tokens-next/colors.ts +45 -3
package/dist/tokens/colors.d.mts CHANGED
@@ -5,6 +5,9 @@ declare const colors: {
5
5
  currentcolor: {
6
6
  value: string;
7
7
  };
8
+ transparent: {
9
+ value: string;
10
+ };
8
11
  dark: {
9
12
  value: string;
10
13
  };
package/dist/tokens/colors.d.ts CHANGED
@@ -5,6 +5,9 @@ declare const colors: {
5
5
  currentcolor: {
6
6
  value: string;
7
7
  };
8
+ transparent: {
9
+ value: string;
10
+ };
8
11
  dark: {
9
12
  value: string;
10
13
  };
package/dist/tokens/index.d.mts CHANGED
@@ -20,6 +20,9 @@ declare const tokens: {
20
20
  currentcolor: {
21
21
  value: string;
22
22
  };
23
+ transparent: {
24
+ value: string;
25
+ };
23
26
  dark: {
24
27
  value: string;
25
28
  };
package/dist/tokens/index.d.ts CHANGED
@@ -20,6 +20,9 @@ declare const tokens: {
20
20
  currentcolor: {
21
21
  value: string;
22
22
  };
23
+ transparent: {
24
+ value: string;
25
+ };
23
26
  dark: {
24
27
  value: string;
25
28
  };
package/dist/tokens-next/colors.d.mts CHANGED
@@ -5,6 +5,9 @@ declare const colors: {
5
5
  currentcolor: {
6
6
  value: string;
7
7
  };
8
+ transparent: {
9
+ value: string;
10
+ };
8
11
  white: {
9
12
  value: string;
10
13
  };
@@ -57,6 +60,27 @@ declare const colors: {
57
60
  1000: {
58
61
  value: string;
59
62
  };
63
+ '100a': {
64
+ value: string;
65
+ };
66
+ '200a': {
67
+ value: string;
68
+ };
69
+ '250a': {
70
+ value: string;
71
+ };
72
+ '300a': {
73
+ value: string;
74
+ };
75
+ '350a': {
76
+ value: string;
77
+ };
78
+ '400a': {
79
+ value: string;
80
+ };
81
+ '500a': {
82
+ value: string;
83
+ };
60
84
  };
61
85
  neutral: {
62
86
  100: {
@@ -89,6 +113,68 @@ declare const colors: {
89
113
  1000: {
90
114
  value: string;
91
115
  };
116
+ '100a': {
117
+ value: string;
118
+ };
119
+ '200a': {
120
+ value: string;
121
+ };
122
+ '300a': {
123
+ value: string;
124
+ };
125
+ '400a': {
126
+ value: string;
127
+ };
128
+ '500a': {
129
+ value: string;
130
+ };
131
+ };
132
+ slate: {
133
+ 100: {
134
+ value: string;
135
+ };
136
+ 200: {
137
+ value: string;
138
+ };
139
+ 300: {
140
+ value: string;
141
+ };
142
+ 400: {
143
+ value: string;
144
+ };
145
+ 500: {
146
+ value: string;
147
+ };
148
+ 600: {
149
+ value: string;
150
+ };
151
+ 700: {
152
+ value: string;
153
+ };
154
+ 800: {
155
+ value: string;
156
+ };
157
+ 900: {
158
+ value: string;
159
+ };
160
+ 1000: {
161
+ value: string;
162
+ };
163
+ '100a': {
164
+ value: string;
165
+ };
166
+ '200a': {
167
+ value: string;
168
+ };
169
+ '300a': {
170
+ value: string;
171
+ };
172
+ '400a': {
173
+ value: string;
174
+ };
175
+ '500a': {
176
+ value: string;
177
+ };
92
178
  };
93
179
  blue: {
94
180
  100: {
@@ -410,6 +496,38 @@ declare const colors: {
410
496
  value: string;
411
497
  };
412
498
  };
499
+ emerald: {
500
+ 100: {
501
+ value: string;
502
+ };
503
+ 200: {
504
+ value: string;
505
+ };
506
+ 300: {
507
+ value: string;
508
+ };
509
+ 400: {
510
+ value: string;
511
+ };
512
+ 500: {
513
+ value: string;
514
+ };
515
+ 600: {
516
+ value: string;
517
+ };
518
+ 700: {
519
+ value: string;
520
+ };
521
+ 800: {
522
+ value: string;
523
+ };
524
+ 900: {
525
+ value: string;
526
+ };
527
+ 1000: {
528
+ value: string;
529
+ };
530
+ };
413
531
  brand: {
414
532
  capital: {
415
533
  value: string;
package/dist/tokens-next/colors.d.ts CHANGED
@@ -5,6 +5,9 @@ declare const colors: {
5
5
  currentcolor: {
6
6
  value: string;
7
7
  };
8
+ transparent: {
9
+ value: string;
10
+ };
8
11
  white: {
9
12
  value: string;
10
13
  };
@@ -57,6 +60,27 @@ declare const colors: {
57
60
  1000: {
58
61
  value: string;
59
62
  };
63
+ '100a': {
64
+ value: string;
65
+ };
66
+ '200a': {
67
+ value: string;
68
+ };
69
+ '250a': {
70
+ value: string;
71
+ };
72
+ '300a': {
73
+ value: string;
74
+ };
75
+ '350a': {
76
+ value: string;
77
+ };
78
+ '400a': {
79
+ value: string;
80
+ };
81
+ '500a': {
82
+ value: string;
83
+ };
60
84
  };
61
85
  neutral: {
62
86
  100: {
@@ -89,6 +113,68 @@ declare const colors: {
89
113
  1000: {
90
114
  value: string;
91
115
  };
116
+ '100a': {
117
+ value: string;
118
+ };
119
+ '200a': {
120
+ value: string;
121
+ };
122
+ '300a': {
123
+ value: string;
124
+ };
125
+ '400a': {
126
+ value: string;
127
+ };
128
+ '500a': {
129
+ value: string;
130
+ };
131
+ };
132
+ slate: {
133
+ 100: {
134
+ value: string;
135
+ };
136
+ 200: {
137
+ value: string;
138
+ };
139
+ 300: {
140
+ value: string;
141
+ };
142
+ 400: {
143
+ value: string;
144
+ };
145
+ 500: {
146
+ value: string;
147
+ };
148
+ 600: {
149
+ value: string;
150
+ };
151
+ 700: {
152
+ value: string;
153
+ };
154
+ 800: {
155
+ value: string;
156
+ };
157
+ 900: {
158
+ value: string;
159
+ };
160
+ 1000: {
161
+ value: string;
162
+ };
163
+ '100a': {
164
+ value: string;
165
+ };
166
+ '200a': {
167
+ value: string;
168
+ };
169
+ '300a': {
170
+ value: string;
171
+ };
172
+ '400a': {
173
+ value: string;
174
+ };
175
+ '500a': {
176
+ value: string;
177
+ };
92
178
  };
93
179
  blue: {
94
180
  100: {
@@ -410,6 +496,38 @@ declare const colors: {
410
496
  value: string;
411
497
  };
412
498
  };
499
+ emerald: {
500
+ 100: {
501
+ value: string;
502
+ };
503
+ 200: {
504
+ value: string;
505
+ };
506
+ 300: {
507
+ value: string;
508
+ };
509
+ 400: {
510
+ value: string;
511
+ };
512
+ 500: {
513
+ value: string;
514
+ };
515
+ 600: {
516
+ value: string;
517
+ };
518
+ 700: {
519
+ value: string;
520
+ };
521
+ 800: {
522
+ value: string;
523
+ };
524
+ 900: {
525
+ value: string;
526
+ };
527
+ 1000: {
528
+ value: string;
529
+ };
530
+ };
413
531
  brand: {
414
532
  capital: {
415
533
  value: string;
package/dist/tokens-next/index.d.mts CHANGED
@@ -26,6 +26,9 @@ declare const tokensNext: {
26
26
  currentcolor: {
27
27
  value: string;
28
28
  };
29
+ transparent: {
30
+ value: string;
31
+ };
29
32
  white: {
30
33
  value: string;
31
34
  };
@@ -78,6 +81,27 @@ declare const tokensNext: {
78
81
  1000: {
79
82
  value: string;
80
83
  };
84
+ '100a': {
85
+ value: string;
86
+ };
87
+ '200a': {
88
+ value: string;
89
+ };
90
+ '250a': {
91
+ value: string;
92
+ };
93
+ '300a': {
94
+ value: string;
95
+ };
96
+ '350a': {
97
+ value: string;
98
+ };
99
+ '400a': {
100
+ value: string;
101
+ };
102
+ '500a': {
103
+ value: string;
104
+ };
81
105
  };
82
106
  neutral: {
83
107
  100: {
@@ -110,6 +134,68 @@ declare const tokensNext: {
110
134
  1000: {
111
135
  value: string;
112
136
  };
137
+ '100a': {
138
+ value: string;
139
+ };
140
+ '200a': {
141
+ value: string;
142
+ };
143
+ '300a': {
144
+ value: string;
145
+ };
146
+ '400a': {
147
+ value: string;
148
+ };
149
+ '500a': {
150
+ value: string;
151
+ };
152
+ };
153
+ slate: {
154
+ 100: {
155
+ value: string;
156
+ };
157
+ 200: {
158
+ value: string;
159
+ };
160
+ 300: {
161
+ value: string;
162
+ };
163
+ 400: {
164
+ value: string;
165
+ };
166
+ 500: {
167
+ value: string;
168
+ };
169
+ 600: {
170
+ value: string;
171
+ };
172
+ 700: {
173
+ value: string;
174
+ };
175
+ 800: {
176
+ value: string;
177
+ };
178
+ 900: {
179
+ value: string;
180
+ };
181
+ 1000: {
182
+ value: string;
183
+ };
184
+ '100a': {
185
+ value: string;
186
+ };
187
+ '200a': {
188
+ value: string;
189
+ };
190
+ '300a': {
191
+ value: string;
192
+ };
193
+ '400a': {
194
+ value: string;
195
+ };
196
+ '500a': {
197
+ value: string;
198
+ };
113
199
  };
114
200
  blue: {
115
201
  100: {
@@ -431,6 +517,38 @@ declare const tokensNext: {
431
517
  value: string;
432
518
  };
433
519
  };
520
+ emerald: {
521
+ 100: {
522
+ value: string;
523
+ };
524
+ 200: {
525
+ value: string;
526
+ };
527
+ 300: {
528
+ value: string;
529
+ };
530
+ 400: {
531
+ value: string;
532
+ };
533
+ 500: {
534
+ value: string;
535
+ };
536
+ 600: {
537
+ value: string;
538
+ };
539
+ 700: {
540
+ value: string;
541
+ };
542
+ 800: {
543
+ value: string;
544
+ };
545
+ 900: {
546
+ value: string;
547
+ };
548
+ 1000: {
549
+ value: string;
550
+ };
551
+ };
434
552
  brand: {
435
553
  capital: {
436
554
  value: string;
package/dist/tokens-next/index.d.ts CHANGED
@@ -26,6 +26,9 @@ declare const tokensNext: {
26
26
  currentcolor: {
27
27
  value: string;
28
28
  };
29
+ transparent: {
30
+ value: string;
31
+ };
29
32
  white: {
30
33
  value: string;
31
34
  };
@@ -78,6 +81,27 @@ declare const tokensNext: {
78
81
  1000: {
79
82
  value: string;
80
83
  };
84
+ '100a': {
85
+ value: string;
86
+ };
87
+ '200a': {
88
+ value: string;
89
+ };
90
+ '250a': {
91
+ value: string;
92
+ };
93
+ '300a': {
94
+ value: string;
95
+ };
96
+ '350a': {
97
+ value: string;
98
+ };
99
+ '400a': {
100
+ value: string;
101
+ };
102
+ '500a': {
103
+ value: string;
104
+ };
81
105
  };
82
106
  neutral: {
83
107
  100: {
@@ -110,6 +134,68 @@ declare const tokensNext: {
110
134
  1000: {
111
135
  value: string;
112
136
  };
137
+ '100a': {
138
+ value: string;
139
+ };
140
+ '200a': {
141
+ value: string;
142
+ };
143
+ '300a': {
144
+ value: string;
145
+ };
146
+ '400a': {
147
+ value: string;
148
+ };
149
+ '500a': {
150
+ value: string;
151
+ };
152
+ };
153
+ slate: {
154
+ 100: {
155
+ value: string;
156
+ };
157
+ 200: {
158
+ value: string;
159
+ };
160
+ 300: {
161
+ value: string;
162
+ };
163
+ 400: {
164
+ value: string;
165
+ };
166
+ 500: {
167
+ value: string;
168
+ };
169
+ 600: {
170
+ value: string;
171
+ };
172
+ 700: {
173
+ value: string;
174
+ };
175
+ 800: {
176
+ value: string;
177
+ };
178
+ 900: {
179
+ value: string;
180
+ };
181
+ 1000: {
182
+ value: string;
183
+ };
184
+ '100a': {
185
+ value: string;
186
+ };
187
+ '200a': {
188
+ value: string;
189
+ };
190
+ '300a': {
191
+ value: string;
192
+ };
193
+ '400a': {
194
+ value: string;
195
+ };
196
+ '500a': {
197
+ value: string;
198
+ };
113
199
  };
114
200
  blue: {
115
201
  100: {
@@ -431,6 +517,38 @@ declare const tokensNext: {
431
517
  value: string;
432
518
  };
433
519
  };
520
+ emerald: {
521
+ 100: {
522
+ value: string;
523
+ };
524
+ 200: {
525
+ value: string;
526
+ };
527
+ 300: {
528
+ value: string;
529
+ };
530
+ 400: {
531
+ value: string;
532
+ };
533
+ 500: {
534
+ value: string;
535
+ };
536
+ 600: {
537
+ value: string;
538
+ };
539
+ 700: {
540
+ value: string;
541
+ };
542
+ 800: {
543
+ value: string;
544
+ };
545
+ 900: {
546
+ value: string;
547
+ };
548
+ 1000: {
549
+ value: string;
550
+ };
551
+ };
434
552
  brand: {
435
553
  capital: {
436
554
  value: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-theme",
3
3
  "description": "Theme for mekari pixel 3",
4
- "version": "0.4.4",
4
+ "version": "0.5.0-dev.0",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
package/src/conditions.ts CHANGED
@@ -21,6 +21,7 @@ export const conditions = {
21
21
  placementRight: '&[data-placement=right]',
22
22
  nextTheme: '[data-panda-theme=next] &',
23
23
  light: '.light &',
24
- dark: '.dark &'
24
+ dark: '.dark &',
25
+ enterprise: '[data-product-theme=enterprise] &'
25
26
  }
26
27
  }
package/src/recipes/badge.ts CHANGED
@@ -109,7 +109,7 @@ const badgeRecipe = defineRecipe<RecipeVariantRecord>({
109
109
  backgroundColor: 'sky.400',
110
110
  color: 'white',
111
111
  _nextTheme: {
112
- backgroundColor: 'background.brand.bold',
112
+ backgroundColor: 'background.information.bold',
113
113
  color: 'text.inverse'
114
114
  }
115
115
  }
@@ -171,7 +171,7 @@ const badgeRecipe = defineRecipe<RecipeVariantRecord>({
171
171
  backgroundColor: 'blue.50',
172
172
  color: 'blue.700',
173
173
  _nextTheme: {
174
- backgroundColor: 'background.brand',
174
+ backgroundColor: 'background.information',
175
175
  color: 'text.information'
176
176
  }
177
177
  }
@@ -232,7 +232,7 @@ const badgeRecipe = defineRecipe<RecipeVariantRecord>({
232
232
  css: {
233
233
  backgroundColor: 'sky.400',
234
234
  _nextTheme: {
235
- backgroundColor: 'icon.brand',
235
+ backgroundColor: 'icon.information',
236
236
  color: 'text.inverse'
237
237
  }
238
238
  }
package/src/recipes/banner.ts CHANGED
@@ -26,7 +26,7 @@ const bannerSlotRecipe = defineSlotRecipe({
26
26
  root: {
27
27
  backgroundColor: 'blue.50',
28
28
  _nextTheme: {
29
- backgroundColor: 'background.brand'
29
+ backgroundColor: 'background.information'
30
30
  }
31
31
  }
32
32
  },