@codecademy/gamut-styles 16.0.0-alpha.18a7d7.0 → 16.0.0-alpha.20ae90.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,23 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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
+  });
+  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    rest[_key - 1] = arguments[_key];
+  }
+  return /*#__PURE__*/_jsx(UniqueIdGeneratorProvider, _objectSpread(_objectSpread({}, rest), {}, {
+    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.18a7d7.0",
+  "version": "16.0.0-alpha.20ae90.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": "a7c2ec3e6fc7d2ec4aff79c4a590f2366ffc91a6"
+  "gitHead": "929afb126feff2eb0a29bc30eba3eddbecab37e2"
 }