@mekari/pixel3-theme 0.2.2-dev.1 → 0.2.2-dev.2
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 +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +1 -1
- package/src/recipes/airene-button.ts +17 -14
package/dist/index.js
CHANGED
|
@@ -543,7 +543,7 @@ var aireneButtonSlotRecipe = (0, import_dev5.defineSlotRecipe)({
|
|
|
543
543
|
color: "text.link!"
|
|
544
544
|
},
|
|
545
545
|
_before: {
|
|
546
|
-
content: "'
|
|
546
|
+
content: '""',
|
|
547
547
|
position: "absolute",
|
|
548
548
|
top: "-2px",
|
|
549
549
|
left: "-2px",
|
|
@@ -557,7 +557,7 @@ var aireneButtonSlotRecipe = (0, import_dev5.defineSlotRecipe)({
|
|
|
557
557
|
zIndex: "-1"
|
|
558
558
|
},
|
|
559
559
|
_after: {
|
|
560
|
-
content: "'
|
|
560
|
+
content: '""',
|
|
561
561
|
position: "absolute",
|
|
562
562
|
top: "2px",
|
|
563
563
|
left: "2px",
|
|
@@ -598,7 +598,7 @@ var aireneButtonSlotRecipe = (0, import_dev5.defineSlotRecipe)({
|
|
|
598
598
|
_after: {
|
|
599
599
|
background: "gray.50!",
|
|
600
600
|
_nextTheme: {
|
|
601
|
-
|
|
601
|
+
background: "#F0F1F3!"
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
604
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -517,7 +517,7 @@ var aireneButtonSlotRecipe = defineSlotRecipe3({
|
|
|
517
517
|
color: "text.link!"
|
|
518
518
|
},
|
|
519
519
|
_before: {
|
|
520
|
-
content: "'
|
|
520
|
+
content: '""',
|
|
521
521
|
position: "absolute",
|
|
522
522
|
top: "-2px",
|
|
523
523
|
left: "-2px",
|
|
@@ -531,7 +531,7 @@ var aireneButtonSlotRecipe = defineSlotRecipe3({
|
|
|
531
531
|
zIndex: "-1"
|
|
532
532
|
},
|
|
533
533
|
_after: {
|
|
534
|
-
content: "'
|
|
534
|
+
content: '""',
|
|
535
535
|
position: "absolute",
|
|
536
536
|
top: "2px",
|
|
537
537
|
left: "2px",
|
|
@@ -572,7 +572,7 @@ var aireneButtonSlotRecipe = defineSlotRecipe3({
|
|
|
572
572
|
_after: {
|
|
573
573
|
background: "gray.50!",
|
|
574
574
|
_nextTheme: {
|
|
575
|
-
|
|
575
|
+
background: "#F0F1F3!"
|
|
576
576
|
}
|
|
577
577
|
}
|
|
578
578
|
}
|
package/package.json
CHANGED
|
@@ -26,10 +26,10 @@ const aireneButtonSlotRecipe = defineSlotRecipe({
|
|
|
26
26
|
transition: 'color 0.3s ease, background-color 0.3s ease',
|
|
27
27
|
_nextTheme: {
|
|
28
28
|
backgroundColor: 'background.neutral',
|
|
29
|
-
color: 'text.link!'
|
|
29
|
+
color: 'text.link!'
|
|
30
30
|
},
|
|
31
31
|
_before: {
|
|
32
|
-
content: '
|
|
32
|
+
content: '""',
|
|
33
33
|
position: 'absolute',
|
|
34
34
|
top: '-2px',
|
|
35
35
|
left: '-2px',
|
|
@@ -40,10 +40,10 @@ const aireneButtonSlotRecipe = defineSlotRecipe({
|
|
|
40
40
|
backgroundSize: '200% 200%',
|
|
41
41
|
animation: 'border-shine 4s linear infinite',
|
|
42
42
|
transition: 'background-color 0.3s ease',
|
|
43
|
-
zIndex: '-1'
|
|
43
|
+
zIndex: '-1'
|
|
44
44
|
},
|
|
45
45
|
_after: {
|
|
46
|
-
content: '
|
|
46
|
+
content: '""',
|
|
47
47
|
position: 'absolute',
|
|
48
48
|
top: '2px',
|
|
49
49
|
left: '2px',
|
|
@@ -53,38 +53,41 @@ const aireneButtonSlotRecipe = defineSlotRecipe({
|
|
|
53
53
|
backgroundColor: 'white',
|
|
54
54
|
zIndex: '-1',
|
|
55
55
|
_nextTheme: {
|
|
56
|
-
backgroundColor: 'background.neutral'
|
|
57
|
-
}
|
|
56
|
+
backgroundColor: 'background.neutral'
|
|
57
|
+
}
|
|
58
58
|
},
|
|
59
59
|
_hover: {
|
|
60
60
|
_before: {
|
|
61
|
-
background:
|
|
61
|
+
background:
|
|
62
|
+
'linear-gradient(90deg, var(--mp-colors-blue-400), var(--mp-colors-blue-400), var(--mp-colors-blue-400))',
|
|
62
63
|
_nextTheme: {
|
|
63
|
-
background:
|
|
64
|
+
background:
|
|
65
|
+
'linear-gradient(90deg, var(--mp-colors-background-brand-bold), var(--mp-colors-background-brand-bold), var(--mp-colors-background-brand-bold))'
|
|
64
66
|
}
|
|
65
67
|
}
|
|
66
68
|
},
|
|
67
69
|
_active: {
|
|
68
70
|
_before: {
|
|
69
|
-
background:
|
|
71
|
+
background:
|
|
72
|
+
'linear-gradient(90deg, var(--mp-colors-blue-400), var(--mp-colors-blue-400), var(--mp-colors-blue-400))'
|
|
70
73
|
},
|
|
71
74
|
_after: {
|
|
72
|
-
background: 'blue.50'
|
|
75
|
+
background: 'blue.50'
|
|
73
76
|
}
|
|
74
77
|
},
|
|
75
78
|
_disabled: {
|
|
76
79
|
color: 'gray.400!',
|
|
77
80
|
cursor: 'not-allowed',
|
|
78
81
|
_nextTheme: {
|
|
79
|
-
color: 'text.placeholder!'
|
|
82
|
+
color: 'text.placeholder!'
|
|
80
83
|
},
|
|
81
84
|
_before: {
|
|
82
|
-
background: 'gray.50!'
|
|
85
|
+
background: 'gray.50!'
|
|
83
86
|
},
|
|
84
87
|
_after: {
|
|
85
88
|
background: 'gray.50!',
|
|
86
89
|
_nextTheme: {
|
|
87
|
-
|
|
90
|
+
background: '#F0F1F3!'
|
|
88
91
|
}
|
|
89
92
|
}
|
|
90
93
|
}
|
|
@@ -102,7 +105,7 @@ const aireneButtonSlotRecipe = defineSlotRecipe({
|
|
|
102
105
|
width: '3!',
|
|
103
106
|
height: '3!',
|
|
104
107
|
'& > path': {
|
|
105
|
-
fill: 'var(--mp-airene-button-badge-icon)'
|
|
108
|
+
fill: 'var(--mp-airene-button-badge-icon)'
|
|
106
109
|
}
|
|
107
110
|
},
|
|
108
111
|
'& > [data-pixel-component=MpText]': {
|