| @@ -1,9 +1,9 @@ | ||
| 1 | 1 | { |
| 2 | 2 | "$schema": "https://schemas.wp.org/trunk/block.json", |
| 3 | 3 | "apiVersion": 3, |
| 4 | 4 | "name": "ablocks/button", |
| 5 | - "version": "0.1.0", | |
| 5 | + "version": "2", | |
| 6 | 6 | "title": "Button", |
| 7 | 7 | "category": "ablocks", |
| 8 | 8 | "description": "Design stylish call-to-action buttons.", |
| 9 | 9 | "keywords": [ |
| @@ -26,13 +26,22 @@ | ||
| 26 | 26 | ], |
| 27 | 27 | "editorScript": [ |
| 28 | 28 | "ablocks-common-script" |
| 29 | 29 | ], |
| 30 | + "usesContext": [ | |
| 31 | + "postId", | |
| 32 | + "postType", | |
| 33 | + "queryId" | |
| 34 | + ], | |
| 30 | 35 | "attributes": { |
| 31 | 36 | "block_id": { |
| 32 | 37 | "type": "string", |
| 33 | 38 | "default": "" |
| 34 | 39 | }, |
| 40 | + "blockVersion": { | |
| 41 | + "type": "number", | |
| 42 | + "default": "" | |
| 43 | + }, | |
| 35 | 44 | "text": { |
| 36 | 45 | "type": "string", |
| 37 | 46 | "default": "Click here" |
| 38 | 47 | }, |
| @@ -109,8 +118,16 @@ | ||
| 109 | 118 | "iconBgColor": { |
| 110 | 119 | "type": "string", |
| 111 | 120 | "default": "" |
| 112 | 121 | }, |
| 122 | + "iconHoverColor": { | |
| 123 | + "type": "string", | |
| 124 | + "default": "" | |
| 125 | + }, | |
| 126 | + "iconHoverBgColor": { | |
| 127 | + "type": "string", | |
| 128 | + "default": "" | |
| 129 | + }, | |
| 113 | 130 | "iconType": { |
| 114 | 131 | "type": "string", |
| 115 | 132 | "default": "default" |
| 116 | 133 | }, |
| @@ -129,30 +146,70 @@ | ||
| 129 | 146 | "left": "", |
| 130 | 147 | "unit": "px" |
| 131 | 148 | } |
| 132 | 149 | }, |
| 133 | - "iconBorderRadius": { | |
| 150 | + "iconBorder": { | |
| 134 | 151 | "type": "object", |
| 135 | 152 | "default": { |
| 136 | - "isLinked": true, | |
| 137 | - "common": "", | |
| 138 | - "top": "", | |
| 139 | - "right": "", | |
| 140 | - "bottom": "", | |
| 141 | - "left": "", | |
| 142 | - "unit": "px" | |
| 153 | + "borderStyle": "default", | |
| 154 | + "borderStyleH": "default", | |
| 155 | + "borderColor": "", | |
| 156 | + "borderColorH": "", | |
| 157 | + "isLinkedWidth": true, | |
| 158 | + "isLinkedWidthTablet": true, | |
| 159 | + "isLinkedWidthMobile": true, | |
| 160 | + "commonWidth": "", | |
| 161 | + "topWidth": "", | |
| 162 | + "rightWidth": "", | |
| 163 | + "bottomWidth": "", | |
| 164 | + "leftWidth": "", | |
| 165 | + "unitWidth": "px", | |
| 166 | + "isLinkedWidthH": true, | |
| 167 | + "isLinkedWidthHTablet": true, | |
| 168 | + "isLinkedWidthHMobile": true, | |
| 169 | + "commonWidthH": "", | |
| 170 | + "topWidthH": "", | |
| 171 | + "rightWidthH": "", | |
| 172 | + "bottomWidthH": "", | |
| 173 | + "leftWidthH": "", | |
| 174 | + "unitWidthH": "px", | |
| 175 | + "isLinkedRadius": true, | |
| 176 | + "commonRadius": "", | |
| 177 | + "topRadius": "", | |
| 178 | + "rightRadius": "", | |
| 179 | + "bottomRadius": "", | |
| 180 | + "leftRadius": "", | |
| 181 | + "unitRadius": "px", | |
| 182 | + "isLinkedRadiusH": true, | |
| 183 | + "isLinkedRadiusHTablet": true, | |
| 184 | + "isLinkedRadiusHMobile": true, | |
| 185 | + "commonRadiusH": "", | |
| 186 | + "topRadiusH": "", | |
| 187 | + "leftRadiusH": "", | |
| 188 | + "unitRadiusH": "px", | |
| 189 | + "transitionDuration": "" | |
| 143 | 190 | } |
| 144 | 191 | }, |
| 145 | - "iconBorderWidth": { | |
| 192 | + "iconBoxShadow": { | |
| 146 | 193 | "type": "object", |
| 147 | 194 | "default": { |
| 148 | - "isLinked": true, | |
| 149 | - "common": "", | |
| 150 | - "top": "", | |
| 151 | - "right": "", | |
| 152 | - "bottom": "", | |
| 153 | - "left": "", | |
| 154 | - "unit": "px" | |
| 195 | + "preset": "", | |
| 196 | + "shadowType": "default", | |
| 197 | + "shadow": "", | |
| 198 | + "horizontal": "", | |
| 199 | + "vertical": "", | |
| 200 | + "blur": "", | |
| 201 | + "spread": "", | |
| 202 | + "color": "", | |
| 203 | + "presetH": "", | |
| 204 | + "shadowTypeH": "default", | |
| 205 | + "shadowH": "", | |
| 206 | + "horizontalH": "", | |
| 207 | + "verticalH": "", | |
| 208 | + "blurH": "", | |
| 209 | + "spreadH": "", | |
| 210 | + "colorH": "", | |
| 211 | + "transitionDuration": "0" | |
| 155 | 212 | } |
| 156 | 213 | }, |
| 157 | 214 | "iconSize": { |
| 158 | 215 | "type": "number", |
| @@ -335,13 +392,17 @@ | ||
| 335 | 392 | "leftMobile": "", |
| 336 | 393 | "unitMobile": "" |
| 337 | 394 | } |
| 338 | 395 | }, |
| 396 | + "typographyGlobal": { | |
| 397 | + "type": "string", | |
| 398 | + "default": "" | |
| 399 | + }, | |
| 339 | 400 | "typography": { |
| 340 | 401 | "type": "object", |
| 341 | 402 | "default": { |
| 342 | 403 | "fontFamily": "", |
| 343 | - "weight": "400", | |
| 404 | + "weight": "", | |
| 344 | 405 | "transform": "", |
| 345 | 406 | "style": "", |
| 346 | 407 | "decoration": "", |
| 347 | 408 | "fontSize": "", |
| @@ -850,9 +911,9 @@ | ||
| 850 | 911 | "xPositionUnitMobile": "px", |
| 851 | 912 | "xPosition": "", |
| 852 | 913 | "xPositionTablet": "0", |
| 853 | 914 | "xPositionMobile": "0", |
| 854 | - "yPositionUnit": "0", | |
| 915 | + "yPositionUnit": "px", | |
| 855 | 916 | "yPositionUnitTablet": "px", |
| 856 | 917 | "yPositionUnitMobile": "px", |
| 857 | 918 | "yPosition": "0", |
| 858 | 919 | "yPositionTablet": "0", |
| @@ -890,8 +951,34 @@ | ||
| 890 | 951 | "colorH": "", |
| 891 | 952 | "transitionDuration": "0" |
| 892 | 953 | } |
| 893 | 954 | }, |
| 955 | + "_gsapAnimation": { | |
| 956 | + "type": "object", | |
| 957 | + "default": { | |
| 958 | + "animationType": "none", | |
| 959 | + "duration": 1, | |
| 960 | + "delay": 0, | |
| 961 | + "triggerType": "scroll", | |
| 962 | + "ease": "none", | |
| 963 | + "x": 0, | |
| 964 | + "y": 0, | |
| 965 | + "rotation": 0, | |
| 966 | + "rotationY": 0, | |
| 967 | + "opacity": 1, | |
| 968 | + "xTo": 0, | |
| 969 | + "yTo": 0, | |
| 970 | + "rotationTo": 0, | |
| 971 | + "rotationYTo": 0, | |
| 972 | + "opacityTo": 1, | |
| 973 | + "easeTo": "none", | |
| 974 | + "loops": false, | |
| 975 | + "numberOfRepeat": 0, | |
| 976 | + "isSmooth": true, | |
| 977 | + "startPoint": 80, | |
| 978 | + "endPoint": 10 | |
| 979 | + } | |
| 980 | + }, | |
| 894 | 981 | "_hide_on_desktop": { |
| 895 | 982 | "type": "boolean", |
| 896 | 983 | "default": false |
| 897 | 984 | }, |
| @@ -905,7 +992,21 @@ | ||
| 905 | 992 | }, |
| 906 | 993 | "_custom_css": { |
| 907 | 994 | "type": "string", |
| 908 | 995 | "default": "" |
| 996 | + }, | |
| 997 | + "_animation_element_trigger": { | |
| 998 | + "type": "array", | |
| 999 | + "default": [], | |
| 1000 | + "items": { | |
| 1001 | + "type": "object" | |
| 1002 | + } | |
| 1003 | + }, | |
| 1004 | + "_animation_page_trigger": { | |
| 1005 | + "type": "array", | |
| 1006 | + "default": [], | |
| 1007 | + "items": { | |
| 1008 | + "type": "object" | |
| 1009 | + } | |
| 909 | 1010 | } |
| 910 | 1011 | } |
| 911 | 1012 | } |