@mongodb-js/compass-components 1.2.0 → 1.4.0

package/lib/components/placeholder.js

@@ -40,8 +40,8 @@ const move = (0, emotion_1.keyframes)({
     },
 });
 const placeholder = (0, emotion_1.css)({
-    '--gradient-start': palette_1.uiColors.gray.light2,
-    '--gradient-end': palette_1.uiColors.gray.light3,
+    '--gradient-start': palette_1.palette.gray.light2,
+    '--gradient-end': palette_1.palette.gray.light3,
     alignSelf: 'center',
     borderRadius: 3,
     maxWidth: '80%',
@@ -58,8 +58,8 @@ const placeholder = (0, emotion_1.css)({
     animation: `${move} ${scale}s infinite linear`,
 });
 const placeholderDarkMode = (0, emotion_1.css)({
-    '--gradient-start': palette_1.uiColors.gray.dark2,
-    '--gradient-end': palette_1.uiColors.gray.dark3,
+    '--gradient-start': palette_1.palette.gray.dark2,
+    '--gradient-end': palette_1.palette.gray.dark3,
 });
 function getBoundRandom(min, max) {
     return Math.random() * (max - min) + min;

package/lib/components/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAClD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACtC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACvC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CACtC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAiD;AACjD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACvC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACrC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACtC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CACrC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}

package/lib/components/resize-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAmDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAmDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/resize-handle.js

@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizeDirection = exports.ResizeHandle = void 0;
 const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
 var ResizeDirection;
 (function (ResizeDirection) {
     ResizeDirection["TOP"] = "TOP";
@@ -38,7 +39,7 @@ const baseResizerStyles = (0, emotion_1.css)({
     padding: 0,
     transition: 'opacity 250ms ease',
     transitionDelay: '0ms',
-    backgroundColor: '#019EE2',
+    backgroundColor: palette_1.palette.blue.light1,
     opacity: '0',
     outline: 'none',
     zIndex: 100,

package/lib/components/resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,oDAAiD;AAEjD,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,8BAAW,CAAA;IACX,kCAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB;AAkIsB,0CAAe;AAhItC,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,oBAAoB;IAChC,eAAe,EAAE,KAAK;IACtB,eAAe,EAAE,SAAS;IAC1B,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,OAAO;QACxB,OAAO,EAAE,CAAC;KACX;IACD,gBAAgB,EAAE,MAAM;IACxB,wBAAwB,EAAE;QACxB,gBAAgB,EAAE,MAAM;KACzB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE;QACR,MAAM,EAAE,WAAW;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,MAAM,EAAE,WAAW;KACpB;CACF,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GASN;IACC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAEjC,SAAS,SAAS,CAAC,aAAqB;QACtC,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,cAAc,GAAG,UAAU,CAAC;IAChC,IAAI,cAAc,GAAG,OAAO,CAAC;IAC7B,IAAI,YAAY,GAAG,oBAAoB,CAAC;IAExC,IAAI,SAAS,KAAK,eAAe,CAAC,GAAG,EAAE;QACrC,cAAc,GAAG,YAAY,CAAC;QAC9B,cAAc,GAAG,QAAQ,CAAC;QAC1B,YAAY,GAAG,sBAAsB,CAAC;KACvC;IAED,OAAO,CACL,yCACE,IAAI,EAAC,OAAO,0BACU,GAAG,cAAc,WAAW,gBACtC,GAAG,cAAc,WAAW,KAAK,2BAA2B,EACxE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,YAAY,CAAC,EAC9C,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,UAAU,CAAC,OAAO,EAAE;gBAGtB,OAAO;aACR;YACD,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;YAChB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,IAAI,SAAS,KAAK,eAAe,CAAC,KAAK,EAAE;oBACvC,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;iBAC9C;qBAAM,IAAI,SAAS,KAAK,eAAe,CAAC,GAAG,EAAE;oBAC5C,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;iBAC9C;aACF;QACH,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAGnB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAE3B,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAC3B,IAAI,SAAS,KAAK,eAAe,CAAC,KAAK,EAAE;gBACvC,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;aAC9C;iBAAM,IAAI,SAAS,KAAK,eAAe,CAAC,GAAG,EAAE;gBAC5C,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;aAC9C;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAEQ,oCAAY"}
+{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}

package/lib/components/resizeable-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";AAwDA,eAAO,MAAM,mBAAmB,QAAiB,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;+BAaM,OAAO,KAAK,IAAI;;;;cAIhC,WAAW;MACnB,WAuEH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";AAuDA,eAAO,MAAM,mBAAmB,QAAiB,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;+BAaM,OAAO,KAAK,IAAI;;;;cAIhC,WAAW;MACnB,WAuEH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/resizeable-sidebar.js

@@ -35,35 +35,34 @@ const containerStyles = (0, emotion_1.css)({
     flexDirection: 'column',
     margin: 0,
     padding: 0,
-    maxWidth: '80%',
     height: '100%',
     position: 'relative',
 });
 const containerStylesDark = (0, emotion_1.css)({
-    '--color': 'white',
-    '--bg-color': palette_1.uiColors.gray.dark3,
-    '--title-color': palette_1.uiColors.gray.dark3,
-    '--title-bg-color': '#71F6BA',
-    '--icon-color': 'white',
-    '--item-color': 'white',
-    '--item-color-active': '#71F6BA',
-    '--item-bg-color': palette_1.uiColors.gray.dark3,
-    '--item-bg-color-hover': palette_1.uiColors.gray.dark2,
-    '--item-bg-color-active': palette_1.uiColors.black,
+    '--color': palette_1.palette.white,
+    '--bg-color': palette_1.palette.gray.dark3,
+    '--title-color': palette_1.palette.gray.dark3,
+    '--title-bg-color': palette_1.palette.green.light1,
+    '--icon-color': palette_1.palette.white,
+    '--item-color': palette_1.palette.white,
+    '--item-color-active': palette_1.palette.green.light1,
+    '--item-bg-color': palette_1.palette.gray.dark3,
+    '--item-bg-color-hover': palette_1.palette.gray.dark2,
+    '--item-bg-color-active': palette_1.palette.black,
     color: 'var(--color)',
     backgroundColor: 'var(--bg-color)',
 });
 const containerStylesLight = (0, emotion_1.css)({
-    '--color': palette_1.uiColors.gray.dark3,
-    '--bg-color': palette_1.uiColors.gray.light3,
-    '--title-color': 'white',
-    '--title-bg-color': palette_1.uiColors.green.dark2,
-    '--icon-color': palette_1.uiColors.gray.dark3,
-    '--item-color': palette_1.uiColors.gray.dark3,
-    '--item-color-active': palette_1.uiColors.green.dark2,
-    '--item-bg-color': palette_1.uiColors.gray.light3,
-    '--item-bg-color-hover': palette_1.uiColors.gray.light2,
-    '--item-bg-color-active': palette_1.uiColors.green.light3,
+    '--color': palette_1.palette.gray.dark3,
+    '--bg-color': palette_1.palette.gray.light3,
+    '--title-color': palette_1.palette.white,
+    '--title-bg-color': palette_1.palette.green.dark2,
+    '--icon-color': palette_1.palette.gray.dark3,
+    '--item-color': palette_1.palette.gray.dark3,
+    '--item-color-active': palette_1.palette.green.dark2,
+    '--item-bg-color': palette_1.palette.gray.light3,
+    '--item-bg-color-hover': palette_1.palette.gray.light2,
+    '--item-bg-color-active': palette_1.palette.green.light3,
     color: 'var(--color)',
     backgroundColor: 'var(--bg-color)',
 });
@@ -74,7 +73,7 @@ const ResizableSidebar = ({ collapsable = false, expanded = true, setExpanded =
     const [width, setWidth] = (0, react_1.useState)(initialWidth);
     const [prevWidth, setPrevWidth] = (0, react_1.useState)(initialWidth);
     const getMaxSidebarWidth = (0, react_1.useCallback)(() => {
-        return Math.max(minWidth, window.innerWidth - 100);
+        return Math.max(minWidth, 600);
     }, [minWidth]);
     const boundSidebarWidth = (0, react_1.useCallback)((attemptedWidth) => {
         const maxWidth = getMaxSidebarWidth();

package/lib/components/resizeable-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizeable-sidebar.js","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"resizeable-sidebar.js","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":"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"}

package/lib/components/spin-loader.js

@@ -13,7 +13,7 @@ const shellLoaderSpin = (0, emotion_1.keyframes) `
 `;
 const spinLoaderStyle = (0, emotion_1.css) `
   border: 2px solid transparent;
-  border-top: 2px solid ${palette_1.uiColors.gray.dark3};
+  border-top: 2px solid ${palette_1.palette.gray.dark3};
   border-radius: 50%;
   padding: 0;
   margin: 0;

package/lib/components/spin-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAwD;AACxD,oDAAkD;AAOlD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,kBAAQ,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO9B,eAAe;CAC7B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAmB;IAC3D,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}
+{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAwD;AACxD,oDAAiD;AAOjD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,iBAAO,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO7B,eAAe;CAC7B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAmB;IAC3D,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}

package/lib/components/tab-nav-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,aAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AA6DF,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,aAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAkEF,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/tab-nav-bar.js

@@ -8,26 +8,29 @@ const react_1 = __importDefault(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const palette_1 = require("@leafygreen-ui/palette");
-const workspace_container_1 = require("./workspace-container");
 const use_theme_1 = require("../hooks/use-theme");
 const leafygreen_1 = require("./leafygreen");
 const containerStyles = (0, emotion_1.css)({
     flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: 'auto',
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'stretch',
-    overflow: 'auto',
+    overflow: 'hidden',
 });
 const tabsContainerStyles = (0, emotion_1.css)({
+    flex: 'none',
     padding: `0 ${tokens_1.spacing[3]}px`,
 });
 const tabsContainerDarkStyles = (0, emotion_1.css)({
-    background: palette_1.uiColors.gray.dark3,
+    background: palette_1.palette.gray.dark3,
 });
 const tabsContainerLightStyles = (0, emotion_1.css)({
-    background: palette_1.uiColors.white,
+    background: palette_1.palette.white,
+});
+const tabStyles = (0, emotion_1.css)({
+    display: 'flex',
+    flex: 1,
+    minHeight: 0,
 });
 const hiddenStyles = (0, emotion_1.css)({
     display: 'none',
@@ -36,7 +39,8 @@ function UnthemedTabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel,
     return (react_1.default.createElement("div", { className: containerStyles },
         react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
             react_1.default.createElement(leafygreen_1.Tabs, { "data-testid": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex }, tabs.map((tab, idx) => (react_1.default.createElement(leafygreen_1.Tab, { className: "test-tab-nav-bar-tab", key: `tab-${idx}`, name: tab }))))),
-        views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement(workspace_container_1.WorkspaceContainer, { className: (0, emotion_1.cx)({
+        views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement("div", { className: (0, emotion_1.cx)({
+                [tabStyles]: true,
                 [hiddenStyles]: idx !== activeTabIndex,
             }), key: `tab-content-${tabs[idx]}`, "data-testid": `${tabs[idx]
                 .toLowerCase()

package/lib/components/tab-nav-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav-bar.js","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAAkD;AAElD,+DAA2D;AAC3D,kDAA+C;AAC/C,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAChC,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,kBAAQ,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAkBH,SAAS,iBAAiB,CAAC,EACzB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,YAAY,GACG;IACf,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe;QAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;YAED,8BAAC,iBAAI,mBACU,UAAU,gBACX,SAAS,EACrB,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,cAAc,IAEvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,8BAAC,gBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAE,GAAG,GACT,CACH,CAAC,CACG,CACH;QACL,KAAK,CAAC,GAAG,CACR,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACZ,CAAC,aAAa,IAAI,GAAG,KAAK,cAAc,CAAC,IAAI,CAC3C,8BAAC,wCAAkB,IACjB,SAAS,EAAE,IAAA,YAAE,EAAC;gBACZ,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,cAAc;aACvC,CAAC,EACF,GAAG,EAAE,eAAe,IAAI,CAAC,GAAG,CAAC,EAAE,iBAClB,GAAG,IAAI,CAAC,GAAG,CAAC;iBACtB,WAAW,EAAE;iBACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,IAE9B,IAAI,CACc,CACtB,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,iBAAiB,CAAC,CAAC;AAEtC,8BAAS"}
+{"version":3,"file":"tab-nav-bar.js","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAAiD;AACjD,kDAA+C;AAC/C,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CAC/B,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,CAAC;IACP,SAAS,EAAE,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAkBH,SAAS,iBAAiB,CAAC,EACzB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,YAAY,GACG;IACf,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe;QAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;YAED,8BAAC,iBAAI,mBACU,UAAU,gBACX,SAAS,EACrB,SAAS,EAAC,uBAAuB,EAGjC,WAAW,EACT,YAA4D,EAE9D,QAAQ,EAAE,cAAc,IAEvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,8BAAC,gBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAE,GAAG,GACT,CACH,CAAC,CACG,CACH;QACL,KAAK,CAAC,GAAG,CACR,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACZ,CAAC,aAAa,IAAI,GAAG,KAAK,cAAc,CAAC,IAAI,CAC3C,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC;gBACZ,CAAC,SAAS,CAAC,EAAE,IAAI;gBACjB,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,cAAc;aACvC,CAAC,EACF,GAAG,EAAE,eAAe,IAAI,CAAC,GAAG,CAAC,EAAE,iBAClB,GAAG,IAAI,CAAC,GAAG,CAAC;iBACtB,WAAW,EAAE;iBACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,IAE9B,IAAI,CACD,CACP,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,iBAAiB,CAAC,CAAC;AAEtC,8BAAS"}

package/lib/components/virtual-grid.d.ts

@@ -25,6 +25,6 @@ declare type VirtualGridProps = {
     };
     resetActiveItemOnBlur?: boolean;
 };
-export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "children" | "value" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "list" | "size" | "default" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "integrity" | "sizes" | "charSet" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "children" | "value" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "list" | "size" | "default" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "integrity" | "sizes" | "charSet" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=virtual-grid.d.ts.map

package/lib/components/workspace-container.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare type WorkspaceContainerProps = {
     darkMode?: boolean;
+    toolbar?: React.ReactNode;
     'data-testid'?: string;
 };
 declare const WorkspaceContainer: React.ComponentType<WorkspaceContainerProps & React.HTMLProps<HTMLDivElement>>;

package/lib/components/workspace-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA0BF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAgGtC,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAqDF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/components/workspace-container.js

@@ -1,30 +1,118 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WorkspaceContainer = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
 const use_theme_1 = require("../hooks/use-theme");
-const compass_ui_colors_1 = require("../compass-ui-colors");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const polished_1 = require("polished");
+const react_intersection_observer_1 = require("react-intersection-observer");
 const workspaceContainerStyles = (0, emotion_1.css)({
     height: '100%',
     width: '100%',
     display: 'flex',
+    flexDirection: 'column',
+    overflow: 'hidden',
+});
+const toolbarStyles = (0, emotion_1.css)({
+    flex: 'none',
+});
+const scrollBoxStyles = (0, emotion_1.css)({
+    flex: 1,
+    width: '100%',
+    minHeight: 0,
+    position: 'relative',
+    zIndex: 0,
+});
+const shadowHeight = tokens_1.spacing[4];
+const fadeIn = (0, emotion_1.keyframes)({
+    from: {
+        opacity: 0,
+    },
+    to: {
+        opacity: 1,
+    },
+});
+const shadowContainerStyles = (0, emotion_1.css)({
+    overflow: 'hidden',
+    position: 'absolute',
+    top: 0,
+    display: 'block',
+    width: '100%',
+    height: shadowHeight * 2,
+    flex: 'none',
+    zIndex: 1,
+    pointerEvents: 'none',
+    animation: `${fadeIn} .1s linear`,
+});
+const boxShadow = (color) => `0px 2px ${shadowHeight}px -1px ${color}`;
+const shadowStyles = (0, emotion_1.css)({
+    height: shadowHeight,
+    borderRadius: tokens_1.spacing[2],
+    width: `calc(100% - ${shadowHeight})`,
+    margin: '0 auto',
+    marginTop: -shadowHeight,
+});
+const shadowStylesLight = (0, emotion_1.css)({
+    boxShadow: boxShadow((0, polished_1.rgba)(palette_1.palette.black, 0.15)),
+});
+const shadowStylesDark = (0, emotion_1.css)({
+    boxShadow: boxShadow((0, polished_1.rgba)(palette_1.palette.black, 0.4)),
+});
+const workspaceContentStyles = (0, emotion_1.css)({
     overflow: 'auto',
+    height: '100%',
+    width: '100%',
+    display: 'block',
+    position: 'relative',
+    zIndex: 0,
 });
 const lightThemeStyles = (0, emotion_1.css)({
-    backgroundColor: compass_ui_colors_1.gray8,
-    color: palette_1.uiColors.gray.dark2,
+    backgroundColor: palette_1.palette.white,
+    color: palette_1.palette.gray.dark2,
 });
 const darkThemeStyles = (0, emotion_1.css)({
-    backgroundColor: palette_1.uiColors.gray.dark3,
-    color: palette_1.uiColors.white,
+    backgroundColor: palette_1.palette.gray.dark3,
+    color: palette_1.palette.white,
 });
-function UnthemedWorkspaceContainer({ className, darkMode, children, 'data-testid': dataTestId, ...props }) {
-    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-testid": dataTestId, ...props }, children));
+function UnthemedWorkspaceContainer({ className, darkMode, children, toolbar, 'data-testid': dataTestId, ...props }) {
+    const scrollContainer = (0, react_1.useRef)(null);
+    const [scrollDetectionTrigger, triggerStillInView] = (0, react_intersection_observer_1.useInView)({
+        root: scrollContainer.current,
+        initialInView: true,
+    });
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-testid": dataTestId, ...props },
+        toolbar && react_1.default.createElement("div", { className: toolbarStyles }, toolbar),
+        react_1.default.createElement("div", { className: scrollBoxStyles, ref: scrollContainer },
+            triggerStillInView || (react_1.default.createElement("div", { className: shadowContainerStyles },
+                react_1.default.createElement("div", { className: (0, emotion_1.cx)(shadowStyles, darkMode ? shadowStylesDark : shadowStylesLight) }))),
+            react_1.default.createElement("div", { className: workspaceContentStyles },
+                react_1.default.createElement("div", { ref: scrollDetectionTrigger }),
+                children))));
 }
 const WorkspaceContainer = (0, use_theme_1.withTheme)(UnthemedWorkspaceContainer);
 exports.WorkspaceContainer = WorkspaceContainer;

package/lib/components/workspace-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAkD;AAElD,kDAA+C;AAC/C,4DAA6C;AAE7C,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,eAAe,EAAE,yBAAK;IACtB,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,eAAe,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACpC,KAAK,EAAE,kBAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;AAOH,SAAS,0BAA0B,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAC7C,SAAS,CACV,iBACY,UAAU,KACnB,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,IAAA,qBAAS,EAAC,0BAA0B,CAAC,CAAC;AAExD,gDAAkB"}
+{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"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"}

package/lib/components/workspace-tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA4LlD,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoHF,QAAA,MAAM,GAAG,+BAAyB,CAAC;AAEnC,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AA2LlD,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoHF,QAAA,MAAM,GAAG,+BAAyB,CAAC;AAEnC,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/lib/components/workspace-tabs/tab.js

@@ -29,7 +29,6 @@ const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const use_theme_1 = require("../../hooks/use-theme");
-const compass_font_sizes_1 = require("../../compass-font-sizes");
 const use_focus_hover_1 = require("../../hooks/use-focus-hover");
 const leafygreen_1 = require("../leafygreen");
 const merge_props_1 = require("../../utils/merge-props");
@@ -48,7 +47,7 @@ const tabStyles = (0, emotion_1.css)({
     maxWidth: tokens_1.spacing[6] * 3,
     minWidth: tokens_1.spacing[6] * 2,
     position: 'relative',
-    color: palette_1.uiColors.gray.base,
+    color: palette_1.palette.gray.base,
     outline: 'none',
     '&:hover': {
         cursor: 'pointer',
@@ -60,17 +59,17 @@ const tabStyles = (0, emotion_1.css)({
     },
 });
 const tabLightThemeStyles = (0, emotion_1.css)({
-    background: palette_1.uiColors.white,
-    borderColor: palette_1.uiColors.gray.light2,
+    background: palette_1.palette.white,
+    borderColor: palette_1.palette.gray.light2,
     '&:hover': {
-        borderColor: palette_1.uiColors.gray.light1,
+        borderColor: palette_1.palette.gray.light1,
     },
 });
 const tabDarkThemeStyles = (0, emotion_1.css)({
-    backgroundColor: palette_1.uiColors.gray.dark3,
-    borderColor: palette_1.uiColors.gray.dark2,
+    backgroundColor: palette_1.palette.gray.dark3,
+    borderColor: palette_1.palette.gray.dark2,
     '&:hover': {
-        borderColor: palette_1.uiColors.gray.dark1,
+        borderColor: palette_1.palette.gray.dark1,
     },
 });
 const selectedTabStyles = (0, emotion_1.css)({
@@ -80,7 +79,7 @@ const selectedTabStyles = (0, emotion_1.css)({
 });
 const focusedTabStyles = (0, emotion_1.css)({
     zIndex: 3,
-    borderColor: palette_1.uiColors.focus,
+    borderColor: palette_1.palette.blue.light1,
     '&::after': {
         position: 'absolute',
         content: '""',
@@ -88,7 +87,7 @@ const focusedTabStyles = (0, emotion_1.css)({
         right: 0,
         left: 0,
         height: '1px',
-        backgroundColor: palette_1.uiColors.focus,
+        backgroundColor: palette_1.palette.blue.light1,
     },
 });
 const tabBottomBorderStyles = (0, emotion_1.css)({
@@ -97,16 +96,16 @@ const tabBottomBorderStyles = (0, emotion_1.css)({
     left: '-1px',
     right: '-1px',
     height: 0,
-    backgroundColor: palette_1.uiColors.green.dark1,
+    backgroundColor: palette_1.palette.green.dark1,
 });
 const selectedTabBottomBorderStyles = (0, emotion_1.css)({
     height: `${tokens_1.spacing[1]}px`,
-    backgroundColor: palette_1.uiColors.green.base,
+    backgroundColor: palette_1.palette.green.dark1,
     transition: 'height 150ms ease-out',
 });
 const focusedTabBottomBorderStyles = (0, emotion_1.css)({
     height: `${tokens_1.spacing[1]}px`,
-    backgroundColor: palette_1.uiColors.focus,
+    backgroundColor: palette_1.palette.blue.light1,
     transition: 'height 150ms ease-out',
 });
 const hiddenStyles = (0, emotion_1.css)({
@@ -120,13 +119,13 @@ const tabIconStyles = (0, emotion_1.css)({
     alignSelf: 'center',
 });
 const tabIconSelectedLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.green.dark2,
+    color: palette_1.palette.green.dark2,
 });
 const tabIconSelectedDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.green.light2,
+    color: palette_1.palette.green.light2,
 });
 const tabIconFocusedStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.focus,
+    color: palette_1.palette.blue.light1,
 });
 const tabTitleContainerStyles = (0, emotion_1.css)({
     marginRight: tokens_1.spacing[1],
@@ -145,43 +144,43 @@ const tabTitleStyles = (0, emotion_1.css)({
     textOverflow: 'ellipsis',
     overflow: 'hidden',
     fontWeight: 'bold',
-    fontSize: compass_font_sizes_1.smallFontSize,
+    fontSize: '13px',
     gridArea: 'tabName',
 });
 const tabTitleDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.gray.base,
+    color: palette_1.palette.gray.base,
 });
 const tabTitleLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.gray.base,
+    color: palette_1.palette.gray.base,
 });
 const tabTitleSelectedDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.green.light2,
+    color: palette_1.palette.green.light2,
 });
 const tabTitleSelectedLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.green.dark2,
+    color: palette_1.palette.green.dark2,
 });
 const tabTitleFocusedStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.focus,
+    color: palette_1.palette.blue.light1,
 });
 const tabSubtitleStyles = (0, emotion_1.css)({
     whiteSpace: 'nowrap',
     textOverflow: 'ellipsis',
     overflow: 'hidden',
-    fontSize: compass_font_sizes_1.smallFontSize,
+    fontSize: '13px',
     lineHeight: `${tokens_1.spacing[3]}px`,
     gridArea: 'namespace',
 });
 const tabSubtitleLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.gray.base,
+    color: palette_1.palette.gray.base,
 });
 const tabSubtitleDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.gray.light1,
+    color: palette_1.palette.gray.light1,
 });
 const tabSubtitleSelectedLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.gray.dark1,
+    color: palette_1.palette.gray.dark1,
 });
 const tabSubtitleSelectedDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.uiColors.gray.light2,
+    color: palette_1.palette.gray.light2,
 });
 function UnthemedTab({ darkMode, title, isSelected, onSelect, onClose, tabContentId, iconGlyph, subtitle, }) {
     const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();