@codecademy/gamut-patterns 1.0.0-alpha.dd1efc.0 → 1.0.0-alpha.f6cb5a.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 (180) hide show
  1. package/.svgo.yml +11 -0
  2. package/CHANGELOG.md +316 -2
  3. package/babel.config.js +0 -10
  4. package/dist/index.d.ts +1 -10
  5. package/dist/index.js +1 -10
  6. package/dist/patterns/CheckerDense.d.ts +3 -0
  7. package/dist/patterns/CheckerDense.js +47 -0
  8. package/dist/patterns/CheckerLoose.d.ts +3 -0
  9. package/dist/patterns/CheckerLoose.js +47 -0
  10. package/dist/patterns/CheckerRegular.d.ts +3 -0
  11. package/dist/patterns/CheckerRegular.js +47 -0
  12. package/dist/patterns/DiagonalADense.d.ts +3 -0
  13. package/dist/patterns/DiagonalADense.js +81 -0
  14. package/dist/patterns/DiagonalALoose.d.ts +3 -0
  15. package/dist/patterns/DiagonalALoose.js +225 -0
  16. package/dist/patterns/DiagonalARegular.d.ts +3 -0
  17. package/dist/patterns/DiagonalARegular.js +129 -0
  18. package/dist/patterns/DiagonalBDense.d.ts +3 -0
  19. package/dist/patterns/DiagonalBDense.js +63 -0
  20. package/dist/patterns/DiagonalBLoose.d.ts +3 -0
  21. package/dist/patterns/DiagonalBLoose.js +131 -0
  22. package/dist/patterns/DiagonalBRegular.d.ts +3 -0
  23. package/dist/patterns/DiagonalBRegular.js +87 -0
  24. package/dist/patterns/DotDense.d.ts +3 -0
  25. package/dist/patterns/DotDense.js +42 -0
  26. package/dist/patterns/DotLoose.d.ts +3 -0
  27. package/dist/patterns/DotLoose.js +85 -0
  28. package/dist/patterns/DotRegular.d.ts +3 -0
  29. package/dist/patterns/DotRegular.js +42 -0
  30. package/dist/patterns/ExDense.d.ts +3 -0
  31. package/dist/patterns/ExDense.js +64 -0
  32. package/dist/patterns/ExLoose.d.ts +3 -0
  33. package/dist/patterns/ExLoose.js +64 -0
  34. package/dist/patterns/ExRegular.d.ts +3 -0
  35. package/dist/patterns/ExRegular.js +64 -0
  36. package/dist/patterns/FlowerDense.d.ts +3 -0
  37. package/dist/patterns/FlowerDense.js +58 -0
  38. package/dist/patterns/FlowerLoose.d.ts +3 -0
  39. package/dist/patterns/FlowerLoose.js +58 -0
  40. package/dist/patterns/FlowerRegular.d.ts +3 -0
  41. package/dist/patterns/FlowerRegular.js +58 -0
  42. package/dist/patterns/GridDense.d.ts +3 -0
  43. package/dist/patterns/GridDense.js +57 -0
  44. package/dist/patterns/GridLoose.d.ts +3 -0
  45. package/dist/patterns/GridLoose.js +57 -0
  46. package/dist/patterns/GridRegular.d.ts +3 -0
  47. package/dist/patterns/GridRegular.js +57 -0
  48. package/dist/patterns/Herringbone.d.ts +3 -0
  49. package/dist/patterns/Herringbone.js +75 -0
  50. package/dist/patterns/RainDense.d.ts +3 -0
  51. package/dist/patterns/RainDense.js +47 -0
  52. package/dist/patterns/RainLoose.d.ts +3 -0
  53. package/dist/patterns/RainLoose.js +47 -0
  54. package/dist/patterns/RainRegular.d.ts +3 -0
  55. package/dist/patterns/RainRegular.js +47 -0
  56. package/dist/patterns/StripeDense.d.ts +3 -0
  57. package/dist/patterns/StripeDense.js +79 -0
  58. package/dist/patterns/StripeLoose.d.ts +3 -0
  59. package/dist/patterns/StripeLoose.js +211 -0
  60. package/dist/patterns/StripeRegular.d.ts +3 -0
  61. package/dist/patterns/StripeRegular.js +123 -0
  62. package/dist/patterns/index.d.ts +28 -0
  63. package/dist/patterns/index.js +28 -0
  64. package/dist/props.d.ts +193 -0
  65. package/dist/props.js +9 -0
  66. package/dist/svg/CheckerDense.svg +14 -0
  67. package/dist/svg/CheckerLoose.svg +14 -0
  68. package/dist/svg/CheckerRegular.svg +14 -0
  69. package/dist/svg/DiagonalADense.svg +20 -0
  70. package/dist/svg/DiagonalALoose.svg +44 -0
  71. package/dist/svg/DiagonalARegular.svg +28 -0
  72. package/dist/svg/DiagonalBDense.svg +24 -0
  73. package/dist/svg/DiagonalBLoose.svg +28 -0
  74. package/dist/svg/DiagonalBRegular.svg +28 -0
  75. package/dist/svg/DotDense.svg +13 -0
  76. package/dist/svg/DotLoose.svg +40 -0
  77. package/dist/svg/DotRegular.svg +13 -0
  78. package/dist/svg/ExDense.svg +17 -0
  79. package/dist/svg/ExLoose.svg +17 -0
  80. package/dist/svg/ExRegular.svg +17 -0
  81. package/dist/svg/FlowerDense.svg +16 -0
  82. package/dist/svg/FlowerLoose.svg +16 -0
  83. package/dist/svg/FlowerRegular.svg +16 -0
  84. package/dist/svg/GridDense.svg +16 -0
  85. package/dist/svg/GridLoose.svg +16 -0
  86. package/dist/svg/GridRegular.svg +16 -0
  87. package/dist/svg/Herringbone.svg +19 -0
  88. package/dist/svg/RainDense.svg +14 -0
  89. package/dist/svg/RainLoose.svg +14 -0
  90. package/dist/svg/RainRegular.svg +14 -0
  91. package/dist/svg/StripeDense.svg +20 -0
  92. package/dist/svg/StripeLoose.svg +44 -0
  93. package/dist/svg/StripeRegular.svg +28 -0
  94. package/dist/types.d.ts +1 -141
  95. package/dist/types.js +0 -3
  96. package/dist/usePatternId.d.ts +1 -0
  97. package/dist/usePatternId.js +10 -0
  98. package/emotion-plugin.js +46 -0
  99. package/index-template.js +10 -0
  100. package/jest.config.js +1 -0
  101. package/package.json +20 -14
  102. package/pattern-template.js +30 -0
  103. package/svgr.config.js +29 -0
  104. package/tsconfig.json +6 -1
  105. package/dist/patterns/checker/CheckerDense.d.ts +0 -3
  106. package/dist/patterns/checker/CheckerDense.js +0 -47
  107. package/dist/patterns/checker/CheckerLoose.d.ts +0 -3
  108. package/dist/patterns/checker/CheckerLoose.js +0 -47
  109. package/dist/patterns/checker/CheckerRegular.d.ts +0 -3
  110. package/dist/patterns/checker/CheckerRegular.js +0 -47
  111. package/dist/patterns/checker/index.d.ts +0 -3
  112. package/dist/patterns/checker/index.js +0 -3
  113. package/dist/patterns/diagonalA/DiagonalADense.d.ts +0 -3
  114. package/dist/patterns/diagonalA/DiagonalADense.js +0 -81
  115. package/dist/patterns/diagonalA/DiagonalALoose.d.ts +0 -3
  116. package/dist/patterns/diagonalA/DiagonalALoose.js +0 -225
  117. package/dist/patterns/diagonalA/DiagonalARegular.d.ts +0 -3
  118. package/dist/patterns/diagonalA/DiagonalARegular.js +0 -129
  119. package/dist/patterns/diagonalA/index.d.ts +0 -3
  120. package/dist/patterns/diagonalA/index.js +0 -3
  121. package/dist/patterns/diagonalB/DiagonalBDense.d.ts +0 -3
  122. package/dist/patterns/diagonalB/DiagonalBDense.js +0 -71
  123. package/dist/patterns/diagonalB/DiagonalBLoose.d.ts +0 -3
  124. package/dist/patterns/diagonalB/DiagonalBLoose.js +0 -131
  125. package/dist/patterns/diagonalB/DiagonalBRegular.d.ts +0 -3
  126. package/dist/patterns/diagonalB/DiagonalBRegular.js +0 -95
  127. package/dist/patterns/diagonalB/index.d.ts +0 -3
  128. package/dist/patterns/diagonalB/index.js +0 -3
  129. package/dist/patterns/dot/DotDense.d.ts +0 -3
  130. package/dist/patterns/dot/DotDense.js +0 -42
  131. package/dist/patterns/dot/DotLoose.d.ts +0 -3
  132. package/dist/patterns/dot/DotLoose.js +0 -89
  133. package/dist/patterns/dot/DotRegular.d.ts +0 -3
  134. package/dist/patterns/dot/DotRegular.js +0 -42
  135. package/dist/patterns/dot/index.d.ts +0 -3
  136. package/dist/patterns/dot/index.js +0 -3
  137. package/dist/patterns/ex/ExDense.d.ts +0 -3
  138. package/dist/patterns/ex/ExDense.js +0 -64
  139. package/dist/patterns/ex/ExLoose.d.ts +0 -3
  140. package/dist/patterns/ex/ExLoose.js +0 -64
  141. package/dist/patterns/ex/ExRegular.d.ts +0 -3
  142. package/dist/patterns/ex/ExRegular.js +0 -64
  143. package/dist/patterns/ex/index.d.ts +0 -3
  144. package/dist/patterns/ex/index.js +0 -3
  145. package/dist/patterns/flower/FlowerDense.d.ts +0 -3
  146. package/dist/patterns/flower/FlowerDense.js +0 -58
  147. package/dist/patterns/flower/FlowerLoose.d.ts +0 -3
  148. package/dist/patterns/flower/FlowerLoose.js +0 -58
  149. package/dist/patterns/flower/FlowerRegular.d.ts +0 -3
  150. package/dist/patterns/flower/FlowerRegular.js +0 -58
  151. package/dist/patterns/flower/index.d.ts +0 -3
  152. package/dist/patterns/flower/index.js +0 -3
  153. package/dist/patterns/grid/GridDense.d.ts +0 -3
  154. package/dist/patterns/grid/GridDense.js +0 -57
  155. package/dist/patterns/grid/GridLoose.d.ts +0 -3
  156. package/dist/patterns/grid/GridLoose.js +0 -57
  157. package/dist/patterns/grid/GridRegular.d.ts +0 -3
  158. package/dist/patterns/grid/GridRegular.js +0 -57
  159. package/dist/patterns/grid/index.d.ts +0 -3
  160. package/dist/patterns/grid/index.js +0 -3
  161. package/dist/patterns/herringbone/Herringbone.d.ts +0 -3
  162. package/dist/patterns/herringbone/Herringbone.js +0 -75
  163. package/dist/patterns/herringbone/index.d.ts +0 -1
  164. package/dist/patterns/herringbone/index.js +0 -1
  165. package/dist/patterns/rain/RainDense.d.ts +0 -3
  166. package/dist/patterns/rain/RainDense.js +0 -47
  167. package/dist/patterns/rain/RainLoose.d.ts +0 -3
  168. package/dist/patterns/rain/RainLoose.js +0 -47
  169. package/dist/patterns/rain/RainRegular.d.ts +0 -3
  170. package/dist/patterns/rain/RainRegular.js +0 -47
  171. package/dist/patterns/rain/index.d.ts +0 -3
  172. package/dist/patterns/rain/index.js +0 -3
  173. package/dist/patterns/stripe/StripeDense.d.ts +0 -3
  174. package/dist/patterns/stripe/StripeDense.js +0 -68
  175. package/dist/patterns/stripe/StripeLoose.d.ts +0 -3
  176. package/dist/patterns/stripe/StripeLoose.js +0 -200
  177. package/dist/patterns/stripe/StripeRegular.d.ts +0 -3
  178. package/dist/patterns/stripe/StripeRegular.js +0 -112
  179. package/dist/patterns/stripe/index.d.ts +0 -3
  180. package/dist/patterns/stripe/index.js +0 -3
@@ -1,129 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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); }
4
-
5
- import { styledConfig, system } from '@codecademy/gamut-styles';
6
- import { variance } from '@codecademy/variance';
7
- import React from 'react';
8
- var logoStyles = variance.compose(system.layout, system.positioning, system.space);
9
-
10
- var Svg = /*#__PURE__*/_styled('svg', _extends({}, {
11
- target: "ezhd2w80",
12
- label: "Svg"
13
- }, styledConfig))(logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kaWFnb25hbEEvRGlhZ29uYWxBUmVndWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYVkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhdHRlcm5zL2RpYWdvbmFsQS9EaWFnb25hbEFSZWd1bGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0eWxlZENvbmZpZywgc3lzdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgUGF0dGVyblByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5jb25zdCBsb2dvU3R5bGVzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLnBvc2l0aW9uaW5nLFxuICBzeXN0ZW0uc3BhY2Vcbik7XG5cbmNvbnN0IFN2ZyA9IHN0eWxlZCgnc3ZnJywgc3R5bGVkQ29uZmlnKTxQYXR0ZXJuUHJvcHM+KGxvZ29TdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgRGlhZ29uYWxBUmVndWxhcjogUmVhY3QuRkM8UGF0dGVyblByb3BzPiA9ICh7IC4uLnByb3BzIH0pID0+IChcbiAgPFN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfSBhcmlhLWhpZGRlbj5cbiAgICA8cGF0dGVyblxuICAgICAgaWQ9XCJkaWFnb25hbEFSZWd1bGFyXCJcbiAgICAgIHg9XCIwXCJcbiAgICAgIHk9XCIwXCJcbiAgICAgIHdpZHRoPVwiOFwiXG4gICAgICBoZWlnaHQ9XCI4XCJcbiAgICAgIHBhdHRlcm5Vbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICA+XG4gICAgICA8cmVjdCB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiNlwiIHk9XCIyXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjVcIiB5PVwiMlwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCI1XCIgeT1cIjNcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiNFwiIHk9XCIzXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjdcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiN1wiIHk9XCIxXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjZcIiB5PVwiMVwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIzXCIgeT1cIjVcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiMlwiIHk9XCI1XCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjJcIiB5PVwiNlwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIxXCIgeT1cIjZcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB5PVwiN1wiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIxXCIgeT1cIjdcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiNFwiIHk9XCI0XCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjNcIiB5PVwiNFwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICA8L3BhdHRlcm4+XG4gICAgPHJlY3RcbiAgICAgIHg9XCIwXCJcbiAgICAgIHk9XCIwXCJcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIGZpbGw9XCJ1cmwoI2RpYWdvbmFsQVJlZ3VsYXIpXCJcbiAgICAvPlxuICA8L1N2Zz5cbik7XG4iXX0= */");
14
-
15
- export var DiagonalARegular = function DiagonalARegular(_ref) {
16
- var props = _extends({}, _ref);
17
-
18
- return /*#__PURE__*/React.createElement(Svg, _extends({
19
- width: "100%",
20
- height: "100%"
21
- }, props, {
22
- "aria-hidden": true
23
- }), /*#__PURE__*/React.createElement("pattern", {
24
- id: "diagonalARegular",
25
- x: "0",
26
- y: "0",
27
- width: "8",
28
- height: "8",
29
- patternUnits: "userSpaceOnUse"
30
- }, /*#__PURE__*/React.createElement("rect", {
31
- width: "1",
32
- height: "1",
33
- fill: "currentColor"
34
- }), /*#__PURE__*/React.createElement("rect", {
35
- x: "6",
36
- y: "2",
37
- width: "1",
38
- height: "1",
39
- fill: "currentColor"
40
- }), /*#__PURE__*/React.createElement("rect", {
41
- x: "5",
42
- y: "2",
43
- width: "1",
44
- height: "1",
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: "5",
48
- y: "3",
49
- width: "1",
50
- height: "1",
51
- fill: "currentColor"
52
- }), /*#__PURE__*/React.createElement("rect", {
53
- x: "4",
54
- y: "3",
55
- width: "1",
56
- height: "1",
57
- fill: "currentColor"
58
- }), /*#__PURE__*/React.createElement("rect", {
59
- x: "7",
60
- width: "1",
61
- height: "1",
62
- fill: "currentColor"
63
- }), /*#__PURE__*/React.createElement("rect", {
64
- x: "7",
65
- y: "1",
66
- width: "1",
67
- height: "1",
68
- fill: "currentColor"
69
- }), /*#__PURE__*/React.createElement("rect", {
70
- x: "6",
71
- y: "1",
72
- width: "1",
73
- height: "1",
74
- fill: "currentColor"
75
- }), /*#__PURE__*/React.createElement("rect", {
76
- x: "3",
77
- y: "5",
78
- width: "1",
79
- height: "1",
80
- fill: "currentColor"
81
- }), /*#__PURE__*/React.createElement("rect", {
82
- x: "2",
83
- y: "5",
84
- width: "1",
85
- height: "1",
86
- fill: "currentColor"
87
- }), /*#__PURE__*/React.createElement("rect", {
88
- x: "2",
89
- y: "6",
90
- width: "1",
91
- height: "1",
92
- fill: "currentColor"
93
- }), /*#__PURE__*/React.createElement("rect", {
94
- x: "1",
95
- y: "6",
96
- width: "1",
97
- height: "1",
98
- fill: "currentColor"
99
- }), /*#__PURE__*/React.createElement("rect", {
100
- y: "7",
101
- width: "1",
102
- height: "1",
103
- fill: "currentColor"
104
- }), /*#__PURE__*/React.createElement("rect", {
105
- x: "1",
106
- y: "7",
107
- width: "1",
108
- height: "1",
109
- fill: "currentColor"
110
- }), /*#__PURE__*/React.createElement("rect", {
111
- x: "4",
112
- y: "4",
113
- width: "1",
114
- height: "1",
115
- fill: "currentColor"
116
- }), /*#__PURE__*/React.createElement("rect", {
117
- x: "3",
118
- y: "4",
119
- width: "1",
120
- height: "1",
121
- fill: "currentColor"
122
- })), /*#__PURE__*/React.createElement("rect", {
123
- x: "0",
124
- y: "0",
125
- width: "100%",
126
- height: "100%",
127
- fill: "url(#diagonalARegular)"
128
- }));
129
- };
@@ -1,3 +0,0 @@
1
- export * from './DiagonalADense';
2
- export * from './DiagonalALoose';
3
- export * from './DiagonalARegular';
@@ -1,3 +0,0 @@
1
- export * from './DiagonalADense';
2
- export * from './DiagonalALoose';
3
- export * from './DiagonalARegular';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternProps } from '../../types';
3
- export declare const DiagonalBDense: React.FC<PatternProps>;
@@ -1,71 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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); }
4
-
5
- import { styledConfig, system } from '@codecademy/gamut-styles';
6
- import { variance } from '@codecademy/variance';
7
- import React from 'react';
8
- var logoStyles = variance.compose(system.layout, system.positioning, system.space);
9
-
10
- var Svg = /*#__PURE__*/_styled('svg', _extends({}, {
11
- target: "e18o1kok0",
12
- label: "Svg"
13
- }, styledConfig))(logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kaWFnb25hbEIvRGlhZ29uYWxCRGVuc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kaWFnb25hbEIvRGlhZ29uYWxCRGVuc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3R5bGVkQ29uZmlnLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQYXR0ZXJuUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmNvbnN0IGxvZ29TdHlsZXMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0ucG9zaXRpb25pbmcsXG4gIHN5c3RlbS5zcGFjZVxuKTtcblxuY29uc3QgU3ZnID0gc3R5bGVkKCdzdmcnLCBzdHlsZWRDb25maWcpPFBhdHRlcm5Qcm9wcz4obG9nb1N0eWxlcyk7XG5cbmV4cG9ydCBjb25zdCBEaWFnb25hbEJEZW5zZTogUmVhY3QuRkM8UGF0dGVyblByb3BzPiA9ICh7IC4uLnByb3BzIH0pID0+IChcbiAgPFN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfSBhcmlhLWhpZGRlbj5cbiAgICA8cGF0dGVyblxuICAgICAgaWQ9XCJkaWFnb25hbEJEZW5zZVwiXG4gICAgICB4PVwiMFwiXG4gICAgICB5PVwiMFwiXG4gICAgICB3aWR0aD1cIjRcIlxuICAgICAgaGVpZ2h0PVwiNFwiXG4gICAgICBwYXR0ZXJuVW5pdHM9XCJ1c2VyU3BhY2VPblVzZVwiXG4gICAgPlxuICAgICAgPGcgY2xpcFBhdGg9XCJ1cmwoI2NsaXBEaWFnb25hbEJEZW5zZSlcIj5cbiAgICAgICAgPHJlY3Qgd2lkdGg9XCI0XCIgaGVpZ2h0PVwiNFwiIGZpbGw9XCJ3aGl0ZVwiIC8+XG4gICAgICAgIDxyZWN0IHk9XCIzXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICA8cmVjdCB4PVwiMVwiIHk9XCIyXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICA8cmVjdCB4PVwiMlwiIHk9XCIxXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICA8cmVjdCB4PVwiM1wiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvZz5cbiAgICAgIDxkZWZzPlxuICAgICAgICA8Y2xpcFBhdGggaWQ9XCJjbGlwRGlhZ29uYWxCRGVuc2VcIj5cbiAgICAgICAgICA8cmVjdCB3aWR0aD1cIjRcIiBoZWlnaHQ9XCI0XCIgZmlsbD1cIndoaXRlXCIgLz5cbiAgICAgICAgPC9jbGlwUGF0aD5cbiAgICAgIDwvZGVmcz5cbiAgICA8L3BhdHRlcm4+XG4gICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiBmaWxsPVwidXJsKCNkaWFnb25hbEJEZW5zZSlcIiAvPlxuICA8L1N2Zz5cbik7XG4iXX0= */");
14
-
15
- export var DiagonalBDense = function DiagonalBDense(_ref) {
16
- var props = _extends({}, _ref);
17
-
18
- return /*#__PURE__*/React.createElement(Svg, _extends({
19
- width: "100%",
20
- height: "100%"
21
- }, props, {
22
- "aria-hidden": true
23
- }), /*#__PURE__*/React.createElement("pattern", {
24
- id: "diagonalBDense",
25
- x: "0",
26
- y: "0",
27
- width: "4",
28
- height: "4",
29
- patternUnits: "userSpaceOnUse"
30
- }, /*#__PURE__*/React.createElement("g", {
31
- clipPath: "url(#clipDiagonalBDense)"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: "4",
34
- height: "4",
35
- fill: "white"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: "3",
38
- width: "1",
39
- height: "1",
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: "1",
43
- y: "2",
44
- width: "1",
45
- height: "1",
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: "2",
49
- y: "1",
50
- width: "1",
51
- height: "1",
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: "3",
55
- width: "1",
56
- height: "1",
57
- fill: "currentColor"
58
- })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
59
- id: "clipDiagonalBDense"
60
- }, /*#__PURE__*/React.createElement("rect", {
61
- width: "4",
62
- height: "4",
63
- fill: "white"
64
- })))), /*#__PURE__*/React.createElement("rect", {
65
- x: "0",
66
- y: "0",
67
- width: "100%",
68
- height: "100%",
69
- fill: "url(#diagonalBDense)"
70
- }));
71
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternProps } from '../../types';
3
- export declare const DiagonalBLoose: React.FC<PatternProps>;
@@ -1,131 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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); }
4
-
5
- import { styledConfig, system } from '@codecademy/gamut-styles';
6
- import { variance } from '@codecademy/variance';
7
- import React from 'react';
8
- var logoStyles = variance.compose(system.layout, system.positioning, system.space);
9
-
10
- var Svg = /*#__PURE__*/_styled('svg', _extends({}, {
11
- target: "e1k8j2a80",
12
- label: "Svg"
13
- }, styledConfig))(logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kaWFnb25hbEIvRGlhZ29uYWxCTG9vc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kaWFnb25hbEIvRGlhZ29uYWxCTG9vc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3R5bGVkQ29uZmlnLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQYXR0ZXJuUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmNvbnN0IGxvZ29TdHlsZXMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0ucG9zaXRpb25pbmcsXG4gIHN5c3RlbS5zcGFjZVxuKTtcblxuY29uc3QgU3ZnID0gc3R5bGVkKCdzdmcnLCBzdHlsZWRDb25maWcpPFBhdHRlcm5Qcm9wcz4obG9nb1N0eWxlcyk7XG5cbmV4cG9ydCBjb25zdCBEaWFnb25hbEJMb29zZTogUmVhY3QuRkM8UGF0dGVyblByb3BzPiA9ICh7IC4uLnByb3BzIH0pID0+IChcbiAgPFN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfSBhcmlhLWhpZGRlbj5cbiAgICA8cGF0dGVyblxuICAgICAgaWQ9XCJkaWFnb25hbEJMb29zZVwiXG4gICAgICB4PVwiMFwiXG4gICAgICB5PVwiMFwiXG4gICAgICB3aWR0aD1cIjE2XCJcbiAgICAgIGhlaWdodD1cIjE2XCJcbiAgICAgIHBhdHRlcm5Vbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICA+XG4gICAgICA8cmVjdCB5PVwiMTVcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiMVwiIHk9XCIxNFwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIyXCIgeT1cIjEzXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjNcIiB5PVwiMTJcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiNFwiIHk9XCIxMVwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCI1XCIgeT1cIjEwXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjZcIiB5PVwiOVwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCI3XCIgeT1cIjhcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiOFwiIHk9XCI3XCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjlcIiB5PVwiNlwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIxMFwiIHk9XCI1XCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjExXCIgeT1cIjRcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiMTJcIiB5PVwiM1wiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIxM1wiIHk9XCIyXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjE0XCIgeT1cIjFcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8cmVjdCB4PVwiMTVcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgPC9wYXR0ZXJuPlxuICAgIDxyZWN0IHg9XCIwXCIgeT1cIjBcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgZmlsbD1cInVybCgjZGlhZ29uYWxCTG9vc2UpXCIgLz5cbiAgPC9Tdmc+XG4pO1xuIl19 */");
14
-
15
- export var DiagonalBLoose = function DiagonalBLoose(_ref) {
16
- var props = _extends({}, _ref);
17
-
18
- return /*#__PURE__*/React.createElement(Svg, _extends({
19
- width: "100%",
20
- height: "100%"
21
- }, props, {
22
- "aria-hidden": true
23
- }), /*#__PURE__*/React.createElement("pattern", {
24
- id: "diagonalBLoose",
25
- x: "0",
26
- y: "0",
27
- width: "16",
28
- height: "16",
29
- patternUnits: "userSpaceOnUse"
30
- }, /*#__PURE__*/React.createElement("rect", {
31
- y: "15",
32
- width: "1",
33
- height: "1",
34
- fill: "currentColor"
35
- }), /*#__PURE__*/React.createElement("rect", {
36
- x: "1",
37
- y: "14",
38
- width: "1",
39
- height: "1",
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: "2",
43
- y: "13",
44
- width: "1",
45
- height: "1",
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: "3",
49
- y: "12",
50
- width: "1",
51
- height: "1",
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: "4",
55
- y: "11",
56
- width: "1",
57
- height: "1",
58
- fill: "currentColor"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: "5",
61
- y: "10",
62
- width: "1",
63
- height: "1",
64
- fill: "currentColor"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- x: "6",
67
- y: "9",
68
- width: "1",
69
- height: "1",
70
- fill: "currentColor"
71
- }), /*#__PURE__*/React.createElement("rect", {
72
- x: "7",
73
- y: "8",
74
- width: "1",
75
- height: "1",
76
- fill: "currentColor"
77
- }), /*#__PURE__*/React.createElement("rect", {
78
- x: "8",
79
- y: "7",
80
- width: "1",
81
- height: "1",
82
- fill: "currentColor"
83
- }), /*#__PURE__*/React.createElement("rect", {
84
- x: "9",
85
- y: "6",
86
- width: "1",
87
- height: "1",
88
- fill: "currentColor"
89
- }), /*#__PURE__*/React.createElement("rect", {
90
- x: "10",
91
- y: "5",
92
- width: "1",
93
- height: "1",
94
- fill: "currentColor"
95
- }), /*#__PURE__*/React.createElement("rect", {
96
- x: "11",
97
- y: "4",
98
- width: "1",
99
- height: "1",
100
- fill: "currentColor"
101
- }), /*#__PURE__*/React.createElement("rect", {
102
- x: "12",
103
- y: "3",
104
- width: "1",
105
- height: "1",
106
- fill: "currentColor"
107
- }), /*#__PURE__*/React.createElement("rect", {
108
- x: "13",
109
- y: "2",
110
- width: "1",
111
- height: "1",
112
- fill: "currentColor"
113
- }), /*#__PURE__*/React.createElement("rect", {
114
- x: "14",
115
- y: "1",
116
- width: "1",
117
- height: "1",
118
- fill: "currentColor"
119
- }), /*#__PURE__*/React.createElement("rect", {
120
- x: "15",
121
- width: "1",
122
- height: "1",
123
- fill: "currentColor"
124
- })), /*#__PURE__*/React.createElement("rect", {
125
- x: "0",
126
- y: "0",
127
- width: "100%",
128
- height: "100%",
129
- fill: "url(#diagonalBLoose)"
130
- }));
131
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternProps } from '../../types';
3
- export declare const DiagonalBRegular: React.FC<PatternProps>;
@@ -1,95 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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); }
4
-
5
- import { styledConfig, system } from '@codecademy/gamut-styles';
6
- import { variance } from '@codecademy/variance';
7
- import React from 'react';
8
- var logoStyles = variance.compose(system.layout, system.positioning, system.space);
9
-
10
- var Svg = /*#__PURE__*/_styled('svg', _extends({}, {
11
- target: "e7oox5y0",
12
- label: "Svg"
13
- }, styledConfig))(logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kaWFnb25hbEIvRGlhZ29uYWxCUmVndWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYVkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhdHRlcm5zL2RpYWdvbmFsQi9EaWFnb25hbEJSZWd1bGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0eWxlZENvbmZpZywgc3lzdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgUGF0dGVyblByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5jb25zdCBsb2dvU3R5bGVzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLnBvc2l0aW9uaW5nLFxuICBzeXN0ZW0uc3BhY2Vcbik7XG5cbmNvbnN0IFN2ZyA9IHN0eWxlZCgnc3ZnJywgc3R5bGVkQ29uZmlnKTxQYXR0ZXJuUHJvcHM+KGxvZ29TdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgRGlhZ29uYWxCUmVndWxhcjogUmVhY3QuRkM8UGF0dGVyblByb3BzPiA9ICh7IC4uLnByb3BzIH0pID0+IChcbiAgPFN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfSBhcmlhLWhpZGRlbj5cbiAgICA8cGF0dGVyblxuICAgICAgaWQ9XCJkaWFnb25hbEJSZWd1bGFyXCJcbiAgICAgIHg9XCIwXCJcbiAgICAgIHk9XCIwXCJcbiAgICAgIHdpZHRoPVwiOFwiXG4gICAgICBoZWlnaHQ9XCI4XCJcbiAgICAgIHBhdHRlcm5Vbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICA+XG4gICAgICA8ZyBjbGlwUGF0aD1cInVybCgjY2xpcERpYWdvbmFsQlJlZ3VsYXIpXCI+XG4gICAgICAgIDxyZWN0IHdpZHRoPVwiOFwiIGhlaWdodD1cIjhcIiBmaWxsPVwid2hpdGVcIiAvPlxuICAgICAgICA8cmVjdCB5PVwiN1wiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjFcIiB5PVwiNlwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjJcIiB5PVwiNVwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjNcIiB5PVwiNFwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjRcIiB5PVwiM1wiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjVcIiB5PVwiMlwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjZcIiB5PVwiMVwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgPHJlY3QgeD1cIjdcIiB3aWR0aD1cIjFcIiBoZWlnaHQ9XCIxXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8L2c+XG4gICAgICA8ZGVmcz5cbiAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcERpYWdvbmFsQlJlZ3VsYXJcIj5cbiAgICAgICAgICA8cmVjdCB3aWR0aD1cIjhcIiBoZWlnaHQ9XCI4XCIgZmlsbD1cIndoaXRlXCIgLz5cbiAgICAgICAgPC9jbGlwUGF0aD5cbiAgICAgIDwvZGVmcz5cbiAgICA8L3BhdHRlcm4+XG4gICAgPHJlY3RcbiAgICAgIHg9XCIwXCJcbiAgICAgIHk9XCIwXCJcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgIGZpbGw9XCJ1cmwoI2RpYWdvbmFsQlJlZ3VsYXIpXCJcbiAgICAvPlxuICA8L1N2Zz5cbik7XG4iXX0= */");
14
-
15
- export var DiagonalBRegular = function DiagonalBRegular(_ref) {
16
- var props = _extends({}, _ref);
17
-
18
- return /*#__PURE__*/React.createElement(Svg, _extends({
19
- width: "100%",
20
- height: "100%"
21
- }, props, {
22
- "aria-hidden": true
23
- }), /*#__PURE__*/React.createElement("pattern", {
24
- id: "diagonalBRegular",
25
- x: "0",
26
- y: "0",
27
- width: "8",
28
- height: "8",
29
- patternUnits: "userSpaceOnUse"
30
- }, /*#__PURE__*/React.createElement("g", {
31
- clipPath: "url(#clipDiagonalBRegular)"
32
- }, /*#__PURE__*/React.createElement("rect", {
33
- width: "8",
34
- height: "8",
35
- fill: "white"
36
- }), /*#__PURE__*/React.createElement("rect", {
37
- y: "7",
38
- width: "1",
39
- height: "1",
40
- fill: "currentColor"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- x: "1",
43
- y: "6",
44
- width: "1",
45
- height: "1",
46
- fill: "currentColor"
47
- }), /*#__PURE__*/React.createElement("rect", {
48
- x: "2",
49
- y: "5",
50
- width: "1",
51
- height: "1",
52
- fill: "currentColor"
53
- }), /*#__PURE__*/React.createElement("rect", {
54
- x: "3",
55
- y: "4",
56
- width: "1",
57
- height: "1",
58
- fill: "currentColor"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: "4",
61
- y: "3",
62
- width: "1",
63
- height: "1",
64
- fill: "currentColor"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- x: "5",
67
- y: "2",
68
- width: "1",
69
- height: "1",
70
- fill: "currentColor"
71
- }), /*#__PURE__*/React.createElement("rect", {
72
- x: "6",
73
- y: "1",
74
- width: "1",
75
- height: "1",
76
- fill: "currentColor"
77
- }), /*#__PURE__*/React.createElement("rect", {
78
- x: "7",
79
- width: "1",
80
- height: "1",
81
- fill: "currentColor"
82
- })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
83
- id: "clipDiagonalBRegular"
84
- }, /*#__PURE__*/React.createElement("rect", {
85
- width: "8",
86
- height: "8",
87
- fill: "white"
88
- })))), /*#__PURE__*/React.createElement("rect", {
89
- x: "0",
90
- y: "0",
91
- width: "100%",
92
- height: "100%",
93
- fill: "url(#diagonalBRegular)"
94
- }));
95
- };
@@ -1,3 +0,0 @@
1
- export * from './DiagonalBDense';
2
- export * from './DiagonalBLoose';
3
- export * from './DiagonalBRegular';
@@ -1,3 +0,0 @@
1
- export * from './DiagonalBDense';
2
- export * from './DiagonalBLoose';
3
- export * from './DiagonalBRegular';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternProps } from '../../types';
3
- export declare const DotDense: React.FC<PatternProps>;
@@ -1,42 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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); }
4
-
5
- import { styledConfig, system } from '@codecademy/gamut-styles';
6
- import { variance } from '@codecademy/variance';
7
- import React from 'react';
8
- var logoStyles = variance.compose(system.layout, system.positioning, system.space);
9
-
10
- var Svg = /*#__PURE__*/_styled('svg', _extends({}, {
11
- target: "e1ny2aqo0",
12
- label: "Svg"
13
- }, styledConfig))(logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kb3QvRG90RGVuc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kb3QvRG90RGVuc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3R5bGVkQ29uZmlnLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQYXR0ZXJuUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmNvbnN0IGxvZ29TdHlsZXMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0ucG9zaXRpb25pbmcsXG4gIHN5c3RlbS5zcGFjZVxuKTtcblxuY29uc3QgU3ZnID0gc3R5bGVkKCdzdmcnLCBzdHlsZWRDb25maWcpPFBhdHRlcm5Qcm9wcz4obG9nb1N0eWxlcyk7XG5cbmV4cG9ydCBjb25zdCBEb3REZW5zZTogUmVhY3QuRkM8UGF0dGVyblByb3BzPiA9ICh7IC4uLnByb3BzIH0pID0+IChcbiAgPFN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfSBhcmlhLWhpZGRlbj5cbiAgICA8cGF0dGVyblxuICAgICAgaWQ9XCJkb3REZW5zZVwiXG4gICAgICB4PVwiMFwiXG4gICAgICB5PVwiMFwiXG4gICAgICB3aWR0aD1cIjRcIlxuICAgICAgaGVpZ2h0PVwiNFwiXG4gICAgICBwYXR0ZXJuVW5pdHM9XCJ1c2VyU3BhY2VPblVzZVwiXG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjAuNVwiIGN5PVwiMC41XCIgcj1cIjAuNVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgIDwvcGF0dGVybj5cbiAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJ1cmwoI2RvdERlbnNlKVwiIC8+XG4gIDwvU3ZnPlxuKTtcbiJdfQ== */");
14
-
15
- export var DotDense = function DotDense(_ref) {
16
- var props = _extends({}, _ref);
17
-
18
- return /*#__PURE__*/React.createElement(Svg, _extends({
19
- width: "100%",
20
- height: "100%"
21
- }, props, {
22
- "aria-hidden": true
23
- }), /*#__PURE__*/React.createElement("pattern", {
24
- id: "dotDense",
25
- x: "0",
26
- y: "0",
27
- width: "4",
28
- height: "4",
29
- patternUnits: "userSpaceOnUse"
30
- }, /*#__PURE__*/React.createElement("circle", {
31
- cx: "0.5",
32
- cy: "0.5",
33
- r: "0.5",
34
- fill: "currentColor"
35
- })), /*#__PURE__*/React.createElement("rect", {
36
- x: "0",
37
- y: "0",
38
- width: "100%",
39
- height: "100%",
40
- fill: "url(#dotDense)"
41
- }));
42
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternProps } from '../../types';
3
- export declare const DotLoose: React.FC<PatternProps>;
@@ -1,89 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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); }
4
-
5
- import { styledConfig, system } from '@codecademy/gamut-styles';
6
- import { variance } from '@codecademy/variance';
7
- import React from 'react';
8
- var logoStyles = variance.compose(system.layout, system.positioning, system.space);
9
-
10
- var Svg = /*#__PURE__*/_styled('svg', _extends({}, {
11
- target: "e1k2dxv90",
12
- label: "Svg"
13
- }, styledConfig))(logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kb3QvRG90TG9vc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYXR0ZXJucy9kb3QvRG90TG9vc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3R5bGVkQ29uZmlnLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQYXR0ZXJuUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmNvbnN0IGxvZ29TdHlsZXMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0ucG9zaXRpb25pbmcsXG4gIHN5c3RlbS5zcGFjZVxuKTtcblxuY29uc3QgU3ZnID0gc3R5bGVkKCdzdmcnLCBzdHlsZWRDb25maWcpPFBhdHRlcm5Qcm9wcz4obG9nb1N0eWxlcyk7XG5cbmV4cG9ydCBjb25zdCBEb3RMb29zZTogUmVhY3QuRkM8UGF0dGVyblByb3BzPiA9ICh7IC4uLnByb3BzIH0pID0+IChcbiAgPFN2ZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfSBhcmlhLWhpZGRlbj5cbiAgICA8cGF0dGVyblxuICAgICAgaWQ9XCJkb3RMb29zZVwiXG4gICAgICB4PVwiMFwiXG4gICAgICB5PVwiMFwiXG4gICAgICB3aWR0aD1cIjE2XCJcbiAgICAgIGhlaWdodD1cIjE2XCJcbiAgICAgIHBhdHRlcm5Vbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICA+XG4gICAgICA8cmVjdCB3aWR0aD1cIjAuNVwiIGhlaWdodD1cIjAuNVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBmaWxsT3BhY2l0eT1cIjAuNVwiIC8+XG4gICAgICA8cmVjdFxuICAgICAgICB5PVwiMVwiXG4gICAgICAgIHdpZHRoPVwiMC41XCJcbiAgICAgICAgaGVpZ2h0PVwiMC41XCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgIGZpbGxPcGFjaXR5PVwiMC41XCJcbiAgICAgIC8+XG4gICAgICA8cmVjdCB5PVwiMC41XCIgd2lkdGg9XCIwLjVcIiBoZWlnaHQ9XCIwLjVcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0XG4gICAgICAgIHg9XCIxXCJcbiAgICAgICAgd2lkdGg9XCIwLjVcIlxuICAgICAgICBoZWlnaHQ9XCIwLjVcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgZmlsbE9wYWNpdHk9XCIwLjVcIlxuICAgICAgLz5cbiAgICAgIDxyZWN0XG4gICAgICAgIHg9XCIxXCJcbiAgICAgICAgeT1cIjFcIlxuICAgICAgICB3aWR0aD1cIjAuNVwiXG4gICAgICAgIGhlaWdodD1cIjAuNVwiXG4gICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgICBmaWxsT3BhY2l0eT1cIjAuNVwiXG4gICAgICAvPlxuICAgICAgPHJlY3QgeD1cIjFcIiB5PVwiMC41XCIgd2lkdGg9XCIwLjVcIiBoZWlnaHQ9XCIwLjVcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIwLjVcIiB3aWR0aD1cIjAuNVwiIGhlaWdodD1cIjAuNVwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPHJlY3QgeD1cIjAuNVwiIHk9XCIxXCIgd2lkdGg9XCIwLjVcIiBoZWlnaHQ9XCIwLjVcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDxyZWN0IHg9XCIwLjVcIiB5PVwiMC41XCIgd2lkdGg9XCIwLjVcIiBoZWlnaHQ9XCIwLjVcIiBmaWxsPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICA8L3BhdHRlcm4+XG4gICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiBmaWxsPVwidXJsKCNkb3RMb29zZSlcIiAvPlxuICA8L1N2Zz5cbik7XG4iXX0= */");
14
-
15
- export var DotLoose = function DotLoose(_ref) {
16
- var props = _extends({}, _ref);
17
-
18
- return /*#__PURE__*/React.createElement(Svg, _extends({
19
- width: "100%",
20
- height: "100%"
21
- }, props, {
22
- "aria-hidden": true
23
- }), /*#__PURE__*/React.createElement("pattern", {
24
- id: "dotLoose",
25
- x: "0",
26
- y: "0",
27
- width: "16",
28
- height: "16",
29
- patternUnits: "userSpaceOnUse"
30
- }, /*#__PURE__*/React.createElement("rect", {
31
- width: "0.5",
32
- height: "0.5",
33
- fill: "currentColor",
34
- fillOpacity: "0.5"
35
- }), /*#__PURE__*/React.createElement("rect", {
36
- y: "1",
37
- width: "0.5",
38
- height: "0.5",
39
- fill: "currentColor",
40
- fillOpacity: "0.5"
41
- }), /*#__PURE__*/React.createElement("rect", {
42
- y: "0.5",
43
- width: "0.5",
44
- height: "0.5",
45
- fill: "currentColor"
46
- }), /*#__PURE__*/React.createElement("rect", {
47
- x: "1",
48
- width: "0.5",
49
- height: "0.5",
50
- fill: "currentColor",
51
- fillOpacity: "0.5"
52
- }), /*#__PURE__*/React.createElement("rect", {
53
- x: "1",
54
- y: "1",
55
- width: "0.5",
56
- height: "0.5",
57
- fill: "currentColor",
58
- fillOpacity: "0.5"
59
- }), /*#__PURE__*/React.createElement("rect", {
60
- x: "1",
61
- y: "0.5",
62
- width: "0.5",
63
- height: "0.5",
64
- fill: "currentColor"
65
- }), /*#__PURE__*/React.createElement("rect", {
66
- x: "0.5",
67
- width: "0.5",
68
- height: "0.5",
69
- fill: "currentColor"
70
- }), /*#__PURE__*/React.createElement("rect", {
71
- x: "0.5",
72
- y: "1",
73
- width: "0.5",
74
- height: "0.5",
75
- fill: "currentColor"
76
- }), /*#__PURE__*/React.createElement("rect", {
77
- x: "0.5",
78
- y: "0.5",
79
- width: "0.5",
80
- height: "0.5",
81
- fill: "currentColor"
82
- })), /*#__PURE__*/React.createElement("rect", {
83
- x: "0",
84
- y: "0",
85
- width: "100%",
86
- height: "100%",
87
- fill: "url(#dotLoose)"
88
- }));
89
- };
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PatternProps } from '../../types';
3
- export declare const DotRegular: React.FC<PatternProps>;