@coinbase/cds-web 0.0.0 → 8.13.2

package/dts/themes/defaultTheme.d.ts

@@ -0,0 +1,539 @@
+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: 'var(--defaultFont-sans)';
+    readonly display2: 'var(--defaultFont-sans)';
+    readonly display3: 'var(--defaultFont-sans)';
+    readonly title1: 'var(--defaultFont-sans)';
+    readonly title2: 'var(--defaultFont-sans)';
+    readonly title3: 'var(--defaultFont-sans)';
+    readonly title4: 'var(--defaultFont-sans)';
+    readonly headline: 'var(--defaultFont-sans)';
+    readonly body: 'var(--defaultFont-sans)';
+    readonly label1: 'var(--defaultFont-sans)';
+    readonly label2: 'var(--defaultFont-sans)';
+    readonly caption: 'var(--defaultFont-sans)';
+    readonly legal: 'var(--defaultFont-sans)';
+  };
+  readonly fontFamilyMono: {
+    readonly display1: 'var(--defaultFont-mono)';
+    readonly display2: 'var(--defaultFont-mono)';
+    readonly display3: 'var(--defaultFont-mono)';
+    readonly title1: 'var(--defaultFont-mono)';
+    readonly title2: 'var(--defaultFont-mono)';
+    readonly title3: 'var(--defaultFont-mono)';
+    readonly title4: 'var(--defaultFont-mono)';
+    readonly headline: 'var(--defaultFont-mono)';
+    readonly body: 'var(--defaultFont-mono)';
+    readonly label1: 'var(--defaultFont-mono)';
+    readonly label2: 'var(--defaultFont-mono)';
+    readonly caption: 'var(--defaultFont-mono)';
+    readonly legal: 'var(--defaultFont-mono)';
+  };
+  readonly fontSize: {
+    readonly display1: '4rem';
+    readonly display2: '3rem';
+    readonly display3: '2.5rem';
+    readonly title1: '1.75rem';
+    readonly title2: '1.75rem';
+    readonly title3: '1.25rem';
+    readonly title4: '1.25rem';
+    readonly headline: '1rem';
+    readonly body: '1rem';
+    readonly label1: '0.875rem';
+    readonly label2: '0.875rem';
+    readonly caption: '0.8125rem';
+    readonly legal: '0.8125rem';
+  };
+  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: '4.5rem';
+    readonly display2: '3.5rem';
+    readonly display3: '3rem';
+    readonly title1: '2.25rem';
+    readonly title2: '2.25rem';
+    readonly title3: '1.75rem';
+    readonly title4: '1.75rem';
+    readonly headline: '1.5rem';
+    readonly body: '1.5rem';
+    readonly label1: '1.25rem';
+    readonly label2: '1.25rem';
+    readonly caption: '1rem';
+    readonly legal: '1rem';
+  };
+  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: '0px 8px 12px rgba(0, 0, 0, 0.12)';
+    readonly elevation2: '0px 8px 24px rgba(0, 0, 0, 0.12)';
+  };
+};
+//# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoQO,CAAC"}

package/dts/tour/DefaultTourMask.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TourMaskComponentProps } from './Tour';
+export declare const DefaultTourMask: React.MemoExoticComponent<
+  ({
+    activeTourStepTargetRect,
+    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,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,eAAO,MAAM,eAAe,mFAKvB,sBAAsB,6CA4B1B,CAAC"}

package/dts/tour/DefaultTourStepArrow.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { TourStepArrowComponentProps } from '@coinbase/cds-common/tour/useTour';
+export declare const DefaultTourStepArrow: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<TourStepArrowComponentProps & React.RefAttributes<HTMLDivElement>>
+>;
+//# 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,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAIrF,eAAO,MAAM,oBAAoB,+HAiChC,CAAC"}

package/dts/tour/Tour.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+import type {
+  TourOptions,
+  TourScrollOptions,
+  TourStepArrowComponent,
+} from '@coinbase/cds-common/tour/useTour';
+import type { Rect, SharedProps } from '@coinbase/cds-common/types';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/SharedAccessibilityProps';
+import {
+  type AutoPlacementOptions,
+  type OffsetOptions,
+  type ShiftOptions,
+} from '@floating-ui/react-dom';
+export type TourMaskComponentProps = {
+  /**
+   * Rect of the active TourStep's target element.
+   */
+  activeTourStepTargetRect: Rect;
+  /**
+   * 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;
+  /**
+   * Controls the scrolling behavior and margins when calling element.scrollTo() to scroll to an active TourStep target.
+   */
+  scrollOptions?: TourScrollOptions;
+  /**
+   * @danger This disables React portal integration. Use this with caution.
+   */
+  disablePortal?: boolean;
+  /**
+   * Disable automatically scrolling to active elements.
+   */
+  disableAutoScroll?: boolean;
+} & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'id'> &
+  SharedProps;
+export type TourFC = <T extends string = string>(props: TourProps<T>) => React.ReactNode;
+export declare const Tour: TourFC;
+//# 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;AAQ9D,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAGL,KAAK,oBAAoB,EAGzB,KAAK,aAAa,EAElB,KAAK,YAAY,EAElB,MAAM,wBAAwB,CAAC;AA0BhC,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,wBAAwB,EAAE,IAAI,CAAC;IAC/B;;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;IACvC;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC,GACzF,WAAW,CAAC;AAsDd,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAkIzF,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC"}

package/dts/tour/TourStep.d.ts

@@ -0,0 +1,17 @@
+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;AAG3C,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,4CAOvD,CAAC"}