@artsy/palette-mobile 8.7.4 → 8.7.5

package/dist/Theme.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { AllThemesType, ThemeV3Type, ThemeV5Type, THEMES } from "./tokens";
+import { AllThemesType, ThemeV3Type, ThemeV3WithDarkModeSupportType, THEMES } from "./tokens";
 export declare const Theme: ({ children, theme, }: {
     children?: React.ReactNode;
-    theme?: AllThemesType | "v3" | "v5light" | "v5dark" | undefined;
+    theme?: AllThemesType | "v3" | "v3light" | "v3dark" | undefined;
 }) => JSX.Element;
 /**
  * Only use this if it's are absolutely neccessary, and only in tests.
  */
 export declare const _test_THEMES: {
     v3: ThemeV3Type;
-    v5light: ThemeV5Type;
-    v5dark: ThemeV5Type;
+    v3light: ThemeV3WithDarkModeSupportType;
+    v3dark: ThemeV3WithDarkModeSupportType;
 };

package/dist/Theme.js

@@ -9,13 +9,13 @@ const figureOutTheme = (theme) => {
     if (!(0, lodash_1.isString)(theme)) {
         return theme;
     }
-    if (theme === "v5light")
-        return tokens_1.THEMES.v5light;
-    if (theme === "v5dark")
-        return tokens_1.THEMES.v5dark;
+    if (theme === "v3light")
+        return tokens_1.THEMES.v3light;
+    if (theme === "v3dark")
+        return tokens_1.THEMES.v3dark;
     return tokens_1.THEMES.v3;
 };
-const Theme = ({ children, theme = "v5light", }) => {
+const Theme = ({ children, theme = "v3light", }) => {
     const actualTheme = figureOutTheme(theme);
     return (0, jsx_runtime_1.jsx)(native_1.ThemeProvider, { theme: actualTheme, children: children });
 };

package/dist/hooks.js

@@ -22,7 +22,7 @@ const useTheme = () => {
         console.error("You are trying to use the `Theme` context but you have not wrapped your component/screen with `<Theme>`. Please wrap and try again.");
         throw new Error("ThemeContext is not defined. Wrap your component with `<Theme>` and try again.");
     }
-    const defaultTheme = tokens_1.THEMES.v5light;
+    const defaultTheme = tokens_1.THEMES.v3light;
     const theme = maybeTheme ?? defaultTheme;
     return {
         theme: theme,

package/dist/tokens.d.ts

@@ -1,7 +1,7 @@
 /**
  * All of the config for the Artsy theming system, based on the
  * design system from our design team:
- * https://www.notion.so/artsy/Master-Library-810612339f474d0997fe359af4285c56
+ * https://www.figma.com/file/gZNkyqLT8AU3T61tluVJyB/Artsy-3.1-Design-System
  */
 import { SpacingUnit as SpacingUnitV3Numbers } from "@artsy/palette-tokens/dist/themes/v3";
 import { TextTreatment as TextTreatmentWithUnits, TextVariant as TextVariantV3 } from "@artsy/palette-tokens/dist/typography/v3";
@@ -41,7 +41,7 @@ export type ThemeV3Type = {
     };
     textTreatments: Record<TextVariantV3, TextTreatment>;
 };
-export type ThemeV5Type = {
+export type ThemeV3WithDarkModeSupportType = {
     space: Record<SpacingUnitV3Numbers, `${number}px`>;
     colors: Record<ColorStrict, string>;
     fonts: {
@@ -54,11 +54,11 @@ export type ThemeV5Type = {
     };
     textTreatments: Record<TextVariantV3, TextTreatment>;
 };
-export type AllThemesType = ThemeV3Type & ThemeV5Type;
+export type AllThemesType = ThemeV3Type & ThemeV3WithDarkModeSupportType;
 export declare const THEMES: {
     v3: ThemeV3Type;
-    v5light: ThemeV5Type;
-    v5dark: ThemeV5Type;
+    v3light: ThemeV3WithDarkModeSupportType;
+    v3dark: ThemeV3WithDarkModeSupportType;
 };
 export type SpacingUnitsTheme = {
     space: Record<SpacingUnit, any>;

package/dist/tokens.js

@@ -2,7 +2,7 @@
 /**
  * All of the config for the Artsy theming system, based on the
  * design system from our design team:
- * https://www.notion.so/artsy/Master-Library-810612339f474d0997fe359af4285c56
+ * https://www.figma.com/file/gZNkyqLT8AU3T61tluVJyB/Artsy-3.1-Design-System
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.THEMES = exports.isNamedLayerName = exports.isUsageLayerName = exports.ROLE_LAYER_NAMES = exports.NAMED_LAYER_NAMES = void 0;
@@ -118,7 +118,7 @@ exports.THEMES = {
         },
         textTreatments: fixTextTreatments(textVariantsWithUnits),
     },
-    get v5light() {
+    get v3light() {
         return {
             ...this.v3,
             colors: {
@@ -146,7 +146,7 @@ exports.THEMES = {
             },
         };
     },
-    get v5dark() {
+    get v3dark() {
         return {
             ...this.v3,
             colors: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "8.7.4",
+  "version": "8.7.5",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "react-native run-android",