@mekari/pixel3-theme 0.0.6-dev.0 → 0.0.6-dev.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 (15) hide show
  1. package/dist/conditions.d.mts +1 -0
  2. package/dist/conditions.d.ts +1 -0
  3. package/dist/index.js +17 -8
  4. package/dist/index.mjs +17 -8
  5. package/dist/tokens/index.d.mts +12 -0
  6. package/dist/tokens/index.d.ts +12 -0
  7. package/dist/tokens/sizes.d.mts +4 -0
  8. package/dist/tokens/sizes.d.ts +4 -0
  9. package/dist/tokens/spacing.d.mts +8 -0
  10. package/dist/tokens/spacing.d.ts +8 -0
  11. package/package.json +1 -1
  12. package/src/conditions.ts +1 -0
  13. package/src/recipes/button.ts +13 -8
  14. package/src/tokens/sizes.ts +1 -0
  15. package/src/tokens/spacing.ts +2 -0
package/dist/conditions.d.mts CHANGED
@@ -10,6 +10,7 @@ declare const conditions: {
10
10
  collapsed: string;
11
11
  loading: string;
12
12
  hasIcon: string;
13
+ hasLabel: string;
13
14
  active: string;
14
15
  highlight: string;
15
16
  hasBorder: string;
package/dist/conditions.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const conditions: {
10
10
  collapsed: string;
11
11
  loading: string;
12
12
  hasIcon: string;
13
+ hasLabel: string;
13
14
  active: string;
14
15
  highlight: string;
15
16
  hasBorder: string;
package/dist/index.js CHANGED
@@ -48,6 +48,7 @@ var conditions = {
48
48
  collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',
49
49
  loading: "& > [data-loading=true], &:is([data-loading], [aria-busy=true])",
50
50
  hasIcon: "&[data-has-icon=true]",
51
+ hasLabel: "&[data-has-label=true]",
51
52
  active: "&[data-active=true], [data-active]",
52
53
  highlight: "&[data-highlight=true], [data-highlight]",
53
54
  hasBorder: "&[data-has-border=true]",
@@ -396,6 +397,7 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
396
397
  alignItems: "center",
397
398
  gap: "2",
398
399
  height: "fit-content",
400
+ width: "fit-content",
399
401
  borderWidth: "1px",
400
402
  whiteSpace: "nowrap",
401
403
  userSelect: "none",
@@ -511,8 +513,6 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
511
513
  },
512
514
  size: {
513
515
  sm: {
514
- paddingX: "2",
515
- paddingY: "1",
516
516
  borderRadius: "sm",
517
517
  textStyle: "label.md",
518
518
  fontWeight: "regular",
@@ -520,12 +520,15 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
520
520
  borderRadius: "sm"
521
521
  },
522
522
  _hasIcon: {
523
- padding: "1 !important"
523
+ paddingX: "1",
524
+ paddingY: "1 !important"
525
+ },
526
+ _hasLabel: {
527
+ paddingX: "2 !important",
528
+ paddingY: "1"
524
529
  }
525
530
  },
526
531
  md: {
527
- paddingX: "4",
528
- paddingY: "2",
529
532
  borderRadius: "md",
530
533
  textStyle: "label.md",
531
534
  fontWeight: "semiBold",
@@ -533,7 +536,12 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
533
536
  borderRadius: "md"
534
537
  },
535
538
  _hasIcon: {
536
- padding: "2 !important"
539
+ paddingX: "1.5",
540
+ paddingY: "1.5 !important"
541
+ },
542
+ _hasLabel: {
543
+ paddingX: "4 !important",
544
+ paddingY: "2"
537
545
  }
538
546
  }
539
547
  }
@@ -542,8 +550,6 @@ var buttonRecipe = (0, import_dev5.defineRecipe)({
542
550
  {
543
551
  variant: ["textLink"],
544
552
  css: {
545
- paddingX: "0",
546
- paddingY: "0",
547
553
  borderRadius: "sm",
548
554
  _focusVisible: {
549
555
  borderColor: "white",
@@ -3324,6 +3330,7 @@ var sizes = import_dev40.defineTokens.sizes({
3324
3330
  0.25: { value: "0.0625rem", description: "1px" },
3325
3331
  0.5: { value: "0.125rem", description: "2px" },
3326
3332
  1: { value: "0.25rem", description: "4px" },
3333
+ 1.5: { value: "0.375rem", description: "6px" },
3327
3334
  2: { value: "0.5rem", description: "8px" },
3328
3335
  2.5: { value: "0.625rem", description: "10px" },
3329
3336
  3: { value: "0.75rem", description: "12px" },
@@ -3351,10 +3358,12 @@ var sizes = import_dev40.defineTokens.sizes({
3351
3358
  var import_dev41 = require("@pandacss/dev");
3352
3359
  var spacing = import_dev41.defineTokens.spacing({
3353
3360
  0: { value: "0", description: "0px" },
3361
+ 0.25: { value: "0.0625rem", description: "1px" },
3354
3362
  0.5: { value: "0.125rem", description: "2px" },
3355
3363
  1: { value: "0.25rem", description: "4px" },
3356
3364
  1.5: { value: "0.375rem", description: "6px" },
3357
3365
  2: { value: "0.5rem", description: "8px" },
3366
+ 2.5: { value: "0.625rem", description: "10px" },
3358
3367
  3: { value: "0.75rem", description: "12px" },
3359
3368
  4: { value: "1rem", description: "16px" },
3360
3369
  5: { value: "1.3rem", description: "20px" },
package/dist/index.mjs CHANGED
@@ -22,6 +22,7 @@ var conditions = {
22
22
  collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',
23
23
  loading: "& > [data-loading=true], &:is([data-loading], [aria-busy=true])",
24
24
  hasIcon: "&[data-has-icon=true]",
25
+ hasLabel: "&[data-has-label=true]",
25
26
  active: "&[data-active=true], [data-active]",
26
27
  highlight: "&[data-highlight=true], [data-highlight]",
27
28
  hasBorder: "&[data-has-border=true]",
@@ -370,6 +371,7 @@ var buttonRecipe = defineRecipe({
370
371
  alignItems: "center",
371
372
  gap: "2",
372
373
  height: "fit-content",
374
+ width: "fit-content",
373
375
  borderWidth: "1px",
374
376
  whiteSpace: "nowrap",
375
377
  userSelect: "none",
@@ -485,8 +487,6 @@ var buttonRecipe = defineRecipe({
485
487
  },
486
488
  size: {
487
489
  sm: {
488
- paddingX: "2",
489
- paddingY: "1",
490
490
  borderRadius: "sm",
491
491
  textStyle: "label.md",
492
492
  fontWeight: "regular",
@@ -494,12 +494,15 @@ var buttonRecipe = defineRecipe({
494
494
  borderRadius: "sm"
495
495
  },
496
496
  _hasIcon: {
497
- padding: "1 !important"
497
+ paddingX: "1",
498
+ paddingY: "1 !important"
499
+ },
500
+ _hasLabel: {
501
+ paddingX: "2 !important",
502
+ paddingY: "1"
498
503
  }
499
504
  },
500
505
  md: {
501
- paddingX: "4",
502
- paddingY: "2",
503
506
  borderRadius: "md",
504
507
  textStyle: "label.md",
505
508
  fontWeight: "semiBold",
@@ -507,7 +510,12 @@ var buttonRecipe = defineRecipe({
507
510
  borderRadius: "md"
508
511
  },
509
512
  _hasIcon: {
510
- padding: "2 !important"
513
+ paddingX: "1.5",
514
+ paddingY: "1.5 !important"
515
+ },
516
+ _hasLabel: {
517
+ paddingX: "4 !important",
518
+ paddingY: "2"
511
519
  }
512
520
  }
513
521
  }
@@ -516,8 +524,6 @@ var buttonRecipe = defineRecipe({
516
524
  {
517
525
  variant: ["textLink"],
518
526
  css: {
519
- paddingX: "0",
520
- paddingY: "0",
521
527
  borderRadius: "sm",
522
528
  _focusVisible: {
523
529
  borderColor: "white",
@@ -3298,6 +3304,7 @@ var sizes = defineTokens7.sizes({
3298
3304
  0.25: { value: "0.0625rem", description: "1px" },
3299
3305
  0.5: { value: "0.125rem", description: "2px" },
3300
3306
  1: { value: "0.25rem", description: "4px" },
3307
+ 1.5: { value: "0.375rem", description: "6px" },
3301
3308
  2: { value: "0.5rem", description: "8px" },
3302
3309
  2.5: { value: "0.625rem", description: "10px" },
3303
3310
  3: { value: "0.75rem", description: "12px" },
@@ -3325,10 +3332,12 @@ var sizes = defineTokens7.sizes({
3325
3332
  import { defineTokens as defineTokens8 } from "@pandacss/dev";
3326
3333
  var spacing = defineTokens8.spacing({
3327
3334
  0: { value: "0", description: "0px" },
3335
+ 0.25: { value: "0.0625rem", description: "1px" },
3328
3336
  0.5: { value: "0.125rem", description: "2px" },
3329
3337
  1: { value: "0.25rem", description: "4px" },
3330
3338
  1.5: { value: "0.375rem", description: "6px" },
3331
3339
  2: { value: "0.5rem", description: "8px" },
3340
+ 2.5: { value: "0.625rem", description: "10px" },
3332
3341
  3: { value: "0.75rem", description: "12px" },
3333
3342
  4: { value: "1rem", description: "16px" },
3334
3343
  5: { value: "1.3rem", description: "20px" },
package/dist/tokens/index.d.mts CHANGED
@@ -534,6 +534,10 @@ declare const tokens: {
534
534
  value: string;
535
535
  description: string;
536
536
  };
537
+ 1.5: {
538
+ value: string;
539
+ description: string;
540
+ };
537
541
  2: {
538
542
  value: string;
539
543
  description: string;
@@ -622,6 +626,10 @@ declare const tokens: {
622
626
  value: string;
623
627
  description: string;
624
628
  };
629
+ 0.25: {
630
+ value: string;
631
+ description: string;
632
+ };
625
633
  0.5: {
626
634
  value: string;
627
635
  description: string;
@@ -638,6 +646,10 @@ declare const tokens: {
638
646
  value: string;
639
647
  description: string;
640
648
  };
649
+ 2.5: {
650
+ value: string;
651
+ description: string;
652
+ };
641
653
  3: {
642
654
  value: string;
643
655
  description: string;
package/dist/tokens/index.d.ts CHANGED
@@ -534,6 +534,10 @@ declare const tokens: {
534
534
  value: string;
535
535
  description: string;
536
536
  };
537
+ 1.5: {
538
+ value: string;
539
+ description: string;
540
+ };
537
541
  2: {
538
542
  value: string;
539
543
  description: string;
@@ -622,6 +626,10 @@ declare const tokens: {
622
626
  value: string;
623
627
  description: string;
624
628
  };
629
+ 0.25: {
630
+ value: string;
631
+ description: string;
632
+ };
625
633
  0.5: {
626
634
  value: string;
627
635
  description: string;
@@ -638,6 +646,10 @@ declare const tokens: {
638
646
  value: string;
639
647
  description: string;
640
648
  };
649
+ 2.5: {
650
+ value: string;
651
+ description: string;
652
+ };
641
653
  3: {
642
654
  value: string;
643
655
  description: string;
package/dist/tokens/sizes.d.mts CHANGED
@@ -15,6 +15,10 @@ declare const sizes: {
15
15
  value: string;
16
16
  description: string;
17
17
  };
18
+ 1.5: {
19
+ value: string;
20
+ description: string;
21
+ };
18
22
  2: {
19
23
  value: string;
20
24
  description: string;
package/dist/tokens/sizes.d.ts CHANGED
@@ -15,6 +15,10 @@ declare const sizes: {
15
15
  value: string;
16
16
  description: string;
17
17
  };
18
+ 1.5: {
19
+ value: string;
20
+ description: string;
21
+ };
18
22
  2: {
19
23
  value: string;
20
24
  description: string;
package/dist/tokens/spacing.d.mts CHANGED
@@ -3,6 +3,10 @@ declare const spacing: {
3
3
  value: string;
4
4
  description: string;
5
5
  };
6
+ 0.25: {
7
+ value: string;
8
+ description: string;
9
+ };
6
10
  0.5: {
7
11
  value: string;
8
12
  description: string;
@@ -19,6 +23,10 @@ declare const spacing: {
19
23
  value: string;
20
24
  description: string;
21
25
  };
26
+ 2.5: {
27
+ value: string;
28
+ description: string;
29
+ };
22
30
  3: {
23
31
  value: string;
24
32
  description: string;
package/dist/tokens/spacing.d.ts CHANGED
@@ -3,6 +3,10 @@ declare const spacing: {
3
3
  value: string;
4
4
  description: string;
5
5
  };
6
+ 0.25: {
7
+ value: string;
8
+ description: string;
9
+ };
6
10
  0.5: {
7
11
  value: string;
8
12
  description: string;
@@ -19,6 +23,10 @@ declare const spacing: {
19
23
  value: string;
20
24
  description: string;
21
25
  };
26
+ 2.5: {
27
+ value: string;
28
+ description: string;
29
+ };
22
30
  3: {
23
31
  value: string;
24
32
  description: 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.0.6-dev.0",
4
+ "version": "0.0.6-dev.1",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
package/src/conditions.ts CHANGED
@@ -11,6 +11,7 @@ export const conditions = {
11
11
  collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',
12
12
  loading: '& > [data-loading=true], &:is([data-loading], [aria-busy=true])',
13
13
  hasIcon: '&[data-has-icon=true]',
14
+ hasLabel: '&[data-has-label=true]',
14
15
  active: '&[data-active=true], [data-active]',
15
16
  highlight: '&[data-highlight=true], [data-highlight]',
16
17
  hasBorder: '&[data-has-border=true]',
package/src/recipes/button.ts CHANGED
@@ -10,6 +10,7 @@ const buttonRecipe = defineRecipe({
10
10
  alignItems: 'center',
11
11
  gap: '2',
12
12
  height: 'fit-content',
13
+ width: 'fit-content',
13
14
  borderWidth: '1px',
14
15
  whiteSpace: 'nowrap',
15
16
  userSelect: 'none',
@@ -125,8 +126,6 @@ const buttonRecipe = defineRecipe({
125
126
  },
126
127
  size: {
127
128
  sm: {
128
- paddingX: '2',
129
- paddingY: '1',
130
129
  borderRadius: 'sm',
131
130
  textStyle: 'label.md',
132
131
  fontWeight: 'regular',
@@ -134,12 +133,15 @@ const buttonRecipe = defineRecipe({
134
133
  borderRadius: 'sm'
135
134
  },
136
135
  _hasIcon: {
137
- padding: '1 !important'
136
+ paddingX: '1',
137
+ paddingY: '1 !important'
138
+ },
139
+ _hasLabel: {
140
+ paddingX: '2 !important',
141
+ paddingY: '1',
138
142
  }
139
143
  },
140
144
  md: {
141
- paddingX: '4',
142
- paddingY: '2',
143
145
  borderRadius: 'md',
144
146
  textStyle: 'label.md',
145
147
  fontWeight: 'semiBold',
@@ -147,7 +149,12 @@ const buttonRecipe = defineRecipe({
147
149
  borderRadius: 'md'
148
150
  },
149
151
  _hasIcon: {
150
- padding: '2 !important'
152
+ paddingX: '1.5',
153
+ paddingY: '1.5 !important'
154
+ },
155
+ _hasLabel: {
156
+ paddingX: '4 !important',
157
+ paddingY: '2',
151
158
  }
152
159
  }
153
160
  }
@@ -156,8 +163,6 @@ const buttonRecipe = defineRecipe({
156
163
  {
157
164
  variant: ['textLink'],
158
165
  css: {
159
- paddingX: '0',
160
- paddingY: '0',
161
166
  borderRadius: 'sm',
162
167
  _focusVisible: {
163
168
  borderColor: 'white',
package/src/tokens/sizes.ts CHANGED
@@ -5,6 +5,7 @@ export const sizes = defineTokens.sizes({
5
5
  0.25: { value: '0.0625rem', description: '1px' },
6
6
  0.5: { value: '0.125rem', description: '2px' },
7
7
  1: { value: '0.25rem', description: '4px' },
8
+ 1.5: { value: '0.375rem', description: '6px' },
8
9
  2: { value: '0.5rem', description: '8px' },
9
10
  2.5: { value: '0.625rem', description: '10px' },
10
11
  3: { value: '0.75rem', description: '12px' },
package/src/tokens/spacing.ts CHANGED
@@ -2,10 +2,12 @@ import { defineTokens } from '@pandacss/dev'
2
2
 
3
3
  export const spacing = defineTokens.spacing({
4
4
  0: { value: '0', description: '0px' },
5
+ 0.25: { value: '0.0625rem', description: '1px' },
5
6
  0.5: { value: '0.125rem', description: '2px' },
6
7
  1: { value: '0.25rem', description: '4px' },
7
8
  1.5: { value: '0.375rem', description: '6px' },
8
9
  2: { value: '0.5rem', description: '8px' },
10
+ 2.5: { value: '0.625rem', description: '10px' },
9
11
  3: { value: '0.75rem', description: '12px' },
10
12
  4: { value: '1rem', description: '16px' },
11
13
  5: { value: '1.3rem', description: '20px' },