@parrot-co/parrot-ui 0.0.61 → 0.0.63

package/dist/module.js

@@ -1005,7 +1005,8 @@ const $22d93d8ad1e2d08d$export$5a7eb6284e7684f5 = (0, $9ade691eb9e41cfb$export$d
             outline: {},
             lightOutline: {},
             solidMono: {},
-            plain: {}
+            plain: {},
+            pastel: {}
         },
         isInteractive: {}
     },
@@ -1015,7 +1016,8 @@ const $22d93d8ad1e2d08d$export$5a7eb6284e7684f5 = (0, $9ade691eb9e41cfb$export$d
         ...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("outline"),
         ...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("lightOutline"),
         ...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("solidMono"),
-        ...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("plain")
+        ...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("plain"),
+        ...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("pastel")
     ]
 });
 function $22d93d8ad1e2d08d$export$71074ab0ed740397(color) {
@@ -1036,6 +1038,24 @@ function $22d93d8ad1e2d08d$export$ccdcc3b9d72a654(color, variant) {
             }
         }
     };
+    if (variant === "pastel") return {
+        color: color,
+        variant: variant,
+        css: {
+            background: `$${color}6`,
+            color: `$${color}12`,
+            fill: `$${color}12`,
+            border: "none",
+            '&[data-interactive="true"]': {
+                "&:hover": {
+                    background: `$${color}5`
+                }
+            },
+            "&:focus": {
+                boxShadow: $22d93d8ad1e2d08d$export$71074ab0ed740397(color)
+            }
+        }
+    };
     if (variant === "plain") return {
         color: color,
         variant: variant,
@@ -3304,6 +3324,7 @@ const $bc830feefb2f8a48$export$f7513421c53ce141 = (0, $9ade691eb9e41cfb$export$3
     justifyContent: "center",
     overflow: "hidden",
     flexShrink: 0,
+    transition: "all 250ms",
     img: {
         width: "100%",
         objectFit: "cover",
@@ -4634,5 +4655,6 @@ function $b13859906e03ed0f$export$e44a253a59704894(props) {
 
 
 
-export {$d22d8a7881f7b33f$export$2e2bcd8739ae039 as Box, $07781ffe9a5ae30b$export$ef2184bd89960b14 as Grid, $07781ffe9a5ae30b$export$9eb849b9b922d396 as GridItem, $f09084fde7cc0470$export$2e2bcd8739ae039 as Column, $391d62e0590dec97$export$2e2bcd8739ae039 as Flex, $61dde3060428563f$export$f5b8910cec6cf069 as Input, $4fdef5d0844b7575$export$2e2bcd8739ae039 as Text, $7f7599719bb2a749$export$379139ebc1c2b235 as Textarea, $59636f06ede7befa$export$353f5b6fc5456de1 as Button, $39ebe5a116c39d6c$export$c25acd513dcc8062 as IconButton, $b5830f3daeb33bb2$export$48513f6b9f8ce62d as Checkbox, $5711a5825d7012d3$export$4aa08d5625cb8ead as CheckboxGroup, $b5c60232b181c4bd$export$d7b12c4107be0d61 as Radio, $b5c60232b181c4bd$export$a98f0dcb43a68a25 as RadioGroup, $f7762930a14621d8$export$f8afaea2e9656b91 as RadioCard, $604e914a624d5a0f$export$a26e8b900a29a570 as Select, $8370e4d32f002899$export$5109c6dd95d8fb00 as DatePicker, $2b3b1dc9b2ed8672$export$e2255cf6045e8d47 as Avatar, $c0386802302e82e5$export$1a5cb5295a7d2749 as FileUploader, $4724a2c0da358be5$export$1ff3c3f08ae963c0 as Separator, $12105c91de6d0b91$export$b25a304ec7d746bb as Progress, $8eafe9f534066907$export$3b0d6d7590275603 as Loader, $d20773ec72923119$export$be92b6f5f03c0fe9 as Root, $d20773ec72923119$export$6d08773d2e66f8f2 as Item, $827cce002ec16c4b$export$3288d34c523a1192 as Tag, $4fd64b5726f94f78$export$b5d5cf8927ab7262 as Switch, $fd0a1cc8c4288e44$export$dbada5ace43900dd as ColorTray, $d2eff3f3a30a8f9a$export$50e381fea3a45244 as IconTray, $ea604f064e7efbe1$export$ea98c603db73aee7 as Sticker, $b13859906e03ed0f$export$e44a253a59704894 as DropdownMenu};
+
+export {$d22d8a7881f7b33f$export$2e2bcd8739ae039 as Box, $07781ffe9a5ae30b$export$ef2184bd89960b14 as Grid, $07781ffe9a5ae30b$export$9eb849b9b922d396 as GridItem, $f09084fde7cc0470$export$2e2bcd8739ae039 as Column, $391d62e0590dec97$export$2e2bcd8739ae039 as Flex, $61dde3060428563f$export$f5b8910cec6cf069 as Input, $4fdef5d0844b7575$export$2e2bcd8739ae039 as Text, $7f7599719bb2a749$export$379139ebc1c2b235 as Textarea, $59636f06ede7befa$export$353f5b6fc5456de1 as Button, $39ebe5a116c39d6c$export$c25acd513dcc8062 as IconButton, $b5830f3daeb33bb2$export$48513f6b9f8ce62d as Checkbox, $5711a5825d7012d3$export$4aa08d5625cb8ead as CheckboxGroup, $b5c60232b181c4bd$export$d7b12c4107be0d61 as Radio, $b5c60232b181c4bd$export$a98f0dcb43a68a25 as RadioGroup, $f7762930a14621d8$export$f8afaea2e9656b91 as RadioCard, $604e914a624d5a0f$export$a26e8b900a29a570 as Select, $8370e4d32f002899$export$5109c6dd95d8fb00 as DatePicker, $2b3b1dc9b2ed8672$export$e2255cf6045e8d47 as Avatar, $c0386802302e82e5$export$1a5cb5295a7d2749 as FileUploader, $4724a2c0da358be5$export$1ff3c3f08ae963c0 as Separator, $12105c91de6d0b91$export$b25a304ec7d746bb as Progress, $8eafe9f534066907$export$3b0d6d7590275603 as Loader, $d20773ec72923119$export$be92b6f5f03c0fe9 as Root, $d20773ec72923119$export$be92b6f5f03c0fe9 as Tabs, $d20773ec72923119$export$6d08773d2e66f8f2 as Item, $d20773ec72923119$export$6d08773d2e66f8f2 as TabItem, $827cce002ec16c4b$export$3288d34c523a1192 as Tag, $4fd64b5726f94f78$export$b5d5cf8927ab7262 as Switch, $fd0a1cc8c4288e44$export$dbada5ace43900dd as ColorTray, $d2eff3f3a30a8f9a$export$50e381fea3a45244 as IconTray, $ea604f064e7efbe1$export$ea98c603db73aee7 as Sticker, $b13859906e03ed0f$export$e44a253a59704894 as DropdownMenu};
 //# sourceMappingURL=module.js.map