@codecademy/gamut-patterns 0.8.8 → 0.8.9-alpha.9bfc43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +10 -16
  3. package/project.json +24 -0
  4. package/.turbo/turbo-build.log +0 -44
  5. package/dist/index.d.ts +0 -2
  6. package/dist/index.js +0 -2
  7. package/dist/patterns/CheckerDense.d.ts +0 -3
  8. package/dist/patterns/CheckerDense.js +0 -47
  9. package/dist/patterns/CheckerLoose.d.ts +0 -3
  10. package/dist/patterns/CheckerLoose.js +0 -47
  11. package/dist/patterns/CheckerRegular.d.ts +0 -3
  12. package/dist/patterns/CheckerRegular.js +0 -47
  13. package/dist/patterns/DiagonalADense.d.ts +0 -3
  14. package/dist/patterns/DiagonalADense.js +0 -81
  15. package/dist/patterns/DiagonalALoose.d.ts +0 -3
  16. package/dist/patterns/DiagonalALoose.js +0 -225
  17. package/dist/patterns/DiagonalARegular.d.ts +0 -3
  18. package/dist/patterns/DiagonalARegular.js +0 -129
  19. package/dist/patterns/DiagonalBDense.d.ts +0 -3
  20. package/dist/patterns/DiagonalBDense.js +0 -63
  21. package/dist/patterns/DiagonalBLoose.d.ts +0 -3
  22. package/dist/patterns/DiagonalBLoose.js +0 -131
  23. package/dist/patterns/DiagonalBRegular.d.ts +0 -3
  24. package/dist/patterns/DiagonalBRegular.js +0 -87
  25. package/dist/patterns/DotDense.d.ts +0 -3
  26. package/dist/patterns/DotDense.js +0 -42
  27. package/dist/patterns/DotLoose.d.ts +0 -3
  28. package/dist/patterns/DotLoose.js +0 -85
  29. package/dist/patterns/DotRegular.d.ts +0 -3
  30. package/dist/patterns/DotRegular.js +0 -42
  31. package/dist/patterns/ExDense.d.ts +0 -3
  32. package/dist/patterns/ExDense.js +0 -64
  33. package/dist/patterns/ExLoose.d.ts +0 -3
  34. package/dist/patterns/ExLoose.js +0 -64
  35. package/dist/patterns/ExRegular.d.ts +0 -3
  36. package/dist/patterns/ExRegular.js +0 -64
  37. package/dist/patterns/FlowerDense.d.ts +0 -3
  38. package/dist/patterns/FlowerDense.js +0 -58
  39. package/dist/patterns/FlowerLoose.d.ts +0 -3
  40. package/dist/patterns/FlowerLoose.js +0 -58
  41. package/dist/patterns/FlowerRegular.d.ts +0 -3
  42. package/dist/patterns/FlowerRegular.js +0 -58
  43. package/dist/patterns/GridDense.d.ts +0 -3
  44. package/dist/patterns/GridDense.js +0 -57
  45. package/dist/patterns/GridLoose.d.ts +0 -3
  46. package/dist/patterns/GridLoose.js +0 -57
  47. package/dist/patterns/GridRegular.d.ts +0 -3
  48. package/dist/patterns/GridRegular.js +0 -57
  49. package/dist/patterns/Herringbone.d.ts +0 -3
  50. package/dist/patterns/Herringbone.js +0 -75
  51. package/dist/patterns/RainDense.d.ts +0 -3
  52. package/dist/patterns/RainDense.js +0 -47
  53. package/dist/patterns/RainLoose.d.ts +0 -3
  54. package/dist/patterns/RainLoose.js +0 -47
  55. package/dist/patterns/RainRegular.d.ts +0 -3
  56. package/dist/patterns/RainRegular.js +0 -47
  57. package/dist/patterns/StripeDense.d.ts +0 -3
  58. package/dist/patterns/StripeDense.js +0 -79
  59. package/dist/patterns/StripeLoose.d.ts +0 -3
  60. package/dist/patterns/StripeLoose.js +0 -211
  61. package/dist/patterns/StripeRegular.d.ts +0 -3
  62. package/dist/patterns/StripeRegular.js +0 -123
  63. package/dist/patterns/index.d.ts +0 -28
  64. package/dist/patterns/index.js +0 -28
  65. package/dist/props.d.ts +0 -193
  66. package/dist/props.js +0 -9
  67. package/dist/svg/CheckerDense.svg +0 -14
  68. package/dist/svg/CheckerLoose.svg +0 -14
  69. package/dist/svg/CheckerRegular.svg +0 -14
  70. package/dist/svg/DiagonalADense.svg +0 -20
  71. package/dist/svg/DiagonalALoose.svg +0 -44
  72. package/dist/svg/DiagonalARegular.svg +0 -28
  73. package/dist/svg/DiagonalBDense.svg +0 -24
  74. package/dist/svg/DiagonalBLoose.svg +0 -28
  75. package/dist/svg/DiagonalBRegular.svg +0 -28
  76. package/dist/svg/DotDense.svg +0 -13
  77. package/dist/svg/DotLoose.svg +0 -40
  78. package/dist/svg/DotRegular.svg +0 -13
  79. package/dist/svg/ExDense.svg +0 -17
  80. package/dist/svg/ExLoose.svg +0 -17
  81. package/dist/svg/ExRegular.svg +0 -17
  82. package/dist/svg/FlowerDense.svg +0 -16
  83. package/dist/svg/FlowerLoose.svg +0 -16
  84. package/dist/svg/FlowerRegular.svg +0 -16
  85. package/dist/svg/GridDense.svg +0 -16
  86. package/dist/svg/GridLoose.svg +0 -16
  87. package/dist/svg/GridRegular.svg +0 -16
  88. package/dist/svg/Herringbone.svg +0 -19
  89. package/dist/svg/RainDense.svg +0 -14
  90. package/dist/svg/RainLoose.svg +0 -14
  91. package/dist/svg/RainRegular.svg +0 -14
  92. package/dist/svg/StripeDense.svg +0 -20
  93. package/dist/svg/StripeLoose.svg +0 -44
  94. package/dist/svg/StripeRegular.svg +0 -28
  95. package/dist/types.d.ts +0 -1
  96. package/dist/types.js +0 -0
  97. package/dist/usePatternId.d.ts +0 -1
  98. package/dist/usePatternId.js +0 -10
@@ -1,75 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var Herringbone = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Herringbone' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('Herringbone');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- y: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "herringbone"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- x: 1,
39
- y: 2,
40
- width: 1,
41
- height: 1,
42
- fill: "herringbone"
43
- }), /*#__PURE__*/React.createElement("rect", {
44
- x: 3,
45
- width: 1,
46
- height: 1,
47
- fill: "herringbone"
48
- }), /*#__PURE__*/React.createElement("rect", {
49
- x: 2,
50
- width: 1,
51
- height: 1,
52
- fill: "herringbone"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: 3,
55
- y: 1,
56
- width: 1,
57
- height: 1,
58
- fill: "herringbone"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: 3,
61
- y: 3,
62
- width: 1,
63
- height: 1,
64
- fill: "herringbone"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- y: 3,
67
- width: 1,
68
- height: 1,
69
- fill: "herringbone"
70
- })), /*#__PURE__*/React.createElement("rect", {
71
- width: "100%",
72
- height: "100%",
73
- fill: "url(#".concat(patternId, ")")
74
- }));
75
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const RainDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,47 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var RainDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Rain Dense' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('RainDense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 1,
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
46
- }));
47
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const RainLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,47 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var RainLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Rain Loose' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('RainLoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 16,
30
- height: 16,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 1,
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
46
- }));
47
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const RainRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,47 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var RainRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Rain Regular' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('RainRegular');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 8,
30
- height: 8,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: 1,
34
- height: 1,
35
- fill: "currentColor"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- x: 1,
38
- y: 1,
39
- width: 1,
40
- height: 1,
41
- fill: "currentColor"
42
- })), /*#__PURE__*/React.createElement("rect", {
43
- width: "100%",
44
- height: "100%",
45
- fill: "url(#".concat(patternId, ")")
46
- }));
47
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const StripeDense: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,79 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var StripeDense = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Stripe Dense' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('StripeDense');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 4,
30
- height: 4,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- x: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "currentColor"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 2,
43
- width: 1,
44
- height: 1,
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: 3,
48
- width: 1,
49
- height: 1,
50
- fill: "currentColor"
51
- }), /*#__PURE__*/React.createElement("rect", {
52
- x: 1,
53
- y: 2,
54
- width: 1,
55
- height: 1,
56
- fill: "currentColor"
57
- }), /*#__PURE__*/React.createElement("rect", {
58
- y: 2,
59
- width: 1,
60
- height: 1,
61
- fill: "currentColor"
62
- }), /*#__PURE__*/React.createElement("rect", {
63
- x: 2,
64
- y: 2,
65
- width: 1,
66
- height: 1,
67
- fill: "currentColor"
68
- }), /*#__PURE__*/React.createElement("rect", {
69
- x: 3,
70
- y: 2,
71
- width: 1,
72
- height: 1,
73
- fill: "currentColor"
74
- })), /*#__PURE__*/React.createElement("rect", {
75
- width: "100%",
76
- height: "100%",
77
- fill: "url(#".concat(patternId, ")")
78
- }));
79
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const StripeLoose: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,211 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var StripeLoose = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Stripe Loose' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('StripeLoose');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 16,
30
- height: 16,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- x: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "currentColor"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 2,
43
- width: 1,
44
- height: 1,
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: 3,
48
- width: 1,
49
- height: 1,
50
- fill: "currentColor"
51
- }), /*#__PURE__*/React.createElement("rect", {
52
- x: 1,
53
- y: 8,
54
- width: 1,
55
- height: 1,
56
- fill: "currentColor"
57
- }), /*#__PURE__*/React.createElement("rect", {
58
- y: 8,
59
- width: 1,
60
- height: 1,
61
- fill: "currentColor"
62
- }), /*#__PURE__*/React.createElement("rect", {
63
- x: 2,
64
- y: 8,
65
- width: 1,
66
- height: 1,
67
- fill: "currentColor"
68
- }), /*#__PURE__*/React.createElement("rect", {
69
- x: 3,
70
- y: 8,
71
- width: 1,
72
- height: 1,
73
- fill: "currentColor"
74
- }), /*#__PURE__*/React.createElement("rect", {
75
- x: 5,
76
- width: 1,
77
- height: 1,
78
- fill: "currentColor"
79
- }), /*#__PURE__*/React.createElement("rect", {
80
- x: 4,
81
- width: 1,
82
- height: 1,
83
- fill: "currentColor"
84
- }), /*#__PURE__*/React.createElement("rect", {
85
- x: 6,
86
- width: 1,
87
- height: 1,
88
- fill: "currentColor"
89
- }), /*#__PURE__*/React.createElement("rect", {
90
- x: 7,
91
- width: 1,
92
- height: 1,
93
- fill: "currentColor"
94
- }), /*#__PURE__*/React.createElement("rect", {
95
- x: 5,
96
- y: 8,
97
- width: 1,
98
- height: 1,
99
- fill: "currentColor"
100
- }), /*#__PURE__*/React.createElement("rect", {
101
- x: 4,
102
- y: 8,
103
- width: 1,
104
- height: 1,
105
- fill: "currentColor"
106
- }), /*#__PURE__*/React.createElement("rect", {
107
- x: 6,
108
- y: 8,
109
- width: 1,
110
- height: 1,
111
- fill: "currentColor"
112
- }), /*#__PURE__*/React.createElement("rect", {
113
- x: 7,
114
- y: 8,
115
- width: 1,
116
- height: 1,
117
- fill: "currentColor"
118
- }), /*#__PURE__*/React.createElement("rect", {
119
- x: 9,
120
- width: 1,
121
- height: 1,
122
- fill: "currentColor"
123
- }), /*#__PURE__*/React.createElement("rect", {
124
- x: 8,
125
- width: 1,
126
- height: 1,
127
- fill: "currentColor"
128
- }), /*#__PURE__*/React.createElement("rect", {
129
- x: 10,
130
- width: 1,
131
- height: 1,
132
- fill: "currentColor"
133
- }), /*#__PURE__*/React.createElement("rect", {
134
- x: 11,
135
- width: 1,
136
- height: 1,
137
- fill: "currentColor"
138
- }), /*#__PURE__*/React.createElement("rect", {
139
- x: 9,
140
- y: 8,
141
- width: 1,
142
- height: 1,
143
- fill: "currentColor"
144
- }), /*#__PURE__*/React.createElement("rect", {
145
- x: 8,
146
- y: 8,
147
- width: 1,
148
- height: 1,
149
- fill: "currentColor"
150
- }), /*#__PURE__*/React.createElement("rect", {
151
- x: 10,
152
- y: 8,
153
- width: 1,
154
- height: 1,
155
- fill: "currentColor"
156
- }), /*#__PURE__*/React.createElement("rect", {
157
- x: 11,
158
- y: 8,
159
- width: 1,
160
- height: 1,
161
- fill: "currentColor"
162
- }), /*#__PURE__*/React.createElement("rect", {
163
- x: 13,
164
- width: 1,
165
- height: 1,
166
- fill: "currentColor"
167
- }), /*#__PURE__*/React.createElement("rect", {
168
- x: 12,
169
- width: 1,
170
- height: 1,
171
- fill: "currentColor"
172
- }), /*#__PURE__*/React.createElement("rect", {
173
- x: 14,
174
- width: 1,
175
- height: 1,
176
- fill: "currentColor"
177
- }), /*#__PURE__*/React.createElement("rect", {
178
- x: 15,
179
- width: 1,
180
- height: 1,
181
- fill: "currentColor"
182
- }), /*#__PURE__*/React.createElement("rect", {
183
- x: 13,
184
- y: 8,
185
- width: 1,
186
- height: 1,
187
- fill: "currentColor"
188
- }), /*#__PURE__*/React.createElement("rect", {
189
- x: 12,
190
- y: 8,
191
- width: 1,
192
- height: 1,
193
- fill: "currentColor"
194
- }), /*#__PURE__*/React.createElement("rect", {
195
- x: 14,
196
- y: 8,
197
- width: 1,
198
- height: 1,
199
- fill: "currentColor"
200
- }), /*#__PURE__*/React.createElement("rect", {
201
- x: 15,
202
- y: 8,
203
- width: 1,
204
- height: 1,
205
- fill: "currentColor"
206
- })), /*#__PURE__*/React.createElement("rect", {
207
- width: "100%",
208
- height: "100%",
209
- fill: "url(#".concat(patternId, ")")
210
- }));
211
- });
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import { PatternProps } from '../props';
3
- export declare const StripeRegular: React.ForwardRefExoticComponent<PatternProps & React.RefAttributes<SVGSVGElement>>;
@@ -1,123 +0,0 @@
1
- function _extends() { _extends = Object.assign || 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); }
2
-
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
-
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
-
7
- import * as React from 'react';
8
- import { Svg } from '../props';
9
- import { usePatternId } from '../usePatternId';
10
- export var StripeRegular = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
11
- var _ref$title = _ref.title,
12
- title = _ref$title === void 0 ? 'Stripe Regular' : _ref$title,
13
- titleId = _ref.titleId,
14
- props = _objectWithoutProperties(_ref, ["title", "titleId"]);
15
-
16
- var patternId = usePatternId('StripeRegular');
17
- return /*#__PURE__*/React.createElement(Svg, _extends({
18
- fill: "currentColor",
19
- role: "img",
20
- "aria-hidden": "true",
21
- ref: svgRef,
22
- "aria-labelledby": titleId
23
- }, props), title ? /*#__PURE__*/React.createElement("title", {
24
- id: titleId
25
- }, title) : null, /*#__PURE__*/React.createElement("pattern", {
26
- id: patternId,
27
- x: 0,
28
- y: 0,
29
- width: 8,
30
- height: 8,
31
- patternUnits: "userSpaceOnUse"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- x: 1,
34
- width: 1,
35
- height: 1,
36
- fill: "currentColor"
37
- }), /*#__PURE__*/React.createElement("rect", {
38
- width: 1,
39
- height: 1,
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: 2,
43
- width: 1,
44
- height: 1,
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: 3,
48
- width: 1,
49
- height: 1,
50
- fill: "currentColor"
51
- }), /*#__PURE__*/React.createElement("rect", {
52
- x: 1,
53
- y: 4,
54
- width: 1,
55
- height: 1,
56
- fill: "currentColor"
57
- }), /*#__PURE__*/React.createElement("rect", {
58
- y: 4,
59
- width: 1,
60
- height: 1,
61
- fill: "currentColor"
62
- }), /*#__PURE__*/React.createElement("rect", {
63
- x: 2,
64
- y: 4,
65
- width: 1,
66
- height: 1,
67
- fill: "currentColor"
68
- }), /*#__PURE__*/React.createElement("rect", {
69
- x: 3,
70
- y: 4,
71
- width: 1,
72
- height: 1,
73
- fill: "currentColor"
74
- }), /*#__PURE__*/React.createElement("rect", {
75
- x: 5,
76
- width: 1,
77
- height: 1,
78
- fill: "currentColor"
79
- }), /*#__PURE__*/React.createElement("rect", {
80
- x: 4,
81
- width: 1,
82
- height: 1,
83
- fill: "currentColor"
84
- }), /*#__PURE__*/React.createElement("rect", {
85
- x: 6,
86
- width: 1,
87
- height: 1,
88
- fill: "currentColor"
89
- }), /*#__PURE__*/React.createElement("rect", {
90
- x: 7,
91
- width: 1,
92
- height: 1,
93
- fill: "currentColor"
94
- }), /*#__PURE__*/React.createElement("rect", {
95
- x: 5,
96
- y: 4,
97
- width: 1,
98
- height: 1,
99
- fill: "currentColor"
100
- }), /*#__PURE__*/React.createElement("rect", {
101
- x: 4,
102
- y: 4,
103
- width: 1,
104
- height: 1,
105
- fill: "currentColor"
106
- }), /*#__PURE__*/React.createElement("rect", {
107
- x: 6,
108
- y: 4,
109
- width: 1,
110
- height: 1,
111
- fill: "currentColor"
112
- }), /*#__PURE__*/React.createElement("rect", {
113
- x: 7,
114
- y: 4,
115
- width: 1,
116
- height: 1,
117
- fill: "currentColor"
118
- })), /*#__PURE__*/React.createElement("rect", {
119
- width: "100%",
120
- height: "100%",
121
- fill: "url(#".concat(patternId, ")")
122
- }));
123
- });