@codecademy/gamut-patterns 0.10.16-alpha.f4ac4e.0 → 0.10.16-alpha.fa3524.0

package/dist/patterns/CheckerDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CheckerDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Checker Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const CheckerDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Checker Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('CheckerDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/CheckerLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CheckerLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Checker Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const CheckerLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Checker Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('CheckerLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/CheckerRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CheckerRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Checker Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const CheckerRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Checker Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('CheckerRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DiagonalADense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DiagonalADense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Diagonal A Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const DiagonalADense = /*#__PURE__*/React.forwardRef(({
+  title = 'Diagonal A Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DiagonalADense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DiagonalALoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DiagonalALoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Diagonal A Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const DiagonalALoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Diagonal A Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DiagonalALoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DiagonalARegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DiagonalARegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Diagonal A Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const DiagonalARegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Diagonal A Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DiagonalARegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DiagonalBDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DiagonalBDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Diagonal B Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const DiagonalBDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Diagonal B Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DiagonalBDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DiagonalBLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DiagonalBLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Diagonal B Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const DiagonalBLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Diagonal B Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DiagonalBLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DiagonalBRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DiagonalBRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Diagonal B Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const DiagonalBRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Diagonal B Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DiagonalBRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DotDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DotDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Dot Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const DotDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Dot Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DotDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DotLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DotLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Dot Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const DotLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Dot Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DotLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/DotRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DotRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Dot Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const DotRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Dot Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('DotRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/ExDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ExDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Ex Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const ExDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Ex Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('ExDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/ExLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ExLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Ex Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const ExLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Ex Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('ExLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/ExRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ExRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Ex Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const ExRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Ex Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('ExRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/FlowerDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const FlowerDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Flower Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const FlowerDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Flower Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('FlowerDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/FlowerLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const FlowerLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Flower Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const FlowerLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Flower Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('FlowerLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/FlowerRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const FlowerRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Flower Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const FlowerRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Flower Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('FlowerRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/GridDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GridDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Grid Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const GridDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Grid Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('GridDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/GridLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GridLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Grid Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const GridLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Grid Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('GridLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/GridRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GridRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Grid Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const GridRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Grid Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('GridRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/Herringbone.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Herringbone = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Herringbone',
-    titleId,
-    ...props
-  } = _ref;
+export const Herringbone = /*#__PURE__*/React.forwardRef(({
+  title = 'Herringbone',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('Herringbone');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/RainDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RainDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Rain Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const RainDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Rain Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('RainDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/RainLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RainLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Rain Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const RainLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Rain Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('RainLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/RainRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RainRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Rain Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const RainRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Rain Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('RainRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/StripeDense.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const StripeDense = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Stripe Dense',
-    titleId,
-    ...props
-  } = _ref;
+export const StripeDense = /*#__PURE__*/React.forwardRef(({
+  title = 'Stripe Dense',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('StripeDense');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/StripeLoose.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const StripeLoose = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Stripe Loose',
-    titleId,
-    ...props
-  } = _ref;
+export const StripeLoose = /*#__PURE__*/React.forwardRef(({
+  title = 'Stripe Loose',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('StripeLoose');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/patterns/StripeRegular.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { Svg } from '../props';
 import { usePatternId } from '../usePatternId';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const StripeRegular = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-    title = 'Stripe Regular',
-    titleId,
-    ...props
-  } = _ref;
+export const StripeRegular = /*#__PURE__*/React.forwardRef(({
+  title = 'Stripe Regular',
+  titleId,
+  ...props
+}, svgRef) => {
   const patternId = usePatternId('StripeRegular');
   return /*#__PURE__*/_jsxs(Svg, {
     fill: "currentColor",

package/dist/props.js

@@ -5,16 +5,13 @@ import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const patternStyles = variance.compose(system.layout, system.positioning, system.space);
 const StyledSvg = styled('svg', styledOptions())(patternStyles);
-export const Svg = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    height = '100%',
-    width = '100%',
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_jsx(StyledSvg, {
-    height: height,
-    ref: ref,
-    width: width,
-    ...rest
-  });
-});
+export const Svg = /*#__PURE__*/forwardRef(({
+  height = '100%',
+  width = '100%',
+  ...rest
+}, ref) => /*#__PURE__*/_jsx(StyledSvg, {
+  height: height,
+  ref: ref,
+  width: width,
+  ...rest
+}));

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@codecademy/gamut-patterns",
   "description": "Pattern library for Codecademy",
-  "version": "0.10.16-alpha.f4ac4e.0",
+  "version": "0.10.16-alpha.fa3524.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bugs": "https://github.com/Codecademy/gamut/issues",
   "dependencies": {
-    "@codecademy/gamut-styles": "17.10.0-alpha.f4ac4e.0",
-    "@codecademy/variance": "0.24.0",
+    "@codecademy/gamut-styles": "17.9.1-alpha.fa3524.0",
+    "@codecademy/variance": "0.24.1-alpha.fa3524.0",
     "classnames": "^2.2.5"
   },
   "files": [
@@ -32,5 +32,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "4d5b015e131dc4df33935727293d96e411dd9357"
+  "gitHead": "ca48368b258153a397589468efefefa04ed58c49"
 }