@pingux/astro 2.149.2-alpha.1 → 2.150.0-alpha.1

package/lib/cjs/styles/themes/next-gen/stories/StickerSheetComponent.js

@@ -63,7 +63,7 @@ var iconSizes = ['icon-100', 'icon-200', 'icon-300', 'icon-400', 'icon-500', 'ic
 var StickerSheetComponent = function StickerSheetComponent() {
   return (0, _react2.jsx)(_index.Box, {
     sx: {
-      backgroundColor: 'background.base'
+      backgroundColor: 'backgroundBase'
     },
     height: "100%",
     p: "lg",

package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts

@@ -4,18 +4,9 @@ export declare const badgeDeleteButton: {
     height: number;
     p: number;
     width: number;
-    transition: string;
-    outline: string;
-    border: string;
-    borderColor: string;
     path: {
         fill: string;
     };
-    '&.is-focused': {
-        outline: string;
-        outlineColor: string;
-        outlineOffset: string;
-    };
     '&.is-hovered': {
         backgroundColor: string;
         path: {
@@ -24,11 +15,19 @@ export declare const badgeDeleteButton: {
     };
     '&.is-pressed': {
         backgroundColor: string;
-        borderColor: string;
         path: {
             fill: string;
         };
     };
+    '&.is-focused': {
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+    transition: string;
+    outline: string;
+    border: string;
+    boxShadow: string;
 };
 export declare const badges: {
     baseBadge: {
@@ -753,18 +752,9 @@ export declare const badges: {
         height: number;
         p: number;
         width: number;
-        transition: string;
-        outline: string;
-        border: string;
-        borderColor: string;
         path: {
             fill: string;
         };
-        '&.is-focused': {
-            outline: string;
-            outlineColor: string;
-            outlineOffset: string;
-        };
         '&.is-hovered': {
             backgroundColor: string;
             path: {
@@ -773,11 +763,19 @@ export declare const badges: {
         };
         '&.is-pressed': {
             backgroundColor: string;
-            borderColor: string;
             path: {
                 fill: string;
             };
         };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        transition: string;
+        outline: string;
+        border: string;
+        boxShadow: string;
     };
     itemBadgeWithSlot: {
         bg: string;