@codecademy/gamut-patterns 0.7.3 → 0.7.4-alpha.a809e8.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 (96) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +4 -4
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.js +0 -2
  5. package/dist/patterns/CheckerDense.d.ts +0 -3
  6. package/dist/patterns/CheckerDense.js +0 -47
  7. package/dist/patterns/CheckerLoose.d.ts +0 -3
  8. package/dist/patterns/CheckerLoose.js +0 -47
  9. package/dist/patterns/CheckerRegular.d.ts +0 -3
  10. package/dist/patterns/CheckerRegular.js +0 -47
  11. package/dist/patterns/DiagonalADense.d.ts +0 -3
  12. package/dist/patterns/DiagonalADense.js +0 -81
  13. package/dist/patterns/DiagonalALoose.d.ts +0 -3
  14. package/dist/patterns/DiagonalALoose.js +0 -225
  15. package/dist/patterns/DiagonalARegular.d.ts +0 -3
  16. package/dist/patterns/DiagonalARegular.js +0 -129
  17. package/dist/patterns/DiagonalBDense.d.ts +0 -3
  18. package/dist/patterns/DiagonalBDense.js +0 -63
  19. package/dist/patterns/DiagonalBLoose.d.ts +0 -3
  20. package/dist/patterns/DiagonalBLoose.js +0 -131
  21. package/dist/patterns/DiagonalBRegular.d.ts +0 -3
  22. package/dist/patterns/DiagonalBRegular.js +0 -87
  23. package/dist/patterns/DotDense.d.ts +0 -3
  24. package/dist/patterns/DotDense.js +0 -42
  25. package/dist/patterns/DotLoose.d.ts +0 -3
  26. package/dist/patterns/DotLoose.js +0 -85
  27. package/dist/patterns/DotRegular.d.ts +0 -3
  28. package/dist/patterns/DotRegular.js +0 -42
  29. package/dist/patterns/ExDense.d.ts +0 -3
  30. package/dist/patterns/ExDense.js +0 -64
  31. package/dist/patterns/ExLoose.d.ts +0 -3
  32. package/dist/patterns/ExLoose.js +0 -64
  33. package/dist/patterns/ExRegular.d.ts +0 -3
  34. package/dist/patterns/ExRegular.js +0 -64
  35. package/dist/patterns/FlowerDense.d.ts +0 -3
  36. package/dist/patterns/FlowerDense.js +0 -58
  37. package/dist/patterns/FlowerLoose.d.ts +0 -3
  38. package/dist/patterns/FlowerLoose.js +0 -58
  39. package/dist/patterns/FlowerRegular.d.ts +0 -3
  40. package/dist/patterns/FlowerRegular.js +0 -58
  41. package/dist/patterns/GridDense.d.ts +0 -3
  42. package/dist/patterns/GridDense.js +0 -57
  43. package/dist/patterns/GridLoose.d.ts +0 -3
  44. package/dist/patterns/GridLoose.js +0 -57
  45. package/dist/patterns/GridRegular.d.ts +0 -3
  46. package/dist/patterns/GridRegular.js +0 -57
  47. package/dist/patterns/Herringbone.d.ts +0 -3
  48. package/dist/patterns/Herringbone.js +0 -75
  49. package/dist/patterns/RainDense.d.ts +0 -3
  50. package/dist/patterns/RainDense.js +0 -47
  51. package/dist/patterns/RainLoose.d.ts +0 -3
  52. package/dist/patterns/RainLoose.js +0 -47
  53. package/dist/patterns/RainRegular.d.ts +0 -3
  54. package/dist/patterns/RainRegular.js +0 -47
  55. package/dist/patterns/StripeDense.d.ts +0 -3
  56. package/dist/patterns/StripeDense.js +0 -79
  57. package/dist/patterns/StripeLoose.d.ts +0 -3
  58. package/dist/patterns/StripeLoose.js +0 -211
  59. package/dist/patterns/StripeRegular.d.ts +0 -3
  60. package/dist/patterns/StripeRegular.js +0 -123
  61. package/dist/patterns/index.d.ts +0 -28
  62. package/dist/patterns/index.js +0 -28
  63. package/dist/props.d.ts +0 -193
  64. package/dist/props.js +0 -9
  65. package/dist/svg/CheckerDense.svg +0 -14
  66. package/dist/svg/CheckerLoose.svg +0 -14
  67. package/dist/svg/CheckerRegular.svg +0 -14
  68. package/dist/svg/DiagonalADense.svg +0 -20
  69. package/dist/svg/DiagonalALoose.svg +0 -44
  70. package/dist/svg/DiagonalARegular.svg +0 -28
  71. package/dist/svg/DiagonalBDense.svg +0 -24
  72. package/dist/svg/DiagonalBLoose.svg +0 -28
  73. package/dist/svg/DiagonalBRegular.svg +0 -28
  74. package/dist/svg/DotDense.svg +0 -13
  75. package/dist/svg/DotLoose.svg +0 -40
  76. package/dist/svg/DotRegular.svg +0 -13
  77. package/dist/svg/ExDense.svg +0 -17
  78. package/dist/svg/ExLoose.svg +0 -17
  79. package/dist/svg/ExRegular.svg +0 -17
  80. package/dist/svg/FlowerDense.svg +0 -16
  81. package/dist/svg/FlowerLoose.svg +0 -16
  82. package/dist/svg/FlowerRegular.svg +0 -16
  83. package/dist/svg/GridDense.svg +0 -16
  84. package/dist/svg/GridLoose.svg +0 -16
  85. package/dist/svg/GridRegular.svg +0 -16
  86. package/dist/svg/Herringbone.svg +0 -19
  87. package/dist/svg/RainDense.svg +0 -14
  88. package/dist/svg/RainLoose.svg +0 -14
  89. package/dist/svg/RainRegular.svg +0 -14
  90. package/dist/svg/StripeDense.svg +0 -20
  91. package/dist/svg/StripeLoose.svg +0 -44
  92. package/dist/svg/StripeRegular.svg +0 -28
  93. package/dist/types.d.ts +0 -1
  94. package/dist/types.js +0 -0
  95. package/dist/usePatternId.d.ts +0 -1
  96. package/dist/usePatternId.js +0 -10
@@ -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 StripeLoose(_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<Pick<PatternProps, "string" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "justifySelf" | "alignSelf" | "gridArea" | "display" | "overflow" | "overflowX" | "overflowY" | "dimensions" | "width" | "minWidth" | "maxWidth" | "height" | "minHeight" | "maxHeight" | "verticalAlign" | "position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity" | "p" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "scale" | "filter" | "fill" | "values" | "color" | "fontSize" | "fontFamily" | "fontWeight" | "spacing" | "mode" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "imageRendering" | "letterSpacing" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "min" | "max" | "theme" | "end" | "clip" | "className" | "id" | "lang" | "media" | "method" | "name" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "titleId" | "title"> & 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 StripeRegular(_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
- });
@@ -1,28 +0,0 @@
1
- export * from './CheckerDense';
2
- export * from './CheckerLoose';
3
- export * from './CheckerRegular';
4
- export * from './DiagonalADense';
5
- export * from './DiagonalALoose';
6
- export * from './DiagonalARegular';
7
- export * from './DiagonalBDense';
8
- export * from './DiagonalBLoose';
9
- export * from './DiagonalBRegular';
10
- export * from './DotDense';
11
- export * from './DotLoose';
12
- export * from './DotRegular';
13
- export * from './ExDense';
14
- export * from './ExLoose';
15
- export * from './ExRegular';
16
- export * from './FlowerDense';
17
- export * from './FlowerLoose';
18
- export * from './FlowerRegular';
19
- export * from './GridDense';
20
- export * from './GridLoose';
21
- export * from './GridRegular';
22
- export * from './Herringbone';
23
- export * from './RainDense';
24
- export * from './RainLoose';
25
- export * from './RainRegular';
26
- export * from './StripeDense';
27
- export * from './StripeLoose';
28
- export * from './StripeRegular';
@@ -1,28 +0,0 @@
1
- export * from './CheckerDense';
2
- export * from './CheckerLoose';
3
- export * from './CheckerRegular';
4
- export * from './DiagonalADense';
5
- export * from './DiagonalALoose';
6
- export * from './DiagonalARegular';
7
- export * from './DiagonalBDense';
8
- export * from './DiagonalBLoose';
9
- export * from './DiagonalBRegular';
10
- export * from './DotDense';
11
- export * from './DotLoose';
12
- export * from './DotRegular';
13
- export * from './ExDense';
14
- export * from './ExLoose';
15
- export * from './ExRegular';
16
- export * from './FlowerDense';
17
- export * from './FlowerLoose';
18
- export * from './FlowerRegular';
19
- export * from './GridDense';
20
- export * from './GridLoose';
21
- export * from './GridRegular';
22
- export * from './Herringbone';
23
- export * from './RainDense';
24
- export * from './RainLoose';
25
- export * from './RainRegular';
26
- export * from './StripeDense';
27
- export * from './StripeLoose';
28
- export * from './StripeRegular';
package/dist/props.d.ts DELETED
@@ -1,193 +0,0 @@
1
- /// <reference types="react" />
2
- import { StyleProps } from '@codecademy/variance';
3
- declare const patternStyles: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
4
- readonly flexBasis: {
5
- readonly property: "flexBasis";
6
- };
7
- readonly flexShrink: {
8
- readonly property: "flexShrink";
9
- };
10
- readonly flexGrow: {
11
- readonly property: "flexGrow";
12
- };
13
- readonly order: {
14
- readonly property: "order";
15
- };
16
- readonly gridColumn: {
17
- readonly property: "gridColumn";
18
- };
19
- readonly gridRow: {
20
- readonly property: "gridRow";
21
- };
22
- readonly gridColumnStart: {
23
- readonly property: "gridColumnStart";
24
- };
25
- readonly gridRowStart: {
26
- readonly property: "gridRowStart";
27
- };
28
- readonly gridColumnEnd: {
29
- readonly property: "gridColumnEnd";
30
- };
31
- readonly gridRowEnd: {
32
- readonly property: "gridRowEnd";
33
- };
34
- readonly justifySelf: {
35
- readonly property: "justifySelf";
36
- };
37
- readonly alignSelf: {
38
- readonly property: "alignSelf";
39
- };
40
- readonly gridArea: {
41
- readonly property: "gridArea";
42
- };
43
- readonly display: {
44
- readonly property: "display";
45
- };
46
- readonly overflow: {
47
- readonly property: "overflow";
48
- };
49
- readonly overflowX: {
50
- readonly property: "overflowX";
51
- };
52
- readonly overflowY: {
53
- readonly property: "overflowY";
54
- };
55
- readonly dimensions: {
56
- readonly property: "width";
57
- readonly properties: readonly ["width", "height"];
58
- readonly transform: (value: string | number) => string | 0;
59
- };
60
- readonly width: {
61
- readonly property: "width";
62
- readonly transform: (value: string | number) => string | 0;
63
- };
64
- readonly minWidth: {
65
- readonly property: "minWidth";
66
- readonly transform: (value: string | number) => string | 0;
67
- };
68
- readonly maxWidth: {
69
- readonly property: "maxWidth";
70
- readonly transform: (value: string | number) => string | 0;
71
- };
72
- readonly height: {
73
- readonly property: "height";
74
- readonly transform: (value: string | number) => string | 0;
75
- };
76
- readonly minHeight: {
77
- readonly property: "minHeight";
78
- readonly transform: (value: string | number) => string | 0;
79
- };
80
- readonly maxHeight: {
81
- readonly property: "maxHeight";
82
- readonly transform: (value: string | number) => string | 0;
83
- };
84
- readonly verticalAlign: {
85
- readonly property: "verticalAlign";
86
- };
87
- }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
88
- readonly position: {
89
- readonly property: "position";
90
- };
91
- readonly inset: {
92
- readonly property: "inset";
93
- readonly properties: readonly ["top", "right", "bottom", "left"];
94
- readonly transform: (value: string | number) => string | 0;
95
- };
96
- readonly top: {
97
- readonly property: "top";
98
- readonly transform: (value: string | number) => string | 0;
99
- };
100
- readonly right: {
101
- readonly property: "right";
102
- readonly transform: (value: string | number) => string | 0;
103
- };
104
- readonly bottom: {
105
- readonly property: "bottom";
106
- readonly transform: (value: string | number) => string | 0;
107
- };
108
- readonly left: {
109
- readonly property: "left";
110
- readonly transform: (value: string | number) => string | 0;
111
- };
112
- readonly zIndex: {
113
- readonly property: "zIndex";
114
- };
115
- readonly opacity: {
116
- readonly property: "opacity";
117
- };
118
- }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
119
- readonly p: {
120
- readonly property: "padding";
121
- readonly scale: "spacing";
122
- };
123
- readonly px: {
124
- readonly property: "padding";
125
- readonly properties: readonly ["paddingLeft", "paddingRight"];
126
- readonly scale: "spacing";
127
- };
128
- readonly py: {
129
- readonly property: "padding";
130
- readonly properties: readonly ["paddingTop", "paddingBottom"];
131
- readonly scale: "spacing";
132
- };
133
- readonly pt: {
134
- readonly property: "paddingTop";
135
- readonly scale: "spacing";
136
- };
137
- readonly pb: {
138
- readonly property: "paddingBottom";
139
- readonly scale: "spacing";
140
- };
141
- readonly pr: {
142
- readonly property: "paddingRight";
143
- readonly scale: "spacing";
144
- };
145
- readonly pl: {
146
- readonly property: "paddingLeft";
147
- readonly scale: "spacing";
148
- };
149
- readonly m: {
150
- readonly property: "margin";
151
- readonly scale: "spacing";
152
- };
153
- readonly mx: {
154
- readonly property: "margin";
155
- readonly properties: readonly ["marginLeft", "marginRight"];
156
- readonly scale: "spacing";
157
- };
158
- readonly my: {
159
- readonly property: "margin";
160
- readonly properties: readonly ["marginTop", "marginBottom"];
161
- readonly scale: "spacing";
162
- };
163
- readonly mt: {
164
- readonly property: "marginTop";
165
- readonly scale: "spacing";
166
- };
167
- readonly mb: {
168
- readonly property: "marginBottom";
169
- readonly scale: "spacing";
170
- };
171
- readonly mr: {
172
- readonly property: "marginRight";
173
- readonly scale: "spacing";
174
- };
175
- readonly ml: {
176
- readonly property: "marginLeft";
177
- readonly scale: "spacing";
178
- };
179
- }>>]>>;
180
- export declare type PatternStyleProps = StyleProps<typeof patternStyles>;
181
- export interface PatternProps extends Omit<React.SVGProps<SVGSVGElement>, keyof PatternStyleProps>, PatternStyleProps {
182
- /**
183
- * A suffix added to the end of the unique generated ID for the icon. This is useful if you have multiple of the same icon on the page and need to pass accessibility guidelines.
184
- */
185
- titleId?: string;
186
- title?: string;
187
- ref?: React.Ref<SVGSVGElement>;
188
- }
189
- export declare const Svg: import("@emotion/styled").StyledComponent<{
190
- theme?: import("@emotion/react").Theme | undefined;
191
- as?: import("react").ElementType<any> | undefined;
192
- } & PatternProps, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "className" | "id" | "lang" | "media" | "method" | "name" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
193
- export {};
package/dist/props.js DELETED
@@ -1,9 +0,0 @@
1
- import { styledOptions, system } from '@codecademy/gamut-styles';
2
- import { variance } from '@codecademy/variance';
3
- import styled from '@emotion/styled';
4
- var patternStyles = variance.compose(system.layout, system.positioning, system.space);
5
- export var Svg = styled('svg', styledOptions())(patternStyles);
6
- Svg.defaultProps = {
7
- width: '100%',
8
- height: '100%'
9
- };
@@ -1,14 +0,0 @@
1
- <svg>
2
- <pattern
3
- id="checkerDense"
4
- x="0"
5
- y="0"
6
- width="4"
7
- height="4"
8
- patternUnits="userSpaceOnUse"
9
- >
10
- <rect width="1" height="1" fill="currentColor" />
11
- <rect x="2" y="2" width="1" height="1" fill="currentColor" />
12
- </pattern>
13
- <rect x="0" y="0" width="100%" height="100%" fill="url(#checkerDense)" />
14
- </svg>