@codecademy/gamut-patterns 0.10.23-alpha.9be55a.0 → 0.10.23-alpha.9e53d2.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 +99 -20
- package/package.json +6 -6
package/dist/props.d.ts
CHANGED
|
@@ -57,36 +57,67 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
57
57
|
};
|
|
58
58
|
readonly dimensions: {
|
|
59
59
|
readonly property: "width";
|
|
60
|
-
readonly properties:
|
|
60
|
+
readonly properties: {
|
|
61
|
+
readonly physical: readonly ["width", "height"];
|
|
62
|
+
readonly logical: readonly ["inlineSize", "blockSize"];
|
|
63
|
+
};
|
|
64
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
61
65
|
readonly transform: (value: string | number) => string | 0;
|
|
62
66
|
};
|
|
63
67
|
readonly width: {
|
|
64
|
-
readonly property:
|
|
68
|
+
readonly property: {
|
|
69
|
+
readonly physical: "width";
|
|
70
|
+
readonly logical: "inlineSize";
|
|
71
|
+
};
|
|
72
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
65
73
|
readonly transform: (value: string | number) => string | 0;
|
|
66
74
|
};
|
|
67
75
|
readonly minWidth: {
|
|
68
|
-
readonly property:
|
|
76
|
+
readonly property: {
|
|
77
|
+
readonly physical: "minWidth";
|
|
78
|
+
readonly logical: "minInlineSize";
|
|
79
|
+
};
|
|
80
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
69
81
|
readonly transform: (value: string | number) => string | 0;
|
|
70
82
|
};
|
|
71
83
|
readonly maxWidth: {
|
|
72
|
-
readonly property:
|
|
84
|
+
readonly property: {
|
|
85
|
+
readonly physical: "maxWidth";
|
|
86
|
+
readonly logical: "maxInlineSize";
|
|
87
|
+
};
|
|
88
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
73
89
|
readonly transform: (value: string | number) => string | 0;
|
|
74
90
|
};
|
|
75
91
|
readonly height: {
|
|
76
|
-
readonly property:
|
|
92
|
+
readonly property: {
|
|
93
|
+
readonly physical: "height";
|
|
94
|
+
readonly logical: "blockSize";
|
|
95
|
+
};
|
|
96
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
77
97
|
readonly transform: (value: string | number) => string | 0;
|
|
78
98
|
};
|
|
79
99
|
readonly minHeight: {
|
|
80
|
-
readonly property:
|
|
100
|
+
readonly property: {
|
|
101
|
+
readonly physical: "minHeight";
|
|
102
|
+
readonly logical: "minBlockSize";
|
|
103
|
+
};
|
|
104
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
81
105
|
readonly transform: (value: string | number) => string | 0;
|
|
82
106
|
};
|
|
83
107
|
readonly maxHeight: {
|
|
84
|
-
readonly property:
|
|
108
|
+
readonly property: {
|
|
109
|
+
readonly physical: "maxHeight";
|
|
110
|
+
readonly logical: "maxBlockSize";
|
|
111
|
+
};
|
|
112
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
85
113
|
readonly transform: (value: string | number) => string | 0;
|
|
86
114
|
};
|
|
87
115
|
readonly verticalAlign: {
|
|
88
116
|
readonly property: "verticalAlign";
|
|
89
117
|
};
|
|
118
|
+
readonly direction: {
|
|
119
|
+
readonly property: "direction";
|
|
120
|
+
};
|
|
90
121
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
91
122
|
readonly position: {
|
|
92
123
|
readonly property: "position";
|
|
@@ -125,29 +156,53 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
125
156
|
};
|
|
126
157
|
readonly px: {
|
|
127
158
|
readonly property: "padding";
|
|
128
|
-
readonly properties:
|
|
159
|
+
readonly properties: {
|
|
160
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
161
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
162
|
+
};
|
|
129
163
|
readonly scale: "spacing";
|
|
164
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
130
165
|
};
|
|
131
166
|
readonly py: {
|
|
132
167
|
readonly property: "padding";
|
|
133
|
-
readonly properties:
|
|
168
|
+
readonly properties: {
|
|
169
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
170
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
171
|
+
};
|
|
134
172
|
readonly scale: "spacing";
|
|
173
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
135
174
|
};
|
|
136
175
|
readonly pt: {
|
|
137
|
-
readonly property:
|
|
176
|
+
readonly property: {
|
|
177
|
+
readonly physical: "paddingTop";
|
|
178
|
+
readonly logical: "paddingBlockStart";
|
|
179
|
+
};
|
|
138
180
|
readonly scale: "spacing";
|
|
181
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
139
182
|
};
|
|
140
183
|
readonly pb: {
|
|
141
|
-
readonly property:
|
|
184
|
+
readonly property: {
|
|
185
|
+
readonly physical: "paddingBottom";
|
|
186
|
+
readonly logical: "paddingBlockEnd";
|
|
187
|
+
};
|
|
142
188
|
readonly scale: "spacing";
|
|
189
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
143
190
|
};
|
|
144
191
|
readonly pr: {
|
|
145
|
-
readonly property:
|
|
192
|
+
readonly property: {
|
|
193
|
+
readonly physical: "paddingRight";
|
|
194
|
+
readonly logical: "paddingInlineEnd";
|
|
195
|
+
};
|
|
146
196
|
readonly scale: "spacing";
|
|
197
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
147
198
|
};
|
|
148
199
|
readonly pl: {
|
|
149
|
-
readonly property:
|
|
200
|
+
readonly property: {
|
|
201
|
+
readonly physical: "paddingLeft";
|
|
202
|
+
readonly logical: "paddingInlineStart";
|
|
203
|
+
};
|
|
150
204
|
readonly scale: "spacing";
|
|
205
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
151
206
|
};
|
|
152
207
|
readonly m: {
|
|
153
208
|
readonly property: "margin";
|
|
@@ -155,29 +210,53 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
155
210
|
};
|
|
156
211
|
readonly mx: {
|
|
157
212
|
readonly property: "margin";
|
|
158
|
-
readonly properties:
|
|
213
|
+
readonly properties: {
|
|
214
|
+
readonly physical: readonly ["marginLeft", "marginRight"];
|
|
215
|
+
readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
|
|
216
|
+
};
|
|
217
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
159
218
|
readonly scale: "spacing";
|
|
160
219
|
};
|
|
161
220
|
readonly my: {
|
|
162
221
|
readonly property: "margin";
|
|
163
|
-
readonly properties:
|
|
222
|
+
readonly properties: {
|
|
223
|
+
readonly physical: readonly ["marginTop", "marginBottom"];
|
|
224
|
+
readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
|
|
225
|
+
};
|
|
226
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
164
227
|
readonly scale: "spacing";
|
|
165
228
|
};
|
|
166
229
|
readonly mt: {
|
|
167
|
-
readonly property:
|
|
230
|
+
readonly property: {
|
|
231
|
+
readonly physical: "marginTop";
|
|
232
|
+
readonly logical: "marginBlockStart";
|
|
233
|
+
};
|
|
168
234
|
readonly scale: "spacing";
|
|
235
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
169
236
|
};
|
|
170
237
|
readonly mb: {
|
|
171
|
-
readonly property:
|
|
238
|
+
readonly property: {
|
|
239
|
+
readonly physical: "marginBottom";
|
|
240
|
+
readonly logical: "marginBlockEnd";
|
|
241
|
+
};
|
|
172
242
|
readonly scale: "spacing";
|
|
243
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
173
244
|
};
|
|
174
245
|
readonly mr: {
|
|
175
|
-
readonly property:
|
|
246
|
+
readonly property: {
|
|
247
|
+
readonly physical: "marginRight";
|
|
248
|
+
readonly logical: "marginInlineEnd";
|
|
249
|
+
};
|
|
176
250
|
readonly scale: "spacing";
|
|
251
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
177
252
|
};
|
|
178
253
|
readonly ml: {
|
|
179
|
-
readonly property:
|
|
254
|
+
readonly property: {
|
|
255
|
+
readonly physical: "marginLeft";
|
|
256
|
+
readonly logical: "marginInlineStart";
|
|
257
|
+
};
|
|
180
258
|
readonly scale: "spacing";
|
|
259
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
181
260
|
};
|
|
182
261
|
}>>]>>;
|
|
183
262
|
export type PatternStyleProps = StyleProps<typeof patternStyles>;
|
|
@@ -192,5 +271,5 @@ export interface PatternProps extends Omit<React.SVGProps<SVGSVGElement>, keyof
|
|
|
192
271
|
export declare const Svg: import("react").ForwardRefExoticComponent<Omit<{
|
|
193
272
|
theme?: import("@emotion/react").Theme | undefined;
|
|
194
273
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
195
|
-
} & PatternProps & Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "
|
|
274
|
+
} & PatternProps & Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "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>>;
|
|
196
275
|
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.23-alpha.
|
|
4
|
+
"version": "0.10.23-alpha.9e53d2.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.
|
|
9
|
-
"@codecademy/variance": "0.
|
|
8
|
+
"@codecademy/gamut-styles": "17.12.0-alpha.9e53d2.0",
|
|
9
|
+
"@codecademy/variance": "0.26.0-alpha.9e53d2.0",
|
|
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": "^
|
|
23
|
-
"react-dom": "^
|
|
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": "cb848b578a24ad4b3657640f469ca68e179c95b7"
|
|
36
36
|
}
|