@coinbase/cds-mobile 0.0.0 → 8.13.1

package/dts/themes/defaultTheme.d.ts

@@ -0,0 +1,555 @@
+export declare const defaultThemeId = "cds-default";
+export declare const defaultTheme: {
+    readonly id: "cds-default";
+    readonly lightSpectrum: {
+        readonly blue0: "245,248,255";
+        readonly blue5: "211,225,255";
+        readonly blue10: "176,202,255";
+        readonly blue15: "146,182,255";
+        readonly blue20: "115,162,255";
+        readonly blue30: "70,132,255";
+        readonly blue40: "38,110,255";
+        readonly blue50: "16,94,255";
+        readonly blue60: "0,82,255";
+        readonly blue70: "0,75,235";
+        readonly blue80: "0,62,193";
+        readonly blue90: "0,41,130";
+        readonly blue100: "0,24,77";
+        readonly green0: "245,255,251";
+        readonly green5: "203,245,227";
+        readonly green10: "163,235,205";
+        readonly green15: "131,224,186";
+        readonly green20: "101,214,167";
+        readonly green30: "60,194,138";
+        readonly green40: "34,173,115";
+        readonly green50: "18,153,97";
+        readonly green60: "9,133,81";
+        readonly green70: "4,112,67";
+        readonly green80: "2,83,50";
+        readonly green90: "0,57,35";
+        readonly green100: "0,31,18";
+        readonly orange0: "255,250,245";
+        readonly orange5: "254,232,210";
+        readonly orange10: "253,213,176";
+        readonly orange15: "251,194,147";
+        readonly orange20: "249,174,118";
+        readonly orange30: "244,140,76";
+        readonly orange40: "237,112,47";
+        readonly orange50: "225,89,27";
+        readonly orange60: "207,71,14";
+        readonly orange70: "181,54,6";
+        readonly orange80: "145,39,2";
+        readonly orange90: "100,26,0";
+        readonly orange100: "51,13,0";
+        readonly gray0: "255,255,255";
+        readonly gray5: "247,248,249";
+        readonly gray10: "238,240,243";
+        readonly gray15: "222,225,231";
+        readonly gray20: "206,210,219";
+        readonly gray30: "177,183,195";
+        readonly gray40: "137,144,158";
+        readonly gray50: "113,120,134";
+        readonly gray60: "91,97,110";
+        readonly gray70: "70,75,85";
+        readonly gray80: "50,53,61";
+        readonly gray90: "30,32,37";
+        readonly gray100: "10,11,13";
+        readonly indigo0: "246,247,255";
+        readonly indigo5: "230,232,255";
+        readonly indigo10: "214,218,254";
+        readonly indigo15: "198,204,253";
+        readonly indigo20: "181,189,253";
+        readonly indigo30: "148,161,251";
+        readonly indigo40: "116,135,247";
+        readonly indigo50: "89,111,242";
+        readonly indigo60: "66,91,233";
+        readonly indigo70: "47,74,215";
+        readonly indigo80: "31,54,173";
+        readonly indigo90: "17,32,107";
+        readonly indigo100: "8,15,51";
+        readonly pink0: "255,245,255";
+        readonly pink5: "253,228,253";
+        readonly pink10: "251,212,250";
+        readonly pink15: "248,195,245";
+        readonly pink20: "244,178,240";
+        readonly pink30: "235,143,227";
+        readonly pink40: "221,110,209";
+        readonly pink50: "203,81,187";
+        readonly pink60: "179,58,162";
+        readonly pink70: "149,39,133";
+        readonly pink80: "116,26,102";
+        readonly pink90: "83,17,72";
+        readonly pink100: "51,10,44";
+        readonly purple0: "251,247,255";
+        readonly purple5: "244,232,255";
+        readonly purple10: "237,217,255";
+        readonly purple15: "230,201,255";
+        readonly purple20: "222,184,255";
+        readonly purple30: "205,153,253";
+        readonly purple40: "188,123,251";
+        readonly purple50: "157,107,242";
+        readonly purple60: "138,85,233";
+        readonly purple70: "119,67,215";
+        readonly purple80: "90,48,173";
+        readonly purple90: "54,27,107";
+        readonly purple100: "25,13,51";
+        readonly red0: "255,245,246";
+        readonly red5: "254,225,228";
+        readonly red10: "253,206,210";
+        readonly red15: "251,186,191";
+        readonly red20: "249,166,173";
+        readonly red30: "244,127,136";
+        readonly red40: "237,89,102";
+        readonly red50: "225,57,71";
+        readonly red60: "207,32,47";
+        readonly red70: "181,15,29";
+        readonly red80: "145,5,16";
+        readonly red90: "100,1,9";
+        readonly red100: "51,0,4";
+        readonly teal0: "240,254,255";
+        readonly teal5: "188,246,253";
+        readonly teal10: "136,237,251";
+        readonly teal15: "93,226,248";
+        readonly teal20: "51,213,244";
+        readonly teal30: "0,188,235";
+        readonly teal40: "0,169,221";
+        readonly teal50: "0,147,203";
+        readonly teal60: "0,123,179";
+        readonly teal70: "0,97,149";
+        readonly teal80: "0,71,116";
+        readonly teal90: "0,47,83";
+        readonly teal100: "0,27,51";
+        readonly yellow0: "255,252,241";
+        readonly yellow5: "255,244,192";
+        readonly yellow10: "255,240,145";
+        readonly yellow15: "255,234,100";
+        readonly yellow20: "255,228,54";
+        readonly yellow30: "247,210,26";
+        readonly yellow40: "235,186,0";
+        readonly yellow50: "207,151,0";
+        readonly yellow60: "174,113,0";
+        readonly yellow70: "136,76,0";
+        readonly yellow80: "96,48,0";
+        readonly yellow90: "58,20,0";
+        readonly yellow100: "27,6,0";
+        readonly chartreuse0: "245,255,250";
+        readonly chartreuse5: "221,251,232";
+        readonly chartreuse10: "198,247,209";
+        readonly chartreuse15: "176,242,182";
+        readonly chartreuse20: "159,238,155";
+        readonly chartreuse30: "137,223,117";
+        readonly chartreuse40: "127,208,87";
+        readonly chartreuse50: "86,179,64";
+        readonly chartreuse60: "53,151,48";
+        readonly chartreuse70: "35,122,43";
+        readonly chartreuse80: "25,93,41";
+        readonly chartreuse90: "17,64,35";
+        readonly chartreuse100: "7,26,17";
+    };
+    readonly darkSpectrum: {
+        readonly blue0: "0,16,51";
+        readonly blue5: "1,29,91";
+        readonly blue10: "1,42,130";
+        readonly blue15: "3,51,154";
+        readonly blue20: "5,59,177";
+        readonly blue30: "10,72,206";
+        readonly blue40: "19,84,225";
+        readonly blue50: "33,98,238";
+        readonly blue60: "55,115,245";
+        readonly blue70: "87,139,250";
+        readonly blue80: "132,170,253";
+        readonly blue90: "185,207,255";
+        readonly blue100: "245,248,255";
+        readonly green0: "0,31,18";
+        readonly green5: "0,48,29";
+        readonly green10: "1,70,42";
+        readonly green15: "2,82,48";
+        readonly green20: "2,92,55";
+        readonly green30: "6,112,68";
+        readonly green40: "11,133,82";
+        readonly green50: "21,153,98";
+        readonly green60: "39,173,117";
+        readonly green70: "68,194,141";
+        readonly green80: "111,214,171";
+        readonly green90: "171,235,208";
+        readonly green100: "245,255,251";
+        readonly orange0: "51,13,0";
+        readonly orange5: "79,20,0";
+        readonly orange10: "107,28,1";
+        readonly orange15: "131,36,2";
+        readonly orange20: "155,44,4";
+        readonly orange30: "189,59,9";
+        readonly orange40: "213,76,18";
+        readonly orange50: "230,96,32";
+        readonly orange60: "240,120,54";
+        readonly orange70: "248,150,86";
+        readonly orange80: "252,185,131";
+        readonly orange90: "254,219,185";
+        readonly orange100: "255,250,245";
+        readonly gray0: "10,11,13";
+        readonly gray5: "20,21,25";
+        readonly gray10: "30,32,37";
+        readonly gray15: "40,43,49";
+        readonly gray20: "50,53,61";
+        readonly gray30: "70,75,85";
+        readonly gray40: "91,97,110";
+        readonly gray50: "114,120,134";
+        readonly gray60: "138,145,158";
+        readonly gray70: "165,170,182";
+        readonly gray80: "193,198,207";
+        readonly gray90: "224,226,231";
+        readonly gray100: "255,255,255";
+        readonly indigo0: "8,15,51";
+        readonly indigo5: "14,27,91";
+        readonly indigo10: "21,39,130";
+        readonly indigo15: "27,47,154";
+        readonly indigo20: "33,56,177";
+        readonly indigo30: "48,73,206";
+        readonly indigo40: "68,92,225";
+        readonly indigo50: "92,113,238";
+        readonly indigo60: "121,138,245";
+        readonly indigo70: "153,165,250";
+        readonly indigo80: "187,194,253";
+        readonly indigo90: "219,223,255";
+        readonly indigo100: "246,247,255";
+        readonly pink0: "51,10,44";
+        readonly pink5: "70,14,61";
+        readonly pink10: "89,19,78";
+        readonly pink15: "108,24,94";
+        readonly pink20: "126,30,111";
+        readonly pink30: "159,44,142";
+        readonly pink40: "187,64,170";
+        readonly pink50: "208,88,193";
+        readonly pink60: "225,117,214";
+        readonly pink70: "237,149,230";
+        readonly pink80: "246,184,243";
+        readonly pink90: "252,217,251";
+        readonly pink100: "255,245,255";
+        readonly purple0: "25,13,51";
+        readonly purple5: "43,22,89";
+        readonly purple10: "73,30,137";
+        readonly purple15: "97,37,175";
+        readonly purple20: "123,45,211";
+        readonly purple30: "142,51,234";
+        readonly purple40: "164,84,244";
+        readonly purple50: "188,123,251";
+        readonly purple60: "205,153,253";
+        readonly purple70: "217,176,254";
+        readonly purple80: "230,201,255";
+        readonly purple90: "237,217,255";
+        readonly purple100: "251,247,255";
+        readonly red0: "51,0,4";
+        readonly red5: "79,0,7";
+        readonly red10: "107,1,10";
+        readonly red15: "131,4,14";
+        readonly red20: "155,7,19";
+        readonly red30: "189,19,33";
+        readonly red40: "213,38,52";
+        readonly red50: "230,64,78";
+        readonly red60: "240,97,109";
+        readonly red70: "248,134,144";
+        readonly red80: "252,174,181";
+        readonly red90: "254,213,216";
+        readonly red100: "255,245,246";
+        readonly teal0: "0,20,38";
+        readonly teal5: "0,32,59";
+        readonly teal10: "0,45,79";
+        readonly teal15: "0,58,99";
+        readonly teal20: "0,72,118";
+        readonly teal30: "0,99,153";
+        readonly teal40: "0,125,182";
+        readonly teal50: "0,149,205";
+        readonly teal60: "0,170,223";
+        readonly teal70: "6,190,236";
+        readonly teal80: "69,217,245";
+        readonly teal90: "149,239,251";
+        readonly teal100: "240,254,255";
+        readonly yellow0: "27,6,0";
+        readonly yellow5: "49,17,0";
+        readonly yellow10: "81,40,0";
+        readonly yellow15: "96,48,0";
+        readonly yellow20: "115,64,0";
+        readonly yellow30: "147,96,0";
+        readonly yellow40: "175,128,0";
+        readonly yellow50: "199,158,0";
+        readonly yellow60: "222,189,23";
+        readonly yellow70: "229,205,48";
+        readonly yellow80: "242,222,94";
+        readonly yellow90: "255,240,145";
+        readonly yellow100: "255,252,241";
+        readonly chartreuse0: "5,22,14";
+        readonly chartreuse5: "14,54,29";
+        readonly chartreuse10: "21,79,34";
+        readonly chartreuse15: "29,103,36";
+        readonly chartreuse20: "45,128,40";
+        readonly chartreuse30: "73,152,54";
+        readonly chartreuse40: "107,176,73";
+        readonly chartreuse50: "123,200,105";
+        readonly chartreuse60: "140,209,136";
+        readonly chartreuse70: "158,217,163";
+        readonly chartreuse80: "178,222,188";
+        readonly chartreuse90: "209,238,220";
+        readonly chartreuse100: "245,255,250";
+    };
+    readonly lightColor: {
+        readonly fg: "rgb(10,11,13)";
+        readonly fgMuted: "rgb(91,97,110)";
+        readonly fgInverse: "rgb(255,255,255)";
+        readonly fgPrimary: "rgb(0,82,255)";
+        readonly fgWarning: "rgb(207,71,14)";
+        readonly fgPositive: "rgb(9,133,81)";
+        readonly fgNegative: "rgb(207,32,47)";
+        readonly bg: "rgb(255,255,255)";
+        readonly bgAlternate: "rgb(238,240,243)";
+        readonly bgInverse: "rgb(10,11,13)";
+        readonly bgOverlay: "rgba(50,53,61,0.33)";
+        readonly bgPrimary: "rgb(0,82,255)";
+        readonly bgPrimaryWash: "rgb(245,248,255)";
+        readonly bgSecondary: "rgb(238,240,243)";
+        readonly bgTertiary: "rgb(206,210,219)";
+        readonly bgSecondaryWash: "rgb(247,248,249)";
+        readonly bgNegative: "rgb(207,32,47)";
+        readonly bgNegativeWash: "rgb(255,245,246)";
+        readonly bgPositive: "rgb(9,133,81)";
+        readonly bgPositiveWash: "rgb(245,255,251)";
+        readonly bgWarning: "rgb(237,112,47)";
+        readonly bgWarningWash: "rgb(255,250,245)";
+        readonly currentColor: "currentColor";
+        readonly bgLine: "rgba(91,97,110,0.2)";
+        readonly bgLineHeavy: "rgba(91,97,110,0.66)";
+        readonly bgLineInverse: "rgb(255,255,255)";
+        readonly bgLinePrimary: "rgb(0,82,255)";
+        readonly bgLinePrimarySubtle: "rgb(115,162,255)";
+        readonly bgElevation1: "rgb(255,255,255)";
+        readonly bgElevation2: "rgb(255,255,255)";
+        readonly accentSubtleGreen: "rgb(245,255,251)";
+        readonly accentBoldGreen: "rgb(9,133,81)";
+        readonly accentSubtleBlue: "rgb(245,248,255)";
+        readonly accentBoldBlue: "rgb(0,82,255)";
+        readonly accentSubtlePurple: "rgb(251,247,255)";
+        readonly accentBoldPurple: "rgb(90,48,173)";
+        readonly accentSubtleYellow: "rgb(255,252,241)";
+        readonly accentBoldYellow: "rgb(247,210,26)";
+        readonly accentSubtleRed: "rgb(255,245,246)";
+        readonly accentBoldRed: "rgb(207,32,47)";
+        readonly accentSubtleGray: "rgb(238,240,243)";
+        readonly accentBoldGray: "rgb(50,53,61)";
+        readonly transparent: "rgba(255,255,255,0)";
+    };
+    readonly darkColor: {
+        readonly fg: "rgb(255,255,255)";
+        readonly fgInverse: "rgb(10,11,13)";
+        readonly fgMuted: "rgb(138,145,158)";
+        readonly fgPrimary: "rgb(87,139,250)";
+        readonly fgPositive: "rgb(39,173,117)";
+        readonly fgNegative: "rgb(240,97,109)";
+        readonly fgWarning: "rgb(248,150,86)";
+        readonly bg: "rgb(10,11,13)";
+        readonly bgAlternate: "rgb(20,21,25)";
+        readonly bgInverse: "rgb(255,255,255)";
+        readonly bgOverlay: "rgba(10,11,13,0.33)";
+        readonly bgPrimary: "rgb(87,139,250)";
+        readonly bgPrimaryWash: "rgb(0,16,51)";
+        readonly bgSecondary: "rgb(40,43,49)";
+        readonly bgTertiary: "rgb(50,53,61)";
+        readonly bgSecondaryWash: "rgb(20,21,25)";
+        readonly bgNegative: "rgb(240,97,109)";
+        readonly bgNegativeWash: "rgb(51,0,4)";
+        readonly bgPositive: "rgb(39,173,117)";
+        readonly bgPositiveWash: "rgb(0,31,18)";
+        readonly bgWarning: "rgb(199,158,0)";
+        readonly bgWarningWash: "rgb(51,13,0)";
+        readonly currentColor: "currentColor";
+        readonly bgLine: "rgba(138,145,158,0.2)";
+        readonly bgLineInverse: "rgb(10,11,13)";
+        readonly bgLineHeavy: "rgba(138,145,158,0.66)";
+        readonly bgLinePrimary: "rgb(87,139,250)";
+        readonly bgLinePrimarySubtle: "rgb(5,59,177)";
+        readonly bgElevation1: "rgb(20,21,25)";
+        readonly bgElevation2: "rgb(30,32,37)";
+        readonly accentSubtleGreen: "rgb(0,31,18)";
+        readonly accentBoldGreen: "rgb(39,173,117)";
+        readonly accentSubtleBlue: "rgb(0,16,51)";
+        readonly accentBoldBlue: "rgb(55,115,245)";
+        readonly accentSubtlePurple: "rgb(25,13,51)";
+        readonly accentBoldPurple: "rgb(230,201,255)";
+        readonly accentSubtleYellow: "rgb(27,6,0)";
+        readonly accentBoldYellow: "rgb(147,96,0)";
+        readonly accentSubtleRed: "rgb(51,0,4)";
+        readonly accentBoldRed: "rgb(240,97,109)";
+        readonly accentSubtleGray: "rgb(30,32,37)";
+        readonly accentBoldGray: "rgb(193,198,207)";
+        readonly transparent: "rgba(10,11,13,0)";
+    };
+    readonly space: {
+        readonly '0': 0;
+        readonly '0.25': 2;
+        readonly '0.5': 4;
+        readonly '0.75': 6;
+        readonly '1': 8;
+        readonly '1.5': 12;
+        readonly '2': 16;
+        readonly '3': 24;
+        readonly '4': 32;
+        readonly '5': 40;
+        readonly '6': 48;
+        readonly '7': 56;
+        readonly '8': 64;
+        readonly '9': 72;
+        readonly '10': 80;
+    };
+    readonly borderWidth: {
+        readonly '0': 0;
+        readonly '100': 1;
+        readonly '200': 2;
+        readonly '300': 4;
+        readonly '400': 6;
+        readonly '500': 8;
+    };
+    readonly borderRadius: {
+        readonly '0': 0;
+        readonly '100': 4;
+        readonly '200': 8;
+        readonly '300': 12;
+        readonly '400': 16;
+        readonly '500': 24;
+        readonly '600': 32;
+        readonly '700': 40;
+        readonly '800': 48;
+        readonly '900': 56;
+        readonly '1000': 100000;
+    };
+    readonly iconSize: {
+        readonly xs: 12;
+        readonly s: 16;
+        readonly m: 24;
+        readonly l: 32;
+    };
+    readonly avatarSize: {
+        readonly s: 16;
+        readonly m: 24;
+        readonly l: 32;
+        readonly xl: 40;
+        readonly xxl: 48;
+        readonly xxxl: 56;
+    };
+    readonly controlSize: {
+        readonly checkboxSize: 20;
+        readonly radioSize: 20;
+        readonly switchWidth: 52;
+        readonly switchHeight: 32;
+        readonly switchThumbSize: 30;
+        readonly tileSize: 106;
+    };
+    readonly fontFamily: {
+        readonly display1: "Inter_400Regular";
+        readonly display2: "Inter_400Regular";
+        readonly display3: "Inter_400Regular";
+        readonly title1: "Inter_600SemiBold";
+        readonly title2: "Inter_400Regular";
+        readonly title3: "Inter_600SemiBold";
+        readonly title4: "Inter_400Regular";
+        readonly headline: "Inter_600SemiBold";
+        readonly body: "Inter_400Regular";
+        readonly label1: "Inter_600SemiBold";
+        readonly label2: "Inter_400Regular";
+        readonly caption: "Inter_600SemiBold";
+        readonly legal: "Inter_400Regular";
+    };
+    readonly fontFamilyMono: {
+        readonly display1: "SourceCodePro_400Regular";
+        readonly display2: "SourceCodePro_400Regular";
+        readonly display3: "SourceCodePro_400Regular";
+        readonly title1: "SourceCodePro_600SemiBold";
+        readonly title2: "SourceCodePro_400Regular";
+        readonly title3: "SourceCodePro_600SemiBold";
+        readonly title4: "SourceCodePro_400Regular";
+        readonly headline: "SourceCodePro_600SemiBold";
+        readonly body: "SourceCodePro_400Regular";
+        readonly label1: "SourceCodePro_600SemiBold";
+        readonly label2: "SourceCodePro_400Regular";
+        readonly caption: "SourceCodePro_600SemiBold";
+        readonly legal: "SourceCodePro_400Regular";
+    };
+    readonly fontSize: {
+        readonly display1: 64;
+        readonly display2: 48;
+        readonly display3: 40;
+        readonly title1: 28;
+        readonly title2: 28;
+        readonly title3: 20;
+        readonly title4: 20;
+        readonly headline: 16;
+        readonly body: 16;
+        readonly label1: 14;
+        readonly label2: 14;
+        readonly caption: 13;
+        readonly legal: 13;
+    };
+    readonly fontWeight: {
+        readonly display1: "400";
+        readonly display2: "400";
+        readonly display3: "400";
+        readonly title1: "600";
+        readonly title2: "400";
+        readonly title3: "600";
+        readonly title4: "400";
+        readonly headline: "600";
+        readonly body: "400";
+        readonly label1: "600";
+        readonly label2: "400";
+        readonly caption: "600";
+        readonly legal: "400";
+    };
+    readonly lineHeight: {
+        readonly display1: 72;
+        readonly display2: 56;
+        readonly display3: 48;
+        readonly title1: 36;
+        readonly title2: 36;
+        readonly title3: 28;
+        readonly title4: 28;
+        readonly headline: 24;
+        readonly body: 24;
+        readonly label1: 20;
+        readonly label2: 20;
+        readonly caption: 16;
+        readonly legal: 16;
+    };
+    readonly textTransform: {
+        readonly display1: "none";
+        readonly display2: "none";
+        readonly display3: "none";
+        readonly title1: "none";
+        readonly title2: "none";
+        readonly title3: "none";
+        readonly title4: "none";
+        readonly headline: "none";
+        readonly body: "none";
+        readonly label1: "none";
+        readonly label2: "none";
+        readonly caption: "uppercase";
+        readonly legal: "none";
+    };
+    readonly shadow: {
+        readonly elevation1: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.12;
+            readonly shadowRadius: 12;
+        };
+        readonly elevation2: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.12;
+            readonly shadowRadius: 24;
+        };
+    };
+};
+//# sourceMappingURL=defaultTheme.d.ts.map

package/dts/themes/defaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/themes/defaultTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAsS5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8QO,CAAC"}

package/dts/tour/DefaultTourMask.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type TourMaskComponentProps } from './Tour';
+export declare const DefaultTourMask: React.MemoExoticComponent<({ activeTourStepTarget, padding, borderRadius }: TourMaskComponentProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=DefaultTourMask.d.ts.map

package/dts/tour/DefaultTourMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTourMask.d.ts","sourceRoot":"","sources":["../../src/tour/DefaultTourMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAOlE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,8EAC6B,sBAAsB,6CA2C9E,CAAC"}

package/dts/tour/DefaultTourStepArrow.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { TourStepArrowComponentProps } from '@coinbase/cds-common/tour/useTour';
+export declare const DefaultTourStepArrow: React.MemoExoticComponent<React.ForwardRefExoticComponent<TourStepArrowComponentProps & React.RefAttributes<View>>>;
+//# sourceMappingURL=DefaultTourStepArrow.d.ts.map

package/dts/tour/DefaultTourStepArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTourStepArrow.d.ts","sourceRoot":"","sources":["../../src/tour/DefaultTourStepArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAIrF,eAAO,MAAM,oBAAoB,qHA+BhC,CAAC"}

package/dts/tour/Tour.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+import type { TourOptions, TourStepArrowComponent } from '@coinbase/cds-common/tour/useTour';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
+import { type AutoPlacementOptions, type OffsetOptions, type ShiftOptions } from '@floating-ui/core';
+export type TourMaskComponentProps = {
+    /**
+     * The active TourStep's target element.
+     */
+    activeTourStepTarget: View;
+    /**
+     * Padding to add around the edges of the TourOverlay's content mask.
+     */
+    padding?: string | number;
+    /**
+     * Corner radius for the TourOverlay's content mask. Uses SVG rect element's `rx` and `ry`
+     * attributes https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx.
+     */
+    borderRadius?: string | number;
+};
+export type TourMaskComponent = React.FC<TourMaskComponentProps>;
+export type TourProps<T extends string = string> = TourOptions<T> & {
+    children?: React.ReactNode;
+    /**
+     * The Component to render as a tour overlay and mask.
+     * @default DefaultTourMask
+     */
+    TourMaskComponent?: TourMaskComponent;
+    /**
+     * The default Component to render for each TourStep arrow element.
+     * @default DefaultTourStepArrow
+     */
+    TourStepArrowComponent?: TourStepArrowComponent;
+    /**
+     * Hide overlay when tour is active
+     * @default false
+     */
+    hideOverlay?: boolean;
+    /**
+     * Configures `@floating-ui` offset options for Tour Step component. See https://floating-ui.com/docs/offset.
+     */
+    tourStepOffset?: OffsetOptions;
+    /**
+     * Configures `@floating-ui` autoPlacement options for Tour Step component. See https://floating-ui.com/docs/autoplacement.
+     * @default 24
+     */
+    tourStepAutoPlacement?: AutoPlacementOptions;
+    /**
+     * Configures `@floating-ui` shift options for Tour Step component. See https://floating-ui.com/docs/shift.
+     */
+    tourStepShift?: ShiftOptions;
+    /**
+     * Padding to add around the edges of the TourMask's content mask.
+     */
+    tourMaskPadding?: string | number;
+    /**
+     * Corner radius for the TourMask's content mask. Uses SVG rect element's `rx` and `ry`
+     * attributes https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx.
+     */
+    tourMaskBorderRadius?: string | number;
+} & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'id'> & SharedProps;
+type TourFC = <T extends string = string>(props: TourProps<T>) => React.ReactNode;
+export declare const Tour: TourFC;
+export {};
+//# sourceMappingURL=Tour.d.ts.map

package/dts/tour/Tour.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQxD,OAAO,KAAK,EACV,WAAW,EACX,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAmB3B,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,oBAAoB,EAAE,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC,GACzF,WAAW,CAAC;AAEd,KAAK,MAAM,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AA2HlF,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC"}

package/dts/tour/TourStep.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type TourStepProps = {
+    /** The id of the corresponding tour step data */
+    id: string;
+    children?: React.ReactNode;
+};
+/**
+ * The TourStep component wraps the target element (children) that you want to highlight during a step
+ * in the tour. The active tour step content will be positioned relative to the target element when it
+ * is rendered.
+ */
+export declare const TourStep: ({ id, children }: TourStepProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TourStep.d.ts.map

package/dts/tour/TourStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TourStep.d.ts","sourceRoot":"","sources":["../../src/tour/TourStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,KAAK,aAAa,GAAG;IACnB,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,kBAAkB,aAAa,4CAQvD,CAAC"}

package/dts/tour/__stories__/Tour.stories.d.ts

@@ -0,0 +1,4 @@
+declare const TourStory: () => import("react/jsx-runtime").JSX.Element;
+export declare const TourWithStringLiteralIdStory: () => import("react/jsx-runtime").JSX.Element;
+export default TourStory;
+//# sourceMappingURL=Tour.stories.d.ts.map

package/dts/tour/__stories__/Tour.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.stories.d.ts","sourceRoot":"","sources":["../../../src/tour/__stories__/Tour.stories.tsx"],"names":[],"mappings":"AAqGA,QAAA,MAAM,SAAS,+CAuId,CAAC;AAEF,eAAO,MAAM,4BAA4B,+CAuIxC,CAAC;AAEF,eAAe,SAAS,CAAC"}