@redsift/icons 12.6.4 → 12.6.6-alpha.1

package/components/icons/rsiAi.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * AI assistant icon with "AI" label. Use for AI-powered features.
  *
@@ -5,6 +7,6 @@
  * import { rsiAi } from '@redsift/icons';
  * <Icon icon={rsiAi} />
  */
-declare const rsiAi: JSX.Element;
+declare const rsiAi: React.JSX.Element;
 
 export { rsiAi };

package/components/icons/rsiAiRecommended.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * AI recommended icon with thumbs-up and "AI" label.
  * Use for AI-suggested or recommended content.
@@ -6,6 +8,6 @@
  * import { rsiAiRecommended } from '@redsift/icons';
  * <Icon icon={rsiAiRecommended} />
  */
-declare const rsiAiRecommended: JSX.Element;
+declare const rsiAiRecommended: React.JSX.Element;
 
 export { rsiAiRecommended };

package/components/icons/rsiAiTranslation.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * AI translation icon with language symbols and "AI" label.
  * Use for AI-powered translation features.
@@ -6,6 +8,6 @@
  * import { rsiAiTranslation } from '@redsift/icons';
  * <Icon icon={rsiAiTranslation} />
  */
-declare const rsiAiTranslation: JSX.Element;
+declare const rsiAiTranslation: React.JSX.Element;
 
 export { rsiAiTranslation };

package/components/icons/rsiSiftSpace.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * Sift Space rocket icon. Use for Sift Space product features.
  *
@@ -5,6 +7,6 @@
  * import { rsiSiftSpace } from '@redsift/icons';
  * <Icon icon={rsiSiftSpace} />
  */
-declare const rsiSiftSpace: JSX.Element;
+declare const rsiSiftSpace: React.JSX.Element;
 
 export { rsiSiftSpace };

package/components/icons/rsiSparkle.d.ts

@@ -1,5 +1,7 @@
-declare const rsiSparkle: JSX.Element;
-declare const rsiSparkleWhite: JSX.Element;
-declare const rsiSparkleColored: JSX.Element;
+import React from 'react';
+
+declare const rsiSparkle: React.JSX.Element;
+declare const rsiSparkleWhite: React.JSX.Element;
+declare const rsiSparkleColored: React.JSX.Element;
 
 export { rsiSparkle, rsiSparkleColored, rsiSparkleWhite };

package/components/icons/rsiSparkleGradient.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * Sparkle icon with gradient fill (teal to blue).
  * Use for premium AI features or visual emphasis.
@@ -6,6 +8,6 @@
  * import { rsiSparkleGradient } from '@redsift/icons';
  * <Icon icon={rsiSparkleGradient} />
  */
-declare const rsiSparkleGradient: JSX.Element;
+declare const rsiSparkleGradient: React.JSX.Element;
 
 export { rsiSparkleGradient };

package/components/logos/Asm.d.ts

@@ -1,14 +1,16 @@
-declare const rsiLegacyAsm: JSX.Element;
-declare const rsiLegacyAsmWhite: JSX.Element;
-declare const rsiLegacyAsmColored: JSX.Element;
-declare const rsiLegacyAsmHorizontal: JSX.Element;
-declare const rsiAsm: JSX.Element;
-declare const rsiAsmWhite: JSX.Element;
-declare const rsiAsmColored: JSX.Element;
-declare const rsiAsmCircle: JSX.Element;
-declare const rsiAsmCircleWhite: JSX.Element;
-declare const rsiAsmCircleColored: JSX.Element;
-declare const rsiAsmHorizontal: JSX.Element;
-declare const rsiAsmHorizontalWhite: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyAsm: React.JSX.Element;
+declare const rsiLegacyAsmWhite: React.JSX.Element;
+declare const rsiLegacyAsmColored: React.JSX.Element;
+declare const rsiLegacyAsmHorizontal: React.JSX.Element;
+declare const rsiAsm: React.JSX.Element;
+declare const rsiAsmWhite: React.JSX.Element;
+declare const rsiAsmColored: React.JSX.Element;
+declare const rsiAsmCircle: React.JSX.Element;
+declare const rsiAsmCircleWhite: React.JSX.Element;
+declare const rsiAsmCircleColored: React.JSX.Element;
+declare const rsiAsmHorizontal: React.JSX.Element;
+declare const rsiAsmHorizontalWhite: React.JSX.Element;
 
 export { rsiAsm, rsiAsmCircle, rsiAsmCircleColored, rsiAsmCircleWhite, rsiAsmColored, rsiAsmHorizontal, rsiAsmHorizontalWhite, rsiAsmWhite, rsiLegacyAsm, rsiLegacyAsmColored, rsiLegacyAsmHorizontal, rsiLegacyAsmWhite };

package/components/logos/BrandTrust.d.ts

@@ -1,14 +1,16 @@
-declare const rsiLegacyBrandTrust: JSX.Element;
-declare const rsiLegacyBrandTrustWhite: JSX.Element;
-declare const rsiLegacyBrandTrustColored: JSX.Element;
-declare const rsiLegacyBrandTrustHorizontal: JSX.Element;
-declare const rsiBrandTrust: JSX.Element;
-declare const rsiBrandTrustWhite: JSX.Element;
-declare const rsiBrandTrustColored: JSX.Element;
-declare const rsiBrandTrustCircle: JSX.Element;
-declare const rsiBrandTrustCircleWhite: JSX.Element;
-declare const rsiBrandTrustCircleColored: JSX.Element;
-declare const rsiBrandTrustHorizontal: JSX.Element;
-declare const rsiBrandTrustHorizontalWhite: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyBrandTrust: React.JSX.Element;
+declare const rsiLegacyBrandTrustWhite: React.JSX.Element;
+declare const rsiLegacyBrandTrustColored: React.JSX.Element;
+declare const rsiLegacyBrandTrustHorizontal: React.JSX.Element;
+declare const rsiBrandTrust: React.JSX.Element;
+declare const rsiBrandTrustWhite: React.JSX.Element;
+declare const rsiBrandTrustColored: React.JSX.Element;
+declare const rsiBrandTrustCircle: React.JSX.Element;
+declare const rsiBrandTrustCircleWhite: React.JSX.Element;
+declare const rsiBrandTrustCircleColored: React.JSX.Element;
+declare const rsiBrandTrustHorizontal: React.JSX.Element;
+declare const rsiBrandTrustHorizontalWhite: React.JSX.Element;
 
 export { rsiBrandTrust, rsiBrandTrustCircle, rsiBrandTrustCircleColored, rsiBrandTrustCircleWhite, rsiBrandTrustColored, rsiBrandTrustHorizontal, rsiBrandTrustHorizontalWhite, rsiBrandTrustWhite, rsiLegacyBrandTrust, rsiLegacyBrandTrustColored, rsiLegacyBrandTrustHorizontal, rsiLegacyBrandTrustWhite };

package/components/logos/Certificates.d.ts

@@ -1,14 +1,16 @@
-declare const rsiLegacyCertificates: JSX.Element;
-declare const rsiLegacyCertificatesWhite: JSX.Element;
-declare const rsiLegacyCertificatesColored: JSX.Element;
-declare const rsiLegacyCertificatesHorizontal: JSX.Element;
-declare const rsiCertificates: JSX.Element;
-declare const rsiCertificatesWhite: JSX.Element;
-declare const rsiCertificatesColored: JSX.Element;
-declare const rsiCertificatesCircle: JSX.Element;
-declare const rsiCertificatesCircleWhite: JSX.Element;
-declare const rsiCertificatesCircleColored: JSX.Element;
-declare const rsiCertificatesHorizontal: JSX.Element;
-declare const rsiCertificatesHorizontalWhite: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyCertificates: React.JSX.Element;
+declare const rsiLegacyCertificatesWhite: React.JSX.Element;
+declare const rsiLegacyCertificatesColored: React.JSX.Element;
+declare const rsiLegacyCertificatesHorizontal: React.JSX.Element;
+declare const rsiCertificates: React.JSX.Element;
+declare const rsiCertificatesWhite: React.JSX.Element;
+declare const rsiCertificatesColored: React.JSX.Element;
+declare const rsiCertificatesCircle: React.JSX.Element;
+declare const rsiCertificatesCircleWhite: React.JSX.Element;
+declare const rsiCertificatesCircleColored: React.JSX.Element;
+declare const rsiCertificatesHorizontal: React.JSX.Element;
+declare const rsiCertificatesHorizontalWhite: React.JSX.Element;
 
 export { rsiCertificates, rsiCertificatesCircle, rsiCertificatesCircleColored, rsiCertificatesCircleWhite, rsiCertificatesColored, rsiCertificatesHorizontal, rsiCertificatesHorizontalWhite, rsiCertificatesWhite, rsiLegacyCertificates, rsiLegacyCertificatesColored, rsiLegacyCertificatesHorizontal, rsiLegacyCertificatesWhite };

package/components/logos/Hardenize.d.ts

@@ -1,10 +1,12 @@
-declare const rsiHardenize: JSX.Element;
-declare const rsiHardenizeWhite: JSX.Element;
-declare const rsiHardenizeColored: JSX.Element;
-declare const rsiHardenizeCircle: JSX.Element;
-declare const rsiHardenizeCircleWhite: JSX.Element;
-declare const rsiHardenizeCircleColored: JSX.Element;
-declare const rsiHardenizeHorizontal: JSX.Element;
-declare const rsiHardenizeHorizontalWhite: JSX.Element;
+import React from 'react';
+
+declare const rsiHardenize: React.JSX.Element;
+declare const rsiHardenizeWhite: React.JSX.Element;
+declare const rsiHardenizeColored: React.JSX.Element;
+declare const rsiHardenizeCircle: React.JSX.Element;
+declare const rsiHardenizeCircleWhite: React.JSX.Element;
+declare const rsiHardenizeCircleColored: React.JSX.Element;
+declare const rsiHardenizeHorizontal: React.JSX.Element;
+declare const rsiHardenizeHorizontalWhite: React.JSX.Element;
 
 export { rsiHardenize, rsiHardenizeCircle, rsiHardenizeCircleColored, rsiHardenizeCircleWhite, rsiHardenizeColored, rsiHardenizeHorizontal, rsiHardenizeHorizontalWhite, rsiHardenizeWhite };

package/components/logos/Ondmarc.d.ts

@@ -1,14 +1,16 @@
-declare const rsiLegacyOndmarc: JSX.Element;
-declare const rsiLegacyOndmarcWhite: JSX.Element;
-declare const rsiLegacyOndmarcColored: JSX.Element;
-declare const rsiLegacyOndmarcHorizontal: JSX.Element;
-declare const rsiOndmarc: JSX.Element;
-declare const rsiOndmarcWhite: JSX.Element;
-declare const rsiOndmarcColored: JSX.Element;
-declare const rsiOndmarcCircle: JSX.Element;
-declare const rsiOndmarcCircleWhite: JSX.Element;
-declare const rsiOndmarcCircleColored: JSX.Element;
-declare const rsiOndmarcHorizontal: JSX.Element;
-declare const rsiOndmarcHorizontalWhite: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyOndmarc: React.JSX.Element;
+declare const rsiLegacyOndmarcWhite: React.JSX.Element;
+declare const rsiLegacyOndmarcColored: React.JSX.Element;
+declare const rsiLegacyOndmarcHorizontal: React.JSX.Element;
+declare const rsiOndmarc: React.JSX.Element;
+declare const rsiOndmarcWhite: React.JSX.Element;
+declare const rsiOndmarcColored: React.JSX.Element;
+declare const rsiOndmarcCircle: React.JSX.Element;
+declare const rsiOndmarcCircleWhite: React.JSX.Element;
+declare const rsiOndmarcCircleColored: React.JSX.Element;
+declare const rsiOndmarcHorizontal: React.JSX.Element;
+declare const rsiOndmarcHorizontalWhite: React.JSX.Element;
 
 export { rsiLegacyOndmarc, rsiLegacyOndmarcColored, rsiLegacyOndmarcHorizontal, rsiLegacyOndmarcWhite, rsiOndmarc, rsiOndmarcCircle, rsiOndmarcCircleColored, rsiOndmarcCircleWhite, rsiOndmarcColored, rsiOndmarcHorizontal, rsiOndmarcHorizontalWhite, rsiOndmarcWhite };

package/components/logos/Pulse.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * Pulse product logo (horizontal wordmark with icon).
  * Pre-colored with Red Sift brand colors.
@@ -6,14 +8,14 @@
  * import { rsiLegacyPulseHorizontal } from '@redsift/icons';
  * <Icon icon={rsiLegacyPulseHorizontal} size={{ width: 687 }} />
  */
-declare const rsiLegacyPulseHorizontal: JSX.Element;
-declare const rsiPulse: JSX.Element;
-declare const rsiPulseWhite: JSX.Element;
-declare const rsiPulseColored: JSX.Element;
-declare const rsiPulseCircle: JSX.Element;
-declare const rsiPulseCircleWhite: JSX.Element;
-declare const rsiPulseCircleColored: JSX.Element;
-declare const rsiPulseHorizontal: JSX.Element;
-declare const rsiPulseHorizontalWhite: JSX.Element;
+declare const rsiLegacyPulseHorizontal: React.JSX.Element;
+declare const rsiPulse: React.JSX.Element;
+declare const rsiPulseWhite: React.JSX.Element;
+declare const rsiPulseColored: React.JSX.Element;
+declare const rsiPulseCircle: React.JSX.Element;
+declare const rsiPulseCircleWhite: React.JSX.Element;
+declare const rsiPulseCircleColored: React.JSX.Element;
+declare const rsiPulseHorizontal: React.JSX.Element;
+declare const rsiPulseHorizontalWhite: React.JSX.Element;
 
 export { rsiLegacyPulseHorizontal, rsiPulse, rsiPulseCircle, rsiPulseCircleColored, rsiPulseCircleWhite, rsiPulseColored, rsiPulseHorizontal, rsiPulseHorizontalWhite, rsiPulseWhite };

package/components/logos/Radar.d.ts

@@ -1,14 +1,16 @@
-declare const rsiLegacyRadar: JSX.Element;
-declare const rsiLegacyRadarWhite: JSX.Element;
-declare const rsiLegacyRadarColored: JSX.Element;
-declare const rsiLegacyRadarHorizontal: JSX.Element;
-declare const rsiRadar: JSX.Element;
-declare const rsiRadarWhite: JSX.Element;
-declare const rsiRadarColored: JSX.Element;
-declare const rsiRadarCircle: JSX.Element;
-declare const rsiRadarCircleWhite: JSX.Element;
-declare const rsiRadarCircleColored: JSX.Element;
-declare const rsiRadarHorizontal: JSX.Element;
-declare const rsiRadarHorizontalWhite: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyRadar: React.JSX.Element;
+declare const rsiLegacyRadarWhite: React.JSX.Element;
+declare const rsiLegacyRadarColored: React.JSX.Element;
+declare const rsiLegacyRadarHorizontal: React.JSX.Element;
+declare const rsiRadar: React.JSX.Element;
+declare const rsiRadarWhite: React.JSX.Element;
+declare const rsiRadarColored: React.JSX.Element;
+declare const rsiRadarCircle: React.JSX.Element;
+declare const rsiRadarCircleWhite: React.JSX.Element;
+declare const rsiRadarCircleColored: React.JSX.Element;
+declare const rsiRadarHorizontal: React.JSX.Element;
+declare const rsiRadarHorizontalWhite: React.JSX.Element;
 
 export { rsiLegacyRadar, rsiLegacyRadarColored, rsiLegacyRadarHorizontal, rsiLegacyRadarWhite, rsiRadar, rsiRadarCircle, rsiRadarCircleColored, rsiRadarCircleWhite, rsiRadarColored, rsiRadarHorizontal, rsiRadarHorizontalWhite, rsiRadarWhite };

package/components/logos/RadarSparkle.d.ts

@@ -1,12 +1,14 @@
-declare const rsiLegacyRadarSparkle: JSX.Element;
-declare const rsiLegacyRadarSparkleWhite: JSX.Element;
-declare const rsiLegacyRadarSparkleColored: JSX.Element;
-declare const rsiLegacyRadarSparkleGradient: JSX.Element;
-declare const rsiRadarSparkle: JSX.Element;
-declare const rsiRadarSparkleWhite: JSX.Element;
-declare const rsiRadarSparkleColored: JSX.Element;
-declare const rsiRadarSparkleCircle: JSX.Element;
-declare const rsiRadarSparkleCircleWhite: JSX.Element;
-declare const rsiRadarSparkleCircleColored: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyRadarSparkle: React.JSX.Element;
+declare const rsiLegacyRadarSparkleWhite: React.JSX.Element;
+declare const rsiLegacyRadarSparkleColored: React.JSX.Element;
+declare const rsiLegacyRadarSparkleGradient: React.JSX.Element;
+declare const rsiRadarSparkle: React.JSX.Element;
+declare const rsiRadarSparkleWhite: React.JSX.Element;
+declare const rsiRadarSparkleColored: React.JSX.Element;
+declare const rsiRadarSparkleCircle: React.JSX.Element;
+declare const rsiRadarSparkleCircleWhite: React.JSX.Element;
+declare const rsiRadarSparkleCircleColored: React.JSX.Element;
 
 export { rsiLegacyRadarSparkle, rsiLegacyRadarSparkleColored, rsiLegacyRadarSparkleGradient, rsiLegacyRadarSparkleWhite, rsiRadarSparkle, rsiRadarSparkleCircle, rsiRadarSparkleCircleColored, rsiRadarSparkleCircleWhite, rsiRadarSparkleColored, rsiRadarSparkleWhite };

package/components/logos/RedSift.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * Red Sift company logo — pre-2025 brand (circular mark, pre-coloured #E11010). Superseded by
  * rsiRedSift*; retained for migration only.
@@ -6,12 +8,12 @@
  * import { rsiLegacyRedSift } from '@redsift/icons';
  * <Icon icon={rsiLegacyRedSift} size={{ width: 140 }} />
  */
-declare const rsiLegacyRedSift: JSX.Element;
-declare const rsiRedSift: JSX.Element;
-declare const rsiRedSiftWhite: JSX.Element;
-declare const rsiRedSiftColored: JSX.Element;
-declare const rsiRedSiftCircle: JSX.Element;
-declare const rsiRedSiftCircleWhite: JSX.Element;
-declare const rsiRedSiftCircleColored: JSX.Element;
+declare const rsiLegacyRedSift: React.JSX.Element;
+declare const rsiRedSift: React.JSX.Element;
+declare const rsiRedSiftWhite: React.JSX.Element;
+declare const rsiRedSiftColored: React.JSX.Element;
+declare const rsiRedSiftCircle: React.JSX.Element;
+declare const rsiRedSiftCircleWhite: React.JSX.Element;
+declare const rsiRedSiftCircleColored: React.JSX.Element;
 
 export { rsiLegacyRedSift, rsiRedSift, rsiRedSiftCircle, rsiRedSiftCircleColored, rsiRedSiftCircleWhite, rsiRedSiftColored, rsiRedSiftWhite };

package/components/logos/RedSiftHorizontal.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * Red Sift company logo (horizontal wordmark with icon) — pre-2025 artwork, pre-coloured #E11010.
  * There is no 2025 Red Sift lockup yet; the 2025 mark is rsiRedSift*.
@@ -6,6 +8,6 @@
  * import { rsiRedSiftHorizontal } from '@redsift/icons';
  * <Icon icon={rsiRedSiftHorizontal} size={{ width: 485 }} />
  */
-declare const rsiRedSiftHorizontal: JSX.Element;
+declare const rsiRedSiftHorizontal: React.JSX.Element;
 
 export { rsiRedSiftHorizontal };

package/components/logos/RedSiftRaw.d.ts

@@ -1,8 +1,10 @@
-declare const rsiLegacyRedsiftRaw: JSX.Element;
-declare const rsiLegacyRedsiftRawWhite: JSX.Element;
-declare const rsiLegacyRedsiftRawColored: JSX.Element;
-declare const rsiRedsiftRaw: JSX.Element;
-declare const rsiRedsiftRawWhite: JSX.Element;
-declare const rsiRedsiftRawColored: JSX.Element;
+import React from 'react';
+
+declare const rsiLegacyRedsiftRaw: React.JSX.Element;
+declare const rsiLegacyRedsiftRawWhite: React.JSX.Element;
+declare const rsiLegacyRedsiftRawColored: React.JSX.Element;
+declare const rsiRedsiftRaw: React.JSX.Element;
+declare const rsiRedsiftRawWhite: React.JSX.Element;
+declare const rsiRedsiftRawColored: React.JSX.Element;
 
 export { rsiLegacyRedsiftRaw, rsiLegacyRedsiftRawColored, rsiLegacyRedsiftRawWhite, rsiRedsiftRaw, rsiRedsiftRawColored, rsiRedsiftRawWhite };

package/components/logos/RojoDSHorizontal.d.ts

@@ -1,3 +1,5 @@
+import React from 'react';
+
 /**
  * Rojo Design System horizontal logo (Red Sift + Design System wordmark) — pre-2025 Red Sift
  * artwork, pre-coloured #E11010; the ROJO DS text is currentColor.
@@ -6,6 +8,6 @@
  * import { rsiRojoDsHorizontal } from '@redsift/icons';
  * <Icon icon={rsiRojoDsHorizontal} size={{ width: 488 }} />
  */
-declare const rsiRojoDsHorizontal: JSX.Element;
+declare const rsiRojoDsHorizontal: React.JSX.Element;
 
 export { rsiRojoDsHorizontal };

package/components/logos/VendorSecure.d.ts

@@ -1,6 +1,8 @@
-declare const rsiVendorSecure: JSX.Element;
-declare const rsiVendorSecureWhite: JSX.Element;
-declare const rsiVendorSecureColored: JSX.Element;
-declare const rsiVendorSecureHorizontal: JSX.Element;
+import React from 'react';
+
+declare const rsiVendorSecure: React.JSX.Element;
+declare const rsiVendorSecureWhite: React.JSX.Element;
+declare const rsiVendorSecureColored: React.JSX.Element;
+declare const rsiVendorSecureHorizontal: React.JSX.Element;
 
 export { rsiVendorSecure, rsiVendorSecureColored, rsiVendorSecureHorizontal, rsiVendorSecureWhite };

package/package.json

@@ -27,7 +27,7 @@
     "prepublishOnly": "yarn build"
   },
   "types": "index.d.ts",
-  "version": "12.6.4",
+  "version": "12.6.6-alpha.1",
   "devDependencies": {
     "@babel/core": "^7.8.3",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
@@ -46,7 +46,7 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@svgr/rollup": "^6.2.1",
-    "@types/react": "18.0.12",
+    "@types/react": "18.2.7",
     "@types/react-dom": "18.0.5",
     "@types/react-transition-group": "^4.4.5",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
@@ -70,5 +70,5 @@
     "react": ">=17",
     "react-dom": ">=17"
   },
-  "gitHead": "9ce0836c585db8c0c4c4e705108b0a553aa06b8e"
+  "gitHead": "3573bb7728c399a785abb35fc9fe3794452bda64"
 }