@sproutsocial/racine 20.15.0 → 20.17.0

package/lib/utils/react-testing-library.flow.js

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { act as defaultAct, cleanup as defaultCleanup, createEvent as defaultCreateEvent, fireEvent as defaultFireEvent, waitFor as defaultWaitFor, waitForElementToBeRemoved as defaultWaitForElementToBeRemoved } from '@testing-library/react';
-import defaultUserEvent from '@testing-library/user-event';
+import * as React from "react";
+import { act as defaultAct, cleanup as defaultCleanup, createEvent as defaultCreateEvent, fireEvent as defaultFireEvent, waitFor as defaultWaitFor, waitForElementToBeRemoved as defaultWaitForElementToBeRemoved } from "@testing-library/react";
+import defaultUserEvent from "@testing-library/user-event";

package/lib/utils/react-testing-library.js

@@ -7,8 +7,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { act, cleanup, createEvent, fireEvent, queries, render, screen as defaultScreen, waitFor, waitForElementToBeRemoved, within } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { act, cleanup, createEvent, fireEvent, queries, render, screen as defaultScreen, waitFor, waitForElementToBeRemoved, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 import ThemeProvider from "../ThemeProvider";
 import { a11yCheck } from "./a11yTest";
 import { dataQaLabelQueries } from "./dataQaLabelQueries";

package/lib/utils/responsiveProps/index.js

@@ -9,7 +9,7 @@ import theme from "../../themes/light/theme";
 var breakpoints = theme.breakpoints;
 var LENGTH = breakpoints.length + 1;
 export var normalizeResponsiveProp = function normalizeResponsiveProp(value) {
-  if (['string', 'number'].includes(_typeof(value))) {
+  if (["string", "number"].includes(_typeof(value))) {
     return Array(LENGTH).fill(value);
   }
   if (value.length) {

package/lib/utils/responsiveProps/index.test.flow.js

@@ -1,21 +1,21 @@
 import { normalizeResponsiveProp } from "./index.flow";
-describe('normalizeResponsiveProp', function () {
-  it('should handle single, literal values', function () {
+describe("normalizeResponsiveProp", function () {
+  it("should handle single, literal values", function () {
     expect(normalizeResponsiveProp(0)).toMatchObject([0, 0, 0, 0, 0]);
   });
-  it('should handle arrays with 1 value', function () {
+  it("should handle arrays with 1 value", function () {
     expect(normalizeResponsiveProp([0])).toMatchObject([0, 0, 0, 0, 0]);
   });
-  it('should handle arrays with 2 values', function () {
+  it("should handle arrays with 2 values", function () {
     expect(normalizeResponsiveProp([0, 1])).toMatchObject([0, 1, 1, 1, 1]);
   });
-  it('should handle arrays with 3 values', function () {
+  it("should handle arrays with 3 values", function () {
     expect(normalizeResponsiveProp([0, 1, 2])).toMatchObject([0, 1, 2, 2, 2]);
   });
-  it('should handle arrays with 4 values', function () {
+  it("should handle arrays with 4 values", function () {
     expect(normalizeResponsiveProp([0, 1, 2, 3])).toMatchObject([0, 1, 2, 3, 3]);
   });
-  it('should handle arrays with 5 values', function () {
+  it("should handle arrays with 5 values", function () {
     expect(normalizeResponsiveProp([0, 1, 2, 3, 4])).toMatchObject([0, 1, 2, 3, 4]);
   });
 });

package/lib/utils/system-props/gap.js

@@ -1,15 +1,15 @@
-import { system } from 'styled-system';
+import { system } from "styled-system";
 export var gap = system({
   gap: {
-    property: 'gap',
-    scale: 'space'
+    property: "gap",
+    scale: "space"
   },
   rowGap: {
-    property: 'rowGap',
-    scale: 'space'
+    property: "rowGap",
+    scale: "space"
   },
   columnGap: {
-    property: 'columnGap',
-    scale: 'space'
+    property: "columnGap",
+    scale: "space"
   }
 });

package/lib/utils/system-props/system-props.js

@@ -1,9 +1,9 @@
 // eslint-disable-next-line no-restricted-syntax
-import * as styles from 'styled-system';
+import * as styles from "styled-system";
 import { gap } from "./gap";
 var typeScale = styles.variant({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 });
 export var COMMON = styles.compose(styles.color, styles.space, styles.system({
   cursor: true,

package/lib/utils/use-measure.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState, useLayoutEffect } from 'react';
+import { useState, useLayoutEffect } from "react";
 var initialBounds = Object.freeze({
   x: 0,
   y: 0,
@@ -24,7 +24,7 @@ export function useMeasure(ref) {
     var element = ref.current;
     if (!element ||
     // in non-browser environments (e.g. Jest tests) ResizeObserver is not defined
-    !('ResizeObserver' in window)) {
+    !("ResizeObserver" in window)) {
       return;
     }
     var resizeObserver = new ResizeObserver(function (_ref) {

package/lib/utils/useInteractiveColor.js

@@ -1,5 +1,5 @@
-import { darken, lighten } from 'polished';
-import { useTheme } from 'styled-components';
+import { darken, lighten } from "polished";
+import { useTheme } from "styled-components";
 
 /**
  * The useInteractiveColor hook has context of theme mode (light or dark)
@@ -10,14 +10,14 @@ import { useTheme } from 'styled-components';
 var useInteractiveColor = function useInteractiveColor(themeColor) {
   // Throw error if used outside of a ThemeProvider (styled-components)
   if (!useTheme()) {
-    throw new Error('useInteractiveColor() must be used within a Styled Components ThemeProvider');
+    throw new Error("useInteractiveColor() must be used within a Styled Components ThemeProvider");
   }
 
   // Get the current theme mode ie. 'light' or 'dark'
   var themeMode = useTheme().mode;
 
   // If the theme mode is dark, return a lightened version of the themeValue
-  if (themeMode === 'dark') {
+  if (themeMode === "dark") {
     return lighten(0.2, themeColor);
   } else {
     // If the theme mode is light, return a darkened version of the themeValue

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "20.15.0",
+  "version": "20.17.0",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -166,6 +166,7 @@
     "rimraf": "^2.6.3",
     "storybook": "^7.2.1",
     "storybook-dark-mode": "^3.0.1",
+    "styled-components": "^5.2.3",
     "svgo": "^1.3.0",
     "svgstore": "^3.0.1",
     "tsc-alias": "^1.8.2",
@@ -177,7 +178,7 @@
   },
   "peerDependencies": {
     "@sproutsocial/seeds-border": ">=0.3.0",
-    "@sproutsocial/seeds-color": ">=1.2.0",
+    "@sproutsocial/seeds-color": ">=2.1.0",
     "@sproutsocial/seeds-depth": ">=1.0.0",
     "@sproutsocial/seeds-icons": "^1.0.0",
     "@sproutsocial/seeds-motion": ">=1.1.0",