@mekari/pixel3-theme 0.2.2-dev.7 → 0.2.3-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.
- package/dist/index.js +20 -11
- package/dist/index.mjs +20 -11
- package/package.json +1 -1
- package/src/recipes/button.ts +18 -10
- package/src/recipes/divider.ts +2 -1
package/dist/index.js
CHANGED
|
@@ -944,8 +944,8 @@ var buttonRecipe = (0, import_dev6.defineRecipe)({
|
|
|
944
944
|
borderRadius: "md"
|
|
945
945
|
},
|
|
946
946
|
_hasIcon: {
|
|
947
|
-
paddingX: "
|
|
948
|
-
paddingY: "
|
|
947
|
+
paddingX: "2",
|
|
948
|
+
paddingY: "2",
|
|
949
949
|
_nextTheme: {
|
|
950
950
|
paddingX: "xs",
|
|
951
951
|
paddingY: "xs"
|
|
@@ -1028,13 +1028,17 @@ var buttonRecipe = (0, import_dev6.defineRecipe)({
|
|
|
1028
1028
|
background: "gray.50",
|
|
1029
1029
|
borderColor: "gray.50",
|
|
1030
1030
|
_hasIcon: {
|
|
1031
|
-
|
|
1032
|
-
|
|
1031
|
+
"&:not([data-has-label=true])": {
|
|
1032
|
+
background: "transparent",
|
|
1033
|
+
borderColor: "transparent"
|
|
1034
|
+
}
|
|
1033
1035
|
}
|
|
1034
1036
|
},
|
|
1035
1037
|
_hasIcon: {
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
+
"&:not([data-has-label=true])": {
|
|
1039
|
+
background: "transparent",
|
|
1040
|
+
borderColor: "transparent"
|
|
1041
|
+
}
|
|
1038
1042
|
},
|
|
1039
1043
|
_nextTheme: {
|
|
1040
1044
|
color: "text.disabled",
|
|
@@ -1044,13 +1048,17 @@ var buttonRecipe = (0, import_dev6.defineRecipe)({
|
|
|
1044
1048
|
background: "background.disabled",
|
|
1045
1049
|
borderColor: "background.disabled",
|
|
1046
1050
|
_hasIcon: {
|
|
1047
|
-
|
|
1048
|
-
|
|
1051
|
+
"&:not([data-has-label=true])": {
|
|
1052
|
+
background: "transparent",
|
|
1053
|
+
borderColor: "transparent"
|
|
1054
|
+
}
|
|
1049
1055
|
}
|
|
1050
1056
|
},
|
|
1051
1057
|
_hasIcon: {
|
|
1052
|
-
|
|
1053
|
-
|
|
1058
|
+
"&:not([data-has-label=true])": {
|
|
1059
|
+
background: "transparent",
|
|
1060
|
+
borderColor: "transparent"
|
|
1061
|
+
}
|
|
1054
1062
|
}
|
|
1055
1063
|
}
|
|
1056
1064
|
}
|
|
@@ -3383,7 +3391,8 @@ var dividerSlotRecipe = (0, import_dev26.defineSlotRecipe)({
|
|
|
3383
3391
|
}
|
|
3384
3392
|
}
|
|
3385
3393
|
}
|
|
3386
|
-
}
|
|
3394
|
+
},
|
|
3395
|
+
staticCss: ["*"]
|
|
3387
3396
|
});
|
|
3388
3397
|
|
|
3389
3398
|
// src/recipes/modal.ts
|
package/dist/index.mjs
CHANGED
|
@@ -918,8 +918,8 @@ var buttonRecipe = defineRecipe({
|
|
|
918
918
|
borderRadius: "md"
|
|
919
919
|
},
|
|
920
920
|
_hasIcon: {
|
|
921
|
-
paddingX: "
|
|
922
|
-
paddingY: "
|
|
921
|
+
paddingX: "2",
|
|
922
|
+
paddingY: "2",
|
|
923
923
|
_nextTheme: {
|
|
924
924
|
paddingX: "xs",
|
|
925
925
|
paddingY: "xs"
|
|
@@ -1002,13 +1002,17 @@ var buttonRecipe = defineRecipe({
|
|
|
1002
1002
|
background: "gray.50",
|
|
1003
1003
|
borderColor: "gray.50",
|
|
1004
1004
|
_hasIcon: {
|
|
1005
|
-
|
|
1006
|
-
|
|
1005
|
+
"&:not([data-has-label=true])": {
|
|
1006
|
+
background: "transparent",
|
|
1007
|
+
borderColor: "transparent"
|
|
1008
|
+
}
|
|
1007
1009
|
}
|
|
1008
1010
|
},
|
|
1009
1011
|
_hasIcon: {
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
+
"&:not([data-has-label=true])": {
|
|
1013
|
+
background: "transparent",
|
|
1014
|
+
borderColor: "transparent"
|
|
1015
|
+
}
|
|
1012
1016
|
},
|
|
1013
1017
|
_nextTheme: {
|
|
1014
1018
|
color: "text.disabled",
|
|
@@ -1018,13 +1022,17 @@ var buttonRecipe = defineRecipe({
|
|
|
1018
1022
|
background: "background.disabled",
|
|
1019
1023
|
borderColor: "background.disabled",
|
|
1020
1024
|
_hasIcon: {
|
|
1021
|
-
|
|
1022
|
-
|
|
1025
|
+
"&:not([data-has-label=true])": {
|
|
1026
|
+
background: "transparent",
|
|
1027
|
+
borderColor: "transparent"
|
|
1028
|
+
}
|
|
1023
1029
|
}
|
|
1024
1030
|
},
|
|
1025
1031
|
_hasIcon: {
|
|
1026
|
-
|
|
1027
|
-
|
|
1032
|
+
"&:not([data-has-label=true])": {
|
|
1033
|
+
background: "transparent",
|
|
1034
|
+
borderColor: "transparent"
|
|
1035
|
+
}
|
|
1028
1036
|
}
|
|
1029
1037
|
}
|
|
1030
1038
|
}
|
|
@@ -3357,7 +3365,8 @@ var dividerSlotRecipe = defineSlotRecipe15({
|
|
|
3357
3365
|
}
|
|
3358
3366
|
}
|
|
3359
3367
|
}
|
|
3360
|
-
}
|
|
3368
|
+
},
|
|
3369
|
+
staticCss: ["*"]
|
|
3361
3370
|
});
|
|
3362
3371
|
|
|
3363
3372
|
// src/recipes/modal.ts
|
package/package.json
CHANGED
package/src/recipes/button.ts
CHANGED
|
@@ -318,8 +318,8 @@ const buttonRecipe = defineRecipe({
|
|
|
318
318
|
borderRadius: 'md'
|
|
319
319
|
},
|
|
320
320
|
_hasIcon: {
|
|
321
|
-
paddingX: '
|
|
322
|
-
paddingY: '
|
|
321
|
+
paddingX: '2',
|
|
322
|
+
paddingY: '2',
|
|
323
323
|
_nextTheme: {
|
|
324
324
|
paddingX: 'xs',
|
|
325
325
|
paddingY: 'xs'
|
|
@@ -403,13 +403,17 @@ const buttonRecipe = defineRecipe({
|
|
|
403
403
|
background: 'gray.50',
|
|
404
404
|
borderColor: 'gray.50',
|
|
405
405
|
_hasIcon: {
|
|
406
|
-
|
|
407
|
-
|
|
406
|
+
'&:not([data-has-label=true])': {
|
|
407
|
+
background: 'transparent',
|
|
408
|
+
borderColor: 'transparent'
|
|
409
|
+
}
|
|
408
410
|
}
|
|
409
411
|
},
|
|
410
412
|
_hasIcon: {
|
|
411
|
-
|
|
412
|
-
|
|
413
|
+
'&:not([data-has-label=true])': {
|
|
414
|
+
background: 'transparent',
|
|
415
|
+
borderColor: 'transparent'
|
|
416
|
+
}
|
|
413
417
|
},
|
|
414
418
|
_nextTheme: {
|
|
415
419
|
color: 'text.disabled',
|
|
@@ -419,13 +423,17 @@ const buttonRecipe = defineRecipe({
|
|
|
419
423
|
background: 'background.disabled',
|
|
420
424
|
borderColor: 'background.disabled',
|
|
421
425
|
_hasIcon: {
|
|
422
|
-
|
|
423
|
-
|
|
426
|
+
'&:not([data-has-label=true])': {
|
|
427
|
+
background: 'transparent',
|
|
428
|
+
borderColor: 'transparent'
|
|
429
|
+
}
|
|
424
430
|
}
|
|
425
431
|
},
|
|
426
432
|
_hasIcon: {
|
|
427
|
-
|
|
428
|
-
|
|
433
|
+
'&:not([data-has-label=true])': {
|
|
434
|
+
background: 'transparent',
|
|
435
|
+
borderColor: 'transparent'
|
|
436
|
+
}
|
|
429
437
|
}
|
|
430
438
|
}
|
|
431
439
|
}
|