@artsy/palette-mobile 19.17.0 → 20.0.0--canary.399.4711.0

package/dist/elements/BorderBox/BorderBox.d.ts

@@ -8,4 +8,6 @@ export interface BorderBoxProps extends FlexProps, BorderProps, SpaceProps<Spaci
  * A `View` or `div` (depending on the platform) that has a common border
  * and padding set by default
  */
-export declare const BorderBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").BoxProps & import("react").RefAttributes<import("react-native").View>>, any, BorderBoxProps, never>;
+export declare const BorderBox: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<Omit<import("..").BoxProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: import("react").Ref<import("react-native").View>;
+}, BorderBoxProps>>;

package/dist/elements/Box/Box.d.ts

@@ -12,5 +12,5 @@ export interface BoxProps extends ViewProps, SpaceProps<SpacingUnitsTheme>, Omit
 /**
  * Box is just a `View` with common styled-system props.
  */
-export declare const Box: import("styled-components").StyledComponent<typeof View, any, BoxProps, never>;
+export declare const Box: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<ViewProps & import("react").RefAttributes<View>, BoxProps>>;
 export {};

package/dist/elements/Box/Box.stories.d.ts

@@ -1,7 +1,7 @@
 import { View } from "react-native";
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<typeof View, any, import("./Box").BoxProps, never>;
+    component: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps & import("react").RefAttributes<View>, import("./Box").BoxProps>>;
 };
 export default _default;
 export declare const Styled: () => import("react/jsx-runtime").JSX.Element;

package/dist/elements/Checkbox/Checkbox.d.ts

@@ -16,5 +16,5 @@ interface CheckMarkProps {
     size: number;
 }
 export declare const CheckMark: ({ size }: CheckMarkProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledMark: import("styled-components").StyledComponent<({ size }: CheckMarkProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const DisabledMark: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<CheckMarkProps, never>>;
 export {};

package/dist/elements/Input/helpers.d.ts

@@ -39,5 +39,5 @@ export declare const getInputState: ({ isFocused, value, }: {
 export declare const getInputVariant: ({ disabled, hasError, }: {
     disabled: boolean;
     hasError: boolean;
-}) => "disabled" | "error" | "default";
+}) => "disabled" | "default" | "error";
 export {};

package/dist/elements/Pill/Pill.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from "@artsy/icons/native";
 import { MotiPressableProps } from "moti/interactions";
-import { FlattenInterpolation } from "styled-components";
+import { RuleSet } from "styled-components";
 import { FlexProps } from "../Flex";
 export declare const PILL_VARIANT_NAMES: readonly ["badge", "default", "dotted", "filter", "profile", "search", "onboarding", "link"];
 export type PillState = "default" | "selected" | "disabled";
@@ -18,5 +18,5 @@ export type PillProps = (FlexProps & {
     src?: string;
 });
 export declare const Pill: React.FC<PillProps>;
-declare const PILL_VARIANTS: Record<PillVariant, Record<PillState, FlattenInterpolation<any>>>;
+declare const PILL_VARIANTS: Record<PillVariant, Record<PillState, RuleSet>>;
 export {};

package/dist/elements/Radio/RadioButton.d.ts

@@ -22,5 +22,5 @@ interface RadioDotProps {
     size: number;
 }
 export declare const RadioDot: ({ size }: RadioDotProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DisabledDot: import("styled-components").StyledComponent<({ size }: RadioDotProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const DisabledDot: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<RadioDotProps, never>>;
 export {};

package/dist/elements/Separator/Separator.d.ts

@@ -4,4 +4,4 @@ export interface SeparatorProps extends SpaceProps, WidthProps, BorderProps {
 /**
  * A horizontal divider whose width and spacing can be adjusted
  */
-export declare const Separator: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, SeparatorProps, never>;
+export declare const Separator: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, SeparatorProps>, SeparatorProps>>;

package/dist/elements/Separator/Separator.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("./Separator").SeparatorProps, never>;
+    component: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, import("./Separator").SeparatorProps>, import("./Separator").SeparatorProps>>;
 };
 export default _default;
 export declare const Styled: () => import("react/jsx-runtime").JSX.Element;

package/dist/elements/Separator/ShadowSeparator.d.ts

@@ -1 +1,3 @@
-export declare const ShadowSeparator: import("styled-components").StyledComponent<typeof import("react-native").View, any, import("./Separator").SeparatorProps, never>;
+export declare const ShadowSeparator: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, import("./Separator").SeparatorProps>, keyof import("./Separator").SeparatorProps> & import("./Separator").SeparatorProps, "ref"> & {
+    ref?: import("react").Ref<import("react-native").View>;
+}, never>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "19.17.0",
+  "version": "20.0.0--canary.399.4711.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "expo run:android --port 8082",
@@ -38,7 +38,6 @@
     "@artsy/palette-tokens": "7.0.0",
     "@d11/react-native-fast-image": "8.12.0",
     "@shopify/flash-list": "^1.8.3",
-    "@styled-system/core": "^5.1.2",
     "@styled-system/theme-get": "^5.1.2",
     "events": "^3.3.0",
     "lodash": "^4.17.21",
@@ -91,10 +90,7 @@
     "@types/lodash": "4.14.191",
     "@types/react": "~19.0.10",
     "@types/react-test-renderer": "19.0.0",
-    "@types/styled-components": "^5.1.26",
-    "@types/styled-components-react-native": "^5.2.1",
     "@types/styled-system": "^5.1.16",
-    "@types/styled-system__core": "^5.1.3",
     "@types/styled-system__theme-get": "^5.0.2",
     "@typescript-eslint/eslint-plugin": "5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
@@ -137,7 +133,7 @@
     "react-native-svg": "15.12.0",
     "react-test-renderer": "19.0.0",
     "rimraf": "4.1.2",
-    "styled-components": "5.3.6",
+    "styled-components": "6.1.19",
     "typescript": "5.8.3"
   },
   "resolutions": {