@codecademy/gamut-styles 17.1.1-alpha.ff844f.0 → 17.1.2-alpha.2ab0c4.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/ColorMode.d.ts +236 -236
- package/dist/styles/fontSmoothing.d.ts +1 -1
- package/dist/themes/admin.d.ts +10 -10
- package/dist/themes/core.d.ts +6 -6
- package/dist/themes/platform.d.ts +12 -12
- package/dist/variance/props.d.ts +16 -16
- package/dist/variance/utils.d.ts +2 -2
- package/package.json +3 -3
|
@@ -8,7 +8,7 @@ declare const smoothing: {
|
|
|
8
8
|
MozOsxFontSmoothing: string;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
|
-
export declare const fontSmoothing: import("
|
|
11
|
+
export declare const fontSmoothing: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
12
12
|
fontSmoothing: {
|
|
13
13
|
property: "fontSmooth";
|
|
14
14
|
scale: {
|
package/dist/themes/admin.d.ts
CHANGED
|
@@ -4,19 +4,19 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
4
4
|
md: string;
|
|
5
5
|
lg: string;
|
|
6
6
|
xl: string;
|
|
7
|
-
}> & import("
|
|
7
|
+
}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
|
|
8
8
|
readonly headerHeight: {
|
|
9
9
|
readonly base: "4rem";
|
|
10
10
|
readonly md: "5rem";
|
|
11
11
|
};
|
|
12
12
|
readonly headerZ: 15;
|
|
13
|
-
}, "elements">>> & import("
|
|
13
|
+
}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
|
|
14
14
|
xs: string;
|
|
15
15
|
sm: string;
|
|
16
16
|
md: string;
|
|
17
17
|
lg: string;
|
|
18
18
|
xl: string;
|
|
19
|
-
}> & import("
|
|
19
|
+
}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
|
|
20
20
|
breakpoints: {
|
|
21
21
|
xs: string;
|
|
22
22
|
sm: string;
|
|
@@ -80,7 +80,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
80
80
|
};
|
|
81
81
|
readonly headerZ: 15;
|
|
82
82
|
};
|
|
83
|
-
} & import("
|
|
83
|
+
} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
84
84
|
readonly beige: "#FFF0E5";
|
|
85
85
|
readonly blue: "#1557FF";
|
|
86
86
|
readonly green: "#008A27";
|
|
@@ -148,7 +148,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
148
148
|
readonly "white-200": string;
|
|
149
149
|
readonly "white-600": string;
|
|
150
150
|
readonly "white-700": string;
|
|
151
|
-
}, "-">, "color">>> & import("
|
|
151
|
+
}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
|
|
152
152
|
colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
153
153
|
text: {
|
|
154
154
|
_: "navy-800";
|
|
@@ -302,7 +302,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
302
302
|
readonly "white-600": string;
|
|
303
303
|
readonly "white-700": string;
|
|
304
304
|
}, "-">, "color">;
|
|
305
|
-
modes: import("
|
|
305
|
+
modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
|
|
306
306
|
light: import("@codecademy/variance").LiteralPaths<{
|
|
307
307
|
text: {
|
|
308
308
|
_: "navy-800";
|
|
@@ -463,7 +463,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
463
463
|
}>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
|
|
464
464
|
1: string;
|
|
465
465
|
2: string;
|
|
466
|
-
}, "-">>>, import("
|
|
466
|
+
}, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
|
|
467
467
|
colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
468
468
|
primary: {
|
|
469
469
|
_: "blue-500";
|
|
@@ -473,7 +473,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
473
473
|
feedback: {
|
|
474
474
|
success: "green-400";
|
|
475
475
|
};
|
|
476
|
-
}, "-", "_">, "colors"> & import("
|
|
476
|
+
}, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
477
477
|
readonly beige: "#FFF0E5";
|
|
478
478
|
readonly blue: "#1557FF";
|
|
479
479
|
readonly green: "#008A27";
|
|
@@ -694,7 +694,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
694
694
|
readonly "white-600": string;
|
|
695
695
|
readonly "white-700": string;
|
|
696
696
|
}, "-">, "color">>;
|
|
697
|
-
modes: import("
|
|
697
|
+
modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
|
|
698
698
|
light: import("@codecademy/variance").LiteralPaths<{
|
|
699
699
|
text: {
|
|
700
700
|
_: "navy-800";
|
|
@@ -864,7 +864,7 @@ export declare const adminTheme: Record<"breakpoints", {
|
|
|
864
864
|
readonly "white-600": string;
|
|
865
865
|
readonly "white-700": string;
|
|
866
866
|
}, "-"> | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-disabled" | "text-accent" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "danger-hover" | "interface-hover") => string;
|
|
867
|
-
}> & import("
|
|
867
|
+
}> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
|
|
868
868
|
export type AdminThemeShape = typeof adminTheme;
|
|
869
869
|
export interface AdminTheme extends AdminThemeShape {
|
|
870
870
|
}
|
package/dist/themes/core.d.ts
CHANGED
|
@@ -9,13 +9,13 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
|
|
|
9
9
|
readonly md: "5rem";
|
|
10
10
|
};
|
|
11
11
|
readonly headerZ: 15;
|
|
12
|
-
}, "elements">>> & import("
|
|
12
|
+
}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
|
|
13
13
|
xs: string;
|
|
14
14
|
sm: string;
|
|
15
15
|
md: string;
|
|
16
16
|
lg: string;
|
|
17
17
|
xl: string;
|
|
18
|
-
}> & import("
|
|
18
|
+
}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
|
|
19
19
|
breakpoints: {
|
|
20
20
|
xs: string;
|
|
21
21
|
sm: string;
|
|
@@ -79,7 +79,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
|
|
|
79
79
|
};
|
|
80
80
|
readonly headerZ: 15;
|
|
81
81
|
};
|
|
82
|
-
} & import("
|
|
82
|
+
} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
83
83
|
readonly beige: "#FFF0E5";
|
|
84
84
|
readonly blue: "#1557FF";
|
|
85
85
|
readonly green: "#008A27";
|
|
@@ -147,7 +147,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
|
|
|
147
147
|
readonly "white-200": string;
|
|
148
148
|
readonly "white-600": string;
|
|
149
149
|
readonly "white-700": string;
|
|
150
|
-
}, "-">, "color">>> & import("
|
|
150
|
+
}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
|
|
151
151
|
colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
152
152
|
text: {
|
|
153
153
|
_: "navy-800";
|
|
@@ -301,7 +301,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
|
|
|
301
301
|
readonly "white-600": string;
|
|
302
302
|
readonly "white-700": string;
|
|
303
303
|
}, "-">, "color">;
|
|
304
|
-
modes: import("
|
|
304
|
+
modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
|
|
305
305
|
light: import("@codecademy/variance").LiteralPaths<{
|
|
306
306
|
text: {
|
|
307
307
|
_: "navy-800";
|
|
@@ -462,7 +462,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
|
|
|
462
462
|
}>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
|
|
463
463
|
1: string;
|
|
464
464
|
2: string;
|
|
465
|
-
}, "-">>>, import("
|
|
465
|
+
}, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
|
|
466
466
|
export type CoreThemeShape = typeof coreTheme;
|
|
467
467
|
export interface CoreTheme extends CoreThemeShape {
|
|
468
468
|
}
|
|
@@ -8,25 +8,25 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
8
8
|
md: string;
|
|
9
9
|
lg: string;
|
|
10
10
|
xl: string;
|
|
11
|
-
}> & import("
|
|
11
|
+
}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
|
|
12
12
|
xs: string;
|
|
13
13
|
sm: string;
|
|
14
14
|
md: string;
|
|
15
15
|
lg: string;
|
|
16
16
|
xl: string;
|
|
17
|
-
}> & import("
|
|
17
|
+
}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"elements", Record<"elements", import("@codecademy/variance").KeyAsVariable<{
|
|
18
18
|
readonly headerHeight: {
|
|
19
19
|
readonly base: "4rem";
|
|
20
20
|
readonly md: "5rem";
|
|
21
21
|
};
|
|
22
22
|
readonly headerZ: 15;
|
|
23
|
-
}, "elements">>> & import("
|
|
23
|
+
}, "elements">>> & import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").MergeTheme<import("@codecademy/variance/dist/createTheme/types").MergeTheme<Record<"breakpoints", {
|
|
24
24
|
xs: string;
|
|
25
25
|
sm: string;
|
|
26
26
|
md: string;
|
|
27
27
|
lg: string;
|
|
28
28
|
xl: string;
|
|
29
|
-
}> & import("
|
|
29
|
+
}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
|
|
30
30
|
breakpoints: {
|
|
31
31
|
xs: string;
|
|
32
32
|
sm: string;
|
|
@@ -90,7 +90,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
90
90
|
};
|
|
91
91
|
readonly headerZ: 15;
|
|
92
92
|
};
|
|
93
|
-
} & import("
|
|
93
|
+
} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
94
94
|
readonly beige: "#FFF0E5";
|
|
95
95
|
readonly blue: "#1557FF";
|
|
96
96
|
readonly green: "#008A27";
|
|
@@ -158,7 +158,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
158
158
|
readonly "white-200": string;
|
|
159
159
|
readonly "white-600": string;
|
|
160
160
|
readonly "white-700": string;
|
|
161
|
-
}, "-">, "color">>> & import("
|
|
161
|
+
}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
|
|
162
162
|
colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
163
163
|
text: {
|
|
164
164
|
_: "navy-800";
|
|
@@ -312,7 +312,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
312
312
|
readonly "white-600": string;
|
|
313
313
|
readonly "white-700": string;
|
|
314
314
|
}, "-">, "color">;
|
|
315
|
-
modes: import("
|
|
315
|
+
modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
|
|
316
316
|
light: import("@codecademy/variance").LiteralPaths<{
|
|
317
317
|
text: {
|
|
318
318
|
_: "navy-800";
|
|
@@ -473,7 +473,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
473
473
|
}>, Record<"borders", import("@codecademy/variance").LiteralPaths<{
|
|
474
474
|
1: string;
|
|
475
475
|
2: string;
|
|
476
|
-
}, "-">>>, import("
|
|
476
|
+
}, "-">>>, import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
477
477
|
readonly lightBeige: "#FFFBF8";
|
|
478
478
|
readonly gold: "#8A7300";
|
|
479
479
|
readonly teal: "#027E97";
|
|
@@ -484,7 +484,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
484
484
|
readonly "gold-800": "#8A7300";
|
|
485
485
|
readonly "teal-500": "#027E97";
|
|
486
486
|
readonly "purple-300": "#B3CCFF";
|
|
487
|
-
}, "-">, "color">>> & import("
|
|
487
|
+
}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
|
|
488
488
|
colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
489
489
|
editor: {
|
|
490
490
|
attribute: "green-700";
|
|
@@ -545,7 +545,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
545
545
|
'line-number': "gray-600";
|
|
546
546
|
};
|
|
547
547
|
};
|
|
548
|
-
}, "-", "_">, "colors"> & import("
|
|
548
|
+
}, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
|
|
549
549
|
readonly beige: "#FFF0E5";
|
|
550
550
|
readonly blue: "#1557FF";
|
|
551
551
|
readonly green: "#008A27";
|
|
@@ -777,7 +777,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
777
777
|
readonly "teal-500": "#027E97";
|
|
778
778
|
readonly "purple-300": "#B3CCFF";
|
|
779
779
|
}, "-">, "color">>;
|
|
780
|
-
modes: import("
|
|
780
|
+
modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
|
|
781
781
|
light: import("@codecademy/variance").LiteralPaths<{
|
|
782
782
|
text: {
|
|
783
783
|
_: "navy-800";
|
|
@@ -1009,7 +1009,7 @@ export declare const platformTheme: Record<"breakpoints", {
|
|
|
1009
1009
|
readonly "teal-500": "#027E97";
|
|
1010
1010
|
readonly "purple-300": "#B3CCFF";
|
|
1011
1011
|
}, "-">) => string;
|
|
1012
|
-
}> & import("
|
|
1012
|
+
}> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
|
|
1013
1013
|
export type PlatformThemeShape = typeof platformTheme;
|
|
1014
1014
|
export interface PlatformTheme extends PlatformThemeShape {
|
|
1015
1015
|
}
|
package/dist/variance/props.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** General Prop Groups */
|
|
2
|
-
export declare const typography: import("
|
|
2
|
+
export declare const typography: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
3
3
|
readonly fontFamily: {
|
|
4
4
|
readonly property: "fontFamily";
|
|
5
5
|
readonly scale: "fontFamily";
|
|
@@ -35,7 +35,7 @@ export declare const typography: import("packages/variance/dist/types/config").P
|
|
|
35
35
|
readonly property: "whiteSpace";
|
|
36
36
|
};
|
|
37
37
|
}>>;
|
|
38
|
-
export declare const grid: import("
|
|
38
|
+
export declare const grid: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
39
39
|
readonly gridColumn: {
|
|
40
40
|
readonly property: "gridColumn";
|
|
41
41
|
};
|
|
@@ -106,7 +106,7 @@ export declare const grid: import("packages/variance/dist/types/config").Parser<
|
|
|
106
106
|
readonly scale: "spacing";
|
|
107
107
|
};
|
|
108
108
|
}>>;
|
|
109
|
-
export declare const flex: import("
|
|
109
|
+
export declare const flex: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
110
110
|
readonly flexBasis: {
|
|
111
111
|
readonly property: "flexBasis";
|
|
112
112
|
};
|
|
@@ -150,7 +150,7 @@ export declare const flex: import("packages/variance/dist/types/config").Parser<
|
|
|
150
150
|
readonly property: "flex";
|
|
151
151
|
};
|
|
152
152
|
}>>;
|
|
153
|
-
export declare const layout: import("
|
|
153
|
+
export declare const layout: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
154
154
|
readonly flexBasis: {
|
|
155
155
|
readonly property: "flexBasis";
|
|
156
156
|
};
|
|
@@ -235,7 +235,7 @@ export declare const layout: import("packages/variance/dist/types/config").Parse
|
|
|
235
235
|
readonly property: "verticalAlign";
|
|
236
236
|
};
|
|
237
237
|
}>>;
|
|
238
|
-
export declare const positioning: import("
|
|
238
|
+
export declare const positioning: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
239
239
|
readonly position: {
|
|
240
240
|
readonly property: "position";
|
|
241
241
|
};
|
|
@@ -267,7 +267,7 @@ export declare const positioning: import("packages/variance/dist/types/config").
|
|
|
267
267
|
readonly property: "opacity";
|
|
268
268
|
};
|
|
269
269
|
}>>;
|
|
270
|
-
export declare const background: import("
|
|
270
|
+
export declare const background: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
271
271
|
readonly background: {
|
|
272
272
|
readonly property: "background";
|
|
273
273
|
};
|
|
@@ -284,7 +284,7 @@ export declare const background: import("packages/variance/dist/types/config").P
|
|
|
284
284
|
readonly property: "backgroundPosition";
|
|
285
285
|
};
|
|
286
286
|
}>>;
|
|
287
|
-
export declare const color: import("
|
|
287
|
+
export declare const color: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
288
288
|
readonly color: {
|
|
289
289
|
readonly property: "color";
|
|
290
290
|
readonly scale: "colors";
|
|
@@ -328,7 +328,7 @@ export declare const color: import("packages/variance/dist/types/config").Parser
|
|
|
328
328
|
readonly scale: "colors";
|
|
329
329
|
};
|
|
330
330
|
}>>;
|
|
331
|
-
export declare const shadow: import("
|
|
331
|
+
export declare const shadow: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
332
332
|
readonly boxShadow: {
|
|
333
333
|
readonly property: "boxShadow";
|
|
334
334
|
};
|
|
@@ -336,7 +336,7 @@ export declare const shadow: import("packages/variance/dist/types/config").Parse
|
|
|
336
336
|
readonly property: "textShadow";
|
|
337
337
|
};
|
|
338
338
|
}>>;
|
|
339
|
-
export declare const space: import("
|
|
339
|
+
export declare const space: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
340
340
|
readonly p: {
|
|
341
341
|
readonly property: "padding";
|
|
342
342
|
readonly scale: "spacing";
|
|
@@ -398,7 +398,7 @@ export declare const space: import("packages/variance/dist/types/config").Parser
|
|
|
398
398
|
readonly scale: "spacing";
|
|
399
399
|
};
|
|
400
400
|
}>>;
|
|
401
|
-
export declare const border: import("
|
|
401
|
+
export declare const border: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
402
402
|
readonly border: {
|
|
403
403
|
readonly property: "border";
|
|
404
404
|
readonly scale: "borders";
|
|
@@ -516,7 +516,7 @@ export declare const border: import("packages/variance/dist/types/config").Parse
|
|
|
516
516
|
readonly property: "borderBottomStyle";
|
|
517
517
|
};
|
|
518
518
|
}>>;
|
|
519
|
-
export declare const list: import("
|
|
519
|
+
export declare const list: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
520
520
|
readonly listStyle: {
|
|
521
521
|
readonly property: "listStyle";
|
|
522
522
|
};
|
|
@@ -531,7 +531,7 @@ export declare const list: import("packages/variance/dist/types/config").Parser<
|
|
|
531
531
|
};
|
|
532
532
|
}>>;
|
|
533
533
|
/** Sub Groups */
|
|
534
|
-
export declare const padding: import("
|
|
534
|
+
export declare const padding: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
535
535
|
readonly p: {
|
|
536
536
|
readonly property: "padding";
|
|
537
537
|
readonly scale: "spacing";
|
|
@@ -563,7 +563,7 @@ export declare const padding: import("packages/variance/dist/types/config").Pars
|
|
|
563
563
|
readonly scale: "spacing";
|
|
564
564
|
};
|
|
565
565
|
}>>;
|
|
566
|
-
export declare const margin: import("
|
|
566
|
+
export declare const margin: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
567
567
|
readonly m: {
|
|
568
568
|
readonly property: "margin";
|
|
569
569
|
readonly scale: "spacing";
|
|
@@ -596,7 +596,7 @@ export declare const margin: import("packages/variance/dist/types/config").Parse
|
|
|
596
596
|
};
|
|
597
597
|
}>>;
|
|
598
598
|
/** CSS */
|
|
599
|
-
export declare const css: import("
|
|
599
|
+
export declare const css: import("@codecademy/variance/dist/types/config").CSS<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
600
600
|
listStyle: {
|
|
601
601
|
readonly property: "listStyle";
|
|
602
602
|
};
|
|
@@ -1047,7 +1047,7 @@ export declare const css: import("packages/variance/dist/types/config").CSS<impo
|
|
|
1047
1047
|
readonly property: "whiteSpace";
|
|
1048
1048
|
};
|
|
1049
1049
|
}>>>;
|
|
1050
|
-
export declare const variant: import("
|
|
1050
|
+
export declare const variant: import("@codecademy/variance/dist/types/config").Variant<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
1051
1051
|
listStyle: {
|
|
1052
1052
|
readonly property: "listStyle";
|
|
1053
1053
|
};
|
|
@@ -1498,7 +1498,7 @@ export declare const variant: import("packages/variance/dist/types/config").Vari
|
|
|
1498
1498
|
readonly property: "whiteSpace";
|
|
1499
1499
|
};
|
|
1500
1500
|
}>>>;
|
|
1501
|
-
export declare const states: import("
|
|
1501
|
+
export declare const states: import("@codecademy/variance/dist/types/config").States<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
|
|
1502
1502
|
listStyle: {
|
|
1503
1503
|
readonly property: "listStyle";
|
|
1504
1504
|
};
|
package/dist/variance/utils.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ThemeProps } from '@codecademy/variance';
|
|
3
|
-
declare const allPropnames: ["mode", "variant", "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "
|
|
3
|
+
declare const allPropnames: ["mode", "variant", "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
|
|
4
4
|
export type SystemPropNames = typeof allPropnames[number];
|
|
5
5
|
export type ElementOrProps = keyof JSX.IntrinsicElements | ThemeProps;
|
|
6
6
|
export type ForwardableProps<El extends ElementOrProps, Additional> = Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, Additional | SystemPropNames>;
|
|
7
7
|
export declare function createStyledOptions<El extends ElementOrProps = 'div', Additional extends string = never>(additional?: readonly Additional[]): {
|
|
8
|
-
shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "mode" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "
|
|
8
|
+
shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "p" | "fontSize" | "fontFamily" | "lineHeight" | "fontWeight" | "color" | "background" | "mode" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
11
|
* @description
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-styles",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "17.1.
|
|
4
|
+
"version": "17.1.2-alpha.2ab0c4.0",
|
|
5
5
|
"author": "Jake Hiller <jake@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/variance": "0.21.
|
|
7
|
+
"@codecademy/variance": "0.21.5-alpha.2ab0c4.0",
|
|
8
8
|
"@emotion/is-prop-valid": "^1.1.0",
|
|
9
9
|
"polished": "^4.1.2"
|
|
10
10
|
},
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "nx build @codecademy/gamut-styles"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "37bfeec727740a2457b6f4ad1191708fd0f03776"
|
|
38
38
|
}
|