@mekari/pixel3-theme 0.0.6-dev.2 → 0.0.6-dev.3
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 +4 -4
- package/dist/index.mjs +4 -4
- package/package.json +1 -1
- package/src/recipes/broadcast.ts +5 -5
- package/src/tokens/colors.ts +19 -21
package/dist/index.js
CHANGED
|
@@ -2805,7 +2805,7 @@ var import_dev31 = require("@pandacss/dev");
|
|
|
2805
2805
|
var broadcastSlotRecipe = (0, import_dev31.defineSlotRecipe)({
|
|
2806
2806
|
className: "broadcast",
|
|
2807
2807
|
jsx: ["MpBroadcast", "mp-broadcast"],
|
|
2808
|
-
slots: ["root", "container", "wrapper", "icon", "
|
|
2808
|
+
slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
|
|
2809
2809
|
base: {
|
|
2810
2810
|
root: {
|
|
2811
2811
|
width: "full",
|
|
@@ -2848,19 +2848,19 @@ var broadcastSlotRecipe = (0, import_dev31.defineSlotRecipe)({
|
|
|
2848
2848
|
announcement: {
|
|
2849
2849
|
container: { backgroundColor: "stone.400" },
|
|
2850
2850
|
icon: { color: "white" },
|
|
2851
|
-
|
|
2851
|
+
label: { color: "white" },
|
|
2852
2852
|
textLink: { color: "white" }
|
|
2853
2853
|
},
|
|
2854
2854
|
information: {
|
|
2855
2855
|
container: { backgroundColor: "violet.400" },
|
|
2856
2856
|
icon: { color: "white" },
|
|
2857
|
-
|
|
2857
|
+
label: { color: "white" },
|
|
2858
2858
|
textLink: { color: "white" }
|
|
2859
2859
|
},
|
|
2860
2860
|
important: {
|
|
2861
2861
|
container: { backgroundColor: "amber.100" },
|
|
2862
2862
|
icon: { color: "dark" },
|
|
2863
|
-
|
|
2863
|
+
label: { color: "dark" },
|
|
2864
2864
|
textLink: { color: "dark" }
|
|
2865
2865
|
}
|
|
2866
2866
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -2779,7 +2779,7 @@ import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
|
|
|
2779
2779
|
var broadcastSlotRecipe = defineSlotRecipe18({
|
|
2780
2780
|
className: "broadcast",
|
|
2781
2781
|
jsx: ["MpBroadcast", "mp-broadcast"],
|
|
2782
|
-
slots: ["root", "container", "wrapper", "icon", "
|
|
2782
|
+
slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
|
|
2783
2783
|
base: {
|
|
2784
2784
|
root: {
|
|
2785
2785
|
width: "full",
|
|
@@ -2822,19 +2822,19 @@ var broadcastSlotRecipe = defineSlotRecipe18({
|
|
|
2822
2822
|
announcement: {
|
|
2823
2823
|
container: { backgroundColor: "stone.400" },
|
|
2824
2824
|
icon: { color: "white" },
|
|
2825
|
-
|
|
2825
|
+
label: { color: "white" },
|
|
2826
2826
|
textLink: { color: "white" }
|
|
2827
2827
|
},
|
|
2828
2828
|
information: {
|
|
2829
2829
|
container: { backgroundColor: "violet.400" },
|
|
2830
2830
|
icon: { color: "white" },
|
|
2831
|
-
|
|
2831
|
+
label: { color: "white" },
|
|
2832
2832
|
textLink: { color: "white" }
|
|
2833
2833
|
},
|
|
2834
2834
|
important: {
|
|
2835
2835
|
container: { backgroundColor: "amber.100" },
|
|
2836
2836
|
icon: { color: "dark" },
|
|
2837
|
-
|
|
2837
|
+
label: { color: "dark" },
|
|
2838
2838
|
textLink: { color: "dark" }
|
|
2839
2839
|
}
|
|
2840
2840
|
}
|
package/package.json
CHANGED
package/src/recipes/broadcast.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { defineSlotRecipe } from '@pandacss/dev'
|
|
|
3
3
|
const broadcastSlotRecipe = defineSlotRecipe({
|
|
4
4
|
className: 'broadcast',
|
|
5
5
|
jsx: ['MpBroadcast', 'mp-broadcast'],
|
|
6
|
-
slots: ['root', 'container', 'wrapper', 'icon', '
|
|
6
|
+
slots: ['root', 'container', 'wrapper', 'icon', 'label', 'textLink', 'action', 'close'],
|
|
7
7
|
base: {
|
|
8
8
|
root: {
|
|
9
9
|
width: 'full',
|
|
@@ -46,22 +46,22 @@ const broadcastSlotRecipe = defineSlotRecipe({
|
|
|
46
46
|
announcement: {
|
|
47
47
|
container: { backgroundColor: 'stone.400' },
|
|
48
48
|
icon: { color: 'white' },
|
|
49
|
-
|
|
49
|
+
label: { color: 'white' },
|
|
50
50
|
textLink: { color: 'white' }
|
|
51
51
|
},
|
|
52
52
|
information: {
|
|
53
53
|
container: { backgroundColor: 'violet.400' },
|
|
54
54
|
icon: { color: 'white' },
|
|
55
|
-
|
|
55
|
+
label: { color: 'white' },
|
|
56
56
|
textLink: { color: 'white' }
|
|
57
57
|
},
|
|
58
58
|
important: {
|
|
59
59
|
container: { backgroundColor: 'amber.100' },
|
|
60
60
|
icon: { color: 'dark' },
|
|
61
|
-
|
|
61
|
+
label: { color: 'dark' },
|
|
62
62
|
textLink: { color: 'dark' }
|
|
63
63
|
}
|
|
64
|
-
}
|
|
64
|
+
}
|
|
65
65
|
},
|
|
66
66
|
compoundVariants: [],
|
|
67
67
|
defaultVariants: {
|
package/src/tokens/colors.ts
CHANGED
|
@@ -2,28 +2,27 @@ import { defineTokens } from '@pandacss/dev'
|
|
|
2
2
|
|
|
3
3
|
export const colors = defineTokens.colors({
|
|
4
4
|
currentcolor: {
|
|
5
|
-
value: 'currentcolor'
|
|
5
|
+
value: 'currentcolor'
|
|
6
6
|
},
|
|
7
|
-
dark: { value: '#232933'},
|
|
7
|
+
dark: { value: '#232933' },
|
|
8
8
|
white: {
|
|
9
|
-
value: '#FFFFFF'
|
|
10
|
-
|
|
9
|
+
value: '#FFFFFF'
|
|
11
10
|
},
|
|
12
11
|
background: { value: '#F1F5F9' },
|
|
13
12
|
overlay: {
|
|
14
|
-
value: 'rgba(22, 26, 32, 0.8)'
|
|
13
|
+
value: 'rgba(22, 26, 32, 0.8)'
|
|
15
14
|
},
|
|
16
15
|
brand: {
|
|
17
|
-
capital: { value: '#2F5573'
|
|
18
|
-
esign: { value: '#00C853'
|
|
19
|
-
expense: { value: '#183883'
|
|
20
|
-
flex: { value: '#7C4DFF'
|
|
21
|
-
jurnal: { value: '#40C3FF'
|
|
22
|
-
klikpajak: { value: '#FF9100'
|
|
23
|
-
mekari: { value: '#651FFF'
|
|
24
|
-
qontak: { value: '#2979FF'
|
|
25
|
-
talenta: { value: '#F22929'
|
|
26
|
-
university: { value: '#448AFF'
|
|
16
|
+
capital: { value: '#2F5573' },
|
|
17
|
+
esign: { value: '#00C853' },
|
|
18
|
+
expense: { value: '#183883' },
|
|
19
|
+
flex: { value: '#7C4DFF' },
|
|
20
|
+
jurnal: { value: '#40C3FF' },
|
|
21
|
+
klikpajak: { value: '#FF9100' },
|
|
22
|
+
mekari: { value: '#651FFF' },
|
|
23
|
+
qontak: { value: '#2979FF' },
|
|
24
|
+
talenta: { value: '#F22929' },
|
|
25
|
+
university: { value: '#448AFF' }
|
|
27
26
|
},
|
|
28
27
|
whiteAlpha: {
|
|
29
28
|
50: { value: 'rgba(255, 255, 255, 0.04)' },
|
|
@@ -51,18 +50,17 @@ export const colors = defineTokens.colors({
|
|
|
51
50
|
},
|
|
52
51
|
gray: {
|
|
53
52
|
25: {
|
|
54
|
-
value: '#F8F9FB'
|
|
53
|
+
value: '#F8F9FB'
|
|
55
54
|
},
|
|
56
55
|
50: {
|
|
57
|
-
value: '#EDF0F2'
|
|
56
|
+
value: '#EDF0F2'
|
|
58
57
|
},
|
|
59
|
-
100: { value: '#D0D6DD'
|
|
58
|
+
100: { value: '#D0D6DD' },
|
|
60
59
|
400: {
|
|
61
|
-
value: '#8B95A5'
|
|
62
|
-
|
|
60
|
+
value: '#8B95A5'
|
|
63
61
|
},
|
|
64
62
|
600: {
|
|
65
|
-
value: '#626B79'
|
|
63
|
+
value: '#626B79'
|
|
66
64
|
}
|
|
67
65
|
},
|
|
68
66
|
blue: {
|