@codecademy/gamut-styles 16.0.0-alpha.b81ea9.0 → 16.0.0-alpha.cef563.0

package/dist/GamutProvider.d.ts

@@ -3,6 +3,7 @@ import { EmotionCache, Theme } from '@emotion/react';
 import * as React from 'react';
 export interface GamutProviderProps {
     children?: React.ReactNode;
+    useIcons?: boolean;
     useGlobals?: boolean;
     useCache?: boolean;
     theme: Theme;

package/dist/GamutProvider.js

@@ -5,6 +5,7 @@ import { createEmotionCache } from './cache';
 import { Reboot, Typography } from './globals';
 import { Variables } from './globals/Variables';
 import { coreTheme } from './themes/core';
+import { UniqueIdProvider } from './UniqueIdProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -22,7 +23,9 @@ export var GamutProvider = function GamutProvider(_ref) {
     _ref$useGlobals = _ref.useGlobals,
     useGlobals = _ref$useGlobals === void 0 ? true : _ref$useGlobals,
     _ref$useCache = _ref.useCache,
-    useCache = _ref$useCache === void 0 ? true : _ref$useCache;
+    useCache = _ref$useCache === void 0 ? true : _ref$useCache,
+    _ref$useIcons = _ref.useIcons,
+    useIcons = _ref$useIcons === void 0 ? true : _ref$useIcons;
   var _useContext = useContext(GamutContext),
     hasGlobals = _useContext.hasGlobals,
     hasCache = _useContext.hasCache;
@@ -49,7 +52,10 @@ export var GamutProvider = function GamutProvider(_ref) {
         value: activeCache.current,
         children: [globals, /*#__PURE__*/_jsx(ThemeProvider, {
           theme: theme,
-          children: children
+          children: /*#__PURE__*/_jsx(UniqueIdProvider, {
+            useUniqueIconIds: useIcons,
+            children: children
+          })
         })]
       })
     });

package/dist/UniqueIdProvider/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ProviderProps } from '@inline-svg-unique-id/react';
+export interface UniqueIdProviderProps extends ProviderProps {
+    useUniqueIconIds?: boolean;
+}
+export declare const UniqueIdProvider: React.FC<UniqueIdProviderProps>;

package/dist/UniqueIdProvider/index.js

@@ -0,0 +1,15 @@
+import { Provider as UniqueIdGeneratorProvider } from '@inline-svg-unique-id/react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var UniqueIdProvider = function UniqueIdProvider(_ref) {
+  var _ref$useUniqueIconIds = _ref.useUniqueIconIds,
+    useUniqueIconIds = _ref$useUniqueIconIds === void 0 ? true : _ref$useUniqueIconIds,
+    children = _ref.children;
+  if (!useUniqueIconIds) /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+  return /*#__PURE__*/_jsx(UniqueIdGeneratorProvider, {
+    idPrefix: "custom-prefix",
+    children: children
+  });
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut-styles",
   "description": "Styleguide & Component library for codecademy.com",
-  "version": "16.0.0-alpha.b81ea9.0",
+  "version": "16.0.0-alpha.cef563.0",
   "author": "Jake Hiller <jake@codecademy.com>",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -29,6 +29,7 @@
     "@emotion/cache": "^11.4.0",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
+    "@inline-svg-unique-id/react": "^1.2.3",
     "lodash": "^4.17.5",
     "react": "^17.0.2 || ^18.2.0",
     "stylis": "^4.0.7"
@@ -41,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "425fbe0689bf193c04b857b2154302b43a2c934c"
+  "gitHead": "e6aa918eee5efd8a4f91ebe17a68e32d073beb09"
 }