@codecademy/gamut-patterns 0.10.22-alpha.bd18ee.0 → 0.10.22-alpha.c33732.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.
- package/dist/props.d.ts +19 -94
- package/package.json +6 -6
package/dist/props.d.ts
CHANGED
|
@@ -61,59 +61,32 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
61
61
|
readonly transform: (value: string | number) => string | 0;
|
|
62
62
|
};
|
|
63
63
|
readonly width: {
|
|
64
|
-
readonly property:
|
|
65
|
-
readonly physical: "width";
|
|
66
|
-
readonly logical: "inlineSize";
|
|
67
|
-
};
|
|
68
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
64
|
+
readonly property: "width";
|
|
69
65
|
readonly transform: (value: string | number) => string | 0;
|
|
70
66
|
};
|
|
71
67
|
readonly minWidth: {
|
|
72
|
-
readonly property:
|
|
73
|
-
readonly physical: "minWidth";
|
|
74
|
-
readonly logical: "minInlineSize";
|
|
75
|
-
};
|
|
76
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
68
|
+
readonly property: "minWidth";
|
|
77
69
|
readonly transform: (value: string | number) => string | 0;
|
|
78
70
|
};
|
|
79
71
|
readonly maxWidth: {
|
|
80
|
-
readonly property:
|
|
81
|
-
readonly physical: "maxWidth";
|
|
82
|
-
readonly logical: "maxInlineSize";
|
|
83
|
-
};
|
|
84
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
72
|
+
readonly property: "maxWidth";
|
|
85
73
|
readonly transform: (value: string | number) => string | 0;
|
|
86
74
|
};
|
|
87
75
|
readonly height: {
|
|
88
|
-
readonly property:
|
|
89
|
-
readonly physical: "height";
|
|
90
|
-
readonly logical: "blockSize";
|
|
91
|
-
};
|
|
92
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
76
|
+
readonly property: "height";
|
|
93
77
|
readonly transform: (value: string | number) => string | 0;
|
|
94
78
|
};
|
|
95
79
|
readonly minHeight: {
|
|
96
|
-
readonly property:
|
|
97
|
-
readonly physical: "minHeight";
|
|
98
|
-
readonly logical: "minBlockSize";
|
|
99
|
-
};
|
|
100
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
80
|
+
readonly property: "minHeight";
|
|
101
81
|
readonly transform: (value: string | number) => string | 0;
|
|
102
82
|
};
|
|
103
83
|
readonly maxHeight: {
|
|
104
|
-
readonly property:
|
|
105
|
-
readonly physical: "maxHeight";
|
|
106
|
-
readonly logical: "maxBlockSize";
|
|
107
|
-
};
|
|
108
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
84
|
+
readonly property: "maxHeight";
|
|
109
85
|
readonly transform: (value: string | number) => string | 0;
|
|
110
86
|
};
|
|
111
87
|
readonly verticalAlign: {
|
|
112
88
|
readonly property: "verticalAlign";
|
|
113
89
|
};
|
|
114
|
-
readonly direction: {
|
|
115
|
-
readonly property: "direction";
|
|
116
|
-
};
|
|
117
90
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
118
91
|
readonly position: {
|
|
119
92
|
readonly property: "position";
|
|
@@ -152,53 +125,29 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
152
125
|
};
|
|
153
126
|
readonly px: {
|
|
154
127
|
readonly property: "padding";
|
|
155
|
-
readonly properties:
|
|
156
|
-
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
157
|
-
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
158
|
-
};
|
|
128
|
+
readonly properties: readonly ["paddingLeft", "paddingRight"];
|
|
159
129
|
readonly scale: "spacing";
|
|
160
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
161
130
|
};
|
|
162
131
|
readonly py: {
|
|
163
132
|
readonly property: "padding";
|
|
164
|
-
readonly properties:
|
|
165
|
-
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
166
|
-
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
167
|
-
};
|
|
133
|
+
readonly properties: readonly ["paddingTop", "paddingBottom"];
|
|
168
134
|
readonly scale: "spacing";
|
|
169
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
170
135
|
};
|
|
171
136
|
readonly pt: {
|
|
172
|
-
readonly property:
|
|
173
|
-
readonly physical: "paddingTop";
|
|
174
|
-
readonly logical: "paddingBlockStart";
|
|
175
|
-
};
|
|
137
|
+
readonly property: "paddingTop";
|
|
176
138
|
readonly scale: "spacing";
|
|
177
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
178
139
|
};
|
|
179
140
|
readonly pb: {
|
|
180
|
-
readonly property:
|
|
181
|
-
readonly physical: "paddingBottom";
|
|
182
|
-
readonly logical: "paddingBlockEnd";
|
|
183
|
-
};
|
|
141
|
+
readonly property: "paddingBottom";
|
|
184
142
|
readonly scale: "spacing";
|
|
185
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
186
143
|
};
|
|
187
144
|
readonly pr: {
|
|
188
|
-
readonly property:
|
|
189
|
-
readonly physical: "paddingRight";
|
|
190
|
-
readonly logical: "paddingInlineEnd";
|
|
191
|
-
};
|
|
145
|
+
readonly property: "paddingRight";
|
|
192
146
|
readonly scale: "spacing";
|
|
193
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
194
147
|
};
|
|
195
148
|
readonly pl: {
|
|
196
|
-
readonly property:
|
|
197
|
-
readonly physical: "paddingLeft";
|
|
198
|
-
readonly logical: "paddingInlineStart";
|
|
199
|
-
};
|
|
149
|
+
readonly property: "paddingLeft";
|
|
200
150
|
readonly scale: "spacing";
|
|
201
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
202
151
|
};
|
|
203
152
|
readonly m: {
|
|
204
153
|
readonly property: "margin";
|
|
@@ -206,53 +155,29 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
206
155
|
};
|
|
207
156
|
readonly mx: {
|
|
208
157
|
readonly property: "margin";
|
|
209
|
-
readonly properties:
|
|
210
|
-
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
211
|
-
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
212
|
-
};
|
|
213
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
158
|
+
readonly properties: readonly ["marginLeft", "marginRight"];
|
|
214
159
|
readonly scale: "spacing";
|
|
215
160
|
};
|
|
216
161
|
readonly my: {
|
|
217
162
|
readonly property: "margin";
|
|
218
|
-
readonly properties:
|
|
219
|
-
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
220
|
-
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
221
|
-
};
|
|
222
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
163
|
+
readonly properties: readonly ["marginTop", "marginBottom"];
|
|
223
164
|
readonly scale: "spacing";
|
|
224
165
|
};
|
|
225
166
|
readonly mt: {
|
|
226
|
-
readonly property:
|
|
227
|
-
readonly physical: "marginTop";
|
|
228
|
-
readonly logical: "marginBlockStart";
|
|
229
|
-
};
|
|
167
|
+
readonly property: "marginTop";
|
|
230
168
|
readonly scale: "spacing";
|
|
231
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
232
169
|
};
|
|
233
170
|
readonly mb: {
|
|
234
|
-
readonly property:
|
|
235
|
-
readonly physical: "marginBottom";
|
|
236
|
-
readonly logical: "marginBlockEnd";
|
|
237
|
-
};
|
|
171
|
+
readonly property: "marginBottom";
|
|
238
172
|
readonly scale: "spacing";
|
|
239
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
240
173
|
};
|
|
241
174
|
readonly mr: {
|
|
242
|
-
readonly property:
|
|
243
|
-
readonly physical: "marginRight";
|
|
244
|
-
readonly logical: "marginInlineEnd";
|
|
245
|
-
};
|
|
175
|
+
readonly property: "marginRight";
|
|
246
176
|
readonly scale: "spacing";
|
|
247
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
248
177
|
};
|
|
249
178
|
readonly ml: {
|
|
250
|
-
readonly property:
|
|
251
|
-
readonly physical: "marginLeft";
|
|
252
|
-
readonly logical: "marginInlineStart";
|
|
253
|
-
};
|
|
179
|
+
readonly property: "marginLeft";
|
|
254
180
|
readonly scale: "spacing";
|
|
255
|
-
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
256
181
|
};
|
|
257
182
|
}>>]>>;
|
|
258
183
|
export type PatternStyleProps = StyleProps<typeof patternStyles>;
|
|
@@ -267,5 +192,5 @@ export interface PatternProps extends Omit<React.SVGProps<SVGSVGElement>, keyof
|
|
|
267
192
|
export declare const Svg: import("react").ForwardRefExoticComponent<Omit<{
|
|
268
193
|
theme?: import("@emotion/react").Theme | undefined;
|
|
269
194
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
270
|
-
} & PatternProps & Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "
|
|
195
|
+
} & PatternProps & Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "direction" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontSizeAdjust" | "fontVariant" | "imageRendering" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "transformOrigin" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "x" | "y" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolation" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fontStretch" | "format" | "fr" | "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" | "limitingConeAngle" | "local" | "markerHeight" | "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" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
271
196
|
export {};
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-patterns",
|
|
3
3
|
"description": "Pattern library for Codecademy",
|
|
4
|
-
"version": "0.10.22-alpha.
|
|
4
|
+
"version": "0.10.22-alpha.c33732.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"bugs": "https://github.com/Codecademy/gamut/issues",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@codecademy/gamut-styles": "17.11.3-alpha.
|
|
9
|
-
"@codecademy/variance": "0.25.
|
|
8
|
+
"@codecademy/gamut-styles": "17.11.3-alpha.c33732.0",
|
|
9
|
+
"@codecademy/variance": "0.25.2",
|
|
10
10
|
"classnames": "^2.2.5"
|
|
11
11
|
},
|
|
12
12
|
"files": [
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@emotion/react": "^11.4.0",
|
|
21
21
|
"@emotion/styled": "^11.3.0",
|
|
22
|
-
"react": "^17.0.2 || ^18.
|
|
23
|
-
"react-dom": "^17.0.2 || ^18.
|
|
22
|
+
"react": "^17.0.2 || ^18.3.0",
|
|
23
|
+
"react-dom": "^17.0.2 || ^18.3.0"
|
|
24
24
|
},
|
|
25
25
|
"publishConfig": {
|
|
26
26
|
"access": "public"
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
},
|
|
33
33
|
"sideEffects": false,
|
|
34
34
|
"types": "dist/index.d.ts",
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "1903f3403c8ae7f0355373d398c0874bf0dad397"
|
|
36
36
|
}
|