@codecademy/gamut-styles 13.4.1-alpha.fe86ea.0 → 14.0.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 (9) hide show
  1. package/.turbo/turbo-build.log +9 -0
  2. package/CHANGELOG.md +7 -2
  3. package/dist/themes/admin.d.ts +9 -1
  4. package/dist/themes/core.d.ts +4 -0
  5. package/dist/themes/core.js +4 -2
  6. package/dist/themes/core.js.map +1 -1
  7. package/dist/themes/platform.d.ts +9 -1
  8. package/package.json +8 -4
  9. package/project.json +0 -22
package/.turbo/turbo-build.log ADDED
@@ -0,0 +1,9 @@
1
+ @codecademy/gamut-styles:build: cache hit, replaying output 584f2a98beee637c
2
+ @codecademy/gamut-styles:build: $ yarn build:clean && yarn build:compile && yarn build:transpile
3
+ @codecademy/gamut-styles:build: $ rm -rf ./dist
4
+ @codecademy/gamut-styles:build: $ tsc
5
+ @codecademy/gamut-styles:build: $ babel ./src --out-dir ./dist --copy-files --extensions ".ts,.tsx"
6
+ @codecademy/gamut-styles:build: Browserslist: caniuse-lite is outdated. Please run:
7
+ @codecademy/gamut-styles:build:  npx browserslist@latest --update-db
8
+ @codecademy/gamut-styles:build:  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
9
+ @codecademy/gamut-styles:build: Successfully compiled 45 files with Babel (1643ms).
package/CHANGELOG.md CHANGED
@@ -3,11 +3,16 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ### [13.4.1-alpha.fe86ea.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.4.0...@codecademy/gamut-styles@13.4.1-alpha.fe86ea.0) (2022-07-25)
6
+ ## [14.0.0](https://github.com/Codecademy/gamut/compare/@codecademy/gamut-styles@13.4.0...@codecademy/gamut-styles@14.0.0) (2022-07-27)
7
7
 
8
- **Note:** Version bump only for package @codecademy/gamut-styles
9
8
 
9
+ ### ⚠ BREAKING CHANGES
10
+
11
+ * **Text:** highlighted text
12
+
13
+ ### Features
10
14
 
15
+ * **Text:** highlighted text ([4b1d299](https://github.com/Codecademy/gamut/commit/4b1d2995267e90fe21cb7934598f140963fd4780))
11
16
 
12
17
 
13
18
 
package/dist/themes/admin.d.ts CHANGED
@@ -159,6 +159,7 @@ export declare const adminTheme: Record<"breakpoints", {
159
159
  primary: {
160
160
  _: "hyper-500";
161
161
  hover: "hyper-400";
162
+ inverse: "yellow-500";
162
163
  };
163
164
  secondary: {
164
165
  _: "navy-800";
@@ -199,6 +200,7 @@ export declare const adminTheme: Record<"breakpoints", {
199
200
  primary: {
200
201
  _: "yellow-500";
201
202
  hover: "yellow-400";
203
+ inverse: "hyper-500";
202
204
  };
203
205
  secondary: {
204
206
  _: "white";
@@ -300,6 +302,7 @@ export declare const adminTheme: Record<"breakpoints", {
300
302
  primary: {
301
303
  _: "hyper-500";
302
304
  hover: "hyper-400";
305
+ inverse: "yellow-500";
303
306
  };
304
307
  secondary: {
305
308
  _: "navy-800";
@@ -341,6 +344,7 @@ export declare const adminTheme: Record<"breakpoints", {
341
344
  primary: {
342
345
  _: "yellow-500";
343
346
  hover: "yellow-400";
347
+ inverse: "hyper-500";
344
348
  };
345
349
  secondary: {
346
350
  _: "white";
@@ -524,6 +528,7 @@ export declare const adminTheme: Record<"breakpoints", {
524
528
  primary: {
525
529
  _: "hyper-500";
526
530
  hover: "hyper-400";
531
+ inverse: "yellow-500";
527
532
  };
528
533
  secondary: {
529
534
  _: "navy-800";
@@ -564,6 +569,7 @@ export declare const adminTheme: Record<"breakpoints", {
564
569
  primary: {
565
570
  _: "yellow-500";
566
571
  hover: "yellow-400";
572
+ inverse: "hyper-500";
567
573
  };
568
574
  secondary: {
569
575
  _: "white";
@@ -665,6 +671,7 @@ export declare const adminTheme: Record<"breakpoints", {
665
671
  primary: {
666
672
  _: "hyper-500";
667
673
  hover: "hyper-400";
674
+ inverse: "yellow-500";
668
675
  };
669
676
  secondary: {
670
677
  _: "navy-800";
@@ -706,6 +713,7 @@ export declare const adminTheme: Record<"breakpoints", {
706
713
  primary: {
707
714
  _: "yellow-500";
708
715
  hover: "yellow-400";
716
+ inverse: "hyper-500";
709
717
  };
710
718
  secondary: {
711
719
  _: "white";
@@ -789,7 +797,7 @@ export declare const adminTheme: Record<"breakpoints", {
789
797
  readonly "gray-200": "#EEEEEE";
790
798
  readonly "gray-600": "#9E9E9E";
791
799
  readonly "gray-900": "#424242";
792
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
800
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover") => string;
793
801
  }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
794
802
  export declare type AdminThemeShape = typeof adminTheme;
795
803
  export interface AdminTheme extends AdminThemeShape {
package/dist/themes/core.d.ts CHANGED
@@ -158,6 +158,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
158
158
  primary: {
159
159
  _: "hyper-500";
160
160
  hover: "hyper-400";
161
+ inverse: "yellow-500";
161
162
  };
162
163
  secondary: {
163
164
  _: "navy-800";
@@ -198,6 +199,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
198
199
  primary: {
199
200
  _: "yellow-500";
200
201
  hover: "yellow-400";
202
+ inverse: "hyper-500";
201
203
  };
202
204
  secondary: {
203
205
  _: "white";
@@ -299,6 +301,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
299
301
  primary: {
300
302
  _: "hyper-500";
301
303
  hover: "hyper-400";
304
+ inverse: "yellow-500";
302
305
  };
303
306
  secondary: {
304
307
  _: "navy-800";
@@ -340,6 +343,7 @@ export declare const coreTheme: Record<"elements", Record<"elements", import("@c
340
343
  primary: {
341
344
  _: "yellow-500";
342
345
  hover: "yellow-400";
346
+ inverse: "hyper-500";
343
347
  };
344
348
  secondary: {
345
349
  _: "white";
package/dist/themes/core.js CHANGED
@@ -41,7 +41,8 @@ export var coreTheme = createTheme({
41
41
  },
42
42
  primary: {
43
43
  _: 'hyper-500',
44
- hover: 'hyper-400'
44
+ hover: 'hyper-400',
45
+ inverse: 'yellow-500'
45
46
  },
46
47
  secondary: {
47
48
  _: 'navy-800',
@@ -82,7 +83,8 @@ export var coreTheme = createTheme({
82
83
  },
83
84
  primary: {
84
85
  _: 'yellow-500',
85
- hover: 'yellow-400'
86
+ hover: 'yellow-400',
87
+ inverse: 'hyper-500'
86
88
  },
87
89
  secondary: {
88
90
  _: 'white',
package/dist/themes/core.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/themes/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,YAAY;IACzB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,OAAO;IACP,QAAQ;CACT,CAAC;KACC,SAAS,CAAC,WAAW,CAAC;KACtB,aAAa,CAAC,OAAO,EAAE;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;QACjE,QAAQ,EAAE;YACR,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,QAAQ;SAClB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,OAAO;YACV,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;YACb,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,SAAS;YACZ,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3D,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,UAAU;SACpB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,UAAU;YACb,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,OAAO;SACf;QACD,OAAO,EAAE;YACP,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;KACF;CACF,CAAC;KACD,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;IAClC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;CACnC,CAAC,CAAC;KACF,oBAAoB,CAAC,UAAU,CAAC;KAChC,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"core.js","sourceRoot":"","sources":["../../src/themes/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,YAAY;IACzB,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,OAAO;IACP,QAAQ;CACT,CAAC;KACC,SAAS,CAAC,WAAW,CAAC;KACtB,aAAa,CAAC,OAAO,EAAE;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;QACjE,QAAQ,EAAE;YACR,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,QAAQ;SAClB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,OAAO;YACV,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,OAAO,EAAE;YACP,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,YAAY;SACtB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,UAAU;YACb,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,SAAS;YACZ,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,WAAW;YACd,KAAK,EAAE,WAAW;SACnB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;QAC3D,QAAQ,EAAE;YACR,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,UAAU;SACpB;QACD,UAAU,EAAE;YACV,CAAC,EAAE,UAAU;YACb,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,UAAU;YACnB,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,UAAU;YACpB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,OAAO;SACf;QACD,OAAO,EAAE;YACP,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,WAAW;SACrB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,UAAU;SAClB;QACD,MAAM,EAAE;YACN,CAAC,EAAE,OAAO;YACV,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,CAAC,EAAE,YAAY;YACf,KAAK,EAAE,YAAY;SACpB;KACF;CACF,CAAC;KACD,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;IAClC,CAAC,EAAE,aAAa,MAAM,CAAC,SAAS,EAAE;CACnC,CAAC,CAAC;KACF,oBAAoB,CAAC,UAAU,CAAC;KAChC,KAAK,EAAE,CAAC"}
package/dist/themes/platform.d.ts CHANGED
@@ -169,6 +169,7 @@ export declare const platformTheme: Record<"breakpoints", {
169
169
  primary: {
170
170
  _: "hyper-500";
171
171
  hover: "hyper-400";
172
+ inverse: "yellow-500";
172
173
  };
173
174
  secondary: {
174
175
  _: "navy-800";
@@ -209,6 +210,7 @@ export declare const platformTheme: Record<"breakpoints", {
209
210
  primary: {
210
211
  _: "yellow-500";
211
212
  hover: "yellow-400";
213
+ inverse: "hyper-500";
212
214
  };
213
215
  secondary: {
214
216
  _: "white";
@@ -310,6 +312,7 @@ export declare const platformTheme: Record<"breakpoints", {
310
312
  primary: {
311
313
  _: "hyper-500";
312
314
  hover: "hyper-400";
315
+ inverse: "yellow-500";
313
316
  };
314
317
  secondary: {
315
318
  _: "navy-800";
@@ -351,6 +354,7 @@ export declare const platformTheme: Record<"breakpoints", {
351
354
  primary: {
352
355
  _: "yellow-500";
353
356
  hover: "yellow-400";
357
+ inverse: "hyper-500";
354
358
  };
355
359
  secondary: {
356
360
  _: "white";
@@ -600,6 +604,7 @@ export declare const platformTheme: Record<"breakpoints", {
600
604
  primary: {
601
605
  _: "hyper-500";
602
606
  hover: "hyper-400";
607
+ inverse: "yellow-500";
603
608
  };
604
609
  secondary: {
605
610
  _: "navy-800";
@@ -640,6 +645,7 @@ export declare const platformTheme: Record<"breakpoints", {
640
645
  primary: {
641
646
  _: "yellow-500";
642
647
  hover: "yellow-400";
648
+ inverse: "hyper-500";
643
649
  };
644
650
  secondary: {
645
651
  _: "white";
@@ -752,6 +758,7 @@ export declare const platformTheme: Record<"breakpoints", {
752
758
  primary: {
753
759
  _: "hyper-500";
754
760
  hover: "hyper-400";
761
+ inverse: "yellow-500";
755
762
  };
756
763
  secondary: {
757
764
  _: "navy-800";
@@ -793,6 +800,7 @@ export declare const platformTheme: Record<"breakpoints", {
793
800
  primary: {
794
801
  _: "yellow-500";
795
802
  hover: "yellow-400";
803
+ inverse: "hyper-500";
796
804
  };
797
805
  secondary: {
798
806
  _: "white";
@@ -931,7 +939,7 @@ export declare const platformTheme: Record<"breakpoints", {
931
939
  readonly "gray-200": "#EEEEEE";
932
940
  readonly "gray-600": "#9E9E9E";
933
941
  readonly "gray-900": "#424242";
934
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
942
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
935
943
  readonly lightBeige: "#FFFBF8";
936
944
  readonly gold: "#8A7300";
937
945
  readonly teal: "#027E97";
package/package.json CHANGED
@@ -1,19 +1,23 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "13.4.1-alpha.fe86ea.0",
4
+ "version": "14.0.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
8
8
  "scripts": {
9
- "build": "nx build @codecademy/gamut-styles"
9
+ "build:clean": "rm -rf ./dist",
10
+ "build:compile": "tsc",
11
+ "build:transpile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
12
+ "build": "yarn build:clean && yarn build:compile && yarn build:transpile",
13
+ "lernaBuildTask": "yarn build"
10
14
  },
11
15
  "repository": {
12
16
  "type": "git",
13
17
  "url": "git@github.com:Codecademy/gamut.git"
14
18
  },
15
19
  "dependencies": {
16
- "@codecademy/variance": "0.20.1-alpha.fe86ea.0",
20
+ "@codecademy/variance": "^0.20.0",
17
21
  "@emotion/is-prop-valid": "^1.1.0",
18
22
  "polished": "^4.1.2"
19
23
  },
@@ -35,5 +39,5 @@
35
39
  "publishConfig": {
36
40
  "access": "public"
37
41
  },
38
- "gitHead": "625cf5357d54162f6b16a0bf8e9486e7cd42279b"
42
+ "gitHead": "7fc4f32585e3182cc550d5c529eab7443d60a160"
39
43
  }
package/project.json DELETED
@@ -1,22 +0,0 @@
1
- {
2
- "$schema": "../../../node_modules/nx/schemas/project-schema.json",
3
- "sourceRoot": "packages/gamut-styles/src",
4
- "projectType": "library",
5
- "targets": {
6
- "build": {
7
- "outputs": ["{options.outputPath}"],
8
- "executor": "nx:run-commands",
9
- "options": {
10
- "cwd": "packages/gamut-styles",
11
- "outputPath": "./dist",
12
- "commands": [
13
- "rm -rf ./dist",
14
- "tsc",
15
- "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\""
16
- ],
17
- "parallel": false
18
- }
19
- }
20
- },
21
- "tags": []
22
- }