@rango-dev/ui 0.59.1-next.1 → 0.60.0

package/dist/widget/ui/src/components/CampaignQuoteTag/CampaignQuoteTag.d.ts

@@ -0,0 +1,4 @@
+import type { PropTypes } from './CampaignQuoteTag.types.js';
+import React from 'react';
+export declare const CampaignQuoteTag: (props: PropTypes) => React.JSX.Element;
+//# sourceMappingURL=CampaignQuoteTag.d.ts.map

package/dist/widget/ui/src/components/CampaignQuoteTag/CampaignQuoteTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignQuoteTag.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CampaignQuoteTag/CampaignQuoteTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,gBAAgB,UAAW,SAAS,sBAsBhD,CAAC"}

package/dist/widget/ui/src/components/CampaignQuoteTag/CampaignQuoteTag.styles.d.ts

@@ -0,0 +1,321 @@
+export declare const getLabelStyles: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util.js").CSS<{
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary500: string;
+        primary550: string;
+        secondary: string;
+        secondary100: string;
+        secondary150: string;
+        secondary200: string;
+        secondary250: string;
+        secondary500: string;
+        secondary550: string;
+        neutral: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error600: string;
+        error700: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: string;
+        info: string;
+        info100: string;
+        info300: string;
+        info500: string;
+        info600: string;
+        info700: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success600: string;
+        success700: string;
+        background: string;
+        foreground: string;
+    };
+    space: {
+        0: string;
+        5: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        40: string;
+        46: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+        primary: string;
+        secondary: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        22: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {
+        primary: string;
+        widget: string;
+    };
+    fontWeights: {
+        regular: number;
+        medium: number;
+        semiBold: number;
+        bold: number;
+    };
+    lineHeights: {
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        36: string;
+        40: string;
+        44: string;
+        52: string;
+        64: string;
+    };
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        32: string;
+        36: string;
+        40: string;
+        45: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    shadows: {
+        mainContainer: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
+export declare const TagContainer: import("@stitches/react/types/styled-component.js").StyledComponent<"a", {}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util.js").CSS<{
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary500: string;
+        primary550: string;
+        secondary: string;
+        secondary100: string;
+        secondary150: string;
+        secondary200: string;
+        secondary250: string;
+        secondary500: string;
+        secondary550: string;
+        neutral: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error600: string;
+        error700: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: string;
+        info: string;
+        info100: string;
+        info300: string;
+        info500: string;
+        info600: string;
+        info700: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success600: string;
+        success700: string;
+        background: string;
+        foreground: string;
+    };
+    space: {
+        0: string;
+        5: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        40: string;
+        46: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+        primary: string;
+        secondary: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        22: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {
+        primary: string;
+        widget: string;
+    };
+    fontWeights: {
+        regular: number;
+        medium: number;
+        semiBold: number;
+        bold: number;
+    };
+    lineHeights: {
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        36: string;
+        40: string;
+        44: string;
+        52: string;
+        64: string;
+    };
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        32: string;
+        36: string;
+        40: string;
+        45: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    shadows: {
+        mainContainer: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
+//# sourceMappingURL=CampaignQuoteTag.styles.d.ts.map

package/dist/widget/ui/src/components/CampaignQuoteTag/CampaignQuoteTag.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignQuoteTag.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CampaignQuoteTag/CampaignQuoteTag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAAU,CAAC;AAEtC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAsBvB,CAAC"}

package/dist/widget/ui/src/components/CampaignQuoteTag/CampaignQuoteTag.types.d.ts

@@ -0,0 +1,9 @@
+import type { RouteTag } from 'rango-types/lib/api/main';
+export interface PropTypes {
+    routeTag: RouteTag;
+    backgroundUrl: string;
+    iconUrl: string;
+    linkUrl: string;
+    title: string;
+}
+//# sourceMappingURL=CampaignQuoteTag.types.d.ts.map

package/dist/widget/ui/src/components/CampaignQuoteTag/CampaignQuoteTag.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignQuoteTag.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CampaignQuoteTag/CampaignQuoteTag.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/widget/ui/src/components/CampaignQuoteTag/index.d.ts

@@ -0,0 +1,2 @@
+export { CampaignQuoteTag } from './CampaignQuoteTag.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/CampaignQuoteTag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CampaignQuoteTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullExpandedQuote.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAI/E,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+CxC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBA4OjD"}
+{"version":3,"file":"FullExpandedQuote.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAI/E,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgDxC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBA8PjD"}

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullExpandedQuote.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAEpD,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAItC,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,UAK3C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAK9C;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAS1D"}
+{"version":3,"file":"FullExpandedQuote.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAEpD,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAItC,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,UAK3C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAK9C;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAU1D"}

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts

@@ -13,6 +13,13 @@ type BaseProps = {
     tooltipContainer?: HTMLElement;
     onClick?: () => void;
     selected?: boolean;
+    campaignTag?: {
+        id: string;
+        title: string;
+        backgroundUrl: string;
+        iconUrl: string;
+        linkUrl: string;
+    };
 };
 export type DataLoadedProps = {
     steps: Step[];

package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullExpandedQuote.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,KAAK,SAAS,GAAG;IACf,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE;QACb,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"FullExpandedQuote.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,KAAK,SAAS,GAAG;IACf,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACpD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B,CAAC;AACF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE;QACb,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts

@@ -159,7 +159,7 @@ export declare const getLabelStyles: import("@stitches/react/types/styled-compon
     transitions: {};
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
 export declare const TagContainer: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {
-    type?: "RECOMMENDED" | "FASTEST" | "HIGH_IMPACT" | "LOWEST_FEE" | "CENTRALIZED" | undefined;
+    type?: "RECOMMENDED" | "FASTEST" | "HIGH_IMPACT" | "LOWEST_FEE" | "CENTRALIZED" | "CAMPAIGN" | undefined;
 }, {
     xs: string;
     sm: string;

package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteTag.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteTag/QuoteTag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAAU,CAAC;AAEtC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAuCvB,CAAC"}
+{"version":3,"file":"QuoteTag.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteTag/QuoteTag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAAU,CAAC;AAEtC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAwCvB,CAAC"}

package/dist/widget/ui/src/components/index.d.ts

@@ -41,6 +41,7 @@ export * from './StepDetails/index.js';
 export * from './Popover/index.js';
 export * from './Flags/index.js';
 export * from './Select/index.js';
+export * from './CampaignQuoteTag/index.js';
 export * from './QuoteTag/index.js';
 export * from './Tabs/index.js';
 export * from './CustomTokenWarning/index.js';

package/dist/widget/ui/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,YAAY,EACV,YAAY,EACZ,wBAAwB,GACzB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,YAAY,EACV,YAAY,EACZ,wBAAwB,GACzB,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.59.1-next.1",
+  "version": "0.60.0",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -53,13 +53,13 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
-    "@rango-dev/wallets-shared": "^0.56.1-next.0",
+    "@rango-dev/wallets-shared": "^0.57.0",
     "@stitches/react": "^1.2.8",
     "copy-to-clipboard": "^3.3.3",
-    "rango-types": "^0.1.89",
+    "rango-types": "^0.1.92",
     "react-virtuoso": "^4.6.2"
   },
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/CampaignQuoteTag/CampaignQuoteTag.styles.ts

@@ -0,0 +1,27 @@
+import { css, darkTheme, styled } from '../../theme.js';
+
+export const getLabelStyles = css({});
+
+export const TagContainer = styled('a', {
+  backgroundColor: '$neutral400',
+  borderRadius: '$xs',
+  padding: '$2 $5',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  flexDirection: 'row',
+  backgroundSize: 'cover',
+  backgroundPosition: 'center',
+  gap: '$2',
+  '& img': {
+    borderRadius: '50%',
+    width: '$16',
+    height: '$16',
+  },
+  [`& .${getLabelStyles}`]: {
+    color: '$background',
+    [`.${darkTheme} &`]: {
+      color: '$foreground',
+    },
+  },
+});

package/src/components/CampaignQuoteTag/CampaignQuoteTag.tsx

@@ -0,0 +1,32 @@
+import type { PropTypes } from './CampaignQuoteTag.types.js';
+
+import React from 'react';
+
+import { Tooltip } from '../Tooltip/index.js';
+import { Typography } from '../Typography/index.js';
+
+import { getLabelStyles, TagContainer } from './CampaignQuoteTag.styles.js';
+
+export const CampaignQuoteTag = (props: PropTypes) => {
+  const {
+    routeTag: { label },
+    iconUrl,
+    backgroundUrl,
+    linkUrl,
+    title,
+  } = props;
+
+  return (
+    <Tooltip content={title}>
+      <TagContainer
+        href={linkUrl}
+        target="_blank"
+        css={{ backgroundImage: `url(${backgroundUrl})` }}>
+        <img src={iconUrl} />
+        <Typography variant="body" size="small" className={getLabelStyles()}>
+          {label}
+        </Typography>
+      </TagContainer>
+    </Tooltip>
+  );
+};

package/src/components/CampaignQuoteTag/CampaignQuoteTag.types.ts

@@ -0,0 +1,9 @@
+import type { RouteTag } from 'rango-types/lib/api/main';
+
+export interface PropTypes {
+  routeTag: RouteTag;
+  backgroundUrl: string;
+  iconUrl: string;
+  linkUrl: string;
+  title: string;
+}

package/src/components/CampaignQuoteTag/index.ts

@@ -0,0 +1 @@
+export { CampaignQuoteTag } from './CampaignQuoteTag.js';

package/src/components/FullExpandedQuote/FullExpandedQuote.helpers.ts

@@ -27,6 +27,7 @@ export function getTagLabel(tag: Tag, t: I18n['t']): string {
     HIGH_IMPACT: t('High Impact'),
     LOWEST_FEE: t('Lowest Fee'),
     RECOMMENDED: t('Recommended'),
+    CAMPAIGN: t('Campaign'),
   };
   return data[tag];
 }

package/src/components/FullExpandedQuote/FullExpandedQuote.tsx

@@ -5,6 +5,7 @@ import { i18n } from '@lingui/core';
 import React, { useState } from 'react';
 
 import { ErrorIcon, InfoIcon, WarningIcon } from '../../icons/index.js';
+import { CampaignQuoteTag } from '../CampaignQuoteTag/CampaignQuoteTag.js';
 import { ChainToken } from '../ChainToken/index.js';
 import { Image } from '../common/index.js';
 import { Divider } from '../Divider/index.js';
@@ -57,6 +58,7 @@ export function FullExpandedQuote(props: PropTypes) {
     tooltipContainer,
     onClick,
     selected = false,
+    campaignTag,
     id,
   } = props;
   const [hoveredItemIndex, setHoveredItemIndex] = useState<number | null>(null);
@@ -79,13 +81,30 @@ export function FullExpandedQuote(props: PropTypes) {
           <>
             {props.quoteCost}
             <TagsContainer>
-              {props.tags.map((tag) => (
-                <QuoteTag
-                  key={tag.label}
-                  label={getTagLabel(tag.value as Tag, i18n.t)}
-                  value={tag.value}
-                />
-              ))}
+              {props.tags.map((tag) => {
+                if (tag.value === 'CAMPAIGN' && campaignTag) {
+                  return (
+                    <CampaignQuoteTag
+                      key={tag.label}
+                      backgroundUrl={campaignTag.backgroundUrl}
+                      iconUrl={campaignTag.iconUrl}
+                      linkUrl={campaignTag.linkUrl}
+                      title={campaignTag.title}
+                      routeTag={{
+                        label: getTagLabel(tag.value as Tag, i18n.t),
+                        value: tag.value,
+                      }}
+                    />
+                  );
+                }
+                return (
+                  <QuoteTag
+                    key={tag.label}
+                    label={getTagLabel(tag.value as Tag, i18n.t)}
+                    value={tag.value}
+                  />
+                );
+              })}
             </TagsContainer>
           </>
         )}

package/src/components/FullExpandedQuote/FullExpandedQuote.types.ts

@@ -17,6 +17,13 @@ type BaseProps = {
   tooltipContainer?: HTMLElement;
   onClick?: () => void;
   selected?: boolean;
+  campaignTag?: {
+    id: string;
+    title: string;
+    backgroundUrl: string;
+    iconUrl: string;
+    linkUrl: string;
+  };
 };
 
 export type DataLoadedProps = {

package/src/components/QuoteTag/QuoteTag.styles.ts

@@ -39,6 +39,7 @@ export const TagContainer = styled('div', {
           color: '$warning500',
         },
       },
+      CAMPAIGN: {},
     },
   },
 });

package/src/components/index.ts

@@ -41,6 +41,7 @@ export * from './StepDetails/index.js';
 export * from './Popover/index.js';
 export * from './Flags/index.js';
 export * from './Select/index.js';
+export * from './CampaignQuoteTag/index.js';
 export * from './QuoteTag/index.js';
 export * from './Tabs/index.js';
 export * from './CustomTokenWarning/index.js';