@mekari/pixel3-theme 0.2.0 → 0.2.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.
- package/dist/index.js +16 -3
- package/dist/index.mjs +16 -3
- package/package.json +1 -1
- package/src/recipes/color-picker.ts +1 -1
- package/src/recipes/input.ts +3 -1
- package/src/recipes/rich-text-editor.ts +12 -1
package/dist/index.js
CHANGED
|
@@ -748,7 +748,9 @@ var inputSlotRecipe = (0, import_dev6.defineSlotRecipe)({
|
|
|
748
748
|
defaultVariants: {
|
|
749
749
|
size: "md",
|
|
750
750
|
variant: "outline"
|
|
751
|
-
}
|
|
751
|
+
},
|
|
752
|
+
// TODO: Check why this recipe need to generate statically
|
|
753
|
+
staticCss: ["*"]
|
|
752
754
|
});
|
|
753
755
|
var inputGroupSlotRecipe = (0, import_dev6.defineSlotRecipe)({
|
|
754
756
|
className: "input-group",
|
|
@@ -2979,6 +2981,7 @@ var richTextEditorSlotRecipe = (0, import_dev32.defineSlotRecipe)({
|
|
|
2979
2981
|
},
|
|
2980
2982
|
toolbar: {
|
|
2981
2983
|
display: "flex",
|
|
2984
|
+
flexFlow: "wrap",
|
|
2982
2985
|
gap: "1",
|
|
2983
2986
|
border: "1px solid",
|
|
2984
2987
|
borderColor: "gray.100",
|
|
@@ -2994,10 +2997,12 @@ var richTextEditorSlotRecipe = (0, import_dev32.defineSlotRecipe)({
|
|
|
2994
2997
|
color: "gray.600",
|
|
2995
2998
|
width: "28px",
|
|
2996
2999
|
height: "28px",
|
|
3000
|
+
padding: "1",
|
|
2997
3001
|
"&:hover": {
|
|
2998
3002
|
borderRadius: "md",
|
|
2999
3003
|
color: "blue.400",
|
|
3000
|
-
backgroundColor: "blue.50"
|
|
3004
|
+
backgroundColor: "blue.50",
|
|
3005
|
+
cursor: "pointer"
|
|
3001
3006
|
},
|
|
3002
3007
|
"&.is-active": {
|
|
3003
3008
|
color: "blue.400"
|
|
@@ -3063,6 +3068,14 @@ var RTEStyleProviderRecipe = (0, import_dev32.defineRecipe)({
|
|
|
3063
3068
|
"& b, strong": {
|
|
3064
3069
|
fontWeight: "bolder"
|
|
3065
3070
|
},
|
|
3071
|
+
"& a": {
|
|
3072
|
+
color: "blue.400",
|
|
3073
|
+
cursor: "pointer",
|
|
3074
|
+
textDecoration: "underline",
|
|
3075
|
+
_hover: {
|
|
3076
|
+
color: "blue.500"
|
|
3077
|
+
}
|
|
3078
|
+
},
|
|
3066
3079
|
"& ol, ul": {
|
|
3067
3080
|
listStyle: "revert",
|
|
3068
3081
|
paddingLeft: "1.5em"
|
|
@@ -4038,7 +4051,7 @@ var colorPickerSlotRecipe = (0, import_dev39.defineSlotRecipe)({
|
|
|
4038
4051
|
],
|
|
4039
4052
|
base: {
|
|
4040
4053
|
root: {
|
|
4041
|
-
width: "
|
|
4054
|
+
width: "full",
|
|
4042
4055
|
position: "relative",
|
|
4043
4056
|
display: "flex",
|
|
4044
4057
|
flexDirection: "column",
|
package/dist/index.mjs
CHANGED
|
@@ -722,7 +722,9 @@ var inputSlotRecipe = defineSlotRecipe3({
|
|
|
722
722
|
defaultVariants: {
|
|
723
723
|
size: "md",
|
|
724
724
|
variant: "outline"
|
|
725
|
-
}
|
|
725
|
+
},
|
|
726
|
+
// TODO: Check why this recipe need to generate statically
|
|
727
|
+
staticCss: ["*"]
|
|
726
728
|
});
|
|
727
729
|
var inputGroupSlotRecipe = defineSlotRecipe3({
|
|
728
730
|
className: "input-group",
|
|
@@ -2953,6 +2955,7 @@ var richTextEditorSlotRecipe = defineSlotRecipe20({
|
|
|
2953
2955
|
},
|
|
2954
2956
|
toolbar: {
|
|
2955
2957
|
display: "flex",
|
|
2958
|
+
flexFlow: "wrap",
|
|
2956
2959
|
gap: "1",
|
|
2957
2960
|
border: "1px solid",
|
|
2958
2961
|
borderColor: "gray.100",
|
|
@@ -2968,10 +2971,12 @@ var richTextEditorSlotRecipe = defineSlotRecipe20({
|
|
|
2968
2971
|
color: "gray.600",
|
|
2969
2972
|
width: "28px",
|
|
2970
2973
|
height: "28px",
|
|
2974
|
+
padding: "1",
|
|
2971
2975
|
"&:hover": {
|
|
2972
2976
|
borderRadius: "md",
|
|
2973
2977
|
color: "blue.400",
|
|
2974
|
-
backgroundColor: "blue.50"
|
|
2978
|
+
backgroundColor: "blue.50",
|
|
2979
|
+
cursor: "pointer"
|
|
2975
2980
|
},
|
|
2976
2981
|
"&.is-active": {
|
|
2977
2982
|
color: "blue.400"
|
|
@@ -3037,6 +3042,14 @@ var RTEStyleProviderRecipe = defineRecipe12({
|
|
|
3037
3042
|
"& b, strong": {
|
|
3038
3043
|
fontWeight: "bolder"
|
|
3039
3044
|
},
|
|
3045
|
+
"& a": {
|
|
3046
|
+
color: "blue.400",
|
|
3047
|
+
cursor: "pointer",
|
|
3048
|
+
textDecoration: "underline",
|
|
3049
|
+
_hover: {
|
|
3050
|
+
color: "blue.500"
|
|
3051
|
+
}
|
|
3052
|
+
},
|
|
3040
3053
|
"& ol, ul": {
|
|
3041
3054
|
listStyle: "revert",
|
|
3042
3055
|
paddingLeft: "1.5em"
|
|
@@ -4012,7 +4025,7 @@ var colorPickerSlotRecipe = defineSlotRecipe27({
|
|
|
4012
4025
|
],
|
|
4013
4026
|
base: {
|
|
4014
4027
|
root: {
|
|
4015
|
-
width: "
|
|
4028
|
+
width: "full",
|
|
4016
4029
|
position: "relative",
|
|
4017
4030
|
display: "flex",
|
|
4018
4031
|
flexDirection: "column",
|
package/package.json
CHANGED
package/src/recipes/input.ts
CHANGED
|
@@ -127,7 +127,9 @@ const inputSlotRecipe = defineSlotRecipe({
|
|
|
127
127
|
defaultVariants: {
|
|
128
128
|
size: 'md',
|
|
129
129
|
variant: 'outline'
|
|
130
|
-
}
|
|
130
|
+
},
|
|
131
|
+
// TODO: Check why this recipe need to generate statically
|
|
132
|
+
staticCss: ['*']
|
|
131
133
|
})
|
|
132
134
|
|
|
133
135
|
const inputGroupSlotRecipe = defineSlotRecipe({
|
|
@@ -21,6 +21,7 @@ const richTextEditorSlotRecipe = defineSlotRecipe({
|
|
|
21
21
|
},
|
|
22
22
|
toolbar: {
|
|
23
23
|
display: 'flex',
|
|
24
|
+
flexFlow: 'wrap',
|
|
24
25
|
gap: '1',
|
|
25
26
|
border: '1px solid',
|
|
26
27
|
borderColor: 'gray.100',
|
|
@@ -36,10 +37,12 @@ const richTextEditorSlotRecipe = defineSlotRecipe({
|
|
|
36
37
|
color: 'gray.600',
|
|
37
38
|
width: '28px',
|
|
38
39
|
height: '28px',
|
|
40
|
+
padding: '1',
|
|
39
41
|
'&:hover': {
|
|
40
42
|
borderRadius: 'md',
|
|
41
43
|
color: 'blue.400',
|
|
42
|
-
backgroundColor: 'blue.50'
|
|
44
|
+
backgroundColor: 'blue.50',
|
|
45
|
+
cursor: 'pointer'
|
|
43
46
|
},
|
|
44
47
|
'&.is-active': {
|
|
45
48
|
color: 'blue.400'
|
|
@@ -106,6 +109,14 @@ const RTEStyleProviderRecipe = defineRecipe({
|
|
|
106
109
|
'& b, strong': {
|
|
107
110
|
fontWeight: 'bolder'
|
|
108
111
|
},
|
|
112
|
+
'& a': {
|
|
113
|
+
color: 'blue.400',
|
|
114
|
+
cursor: 'pointer',
|
|
115
|
+
textDecoration: 'underline',
|
|
116
|
+
_hover: {
|
|
117
|
+
color: 'blue.500',
|
|
118
|
+
}
|
|
119
|
+
},
|
|
109
120
|
'& ol, ul': {
|
|
110
121
|
listStyle: 'revert',
|
|
111
122
|
paddingLeft: '1.5em'
|