@ornikar/bumper 3.12.0 → 3.13.0

package/dist/index-metro.es.ios.js

@@ -1327,5 +1327,54 @@ function SwitchBreakpoints(values) {
   return getValueForBreakpoint(breakpoint, values);
 }
 
-export { Badge, BumperProvider, Button, Center, HStack, IconButton, Loader, Pressable, Sticker, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
+const InternalDividerFrame = styled(View, {
+  name: 'Divider',
+  alignSelf: 'stretch',
+  variants: {
+    type: {
+      subtle: {},
+      strong: {}
+    },
+    isVertical: {
+      true: (_, {
+        props
+      }) => ({
+        width: props.type === 'strong' ? 8 : 1
+      }),
+      false: (_, {
+        props
+      }) => ({
+        height: props.type === 'strong' ? 8 : 1
+      })
+    },
+    isOnContrasted: {
+      true: (_, {
+        props
+      }) => ({
+        backgroundColor: props.type === 'strong' ? '$divider.border.strong.onContrasted' : '$divider.border.subtle.onContrasted'
+      }),
+      false: (_, {
+        props
+      }) => ({
+        backgroundColor: props.type === 'strong' ? '$divider.border.strong' : '$divider.border.subtle'
+      })
+    }
+  },
+  defaultVariants: {
+    type: 'subtle',
+    isVertical: false,
+    isOnContrasted: false
+  }
+});
+const InternalDivider = InternalDividerFrame.styleable((props, ref) => {
+  const flattenProps = useProps(props);
+  return /*#__PURE__*/jsx(InternalDividerFrame, _objectSpread({
+    ref: ref
+  }, flattenProps));
+});
+function Divider(props) {
+  return /*#__PURE__*/jsx(InternalDivider, _objectSpread({}, props));
+}
+
+export { Badge, BumperProvider, Button, Center, Divider, HStack, IconButton, Loader, Pressable, Sticker, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
 //# sourceMappingURL=index-metro.es.ios.js.map