@ornikar/bumper 2.14.0 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/bumper",
-  "version": "2.14.0",
+  "version": "3.0.0",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/bumper",
@@ -29,18 +29,18 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.0",
-    "@ornikar/kitt-icons": "^14.4.0",
+    "@ornikar/kitt-icons": "^15.0.0",
     "@tamagui/core": "1.144.2",
     "@tamagui/image": "1.144.2",
     "@tamagui/scroll-view": "1.144.2"
   },
   "peerDependencies": {
     "@storybook/preview-api": ">=8.6.15",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": ">=0.76.9",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-native": ">=0.79.6",
     "react-native-reanimated": "^3.18.0",
-    "react-native-svg": "^15.8.0"
+    "react-native-svg": "^15.11.2"
   },
   "peerDependenciesMeta": {
     "@storybook/preview-api": {
@@ -66,13 +66,13 @@
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/react-native": "13.3.3",
-    "@types/react": "18.3.28",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-native": "0.76.9",
+    "@types/react": "19.0.10",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-native": "0.79.6",
     "react-native-reanimated": "3.18.0",
-    "react-native-svg": "15.8.0",
-    "react-test-renderer": "18.3.1",
+    "react-native-svg": "15.11.2",
+    "react-test-renderer": "19.0.0",
     "storybook": "8.6.15"
   },
   "expo": {

package/src/system/content/icon/Icon.tsx

@@ -20,8 +20,12 @@ const IconContainer = styled(View, {
 
 type IconContainerProps = GetProps<typeof IconContainer>;
 
+interface IconElementProps {
+  color?: ColorTokens;
+}
+
 interface InternalIconProps {
-  icon: ReactElement;
+  icon: ReactElement<IconElementProps>;
   color?: ColorTokens;
   size?: IconContainerProps['size'];
   testID?: IconContainerProps['testID'];

package/src/system/content/icon/__snapshots_web__/Icon.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/Icon/Features Colors 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -175,7 +175,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
 exports[`Bumper/Content/Icon/Features Sizes 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/icon/__snapshots_web__/Icon.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/Icon Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -61,7 +61,7 @@ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
 exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -119,7 +119,7 @@ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
 exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -189,7 +189,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
 exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -305,7 +305,7 @@ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
 exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -381,7 +381,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
 exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -451,7 +451,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
 exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/typography/__snapshots_web__/Typography.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/Typography Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/typography/__snapshots_web__/TypographyIcon.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/TypographyIcon/Features DifferentSizes 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -85,7 +85,7 @@ exports[`Bumper/Content/TypographyIcon/Features DifferentSizes 1`] = `
 exports[`Bumper/Content/TypographyIcon/Features InheritFromTypography 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -225,7 +225,7 @@ exports[`Bumper/Content/TypographyIcon/Features InheritFromTypography 1`] = `
 exports[`Bumper/Content/TypographyIcon/Features NestedTypographyInheritance 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -345,7 +345,7 @@ exports[`Bumper/Content/TypographyIcon/Features NestedTypographyInheritance 1`]
 exports[`Bumper/Content/TypographyIcon/Features OverrideInheritedColor 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -429,7 +429,7 @@ exports[`Bumper/Content/TypographyIcon/Features OverrideInheritedColor 1`] = `
 exports[`Bumper/Content/TypographyIcon/Features WithExplicitColor 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/typography/__snapshots_web__/TypographyIcon.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/TypographyIcon Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/typography/__snapshots_web__/TypographyLink.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/TypographyLink/Features DisabledFalse 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -35,7 +35,7 @@ exports[`Bumper/Content/TypographyLink/Features DisabledFalse 1`] = `
 exports[`Bumper/Content/TypographyLink/Features DisabledTrue 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -68,7 +68,7 @@ exports[`Bumper/Content/TypographyLink/Features DisabledTrue 1`] = `
 exports[`Bumper/Content/TypographyLink/Features NoUnderlineFalse 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -100,7 +100,7 @@ exports[`Bumper/Content/TypographyLink/Features NoUnderlineFalse 1`] = `
 exports[`Bumper/Content/TypographyLink/Features NoUnderlineTrue 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -132,7 +132,7 @@ exports[`Bumper/Content/TypographyLink/Features NoUnderlineTrue 1`] = `
 exports[`Bumper/Content/TypographyLink/Features StateHover 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/content/typography/__snapshots_web__/TypographyLink.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Content/TypographyLink Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/Image/__snapshots_web__/Image.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Image Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -18,11 +18,11 @@ exports[`Bumper/Core/Primitives/Image Default 1`] = `
           style="display: contents;"
         >
           <div
-            class="css-view-175oi2r r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
             style="width: var(--t-size-size--120); height: var(--t-size-size--144);"
           >
             <div
-              class="css-view-175oi2r r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
+              class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
               style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGUExURUUvRf///xUXFNgAAAABYktHRAH/Ai3eAAAAB3RJTUUH6gETDxAgfjc2IQAAABRJREFUOMtjYBgFo2AUjIJRQE8AAAV4AAEpcbn8AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI2LTAxLTE5VDE1OjE2OjMyKzAwOjAwpvKSnwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNi0wMS0xOVQxNToxNjozMiswMDowMNevKiMAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjYtMDEtMTlUMTU6MTY6MzIrMDA6MDCAugv8AAAAAElFTkSuQmCC");"
             />
             <img

package/src/system/core/primitives/ScrollView/__snapshots_web__/ScrollView.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/ScrollView/Features HiddenIndicators 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -30,10 +30,10 @@ exports[`Bumper/Core/Primitives/ScrollView/Features HiddenIndicators 1`] = `
               class="_dsp_contents"
             >
               <div
-                class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx is_ScrollView _height-t-size-size42947727 _width-t-size-size42948634 r-scrollbarWidth-2eszeu"
+                class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx is_ScrollView _height-t-size-size42947727 _width-t-size-size42948634 r-scrollbarWidth-2eszeu"
               >
                 <div
-                  class="css-view-175oi2r"
+                  class="css-view-g5y9jx"
                 >
                   <div
                     class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166 _paddingTop-t-space-spa94482166 _paddingRight-t-space-spa94482166 _paddingBottom-t-space-spa94482166 _paddingLeft-t-space-spa94482166"
@@ -132,10 +132,10 @@ exports[`Bumper/Core/Primitives/ScrollView/Features HiddenIndicators 1`] = `
               class="_dsp_contents"
             >
               <div
-                class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-18u37iz r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-lltvgl r-overflowY-buy8e9 r-transform-agouwx is_ScrollView _height-t-size-size1385624 _width-t-size-size42948634 r-scrollbarWidth-2eszeu"
+                class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-18u37iz r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-lltvgl r-overflowY-buy8e9 r-transform-agouwx is_ScrollView _height-t-size-size1385624 _width-t-size-size42948634 r-scrollbarWidth-2eszeu"
               >
                 <div
-                  class="css-view-175oi2r r-flexDirection-18u37iz"
+                  class="css-view-g5y9jx r-flexDirection-18u37iz"
                 >
                   <div
                     class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa94482166 _paddingTop-t-space-spa94482166 _paddingRight-t-space-spa94482166 _paddingBottom-t-space-spa94482166 _paddingLeft-t-space-spa94482166"
@@ -235,7 +235,7 @@ exports[`Bumper/Core/Primitives/ScrollView/Features HiddenIndicators 1`] = `
 exports[`Bumper/Core/Primitives/ScrollView/Features HorizontalScroll 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -253,10 +253,10 @@ exports[`Bumper/Core/Primitives/ScrollView/Features HorizontalScroll 1`] = `
             class="_dsp_contents"
           >
             <div
-              class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-18u37iz r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-lltvgl r-overflowY-buy8e9 r-transform-agouwx is_ScrollView _height-t-size-size1385661 _width-t-size-size42948634"
+              class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-18u37iz r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-lltvgl r-overflowY-buy8e9 r-transform-agouwx is_ScrollView _height-t-size-size1385661 _width-t-size-size42948634"
             >
               <div
-                class="css-view-175oi2r r-flexDirection-18u37iz"
+                class="css-view-g5y9jx r-flexDirection-18u37iz"
               >
                 <div
                   class="is_HStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa94482166 _paddingTop-t-space-spa94482166 _paddingRight-t-space-spa94482166 _paddingBottom-t-space-spa94482166 _paddingLeft-t-space-spa94482166"
@@ -375,7 +375,7 @@ exports[`Bumper/Core/Primitives/ScrollView/Features HorizontalScroll 1`] = `
 exports[`Bumper/Core/Primitives/ScrollView/Features ScrollDisabled 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -402,10 +402,10 @@ exports[`Bumper/Core/Primitives/ScrollView/Features ScrollDisabled 1`] = `
               class="_dsp_contents"
             >
               <div
-                class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-transform-agouwx is_ScrollView _height-t-size-size42947727 _width-t-size-size42948634 r-overflowX-11yh6sk r-overflowY-buy8e9 r-touchAction-19z077z"
+                class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-transform-agouwx is_ScrollView _height-t-size-size42947727 _width-t-size-size42948634 r-overflowX-11yh6sk r-overflowY-buy8e9 r-touchAction-19z077z"
               >
                 <div
-                  class="css-view-175oi2r"
+                  class="css-view-g5y9jx"
                 >
                   <div
                     class="is_VStack _dsp-flex _alignItems-stretch _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-column _gap-t-space-spa94482166 _paddingTop-t-space-spa94482166 _paddingRight-t-space-spa94482166 _paddingBottom-t-space-spa94482166 _paddingLeft-t-space-spa94482166"

package/src/system/core/primitives/ScrollView/__snapshots_web__/ScrollView.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/ScrollView Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -21,10 +21,10 @@ exports[`Bumper/Core/Primitives/ScrollView Default 1`] = `
             class="_dsp_contents"
           >
             <div
-              class="css-view-175oi2r r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx is_ScrollView _height-t-size-size42947888 _width-t-size-size42948634"
+              class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx is_ScrollView _height-t-size-size42947888 _width-t-size-size42948634"
             >
               <div
-                class="css-view-175oi2r"
+                class="css-view-g5y9jx"
                 style="gap: var(--t-space-space--8);"
               >
                 <div

package/src/system/core/primitives/__snapshots_web__/Center.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Center/Features CenteringText 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -51,7 +51,7 @@ exports[`Bumper/Core/Primitives/Center/Features CenteringText 1`] = `
 exports[`Bumper/Core/Primitives/Center/Features CircularCentering 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/Center.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Center Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/Pressable.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Pressable/Features HoverEffects 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -67,7 +67,7 @@ exports[`Bumper/Core/Primitives/Pressable/Features HoverEffects 1`] = `
 exports[`Bumper/Core/Primitives/Pressable/Features PolymorphicAs 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -131,7 +131,7 @@ exports[`Bumper/Core/Primitives/Pressable/Features PolymorphicAs 1`] = `
 exports[`Bumper/Core/Primitives/Pressable/Features PressEffects 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/Pressable.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Pressable Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Stack/Features FlexGrowExample 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -71,7 +71,7 @@ exports[`Bumper/Core/Primitives/Stack/Features FlexGrowExample 1`] = `
 exports[`Bumper/Core/Primitives/Stack/Features FlexWrap 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -199,7 +199,7 @@ exports[`Bumper/Core/Primitives/Stack/Features FlexWrap 1`] = `
 exports[`Bumper/Core/Primitives/Stack/Features GridLikeLayout 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -299,7 +299,7 @@ exports[`Bumper/Core/Primitives/Stack/Features GridLikeLayout 1`] = `
 exports[`Bumper/Core/Primitives/Stack/Features HStackBasic 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -357,7 +357,7 @@ exports[`Bumper/Core/Primitives/Stack/Features HStackBasic 1`] = `
 exports[`Bumper/Core/Primitives/Stack/Features NestedStacks 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -459,7 +459,7 @@ exports[`Bumper/Core/Primitives/Stack/Features NestedStacks 1`] = `
 exports[`Bumper/Core/Primitives/Stack/Features VStackBasic 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/Stack Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/View.features.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/View/Features BackgroundColors 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -121,7 +121,7 @@ exports[`Bumper/Core/Primitives/View/Features BackgroundColors 1`] = `
 exports[`Bumper/Core/Primitives/View/Features BorderColors 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -219,7 +219,7 @@ exports[`Bumper/Core/Primitives/View/Features BorderColors 1`] = `
 exports[`Bumper/Core/Primitives/View/Features BordersAndRadius 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -297,7 +297,7 @@ exports[`Bumper/Core/Primitives/View/Features BordersAndRadius 1`] = `
 exports[`Bumper/Core/Primitives/View/Features DirectionalMargin 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -349,7 +349,7 @@ exports[`Bumper/Core/Primitives/View/Features DirectionalMargin 1`] = `
 exports[`Bumper/Core/Primitives/View/Features DirectionalPadding 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -407,7 +407,7 @@ exports[`Bumper/Core/Primitives/View/Features DirectionalPadding 1`] = `
 exports[`Bumper/Core/Primitives/View/Features FlexAlignment 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -511,7 +511,7 @@ exports[`Bumper/Core/Primitives/View/Features FlexAlignment 1`] = `
 exports[`Bumper/Core/Primitives/View/Features FlexLayout 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -597,7 +597,7 @@ exports[`Bumper/Core/Primitives/View/Features FlexLayout 1`] = `
 exports[`Bumper/Core/Primitives/View/Features FlexWrap 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -745,7 +745,7 @@ exports[`Bumper/Core/Primitives/View/Features FlexWrap 1`] = `
 exports[`Bumper/Core/Primitives/View/Features MarginVariants 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -807,7 +807,7 @@ exports[`Bumper/Core/Primitives/View/Features MarginVariants 1`] = `
 exports[`Bumper/Core/Primitives/View/Features OverflowBehavior 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""
@@ -855,7 +855,7 @@ exports[`Bumper/Core/Primitives/View/Features OverflowBehavior 1`] = `
 exports[`Bumper/Core/Primitives/View/Features PaddingVariants 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/primitives/__snapshots_web__/View.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Primitives/View Default 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""

package/src/system/core/themes/light/__snapshots_web__/light.stories.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Bumper/Core/Themes Light 1`] = `
 <DocumentFragment>
   <div
-    class="css-view-175oi2r r-flex-13awgt0"
+    class="css-view-g5y9jx r-flex-13awgt0"
   >
     <span
       class=""