@sproutsocial/racine 20.2.0 → 20.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Change Log
 
+## 20.3.0
+
+### Minor Changes
+
+- e83128a9: Add flex and grid system props to the Button and Text components
+- a90ffa7d: `FormField` component now supports `required` prop, which marks the label with an asterisk and sets children elements to required.
+- 7672a5d2: Updated the `Icon` component so that when a non-variant tag `name` is passed in and the `size='mini'`, then the default variant will be `solid` instead of `outline`.
+  - Example: `<Icon name='tag' size='mini' />` would display the `tag-solid` icon at the `mini` size.
+  - Note: This behavior can be overridden by passing a name with a variant such as `<Icon name='tag-outline' size='mini' />`
+- 354caff2: Add carousel indicator color tokens
+
+### Patch Changes
+
+- 97366f0a: Use id of head cells instead of colGroup for key
+
 ## 20.2.0
 
 ### Minor Changes

package/__flow__/Button/Button.flow.js

@@ -2,10 +2,12 @@
 import * as React from 'react';
 import { type StyledComponent } from 'styled-components';
 import type { TypeTheme } from "../types/theme.flow";
-import type { TypeSystemCommonProps, TypeSystemLayoutProps } from "../types/system-props.flow";
+import type { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
 export type TypeButtonProps = {
   ...TypeSystemCommonProps,
   ...TypeSystemLayoutProps,
+  ...TypeSystemFlexboxProps,
+  ...TypeSystemGridProps,
   /** If the button is being used as an anchor, this prop will cause the link to open in a new tab. */
   external?: boolean,
   size?: 'large' | 'default',

package/__flow__/FormField/FormField.flow.js

@@ -8,6 +8,7 @@ export type TypeFormFieldProps = {
     id: string,
     isInvalid: boolean,
     ariaDescribedby: string,
+    required?: boolean,
     ...
   }) => React.Element<any>,
   /** Text describing any error with the field's content */
@@ -23,6 +24,8 @@ export type TypeFormFieldProps = {
   qa?: Object,
   /** Whether the label text should be visually hidden */
   isLabelHidden?: boolean,
+  /** Whether the form element is required */
+  required?: boolean,
   ...
 };
 declare var FormField: React.StatelessFunctionalComponent<TypeFormFieldProps>;

package/__flow__/Text/Text.flow.js

@@ -1,7 +1,10 @@
 //@flow
 import * as React from 'react';
 import type { TypeWithDisplayName } from "../types/shared.flow";
+import type { TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
 export type TypeTextProps = {
+  ...TypeSystemFlexboxProps,
+  ...TypeSystemGridProps,
   /** Maps to the typeScale system prop, sets font size and line height using Seeds values */
   fontSize?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200,
   /** Controls the CSS word-break property */

package/__flow__/types/theme.flow.js

@@ -147,6 +147,14 @@ export type TypeListeningTheme = {|
   },
 |};
 export type TypeGrowthTheme = {|
+  carousel: {
+    indicator: {
+      active: string,
+      inactive: string,
+      ...
+    },
+    ...
+  },
   education: {
     decorative: {
       aqua: string,

package/commonjs/Button/styles.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var Container = _styledComponents.default.button.withConfig({
   displayName: "styles__Container",
   componentId: "sc-17njgx1-0"
-})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", ""], function (props) {
+})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   return props.theme.colors.button[props.appearance].border.base;
@@ -56,7 +56,7 @@ var Container = _styledComponents.default.button.withConfig({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore - FIXME: button.pill.border.hover is not defined in theme
   props.theme.colors.button[props.appearance].border.hover);
-}, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON);
+}, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON, _systemProps.FLEXBOX, _systemProps.GRID);
 Container.displayName = 'Button-Container';
 var _default = Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}
 exports.default = _default;

package/commonjs/FormField/FormField.js

@@ -11,11 +11,16 @@ var _Box = _interopRequireDefault(require("../Box"));
 var _Label = _interopRequireDefault(require("../Label"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _VisuallyHidden = require("../VisuallyHidden");
-var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
+var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden", "required"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -38,6 +43,7 @@ var FormField = function FormField(_ref) {
     qa = _ref.qa,
     _ref$isLabelHidden = _ref.isLabelHidden,
     isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
+    required = _ref.required,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(identifier || "FormField-".concat(idCounter++)),
     _useState2 = _slicedToArray(_useState, 1),
@@ -52,20 +58,24 @@ var FormField = function FormField(_ref) {
   }), isLabelHidden ? /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, {
     "data-testid": "visually-hidden"
   }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-    htmlFor: id
+    htmlFor: id,
+    required: required
   }, label)) : /*#__PURE__*/_react.default.createElement(_Label.default, {
     mb: helperText ? 100 : 300,
-    htmlFor: id
+    htmlFor: id,
+    required: required
   }, label), helperText && /*#__PURE__*/_react.default.createElement(_Text.default, {
     as: "p",
     fontSize: 200,
     mb: 300,
     color: "text.subtext"
-  }, helperText), children({
+  }, helperText), children(_objectSpread({
     id: id,
     isInvalid: isInvalid,
     ariaDescribedby: errorId
-  }), isInvalid && error && /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, required !== undefined && {
+    required: required
+  })), isInvalid && error && /*#__PURE__*/_react.default.createElement(_Text.default, {
     as: "div",
     fontSize: 200,
     color: "text.error",

package/commonjs/Icon/Icon.js

@@ -26,7 +26,6 @@ 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(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); }
-var defaultVariant = 'outline';
 var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, _seedsIcons.ExternalViewBoxes), _seedsIcons.GeneralViewBoxes), _seedsIcons.SproutViewBoxes);
 var Icon = function Icon(_ref) {
   var name = _ref.name,
@@ -53,6 +52,7 @@ var Icon = function Icon(_ref) {
       "aria-label": ariaLabel
     }, rest, logoProps));
   }
+  var defaultVariant = size === 'mini' ? 'solid' : 'outline';
   var iconName =
   // if not external and has no variant
   !(name !== null && name !== void 0 && name.endsWith('-outline')) && !(name !== null && name !== void 0 && name.endsWith('-solid')) && !(0, _utils.includes)(_seedsIcons.ExternalIconNames, name) ? // then add default variant

package/commonjs/Table/Table.js

@@ -59,10 +59,11 @@ var Table = function Table(_ref) {
     ,
     color: color
   }), /*#__PURE__*/React.createElement("colgroup", null, head.map(function (_ref2) {
-    var _ref2$colSpan = _ref2.colSpan,
+    var id = _ref2.id,
+      _ref2$colSpan = _ref2.colSpan,
       colSpan = _ref2$colSpan === void 0 ? 1 : _ref2$colSpan;
     return /*#__PURE__*/React.createElement("col", {
-      key: colSpan,
+      key: id,
       span: colSpan
     });
   })), head.length > 0 && /*#__PURE__*/React.createElement("thead", {

package/commonjs/Text/styles.js

@@ -12,7 +12,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var Container = _styledComponents.default.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-99cuku-0"
-})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", ""], function (props) {
+})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -22,6 +22,6 @@ var Container = _styledComponents.default.span.withConfig({
   return props.truncated && (0, _styledComponents.css)(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {
   return props.breakWord && (0, _styledComponents.css)(["word-break:break-word;hyphens:auto;"]);
-}, _systemProps.COMMON, _systemProps.LAYOUT, _systemProps.TYPOGRAPHY);
+}, _systemProps.COMMON, _systemProps.LAYOUT, _systemProps.FLEXBOX, _systemProps.GRID, _systemProps.TYPOGRAPHY);
 var _default = Container;
 exports.default = _default;

package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -136,6 +136,12 @@ var listening = {
 };
 exports.listening = listening;
 var growth = {
+  carousel: {
+    indicator: {
+      active: _theme.default.colors.blue[600],
+      inactive: _theme.default.colors.neutral[300]
+    }
+  },
   education: {
     decorative: {
       aqua: _theme.default.colors.aqua[600],

package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js

@@ -133,6 +133,12 @@ var listening = {
 };
 exports.listening = listening;
 var growth = {
+  carousel: {
+    indicator: {
+      active: _theme.default.colors.blue[600],
+      inactive: _theme.default.colors.neutral[300]
+    }
+  },
   education: {
     decorative: {
       aqua: _theme.default.colors.aqua[600],

package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss

@@ -603,6 +603,12 @@ $theme: (
         )
       ),
       "growth": (
+        "carousel": (
+          "indicator": (
+            "active": #2b87d3,
+            "inactive": #c8cccc
+          )
+        ),
         "education": (
           "decorative": (
             "aqua": #0797ae,
@@ -902,6 +908,12 @@ $theme: (
     "mode": dark
   ),
   "growth": (
+    "carousel": (
+      "indicator": (
+        "active": #2b87d3,
+        "inactive": #c8cccc
+      )
+    ),
     "education": (
       "decorative": (
         "aqua": #0797ae,

package/dist/themes/extendedThemes/sproutTheme/light/theme.scss

@@ -602,6 +602,12 @@ $theme: (
         )
       ),
       "growth": (
+        "carousel": (
+          "indicator": (
+            "active": #2b87d3,
+            "inactive": #c8cccc
+          )
+        ),
         "education": (
           "decorative": (
             "aqua": #0797ae,
@@ -901,6 +907,12 @@ $theme: (
     "mode": light
   ),
   "growth": (
+    "carousel": (
+      "indicator": (
+        "active": #2b87d3,
+        "inactive": #c8cccc
+      )
+    ),
     "education": (
       "decorative": (
         "aqua": #0797ae,

package/dist/types/Button/ButtonTypes.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { TypeStyledComponentsCommonProps } from '../types/styled-components';
-import type { TypeSystemCommonProps, TypeSystemLayoutProps } from '../types/system-props';
+import type { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps } from '../types/system-props';
 export type TypeButtonAppearance = 'primary' | 'secondary' | 'pill' | 'destructive' | 'unstyled' | 'placeholder';
-export interface TypeButtonProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemLayoutProps, Omit<React.ComponentPropsWithoutRef<'button'>, 'color'> {
+export interface TypeButtonProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps, Omit<React.ComponentPropsWithoutRef<'button'>, 'color'> {
     /** If the button is being used as an anchor, this prop will cause the link to open in a new tab. */
     external?: boolean;
     size?: 'large' | 'small' | 'default';

package/dist/types/Button/ButtonTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTypes.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,WAAW,GACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,WAAW,eACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACzD,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IAErC,kCAAkC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAElC,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,kHAAkH;IAClH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gHAAgH;IAChH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAExC,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAE3C,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"ButtonTypes.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,WAAW,GACX,MAAM,GACN,aAAa,GACb,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,WAAW,eACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACzD,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IAErC,kCAAkC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAElC,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,kHAAkH;IAClH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gHAAgH;IAChH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAExC,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAE3C,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Button/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AACnE,UAAU,oBAAqB,SAAQ,eAAe;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AACD,QAAA,MAAM,SAAS,8HA6Gd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Button/styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AACnE,UAAU,oBAAqB,SAAQ,eAAe;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AACD,QAAA,MAAM,SAAS,8HA+Gd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/FormField/FormField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { TypeFormFieldProps } from './FormFieldTypes';
-declare const FormField: ({ children, error, helperText, id: identifier, isInvalid, label, mb, qa, isLabelHidden, ...rest }: TypeFormFieldProps) => JSX.Element;
+declare const FormField: ({ children, error, helperText, id: identifier, isInvalid, label, mb, qa, isLabelHidden, required, ...rest }: TypeFormFieldProps) => JSX.Element;
 export default FormField;
 //# sourceMappingURL=FormField.d.ts.map

package/dist/types/FormField/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAIzD,QAAA,MAAM,SAAS,sGAWZ,kBAAkB,gBAkDpB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAIzD,QAAA,MAAM,SAAS,gHAYZ,kBAAkB,gBAqDpB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/FormField/FormFieldTypes.d.ts

@@ -6,6 +6,7 @@ export interface TypeFormFieldProps extends Omit<TypeBoxProps, 'children'> {
         id: string;
         isInvalid: boolean;
         ariaDescribedby: string;
+        required?: boolean;
     }) => React.ReactNode;
     /** Text describing any error with the field's content */
     error?: React.ReactNode;
@@ -20,5 +21,7 @@ export interface TypeFormFieldProps extends Omit<TypeBoxProps, 'children'> {
     qa?: object;
     /** Whether the label text should be visually hidden */
     isLabelHidden?: boolean;
+    /** Whether the form element is required */
+    required?: boolean;
 }
 //# sourceMappingURL=FormFieldTypes.d.ts.map

package/dist/types/FormField/FormFieldTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTypes.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormFieldTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IACxE,mFAAmF;IACnF,QAAQ,EAAE,CAAC,OAAO,EAAE;QAClB,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,OAAO,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;KACzB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,sEAAsE;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"FormFieldTypes.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormFieldTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IACxE,mFAAmF;IACnF,QAAQ,EAAE,CAAC,OAAO,EAAE;QAClB,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,OAAO,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,sEAAsE;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/types/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAC,aAAa,EAAE,eAAe,EAAC,MAAM,aAAa,CAAC;AAmBhE,QAAA,MAAM,IAAI;sEAQP,aAAa;IA6GhB;;;;;;;;;;;;;;;;;;OAkBG;;uFA1CA,eAAe;;;CA7BjB,CAAC;AA0EF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAC,aAAa,EAAE,eAAe,EAAC,MAAM,aAAa,CAAC;AAiBhE,QAAA,MAAM,IAAI;sEAQP,aAAa;IA+GhB;;;;;;;;;;;;;;;;;;OAkBG;;uFA1CA,eAAe;;;CA7BjB,CAAC;AA0EF,eAAe,IAAI,CAAC"}

package/dist/types/Text/TextTypes.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { TypeQaProps } from '../types/shared';
 import type { TypeStyledComponentsCommonProps } from '../types/styled-components';
-import { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemTypographyProps } from '../types/system-props';
-interface TypeTextSystemProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemLayoutProps, Omit<TypeSystemTypographyProps, 'fontSize'> {
+import { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemTypographyProps, TypeSystemFlexboxProps, TypeSystemGridProps } from '../types/system-props';
+interface TypeTextSystemProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps, Omit<TypeSystemTypographyProps, 'fontSize'> {
 }
 export interface TypeTextProps extends TypeTextSystemProps, Omit<React.ComponentPropsWithoutRef<'span'>, keyof TypeTextSystemProps> {
     /** Maps to the typeScale system prop, sets font size and line height using Seeds values */

package/dist/types/Text/TextTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextTypes.d.ts","sourceRoot":"","sources":["../../../src/Text/TextTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,UAAU,mBACR,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;CAAG;AAElD,MAAM,WAAW,aACf,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,MAAM,mBAAmB,CAAC;IACzE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IAElD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}
+{"version":3,"file":"TextTypes.d.ts","sourceRoot":"","sources":["../../../src/Text/TextTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,UAAU,mBACR,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;CAAG;AAElD,MAAM,WAAW,aACf,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,MAAM,mBAAmB,CAAC;IACzE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IAElD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}

package/dist/types/Text/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Text/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,SAAS,qHA8Bd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Text/styles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,SAAS,qHAgCd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/themes/extendedThemes/sproutTheme/dark/theme.d.ts

@@ -114,6 +114,12 @@ export declare const listening: {
     };
 };
 export declare const growth: {
+    carousel: {
+        indicator: {
+            active: string;
+            inactive: string;
+        };
+    };
     education: {
         decorative: {
             aqua: string;

package/dist/types/themes/extendedThemes/sproutTheme/dark/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAWhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAWhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/themes/extendedThemes/sproutTheme/light/theme.d.ts

@@ -114,6 +114,12 @@ export declare const listening: {
     };
 };
 export declare const growth: {
+    carousel: {
+        indicator: {
+            active: string;
+            inactive: string;
+        };
+    };
     education: {
         decorative: {
             aqua: string;

package/dist/types/themes/extendedThemes/sproutTheme/light/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAWjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAWjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/Button/styles.js

@@ -1,11 +1,11 @@
 import styled, { css } from 'styled-components';
-import { COMMON, LAYOUT } from "../utils/system-props";
+import { COMMON, LAYOUT, FLEXBOX, GRID } from "../utils/system-props";
 import { focusRing, disabled, pill } from "../utils/mixins";
 import Icon from "../Icon/styles";
 var Container = styled.button.withConfig({
   displayName: "styles__Container",
   componentId: "sc-17njgx1-0"
-})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", ""], function (props) {
+})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   return props.theme.colors.button[props.appearance].border.base;
@@ -46,6 +46,6 @@ var Container = styled.button.withConfig({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore - FIXME: button.pill.border.hover is not defined in theme
   props.theme.colors.button[props.appearance].border.hover);
-}, Icon, LAYOUT, COMMON);
+}, Icon, LAYOUT, COMMON, FLEXBOX, GRID);
 Container.displayName = 'Button-Container';
 export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}

package/lib/FormField/FormField.js

@@ -1,5 +1,11 @@
-var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden", "required"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,6 +34,7 @@ var FormField = function FormField(_ref) {
     qa = _ref.qa,
     _ref$isLabelHidden = _ref.isLabelHidden,
     isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
+    required = _ref.required,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(identifier || "FormField-".concat(idCounter++)),
     _useState2 = _slicedToArray(_useState, 1),
@@ -42,20 +49,24 @@ var FormField = function FormField(_ref) {
   }), isLabelHidden ? /*#__PURE__*/React.createElement(VisuallyHidden, {
     "data-testid": "visually-hidden"
   }, /*#__PURE__*/React.createElement(Label, {
-    htmlFor: id
+    htmlFor: id,
+    required: required
   }, label)) : /*#__PURE__*/React.createElement(Label, {
     mb: helperText ? 100 : 300,
-    htmlFor: id
+    htmlFor: id,
+    required: required
   }, label), helperText && /*#__PURE__*/React.createElement(Text, {
     as: "p",
     fontSize: 200,
     mb: 300,
     color: "text.subtext"
-  }, helperText), children({
+  }, helperText), children(_objectSpread({
     id: id,
     isInvalid: isInvalid,
     ariaDescribedby: errorId
-  }), isInvalid && error && /*#__PURE__*/React.createElement(Text, {
+  }, required !== undefined && {
+    required: required
+  })), isInvalid && error && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     fontSize: 200,
     color: "text.error",

package/lib/Icon/Icon.js

@@ -17,7 +17,6 @@ import { includes } from "../utils";
 import PartnerLogoNames from "../logoNames";
 import Container from "./styles";
 import { ExternalViewBoxes, GeneralViewBoxes, SproutViewBoxes, ExternalIconNames } from '@sproutsocial/seeds-icons';
-var defaultVariant = 'outline';
 var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, ExternalViewBoxes), GeneralViewBoxes), SproutViewBoxes);
 var Icon = function Icon(_ref) {
   var name = _ref.name,
@@ -44,6 +43,7 @@ var Icon = function Icon(_ref) {
       "aria-label": ariaLabel
     }, rest, logoProps));
   }
+  var defaultVariant = size === 'mini' ? 'solid' : 'outline';
   var iconName =
   // if not external and has no variant
   !(name !== null && name !== void 0 && name.endsWith('-outline')) && !(name !== null && name !== void 0 && name.endsWith('-solid')) && !includes(ExternalIconNames, name) ? // then add default variant

package/lib/Table/Table.js

@@ -49,10 +49,11 @@ export var Table = function Table(_ref) {
     ,
     color: color
   }), /*#__PURE__*/React.createElement("colgroup", null, head.map(function (_ref2) {
-    var _ref2$colSpan = _ref2.colSpan,
+    var id = _ref2.id,
+      _ref2$colSpan = _ref2.colSpan,
       colSpan = _ref2$colSpan === void 0 ? 1 : _ref2$colSpan;
     return /*#__PURE__*/React.createElement("col", {
-      key: colSpan,
+      key: id,
       span: colSpan
     });
   })), head.length > 0 && /*#__PURE__*/React.createElement("thead", {

package/lib/Text/styles.js

@@ -1,9 +1,9 @@
 import styled, { css } from 'styled-components';
-import { COMMON, LAYOUT, TYPOGRAPHY } from "../utils/system-props";
+import { COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY } from "../utils/system-props";
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-99cuku-0"
-})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", ""], function (props) {
+})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13,5 +13,5 @@ var Container = styled.span.withConfig({
   return props.truncated && css(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {
   return props.breakWord && css(["word-break:break-word;hyphens:auto;"]);
-}, COMMON, LAYOUT, TYPOGRAPHY);
+}, COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY);
 export default Container;

package/lib/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -127,6 +127,12 @@ export var listening = {
   }
 };
 export var growth = {
+  carousel: {
+    indicator: {
+      active: baseDarkTheme.colors.blue[600],
+      inactive: baseDarkTheme.colors.neutral[300]
+    }
+  },
   education: {
     decorative: {
       aqua: baseDarkTheme.colors.aqua[600],

package/lib/themes/extendedThemes/sproutTheme/light/theme.js

@@ -124,6 +124,12 @@ export var listening = {
   }
 };
 export var growth = {
+  carousel: {
+    indicator: {
+      active: baseLightTheme.colors.blue[600],
+      inactive: baseLightTheme.colors.neutral[300]
+    }
+  },
   education: {
     decorative: {
       aqua: baseLightTheme.colors.aqua[600],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "20.2.0",
+  "version": "20.3.0",
   "license": "MIT",
   "files": [
     "__flow__",