@expo/styleguide-native 0.4.1 → 1.0.0

package/dist/src/icons/UploadIcon.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function UploadIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M5.283 10.083h9.084L9.825 2.817l-4.542 7.266z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M18.908 1a.908.908 0 01-.908.908H1.65a.908.908 0 110-1.816H18c.502 0 .908.406.908.908zM9.825 9.175c.502 0 .908.407.908.908v9.084a.908.908 0 11-1.816 0v-9.084c0-.501.406-.908.908-.908z", fill: color || "#000" })));
+}
+exports.default = UploadIcon;

package/dist/src/icons/index.d.ts

@@ -6,7 +6,7 @@ export { default as AppleIcon } from './AppleIcon';
 export { default as AppleSimulatorIcon } from './AppleSimulatorIcon';
 export { default as ArrowLeftIcon } from './ArrowLeftIcon';
 export { default as ArrowRightIcon } from './ArrowRightIcon';
-export { default as AtIcon } from './AtIcon';
+export { default as AtSignIcon } from './AtSignIcon';
 export { default as BadgeIcon } from './BadgeIcon';
 export { default as BellIcon } from './BellIcon';
 export { default as BranchIcon } from './BranchIcon';
@@ -19,6 +19,8 @@ export { default as ChevronDownIcon } from './ChevronDownIcon';
 export { default as CloudSlashIcon } from './CloudSlashIcon';
 export { default as CommitIcon } from './CommitIcon';
 export { default as CredentialIcon } from './CredentialIcon';
+export { default as DebugIcon } from './DebugIcon';
+export { default as DeploymentIcon } from './DeploymentIcon';
 export { default as DeploymentsIcon } from './DeploymentsIcon';
 export { default as DiscordIcon } from './DiscordIcon';
 export { default as DiscourseIcon } from './DiscourseIcon';
@@ -31,8 +33,10 @@ export { default as GoogleAppStoreIcon } from './GoogleAppStoreIcon';
 export { default as HomeFilledIcon } from './HomeFilledIcon';
 export { default as HomeIcon } from './HomeIcon';
 export { default as InfoIcon } from './InfoIcon';
+export { default as InspectElementIcon } from './InspectElementIcon';
 export { default as InstagramIcon } from './InstagramIcon';
 export { default as InvoicesIcon } from './InvoicesIcon';
+export { default as LifebuoyIcon } from './LifebuoyIcon';
 export { default as LockIcon } from './LockIcon';
 export { default as LogoutMobileIcon } from './LogoutMobileIcon';
 export { default as LogsIcon } from './LogsIcon';
@@ -41,6 +45,12 @@ export { default as MegaphoneIcon } from './MegaphoneIcon';
 export { default as MessageIcon } from './MessageIcon';
 export { default as OneTimePasswordIcon } from './OneTimePasswordIcon';
 export { default as OpenInternalIcon } from './OpenInternalIcon';
+export { default as OverviewIcon } from './OverviewIcon';
+export { default as PerformanceIcon } from './PerformanceIcon';
+export { default as PinIcon } from './PinIcon';
+export { default as PlanEnterpriseIcon } from './PlanEnterpriseIcon';
+export { default as PlanFreeIcon } from './PlanFreeIcon';
+export { default as PlanProductionIcon } from './PlanProductionIcon';
 export { default as PlansIcon } from './PlansIcon';
 export { default as ProjectTransferIcon } from './ProjectTransferIcon';
 export { default as PushToDeviceIcon } from './PushToDeviceIcon';
@@ -49,6 +59,7 @@ export { default as QuestionIcon } from './QuestionIcon';
 export { default as QuestionMarkIcon } from './QuestionMarkIcon';
 export { default as RefreshIcon } from './RefreshIcon';
 export { default as RolloutIcon } from './RolloutIcon';
+export { default as RunIcon } from './RunIcon';
 export { default as RuntimeVersionIcon } from './RuntimeVersionIcon';
 export { default as ScanIcon } from './ScanIcon';
 export { default as SearchIcon } from './SearchIcon';
@@ -66,6 +77,9 @@ export { default as TriangleDownIcon } from './TriangleDownIcon';
 export { default as TriangleRightIcon } from './TriangleRightIcon';
 export { default as TwitchIcon } from './TwitchIcon';
 export { default as TwitterIcon } from './TwitterIcon';
+export { default as UndoIcon } from './UndoIcon';
+export { default as UpdateIcon } from './UpdateIcon';
+export { default as UploadIcon } from './UploadIcon';
 export { default as UserFilledIcon } from './UserFilledIcon';
 export { default as UserIcon } from './UserIcon';
 export { default as UsersFilledIcon } from './UsersFilledIcon';

package/dist/src/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.CredentialIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
-exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RolloutIcon = void 0;
+exports.PinIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.CredentialIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
+exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = void 0;
 var ActivityIcon_1 = require("./ActivityIcon");
 Object.defineProperty(exports, "ActivityIcon", { enumerable: true, get: function () { return __importDefault(ActivityIcon_1).default; } });
 var AddPhotoIcon_1 = require("./AddPhotoIcon");
@@ -21,8 +21,8 @@ var ArrowLeftIcon_1 = require("./ArrowLeftIcon");
 Object.defineProperty(exports, "ArrowLeftIcon", { enumerable: true, get: function () { return __importDefault(ArrowLeftIcon_1).default; } });
 var ArrowRightIcon_1 = require("./ArrowRightIcon");
 Object.defineProperty(exports, "ArrowRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightIcon_1).default; } });
-var AtIcon_1 = require("./AtIcon");
-Object.defineProperty(exports, "AtIcon", { enumerable: true, get: function () { return __importDefault(AtIcon_1).default; } });
+var AtSignIcon_1 = require("./AtSignIcon");
+Object.defineProperty(exports, "AtSignIcon", { enumerable: true, get: function () { return __importDefault(AtSignIcon_1).default; } });
 var BadgeIcon_1 = require("./BadgeIcon");
 Object.defineProperty(exports, "BadgeIcon", { enumerable: true, get: function () { return __importDefault(BadgeIcon_1).default; } });
 var BellIcon_1 = require("./BellIcon");
@@ -47,6 +47,10 @@ var CommitIcon_1 = require("./CommitIcon");
 Object.defineProperty(exports, "CommitIcon", { enumerable: true, get: function () { return __importDefault(CommitIcon_1).default; } });
 var CredentialIcon_1 = require("./CredentialIcon");
 Object.defineProperty(exports, "CredentialIcon", { enumerable: true, get: function () { return __importDefault(CredentialIcon_1).default; } });
+var DebugIcon_1 = require("./DebugIcon");
+Object.defineProperty(exports, "DebugIcon", { enumerable: true, get: function () { return __importDefault(DebugIcon_1).default; } });
+var DeploymentIcon_1 = require("./DeploymentIcon");
+Object.defineProperty(exports, "DeploymentIcon", { enumerable: true, get: function () { return __importDefault(DeploymentIcon_1).default; } });
 var DeploymentsIcon_1 = require("./DeploymentsIcon");
 Object.defineProperty(exports, "DeploymentsIcon", { enumerable: true, get: function () { return __importDefault(DeploymentsIcon_1).default; } });
 var DiscordIcon_1 = require("./DiscordIcon");
@@ -71,10 +75,14 @@ var HomeIcon_1 = require("./HomeIcon");
 Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return __importDefault(HomeIcon_1).default; } });
 var InfoIcon_1 = require("./InfoIcon");
 Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return __importDefault(InfoIcon_1).default; } });
+var InspectElementIcon_1 = require("./InspectElementIcon");
+Object.defineProperty(exports, "InspectElementIcon", { enumerable: true, get: function () { return __importDefault(InspectElementIcon_1).default; } });
 var InstagramIcon_1 = require("./InstagramIcon");
 Object.defineProperty(exports, "InstagramIcon", { enumerable: true, get: function () { return __importDefault(InstagramIcon_1).default; } });
 var InvoicesIcon_1 = require("./InvoicesIcon");
 Object.defineProperty(exports, "InvoicesIcon", { enumerable: true, get: function () { return __importDefault(InvoicesIcon_1).default; } });
+var LifebuoyIcon_1 = require("./LifebuoyIcon");
+Object.defineProperty(exports, "LifebuoyIcon", { enumerable: true, get: function () { return __importDefault(LifebuoyIcon_1).default; } });
 var LockIcon_1 = require("./LockIcon");
 Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return __importDefault(LockIcon_1).default; } });
 var LogoutMobileIcon_1 = require("./LogoutMobileIcon");
@@ -91,6 +99,18 @@ var OneTimePasswordIcon_1 = require("./OneTimePasswordIcon");
 Object.defineProperty(exports, "OneTimePasswordIcon", { enumerable: true, get: function () { return __importDefault(OneTimePasswordIcon_1).default; } });
 var OpenInternalIcon_1 = require("./OpenInternalIcon");
 Object.defineProperty(exports, "OpenInternalIcon", { enumerable: true, get: function () { return __importDefault(OpenInternalIcon_1).default; } });
+var OverviewIcon_1 = require("./OverviewIcon");
+Object.defineProperty(exports, "OverviewIcon", { enumerable: true, get: function () { return __importDefault(OverviewIcon_1).default; } });
+var PerformanceIcon_1 = require("./PerformanceIcon");
+Object.defineProperty(exports, "PerformanceIcon", { enumerable: true, get: function () { return __importDefault(PerformanceIcon_1).default; } });
+var PinIcon_1 = require("./PinIcon");
+Object.defineProperty(exports, "PinIcon", { enumerable: true, get: function () { return __importDefault(PinIcon_1).default; } });
+var PlanEnterpriseIcon_1 = require("./PlanEnterpriseIcon");
+Object.defineProperty(exports, "PlanEnterpriseIcon", { enumerable: true, get: function () { return __importDefault(PlanEnterpriseIcon_1).default; } });
+var PlanFreeIcon_1 = require("./PlanFreeIcon");
+Object.defineProperty(exports, "PlanFreeIcon", { enumerable: true, get: function () { return __importDefault(PlanFreeIcon_1).default; } });
+var PlanProductionIcon_1 = require("./PlanProductionIcon");
+Object.defineProperty(exports, "PlanProductionIcon", { enumerable: true, get: function () { return __importDefault(PlanProductionIcon_1).default; } });
 var PlansIcon_1 = require("./PlansIcon");
 Object.defineProperty(exports, "PlansIcon", { enumerable: true, get: function () { return __importDefault(PlansIcon_1).default; } });
 var ProjectTransferIcon_1 = require("./ProjectTransferIcon");
@@ -107,6 +127,8 @@ var RefreshIcon_1 = require("./RefreshIcon");
 Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
 var RolloutIcon_1 = require("./RolloutIcon");
 Object.defineProperty(exports, "RolloutIcon", { enumerable: true, get: function () { return __importDefault(RolloutIcon_1).default; } });
+var RunIcon_1 = require("./RunIcon");
+Object.defineProperty(exports, "RunIcon", { enumerable: true, get: function () { return __importDefault(RunIcon_1).default; } });
 var RuntimeVersionIcon_1 = require("./RuntimeVersionIcon");
 Object.defineProperty(exports, "RuntimeVersionIcon", { enumerable: true, get: function () { return __importDefault(RuntimeVersionIcon_1).default; } });
 var ScanIcon_1 = require("./ScanIcon");
@@ -141,6 +163,12 @@ var TwitchIcon_1 = require("./TwitchIcon");
 Object.defineProperty(exports, "TwitchIcon", { enumerable: true, get: function () { return __importDefault(TwitchIcon_1).default; } });
 var TwitterIcon_1 = require("./TwitterIcon");
 Object.defineProperty(exports, "TwitterIcon", { enumerable: true, get: function () { return __importDefault(TwitterIcon_1).default; } });
+var UndoIcon_1 = require("./UndoIcon");
+Object.defineProperty(exports, "UndoIcon", { enumerable: true, get: function () { return __importDefault(UndoIcon_1).default; } });
+var UpdateIcon_1 = require("./UpdateIcon");
+Object.defineProperty(exports, "UpdateIcon", { enumerable: true, get: function () { return __importDefault(UpdateIcon_1).default; } });
+var UploadIcon_1 = require("./UploadIcon");
+Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return __importDefault(UploadIcon_1).default; } });
 var UserFilledIcon_1 = require("./UserFilledIcon");
 Object.defineProperty(exports, "UserFilledIcon", { enumerable: true, get: function () { return __importDefault(UserFilledIcon_1).default; } });
 var UserIcon_1 = require("./UserIcon");

package/dist/src/styles/breakpoints.d.ts

@@ -0,0 +1,5 @@
+export declare const breakpoints: {
+    small: number;
+    medium: number;
+    large: number;
+};

package/dist/src/styles/breakpoints.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakpoints = void 0;
+exports.breakpoints = {
+    small: 400,
+    medium: 900,
+    large: 1200,
+};

package/dist/src/styles/palette.js

@@ -45,12 +45,12 @@ exports.palette = {
             100: '#ffebda',
             200: '#ffd1ac',
             300: '#ffab70',
-            400: '#fb8532',
-            500: '#f66a0a',
-            600: '#e36209',
-            700: '#d15704',
-            800: '#c24e00',
-            900: '#a04100',
+            400: '#fb8e41',
+            500: '#fa7c25',
+            600: '#de6614',
+            700: '#c45408',
+            800: '#96430b',
+            900: '#7a4018',
         },
         pink: {
             '000': '#ffeef8',
@@ -80,13 +80,13 @@ exports.palette = {
             '000': '#f9f7ff',
             100: '#ede9ff',
             200: '#d2cafd',
-            300: '#a89af9',
-            400: '#7f6df3',
+            300: '#a193f9',
+            400: '#664fff',
             500: '#4630eb',
-            600: '#3423ca',
-            700: '#2518a9',
-            800: '#190f88',
-            900: '#100970',
+            600: '#3929c4',
+            700: '#2e2496',
+            800: '#261f73',
+            900: '#221e5c',
         },
         red: {
             '000': '#fee',
@@ -104,12 +104,12 @@ exports.palette = {
             '000': '#fffdef',
             100: '#fffbdd',
             200: '#fff5b1',
-            300: '#ffea7f',
+            300: '#ffeb87',
             400: '#ffdf5d',
             500: '#ffd33d',
-            600: '#f9c513',
-            700: '#dbab09',
-            800: '#b08800',
+            600: '#f2c012',
+            700: '#cfa108',
+            800: '#9c7800',
             900: '#735c0f',
         },
         white: '#fff',
@@ -117,15 +117,15 @@ exports.palette = {
     },
     dark: {
         blue: {
-            '000': '#051d4d',
-            100: '#0c2d6b',
-            200: '#0d419d',
-            300: '#1158c7',
-            400: '#1f6feb',
-            500: '#388bfd',
-            600: '#58a6ff',
-            700: '#79c0ff',
-            800: '#a5d6ff',
+            '000': '#122447',
+            100: '#173366',
+            200: '#1e4894',
+            300: '#2362c4',
+            400: '#2d73e0',
+            500: '#4794fd',
+            600: '#61abff',
+            700: '#8fcaff',
+            800: '#addaff',
             900: '#cae8ff',
         },
         gray: {
@@ -142,88 +142,88 @@ exports.palette = {
             1000: '#fdfdfe',
         },
         green: {
-            '000': '#04260f',
-            100: '#033a16',
-            200: '#0f5323',
-            300: '#196c2e',
-            400: '#238636',
-            500: '#2ea043',
-            600: '#3fb950',
-            700: '#56d364',
-            800: '#7ee787',
-            900: '#aff5b4',
+            '000': '#1a2b20',
+            100: '#1d3b27',
+            200: '#255232',
+            300: '#256936',
+            400: '#2e853f',
+            500: '#38a04b',
+            600: '#4ab959',
+            700: '#65d372',
+            800: '#8ae592',
+            900: '#b9f0bd',
         },
         orange: {
-            '000': '#3d1300',
-            100: '#5a1e02',
-            200: '#762d0a',
-            300: '#9b4215',
-            400: '#bd561d',
-            500: '#db6d28',
-            600: '#f0883e',
-            700: '#ffa657',
-            800: '#ffc680',
-            900: '#ffdfb6',
+            '000': '#2e1e17',
+            100: '#472a1d',
+            200: '#66361f',
+            300: '#8f4824',
+            400: '#ad5a2b',
+            500: '#d67233',
+            600: '#eb853d',
+            700: '#f5a35b',
+            800: '#fcc279',
+            900: '#fcd49f',
         },
         pink: {
-            '000': '#42062a',
-            100: '#5e103e',
-            200: '#7d2457',
-            300: '#9e3670',
+            '000': '#3d182f',
+            100: '#571e40',
+            200: '#782a57',
+            300: '#9c356e',
             400: '#bf4b8a',
-            500: '#db61a2',
-            600: '#f778ba',
+            500: '#de62a4',
+            600: '#f77ebd',
             700: '#ff9bce',
             800: '#ffbedd',
-            900: '#ffdaec',
+            900: '#ffcfe6',
         },
         primary: {
-            '000': '#0c0752',
-            100: '#0f0869',
-            200: '#190f88',
-            300: '#2518a9',
-            400: '#3423ca',
-            500: '#4630eb',
-            600: '#7464de',
-            700: '#9c90e8',
+            '000': '#1b183d',
+            100: '#201d52',
+            200: '#2a2375',
+            300: '#342a9c',
+            400: '#4436c7',
+            500: '#5c49eb',
+            600: '#7766e8',
+            700: '#a498ed',
             800: '#c9c2f2',
             900: '#e4e0f5',
         },
         purple: {
-            '000': '#271052',
-            100: '#3c1e70',
-            200: '#553098',
+            '000': '#2b1d47',
+            100: '#3c2563',
+            200: '#553096',
             300: '#6e40c9',
             400: '#8957e5',
             500: '#a371f7',
             600: '#bc8cff',
             700: '#d2a8ff',
             800: '#e2c5ff',
-            900: '#eddeff',
+            900: '#e9d6ff',
         },
         red: {
-            '000': '#490202',
-            100: '#67060c',
-            200: '#8e1519',
-            300: '#b6231e',
-            400: '#d92a2b',
-            500: '#f85149',
-            600: '#ff7b72',
-            700: '#ffa198',
-            800: '#ffc1ba',
-            900: '#ffdcd7',
+            '000': '#3d1515',
+            100: '#541c1f',
+            200: '#732225',
+            300: '#962926',
+            400: '#bd3939',
+            500: '#e0514a',
+            600: '#f76f65',
+            700: '#ff8d82',
+            800: '#ffb1a8',
+            900: '#ffd2cc',
         },
         yellow: {
-            '000': '#342400',
-            100: '#4b3200',
-            200: '#694600',
-            300: '#845a06',
-            400: '#9e6a03',
-            500: '#bb8009',
-            600: '#d29922',
-            700: '#e3b341',
-            800: '#f2cc60',
-            900: '#f8e3a1',
+            '000': '#30250a',
+            100: '#473510',
+            200: '#664b14',
+            300: '#856018',
+            400: '#a3751a',
+            500: '#bf8a1f',
+            600: '#d4a035',
+            700: '#e8bb51',
+            800: '#f2d06d',
+            900: '#fae296',
         },
         white: '#fff',
         black: '#0d1117',

package/dist/src/styles/sizing.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconSize = exports.borderRadius = void 0;
 exports.borderRadius = {
     huge: 16,
-    large: 8,
-    medium: 4,
-    small: 2,
+    large: 10,
+    medium: 6,
+    small: 4,
 };
 exports.iconSize = {
     micro: 12,

package/dist/src/styles/themes.d.ts

@@ -1,7 +1,7 @@
 export declare const lightTheme: {
     background: {
         default: string;
-        canvas: string;
+        screen: string;
         secondary: string;
         tertiary: string;
         quaternary: string;
@@ -75,11 +75,20 @@ export declare const lightTheme: {
         accent: string;
         emphasis: string;
     };
+    project: {
+        blue: string;
+        green: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        pink: string;
+        purple: string;
+    };
 };
 export declare const darkTheme: {
     background: {
         default: string;
-        canvas: string;
+        screen: string;
         secondary: string;
         tertiary: string;
         quaternary: string;
@@ -153,4 +162,13 @@ export declare const darkTheme: {
         accent: string;
         emphasis: string;
     };
+    project: {
+        blue: string;
+        green: string;
+        yellow: string;
+        orange: string;
+        red: string;
+        pink: string;
+        purple: string;
+    };
 };

package/dist/src/styles/themes.js

@@ -5,7 +5,7 @@ const palette_1 = require("./palette");
 exports.lightTheme = {
     background: {
         default: palette_1.palette.light.white,
-        canvas: palette_1.palette.light.gray['000'],
+        screen: palette_1.palette.light.gray[100],
         secondary: palette_1.palette.light.gray[100],
         tertiary: palette_1.palette.light.gray[200],
         quaternary: palette_1.palette.light.gray[300],
@@ -79,11 +79,20 @@ exports.lightTheme = {
         accent: palette_1.palette.light.primary[300],
         emphasis: palette_1.palette.light.yellow[300],
     },
+    project: {
+        blue: '#6299d9',
+        green: '#54a767',
+        yellow: '#e5c145',
+        orange: '#d9864c',
+        red: '#d95757',
+        pink: '#d977b2',
+        purple: '#8a66cc',
+    },
 };
 exports.darkTheme = {
     background: {
         default: palette_1.palette.dark.gray['000'],
-        canvas: palette_1.palette.dark.gray[100],
+        screen: palette_1.palette.dark.gray['000'],
         secondary: palette_1.palette.dark.gray[200],
         tertiary: palette_1.palette.dark.gray[300],
         quaternary: palette_1.palette.dark.gray[400],
@@ -157,4 +166,13 @@ exports.darkTheme = {
         accent: palette_1.palette.dark.primary[700],
         emphasis: palette_1.palette.dark.yellow[300],
     },
+    project: {
+        blue: '#395a80',
+        green: '#32633d',
+        yellow: '#8a6319',
+        orange: '#8c5731',
+        red: '#8c3838',
+        pink: '#8a4c71',
+        purple: '#4e3973',
+    },
 };