@codecademy/gamut-patterns 0.10.21 → 0.10.22-alpha.0a9017.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 +94 -19
- package/package.json +4 -4
package/dist/props.d.ts
CHANGED
|
@@ -61,32 +61,59 @@ 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:
|
|
64
|
+
readonly property: {
|
|
65
|
+
readonly physical: "width";
|
|
66
|
+
readonly logical: "inlineSize";
|
|
67
|
+
};
|
|
68
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
65
69
|
readonly transform: (value: string | number) => string | 0;
|
|
66
70
|
};
|
|
67
71
|
readonly minWidth: {
|
|
68
|
-
readonly property:
|
|
72
|
+
readonly property: {
|
|
73
|
+
readonly physical: "minWidth";
|
|
74
|
+
readonly logical: "minInlineSize";
|
|
75
|
+
};
|
|
76
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
69
77
|
readonly transform: (value: string | number) => string | 0;
|
|
70
78
|
};
|
|
71
79
|
readonly maxWidth: {
|
|
72
|
-
readonly property:
|
|
80
|
+
readonly property: {
|
|
81
|
+
readonly physical: "maxWidth";
|
|
82
|
+
readonly logical: "maxInlineSize";
|
|
83
|
+
};
|
|
84
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
73
85
|
readonly transform: (value: string | number) => string | 0;
|
|
74
86
|
};
|
|
75
87
|
readonly height: {
|
|
76
|
-
readonly property:
|
|
88
|
+
readonly property: {
|
|
89
|
+
readonly physical: "height";
|
|
90
|
+
readonly logical: "blockSize";
|
|
91
|
+
};
|
|
92
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
77
93
|
readonly transform: (value: string | number) => string | 0;
|
|
78
94
|
};
|
|
79
95
|
readonly minHeight: {
|
|
80
|
-
readonly property:
|
|
96
|
+
readonly property: {
|
|
97
|
+
readonly physical: "minHeight";
|
|
98
|
+
readonly logical: "minBlockSize";
|
|
99
|
+
};
|
|
100
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
81
101
|
readonly transform: (value: string | number) => string | 0;
|
|
82
102
|
};
|
|
83
103
|
readonly maxHeight: {
|
|
84
|
-
readonly property:
|
|
104
|
+
readonly property: {
|
|
105
|
+
readonly physical: "maxHeight";
|
|
106
|
+
readonly logical: "maxBlockSize";
|
|
107
|
+
};
|
|
108
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
85
109
|
readonly transform: (value: string | number) => string | 0;
|
|
86
110
|
};
|
|
87
111
|
readonly verticalAlign: {
|
|
88
112
|
readonly property: "verticalAlign";
|
|
89
113
|
};
|
|
114
|
+
readonly direction: {
|
|
115
|
+
readonly property: "direction";
|
|
116
|
+
};
|
|
90
117
|
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
91
118
|
readonly position: {
|
|
92
119
|
readonly property: "position";
|
|
@@ -125,29 +152,53 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
125
152
|
};
|
|
126
153
|
readonly px: {
|
|
127
154
|
readonly property: "padding";
|
|
128
|
-
readonly properties:
|
|
155
|
+
readonly properties: {
|
|
156
|
+
readonly physical: readonly ["paddingLeft", "paddingRight"];
|
|
157
|
+
readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
|
|
158
|
+
};
|
|
129
159
|
readonly scale: "spacing";
|
|
160
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
130
161
|
};
|
|
131
162
|
readonly py: {
|
|
132
163
|
readonly property: "padding";
|
|
133
|
-
readonly properties:
|
|
164
|
+
readonly properties: {
|
|
165
|
+
readonly physical: readonly ["paddingTop", "paddingBottom"];
|
|
166
|
+
readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
|
|
167
|
+
};
|
|
134
168
|
readonly scale: "spacing";
|
|
169
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
135
170
|
};
|
|
136
171
|
readonly pt: {
|
|
137
|
-
readonly property:
|
|
172
|
+
readonly property: {
|
|
173
|
+
readonly physical: "paddingTop";
|
|
174
|
+
readonly logical: "paddingBlockStart";
|
|
175
|
+
};
|
|
138
176
|
readonly scale: "spacing";
|
|
177
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
139
178
|
};
|
|
140
179
|
readonly pb: {
|
|
141
|
-
readonly property:
|
|
180
|
+
readonly property: {
|
|
181
|
+
readonly physical: "paddingBottom";
|
|
182
|
+
readonly logical: "paddingBlockEnd";
|
|
183
|
+
};
|
|
142
184
|
readonly scale: "spacing";
|
|
185
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
143
186
|
};
|
|
144
187
|
readonly pr: {
|
|
145
|
-
readonly property:
|
|
188
|
+
readonly property: {
|
|
189
|
+
readonly physical: "paddingRight";
|
|
190
|
+
readonly logical: "paddingInlineEnd";
|
|
191
|
+
};
|
|
146
192
|
readonly scale: "spacing";
|
|
193
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
147
194
|
};
|
|
148
195
|
readonly pl: {
|
|
149
|
-
readonly property:
|
|
196
|
+
readonly property: {
|
|
197
|
+
readonly physical: "paddingLeft";
|
|
198
|
+
readonly logical: "paddingInlineStart";
|
|
199
|
+
};
|
|
150
200
|
readonly scale: "spacing";
|
|
201
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
151
202
|
};
|
|
152
203
|
readonly m: {
|
|
153
204
|
readonly property: "margin";
|
|
@@ -155,29 +206,53 @@ declare const patternStyles: import("@codecademy/variance/dist/types/config").Pa
|
|
|
155
206
|
};
|
|
156
207
|
readonly mx: {
|
|
157
208
|
readonly property: "margin";
|
|
158
|
-
readonly properties:
|
|
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;
|
|
159
214
|
readonly scale: "spacing";
|
|
160
215
|
};
|
|
161
216
|
readonly my: {
|
|
162
217
|
readonly property: "margin";
|
|
163
|
-
readonly properties:
|
|
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;
|
|
164
223
|
readonly scale: "spacing";
|
|
165
224
|
};
|
|
166
225
|
readonly mt: {
|
|
167
|
-
readonly property:
|
|
226
|
+
readonly property: {
|
|
227
|
+
readonly physical: "marginTop";
|
|
228
|
+
readonly logical: "marginBlockStart";
|
|
229
|
+
};
|
|
168
230
|
readonly scale: "spacing";
|
|
231
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
169
232
|
};
|
|
170
233
|
readonly mb: {
|
|
171
|
-
readonly property:
|
|
234
|
+
readonly property: {
|
|
235
|
+
readonly physical: "marginBottom";
|
|
236
|
+
readonly logical: "marginBlockEnd";
|
|
237
|
+
};
|
|
172
238
|
readonly scale: "spacing";
|
|
239
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
173
240
|
};
|
|
174
241
|
readonly mr: {
|
|
175
|
-
readonly property:
|
|
242
|
+
readonly property: {
|
|
243
|
+
readonly physical: "marginRight";
|
|
244
|
+
readonly logical: "marginInlineEnd";
|
|
245
|
+
};
|
|
176
246
|
readonly scale: "spacing";
|
|
247
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
177
248
|
};
|
|
178
249
|
readonly ml: {
|
|
179
|
-
readonly property:
|
|
250
|
+
readonly property: {
|
|
251
|
+
readonly physical: "marginLeft";
|
|
252
|
+
readonly logical: "marginInlineStart";
|
|
253
|
+
};
|
|
180
254
|
readonly scale: "spacing";
|
|
255
|
+
readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
|
|
181
256
|
};
|
|
182
257
|
}>>]>>;
|
|
183
258
|
export type PatternStyleProps = StyleProps<typeof patternStyles>;
|
|
@@ -192,5 +267,5 @@ export interface PatternProps extends Omit<React.SVGProps<SVGSVGElement>, keyof
|
|
|
192
267
|
export declare const Svg: import("react").ForwardRefExoticComponent<Omit<{
|
|
193
268
|
theme?: import("@emotion/react").Theme | undefined;
|
|
194
269
|
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" | "clipPath" | "cursor" | "
|
|
270
|
+
} & PatternProps & Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "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" | "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" | "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-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" | "onResize" | "onResizeCapture" | "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
271
|
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.
|
|
4
|
+
"version": "0.10.22-alpha.0a9017.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.25.
|
|
8
|
+
"@codecademy/gamut-styles": "17.12.0-alpha.0a9017.0",
|
|
9
|
+
"@codecademy/variance": "0.25.3-alpha.0a9017.0",
|
|
10
10
|
"classnames": "^2.2.5"
|
|
11
11
|
},
|
|
12
12
|
"files": [
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
},
|
|
33
33
|
"sideEffects": false,
|
|
34
34
|
"types": "dist/index.d.ts",
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "509814777e2462b1d71d181448d11c9228a5453e"
|
|
36
36
|
}
|