@mongodb-js/compass-components 1.1.1 → 1.3.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/lib/components/accordion.d.ts.map +1 -1
- package/lib/components/accordion.js +4 -5
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +7 -8
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/cancel-loader.js +1 -1
- package/lib/components/cancel-loader.js.map +1 -1
- package/lib/components/collapsible-field-set.d.ts +2 -4
- package/lib/components/collapsible-field-set.d.ts.map +1 -1
- package/lib/components/collapsible-field-set.js +13 -20
- package/lib/components/collapsible-field-set.js.map +1 -1
- package/lib/components/document-list/document-actions-group.js +1 -1
- package/lib/components/document-list/document-actions-group.js.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.js +11 -9
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
- package/lib/components/document-list/document.js +4 -4
- package/lib/components/document-list/document.js.map +1 -1
- package/lib/components/document-list/element-actions.d.ts.map +1 -1
- package/lib/components/document-list/element-actions.js +6 -5
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +8 -7
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +13 -13
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/document-list/typography.d.ts +6 -0
- package/lib/components/document-list/typography.d.ts.map +1 -0
- package/lib/components/document-list/typography.js +10 -0
- package/lib/components/document-list/typography.js.map +1 -0
- package/lib/components/empty-content.d.ts +12 -0
- package/lib/components/empty-content.d.ts.map +1 -0
- package/lib/components/empty-content.js +52 -0
- package/lib/components/empty-content.js.map +1 -0
- package/lib/components/error-warning-summary.d.ts +2 -0
- package/lib/components/error-warning-summary.d.ts.map +1 -1
- package/lib/components/error-warning-summary.js +6 -6
- package/lib/components/error-warning-summary.js.map +1 -1
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +8 -10
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/form-field-container.d.ts +8 -0
- package/lib/components/form-field-container.d.ts.map +1 -0
- package/lib/components/form-field-container.js +16 -0
- package/lib/components/form-field-container.js.map +1 -0
- package/lib/components/icons/document-icon.d.ts +7 -0
- package/lib/components/icons/document-icon.d.ts.map +1 -0
- package/lib/components/icons/document-icon.js +52 -0
- package/lib/components/icons/document-icon.js.map +1 -0
- package/lib/components/icons/favorite-icon.d.ts.map +1 -1
- package/lib/components/icons/favorite-icon.js +2 -3
- package/lib/components/icons/favorite-icon.js.map +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts +8 -0
- package/lib/components/icons/no-saved-items-icon.d.ts.map +1 -0
- package/lib/components/icons/no-saved-items-icon.js +41 -0
- package/lib/components/icons/no-saved-items-icon.js.map +1 -0
- package/lib/components/interactive-popover.d.ts +3 -4
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/interactive-popover.js +30 -16
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/item-action-controls.js +2 -2
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/keyline-card.d.ts +7 -0
- package/lib/components/keyline-card.d.ts.map +1 -0
- package/lib/components/keyline-card.js +28 -0
- package/lib/components/keyline-card.js.map +1 -0
- package/lib/components/leafygreen.d.ts +20 -18
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +18 -1
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/list-editor.d.ts +14 -0
- package/lib/components/list-editor.d.ts.map +1 -0
- package/lib/components/list-editor.js +36 -0
- package/lib/components/list-editor.js.map +1 -0
- package/lib/components/{confirmation-modal.d.ts → modals/confirmation-modal.d.ts} +1 -1
- package/lib/components/modals/confirmation-modal.d.ts.map +1 -0
- package/lib/components/{confirmation-modal.js → modals/confirmation-modal.js} +1 -1
- package/lib/components/modals/confirmation-modal.js.map +1 -0
- package/lib/components/modals/form-modal.d.ts +22 -0
- package/lib/components/modals/form-modal.d.ts.map +1 -0
- package/lib/components/modals/form-modal.js +31 -0
- package/lib/components/modals/form-modal.js.map +1 -0
- package/lib/components/modals/info-modal.d.ts +12 -0
- package/lib/components/modals/info-modal.d.ts.map +1 -0
- package/lib/components/modals/info-modal.js +23 -0
- package/lib/components/modals/info-modal.js.map +1 -0
- package/lib/components/modals/modal-body.d.ts +16 -0
- package/lib/components/modals/modal-body.d.ts.map +1 -0
- package/lib/components/modals/modal-body.js +46 -0
- package/lib/components/modals/modal-body.js.map +1 -0
- package/lib/components/modals/modal-footer-button.d.ts +5 -0
- package/lib/components/modals/modal-footer-button.d.ts.map +1 -0
- package/lib/components/modals/modal-footer-button.js +37 -0
- package/lib/components/modals/modal-footer-button.js.map +1 -0
- package/lib/components/modals/modal-header.d.ts +15 -0
- package/lib/components/modals/modal-header.d.ts.map +1 -0
- package/lib/components/modals/modal-header.js +65 -0
- package/lib/components/modals/modal-header.js.map +1 -0
- package/lib/components/modals/modal.d.ts +7 -0
- package/lib/components/modals/modal.d.ts.map +1 -0
- package/lib/components/{modal.js → modals/modal.js} +9 -3
- package/lib/components/modals/modal.js.map +1 -0
- package/lib/components/placeholder.js +4 -4
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/resize-handle.d.ts.map +1 -1
- package/lib/components/resize-handle.js +2 -1
- package/lib/components/resize-handle.js.map +1 -1
- package/lib/components/resizeable-sidebar.d.ts.map +1 -1
- package/lib/components/resizeable-sidebar.js +21 -22
- package/lib/components/resizeable-sidebar.js.map +1 -1
- package/lib/components/spin-loader.js +1 -1
- package/lib/components/spin-loader.js.map +1 -1
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +11 -7
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/virtual-grid.d.ts +1 -1
- package/lib/components/workspace-container.d.ts +1 -0
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-container.js +88 -10
- package/lib/components/workspace-container.js.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.js +26 -27
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +2 -0
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.js +10 -8
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
- package/lib/hooks/use-focus-ring.d.ts.map +1 -1
- package/lib/hooks/use-focus-ring.js +3 -2
- package/lib/hooks/use-focus-ring.js.map +1 -1
- package/lib/hooks/use-theme.d.ts +2 -1
- package/lib/hooks/use-theme.d.ts.map +1 -1
- package/lib/hooks/use-theme.js +9 -6
- package/lib/hooks/use-theme.js.map +1 -1
- package/lib/index.d.ts +15 -12
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +26 -23
- package/lib/index.js.map +1 -1
- package/package.json +37 -46
- package/lib/compass-font-sizes.d.ts +0 -3
- package/lib/compass-font-sizes.d.ts.map +0 -1
- package/lib/compass-font-sizes.js +0 -6
- package/lib/compass-font-sizes.js.map +0 -1
- package/lib/compass-ui-colors.d.ts +0 -7
- package/lib/compass-ui-colors.d.ts.map +0 -1
- package/lib/compass-ui-colors.js +0 -10
- package/lib/compass-ui-colors.js.map +0 -1
- package/lib/components/confirmation-modal.d.ts.map +0 -1
- package/lib/components/confirmation-modal.js.map +0 -1
- package/lib/components/editor.d.ts +0 -36
- package/lib/components/editor.d.ts.map +0 -1
- package/lib/components/editor.js +0 -107
- package/lib/components/editor.js.map +0 -1
- package/lib/components/leafy-green/combobox/chip.d.ts +0 -4
- package/lib/components/leafy-green/combobox/chip.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/chip.js +0 -182
- package/lib/components/leafy-green/combobox/chip.js.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-context.d.ts +0 -15
- package/lib/components/leafy-green/combobox/combobox-context.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-context.js +0 -12
- package/lib/components/leafy-green/combobox/combobox-context.js.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-group.d.ts +0 -9
- package/lib/components/leafy-green/combobox/combobox-group.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-group.js +0 -69
- package/lib/components/leafy-green/combobox/combobox-group.js.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-option.d.ts +0 -10
- package/lib/components/leafy-green/combobox/combobox-option.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-option.js +0 -142
- package/lib/components/leafy-green/combobox/combobox-option.js.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-types.d.ts +0 -94
- package/lib/components/leafy-green/combobox/combobox-types.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/combobox-types.js +0 -36
- package/lib/components/leafy-green/combobox/combobox-types.js.map +0 -1
- package/lib/components/leafy-green/combobox/combobox.d.ts +0 -4
- package/lib/components/leafy-green/combobox/combobox.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/combobox.js +0 -725
- package/lib/components/leafy-green/combobox/combobox.js.map +0 -1
- package/lib/components/leafy-green/combobox/combobox.styles.d.ts +0 -39
- package/lib/components/leafy-green/combobox/combobox.styles.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/combobox.styles.js +0 -299
- package/lib/components/leafy-green/combobox/combobox.styles.js.map +0 -1
- package/lib/components/leafy-green/combobox/index.d.ts +0 -4
- package/lib/components/leafy-green/combobox/index.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/index.js +0 -13
- package/lib/components/leafy-green/combobox/index.js.map +0 -1
- package/lib/components/leafy-green/combobox/util.d.ts +0 -27
- package/lib/components/leafy-green/combobox/util.d.ts.map +0 -1
- package/lib/components/leafy-green/combobox/util.js +0 -65
- package/lib/components/leafy-green/combobox/util.js.map +0 -1
- package/lib/components/modal-title.d.ts +0 -5
- package/lib/components/modal-title.d.ts.map +0 -1
- package/lib/components/modal-title.js +0 -18
- package/lib/components/modal-title.js.map +0 -1
- package/lib/components/modal.d.ts +0 -7
- package/lib/components/modal.d.ts.map +0 -1
- package/lib/components/modal.js.map +0 -1
- package/lib/components/toolbar.d.ts +0 -10
- package/lib/components/toolbar.d.ts.map +0 -1
- package/lib/components/toolbar.js +0 -25
- package/lib/components/toolbar.js.map +0 -1
- package/lib/constants/mongodb-ace-theme-query.d.ts +0 -3
- package/lib/constants/mongodb-ace-theme-query.d.ts.map +0 -1
- package/lib/constants/mongodb-ace-theme-query.js +0 -123
- package/lib/constants/mongodb-ace-theme-query.js.map +0 -1
- package/lib/constants/mongodb-ace-theme.d.ts +0 -3
- package/lib/constants/mongodb-ace-theme.d.ts.map +0 -1
- package/lib/constants/mongodb-ace-theme.js +0 -113
- package/lib/constants/mongodb-ace-theme.js.map +0 -1
|
@@ -8,26 +8,29 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
9
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
10
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
11
|
-
const workspace_container_1 = require("./workspace-container");
|
|
12
11
|
const use_theme_1 = require("../hooks/use-theme");
|
|
13
12
|
const leafygreen_1 = require("./leafygreen");
|
|
14
13
|
const containerStyles = (0, emotion_1.css)({
|
|
15
14
|
flexGrow: 1,
|
|
16
|
-
flexShrink: 1,
|
|
17
|
-
flexBasis: 'auto',
|
|
18
15
|
display: 'flex',
|
|
19
16
|
flexDirection: 'column',
|
|
20
17
|
alignItems: 'stretch',
|
|
21
|
-
overflow: '
|
|
18
|
+
overflow: 'hidden',
|
|
22
19
|
});
|
|
23
20
|
const tabsContainerStyles = (0, emotion_1.css)({
|
|
21
|
+
flex: 'none',
|
|
24
22
|
padding: `0 ${tokens_1.spacing[3]}px`,
|
|
25
23
|
});
|
|
26
24
|
const tabsContainerDarkStyles = (0, emotion_1.css)({
|
|
27
|
-
background: palette_1.
|
|
25
|
+
background: palette_1.palette.gray.dark3,
|
|
28
26
|
});
|
|
29
27
|
const tabsContainerLightStyles = (0, emotion_1.css)({
|
|
30
|
-
background: palette_1.
|
|
28
|
+
background: palette_1.palette.white,
|
|
29
|
+
});
|
|
30
|
+
const tabStyles = (0, emotion_1.css)({
|
|
31
|
+
display: 'flex',
|
|
32
|
+
flex: 1,
|
|
33
|
+
minHeight: 0,
|
|
31
34
|
});
|
|
32
35
|
const hiddenStyles = (0, emotion_1.css)({
|
|
33
36
|
display: 'none',
|
|
@@ -36,7 +39,8 @@ function UnthemedTabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel,
|
|
|
36
39
|
return (react_1.default.createElement("div", { className: containerStyles },
|
|
37
40
|
react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
|
|
38
41
|
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 }))))),
|
|
39
|
-
views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement(
|
|
42
|
+
views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
43
|
+
[tabStyles]: true,
|
|
40
44
|
[hiddenStyles]: idx !== activeTabIndex,
|
|
41
45
|
}), key: `tab-content-${tabs[idx]}`, "data-testid": `${tabs[idx]
|
|
42
46
|
.toLowerCase()
|
|
@@ -1 +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,
|
|
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,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"}
|
|
@@ -25,6 +25,6 @@ declare type VirtualGridProps = {
|
|
|
25
25
|
};
|
|
26
26
|
resetActiveItemOnBlur?: boolean;
|
|
27
27
|
};
|
|
28
|
-
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" | "
|
|
28
|
+
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>>;
|
|
29
29
|
export {};
|
|
30
30
|
//# sourceMappingURL=virtual-grid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAkFtC,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;AAiDF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,30 +1,108 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
4
24
|
};
|
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
26
|
exports.WorkspaceContainer = void 0;
|
|
7
|
-
const react_1 =
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
8
28
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
29
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
10
30
|
const use_theme_1 = require("../hooks/use-theme");
|
|
11
|
-
const
|
|
31
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
32
|
+
const polished_1 = require("polished");
|
|
33
|
+
const react_intersection_observer_1 = require("react-intersection-observer");
|
|
12
34
|
const workspaceContainerStyles = (0, emotion_1.css)({
|
|
13
35
|
height: '100%',
|
|
14
36
|
width: '100%',
|
|
15
37
|
display: 'flex',
|
|
38
|
+
flexDirection: 'column',
|
|
39
|
+
overflow: 'hidden',
|
|
40
|
+
});
|
|
41
|
+
const toolbarStyles = (0, emotion_1.css)({
|
|
42
|
+
flex: 'none',
|
|
43
|
+
});
|
|
44
|
+
const scrollBoxStyles = (0, emotion_1.css)({
|
|
45
|
+
flex: 1,
|
|
46
|
+
width: '100%',
|
|
47
|
+
minHeight: 0,
|
|
48
|
+
position: 'relative',
|
|
49
|
+
zIndex: 0,
|
|
50
|
+
});
|
|
51
|
+
const shadowHeight = tokens_1.spacing[4];
|
|
52
|
+
const shadowContainerStyles = (0, emotion_1.css)({
|
|
53
|
+
overflow: 'hidden',
|
|
54
|
+
position: 'absolute',
|
|
55
|
+
top: 0,
|
|
56
|
+
display: 'block',
|
|
57
|
+
width: '100%',
|
|
58
|
+
height: shadowHeight * 2,
|
|
59
|
+
flex: 'none',
|
|
60
|
+
zIndex: 1,
|
|
61
|
+
pointerEvents: 'none',
|
|
62
|
+
});
|
|
63
|
+
const boxShadow = (color) => `0px 2px ${shadowHeight}px -1px ${color}`;
|
|
64
|
+
const shadowStyles = (0, emotion_1.css)({
|
|
65
|
+
height: shadowHeight,
|
|
66
|
+
borderRadius: tokens_1.spacing[2],
|
|
67
|
+
width: `calc(100% - ${shadowHeight})`,
|
|
68
|
+
margin: '0 auto',
|
|
69
|
+
marginTop: -shadowHeight,
|
|
70
|
+
});
|
|
71
|
+
const shadowStylesLight = (0, emotion_1.css)({
|
|
72
|
+
boxShadow: boxShadow((0, polished_1.rgba)(palette_1.palette.black, 0.15)),
|
|
73
|
+
});
|
|
74
|
+
const shadowStylesDark = (0, emotion_1.css)({
|
|
75
|
+
boxShadow: boxShadow((0, polished_1.rgba)(palette_1.palette.black, 0.4)),
|
|
76
|
+
});
|
|
77
|
+
const workspaceContentStyles = (0, emotion_1.css)({
|
|
16
78
|
overflow: 'auto',
|
|
79
|
+
height: '100%',
|
|
80
|
+
width: '100%',
|
|
81
|
+
display: 'block',
|
|
82
|
+
position: 'relative',
|
|
83
|
+
zIndex: 0,
|
|
17
84
|
});
|
|
18
85
|
const lightThemeStyles = (0, emotion_1.css)({
|
|
19
|
-
backgroundColor:
|
|
20
|
-
color: palette_1.
|
|
86
|
+
backgroundColor: palette_1.palette.white,
|
|
87
|
+
color: palette_1.palette.gray.dark2,
|
|
21
88
|
});
|
|
22
89
|
const darkThemeStyles = (0, emotion_1.css)({
|
|
23
|
-
backgroundColor: palette_1.
|
|
24
|
-
color: palette_1.
|
|
90
|
+
backgroundColor: palette_1.palette.gray.dark3,
|
|
91
|
+
color: palette_1.palette.white,
|
|
25
92
|
});
|
|
26
|
-
function UnthemedWorkspaceContainer({ className, darkMode, children, 'data-testid': dataTestId, ...props }) {
|
|
27
|
-
|
|
93
|
+
function UnthemedWorkspaceContainer({ className, darkMode, children, toolbar, 'data-testid': dataTestId, ...props }) {
|
|
94
|
+
const scrollContainer = (0, react_1.useRef)(null);
|
|
95
|
+
const [scrollDetectionTrigger, triggerStillInView] = (0, react_intersection_observer_1.useInView)({
|
|
96
|
+
root: scrollContainer.current,
|
|
97
|
+
});
|
|
98
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-testid": dataTestId, ...props },
|
|
99
|
+
toolbar && react_1.default.createElement("div", { className: toolbarStyles }, toolbar),
|
|
100
|
+
react_1.default.createElement("div", { className: scrollBoxStyles, ref: scrollContainer },
|
|
101
|
+
triggerStillInView || (react_1.default.createElement("div", { className: shadowContainerStyles },
|
|
102
|
+
react_1.default.createElement("div", { className: (0, emotion_1.cx)(shadowStyles, darkMode ? shadowStylesDark : shadowStylesLight) }))),
|
|
103
|
+
react_1.default.createElement("div", { className: workspaceContentStyles },
|
|
104
|
+
react_1.default.createElement("div", { ref: scrollDetectionTrigger }),
|
|
105
|
+
children))));
|
|
28
106
|
}
|
|
29
107
|
const WorkspaceContainer = (0, use_theme_1.withTheme)(UnthemedWorkspaceContainer);
|
|
30
108
|
exports.WorkspaceContainer = WorkspaceContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -29,7 +29,6 @@ const emotion_1 = require("@leafygreen-ui/emotion");
|
|
|
29
29
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
30
30
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
31
31
|
const use_theme_1 = require("../../hooks/use-theme");
|
|
32
|
-
const compass_font_sizes_1 = require("../../compass-font-sizes");
|
|
33
32
|
const use_focus_hover_1 = require("../../hooks/use-focus-hover");
|
|
34
33
|
const leafygreen_1 = require("../leafygreen");
|
|
35
34
|
const merge_props_1 = require("../../utils/merge-props");
|
|
@@ -48,7 +47,7 @@ const tabStyles = (0, emotion_1.css)({
|
|
|
48
47
|
maxWidth: tokens_1.spacing[6] * 3,
|
|
49
48
|
minWidth: tokens_1.spacing[6] * 2,
|
|
50
49
|
position: 'relative',
|
|
51
|
-
color: palette_1.
|
|
50
|
+
color: palette_1.palette.gray.base,
|
|
52
51
|
outline: 'none',
|
|
53
52
|
'&:hover': {
|
|
54
53
|
cursor: 'pointer',
|
|
@@ -60,17 +59,17 @@ const tabStyles = (0, emotion_1.css)({
|
|
|
60
59
|
},
|
|
61
60
|
});
|
|
62
61
|
const tabLightThemeStyles = (0, emotion_1.css)({
|
|
63
|
-
background: palette_1.
|
|
64
|
-
borderColor: palette_1.
|
|
62
|
+
background: palette_1.palette.white,
|
|
63
|
+
borderColor: palette_1.palette.gray.light2,
|
|
65
64
|
'&:hover': {
|
|
66
|
-
borderColor: palette_1.
|
|
65
|
+
borderColor: palette_1.palette.gray.light1,
|
|
67
66
|
},
|
|
68
67
|
});
|
|
69
68
|
const tabDarkThemeStyles = (0, emotion_1.css)({
|
|
70
|
-
backgroundColor: palette_1.
|
|
71
|
-
borderColor: palette_1.
|
|
69
|
+
backgroundColor: palette_1.palette.gray.dark3,
|
|
70
|
+
borderColor: palette_1.palette.gray.dark2,
|
|
72
71
|
'&:hover': {
|
|
73
|
-
borderColor: palette_1.
|
|
72
|
+
borderColor: palette_1.palette.gray.dark1,
|
|
74
73
|
},
|
|
75
74
|
});
|
|
76
75
|
const selectedTabStyles = (0, emotion_1.css)({
|
|
@@ -80,7 +79,7 @@ const selectedTabStyles = (0, emotion_1.css)({
|
|
|
80
79
|
});
|
|
81
80
|
const focusedTabStyles = (0, emotion_1.css)({
|
|
82
81
|
zIndex: 3,
|
|
83
|
-
borderColor: palette_1.
|
|
82
|
+
borderColor: palette_1.palette.blue.light1,
|
|
84
83
|
'&::after': {
|
|
85
84
|
position: 'absolute',
|
|
86
85
|
content: '""',
|
|
@@ -88,7 +87,7 @@ const focusedTabStyles = (0, emotion_1.css)({
|
|
|
88
87
|
right: 0,
|
|
89
88
|
left: 0,
|
|
90
89
|
height: '1px',
|
|
91
|
-
backgroundColor: palette_1.
|
|
90
|
+
backgroundColor: palette_1.palette.blue.light1,
|
|
92
91
|
},
|
|
93
92
|
});
|
|
94
93
|
const tabBottomBorderStyles = (0, emotion_1.css)({
|
|
@@ -97,16 +96,16 @@ const tabBottomBorderStyles = (0, emotion_1.css)({
|
|
|
97
96
|
left: '-1px',
|
|
98
97
|
right: '-1px',
|
|
99
98
|
height: 0,
|
|
100
|
-
backgroundColor: palette_1.
|
|
99
|
+
backgroundColor: palette_1.palette.green.dark1,
|
|
101
100
|
});
|
|
102
101
|
const selectedTabBottomBorderStyles = (0, emotion_1.css)({
|
|
103
102
|
height: `${tokens_1.spacing[1]}px`,
|
|
104
|
-
backgroundColor: palette_1.
|
|
103
|
+
backgroundColor: palette_1.palette.green.dark1,
|
|
105
104
|
transition: 'height 150ms ease-out',
|
|
106
105
|
});
|
|
107
106
|
const focusedTabBottomBorderStyles = (0, emotion_1.css)({
|
|
108
107
|
height: `${tokens_1.spacing[1]}px`,
|
|
109
|
-
backgroundColor: palette_1.
|
|
108
|
+
backgroundColor: palette_1.palette.blue.light1,
|
|
110
109
|
transition: 'height 150ms ease-out',
|
|
111
110
|
});
|
|
112
111
|
const hiddenStyles = (0, emotion_1.css)({
|
|
@@ -120,13 +119,13 @@ const tabIconStyles = (0, emotion_1.css)({
|
|
|
120
119
|
alignSelf: 'center',
|
|
121
120
|
});
|
|
122
121
|
const tabIconSelectedLightThemeStyles = (0, emotion_1.css)({
|
|
123
|
-
color: palette_1.
|
|
122
|
+
color: palette_1.palette.green.dark2,
|
|
124
123
|
});
|
|
125
124
|
const tabIconSelectedDarkThemeStyles = (0, emotion_1.css)({
|
|
126
|
-
color: palette_1.
|
|
125
|
+
color: palette_1.palette.green.light2,
|
|
127
126
|
});
|
|
128
127
|
const tabIconFocusedStyles = (0, emotion_1.css)({
|
|
129
|
-
color: palette_1.
|
|
128
|
+
color: palette_1.palette.blue.light1,
|
|
130
129
|
});
|
|
131
130
|
const tabTitleContainerStyles = (0, emotion_1.css)({
|
|
132
131
|
marginRight: tokens_1.spacing[1],
|
|
@@ -145,43 +144,43 @@ const tabTitleStyles = (0, emotion_1.css)({
|
|
|
145
144
|
textOverflow: 'ellipsis',
|
|
146
145
|
overflow: 'hidden',
|
|
147
146
|
fontWeight: 'bold',
|
|
148
|
-
fontSize:
|
|
147
|
+
fontSize: '13px',
|
|
149
148
|
gridArea: 'tabName',
|
|
150
149
|
});
|
|
151
150
|
const tabTitleDarkThemeStyles = (0, emotion_1.css)({
|
|
152
|
-
color: palette_1.
|
|
151
|
+
color: palette_1.palette.gray.base,
|
|
153
152
|
});
|
|
154
153
|
const tabTitleLightThemeStyles = (0, emotion_1.css)({
|
|
155
|
-
color: palette_1.
|
|
154
|
+
color: palette_1.palette.gray.base,
|
|
156
155
|
});
|
|
157
156
|
const tabTitleSelectedDarkThemeStyles = (0, emotion_1.css)({
|
|
158
|
-
color: palette_1.
|
|
157
|
+
color: palette_1.palette.green.light2,
|
|
159
158
|
});
|
|
160
159
|
const tabTitleSelectedLightThemeStyles = (0, emotion_1.css)({
|
|
161
|
-
color: palette_1.
|
|
160
|
+
color: palette_1.palette.green.dark2,
|
|
162
161
|
});
|
|
163
162
|
const tabTitleFocusedStyles = (0, emotion_1.css)({
|
|
164
|
-
color: palette_1.
|
|
163
|
+
color: palette_1.palette.blue.light1,
|
|
165
164
|
});
|
|
166
165
|
const tabSubtitleStyles = (0, emotion_1.css)({
|
|
167
166
|
whiteSpace: 'nowrap',
|
|
168
167
|
textOverflow: 'ellipsis',
|
|
169
168
|
overflow: 'hidden',
|
|
170
|
-
fontSize:
|
|
169
|
+
fontSize: '13px',
|
|
171
170
|
lineHeight: `${tokens_1.spacing[3]}px`,
|
|
172
171
|
gridArea: 'namespace',
|
|
173
172
|
});
|
|
174
173
|
const tabSubtitleLightThemeStyles = (0, emotion_1.css)({
|
|
175
|
-
color: palette_1.
|
|
174
|
+
color: palette_1.palette.gray.base,
|
|
176
175
|
});
|
|
177
176
|
const tabSubtitleDarkThemeStyles = (0, emotion_1.css)({
|
|
178
|
-
color: palette_1.
|
|
177
|
+
color: palette_1.palette.gray.light1,
|
|
179
178
|
});
|
|
180
179
|
const tabSubtitleSelectedLightThemeStyles = (0, emotion_1.css)({
|
|
181
|
-
color: palette_1.
|
|
180
|
+
color: palette_1.palette.gray.dark1,
|
|
182
181
|
});
|
|
183
182
|
const tabSubtitleSelectedDarkThemeStyles = (0, emotion_1.css)({
|
|
184
|
-
color: palette_1.
|
|
183
|
+
color: palette_1.palette.gray.light2,
|
|
185
184
|
});
|
|
186
185
|
function UnthemedTab({ darkMode, title, isSelected, onSelect, onClose, tabContentId, iconGlyph, subtitle, }) {
|
|
187
186
|
const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,oDAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { glyphs } from '@leafygreen-ui/icon';
|
|
3
|
+
export declare const scrollbarThumbLightTheme: string;
|
|
4
|
+
export declare const scrollbarThumbDarkTheme: string;
|
|
3
5
|
declare type WorkspaceTabsProps = {
|
|
4
6
|
'aria-label': string;
|
|
5
7
|
darkMode?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AASlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AA+LrE,aAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;CACzB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAyBrB;AA4ED,QAAA,MAAM,aAAa,yCAAmC,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -23,18 +23,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.WorkspaceTabs = exports.useRovingTabIndex = void 0;
|
|
26
|
+
exports.WorkspaceTabs = exports.useRovingTabIndex = exports.scrollbarThumbDarkTheme = exports.scrollbarThumbLightTheme = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
29
29
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
30
30
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
31
31
|
const react_sortable_hoc_1 = require("react-sortable-hoc");
|
|
32
|
+
const polished_1 = require("polished");
|
|
32
33
|
const use_theme_1 = require("../../hooks/use-theme");
|
|
33
34
|
const use_focus_hover_1 = require("../../hooks/use-focus-hover");
|
|
34
35
|
const leafygreen_1 = require("../leafygreen");
|
|
35
36
|
const merge_props_1 = require("../../utils/merge-props");
|
|
36
|
-
const compass_ui_colors_1 = require("../../compass-ui-colors");
|
|
37
37
|
const tab_1 = require("./tab");
|
|
38
|
+
exports.scrollbarThumbLightTheme = (0, polished_1.rgba)(palette_1.palette.gray.base, 0.65);
|
|
39
|
+
exports.scrollbarThumbDarkTheme = (0, polished_1.rgba)(palette_1.palette.gray.base, 0.65);
|
|
38
40
|
const tabsContainerStyles = (0, emotion_1.css)({
|
|
39
41
|
margin: 0,
|
|
40
42
|
padding: 0,
|
|
@@ -50,17 +52,17 @@ const tabsContainerStyles = (0, emotion_1.css)({
|
|
|
50
52
|
},
|
|
51
53
|
});
|
|
52
54
|
const tabsContainerLightStyles = (0, emotion_1.css)({
|
|
53
|
-
background: palette_1.
|
|
54
|
-
borderBottomColor: palette_1.
|
|
55
|
+
background: palette_1.palette.white,
|
|
56
|
+
borderBottomColor: palette_1.palette.gray.light2,
|
|
55
57
|
'::-webkit-scrollbar-thumb': {
|
|
56
|
-
backgroundColor:
|
|
58
|
+
backgroundColor: exports.scrollbarThumbLightTheme,
|
|
57
59
|
},
|
|
58
60
|
});
|
|
59
61
|
const tabsContainerDarkStyles = (0, emotion_1.css)({
|
|
60
|
-
backgroundColor: palette_1.
|
|
61
|
-
borderBottomColor: palette_1.
|
|
62
|
+
backgroundColor: palette_1.palette.gray.dark3,
|
|
63
|
+
borderBottomColor: palette_1.palette.gray.dark2,
|
|
62
64
|
'::-webkit-scrollbar-thumb': {
|
|
63
|
-
backgroundColor:
|
|
65
|
+
backgroundColor: exports.scrollbarThumbDarkTheme,
|
|
64
66
|
},
|
|
65
67
|
});
|
|
66
68
|
const tabsListContainerStyles = (0, emotion_1.css)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,oDAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,oDAAiD;AACjD,oDAAiD;AACjD,kDAAgD;AAChD,2DAAwE;AAExE,uCAAgC;AAEhC,qDAAkD;AAClD,iEAAwE;AACxE,8CAAiD;AACjD,yDAAqD;AACrD,+BAA4B;AAEf,QAAA,wBAAwB,GAAG,IAAA,eAAI,EAAC,iBAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,uBAAuB,GAAG,IAAA,eAAI,EAAC,iBAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAErE,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,WAAW;IACzB,qBAAqB,EAAE;QACrB,aAAa,EAAE;YACb,MAAM,EAAE,gBAAO,CAAC,CAAC,CAAC;SACnB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,iBAAO,CAAC,KAAK;IACzB,iBAAiB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACtC,2BAA2B,EAAE;QAC3B,eAAe,EAAE,gCAAwB;KAC1C;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,eAAe,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACnC,iBAAiB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACrC,2BAA2B,EAAE;QAC3B,eAAe,EAAE,+BAAuB;KACzC;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,OAAO,EAAE,CAAC;IACV,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;IACtB,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAC;IACtC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAKH,MAAM,gCAAgC,GAAG,IAAA,aAAG,EAAC;IAC3C,aAAa,EAAE,iBAAiB;IAChC,MAAM,EAAE,qBAAqB;IAC7B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC;AAEH,SAAS,4BAA4B,CAAiB,EACpD,SAAS,EACT,WAAW,EACX,gBAAgB,GAKjB;IACC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,GAAwC,EAAE,EAAE;QAC3C,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC;QAEtB,IAAI,GAAG,CAAC,GAAG,KAAK,WAAW,EAAE;YAC3B,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,YAAY,GAAG,gBAAgB,GAAG,CAAC,CAAC;SACrC;QAED,IAAI,GAAG,CAAC,GAAG,KAAK,YAAY,EAAE;YAC5B,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,YAAY,GAAG,gBAAgB,GAAG,CAAC,CAAC;SACrC;QAED,IAAI,GAAG,CAAC,GAAG,KAAK,MAAM,EAAE;YACtB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,GAAG,CAAC,eAAe,EAAE,CAAC;YAEtB,YAAY,GAAG,CAAC,CAAC;SAClB;QAED,IAAI,GAAG,CAAC,GAAG,KAAK,KAAK,EAAE;YACrB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,GAAG,CAAC,eAAe,EAAE,CAAC;YAEtB,YAAY,GAAG,SAAS,GAAG,CAAC,CAAC;SAC9B;QAED,IACE,SAAS,GAAG,CAAC;YACb,YAAY,KAAK,gBAAgB;YACjC,YAAY,IAAI,CAAC;YACjB,YAAY,GAAG,SAAS,EACxB;YACA,WAAW,CAAC,YAAY,CAAC,CAAC;SAC3B;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,SAAS,EAAE,WAAW,CAAC,CAC3C,CAAC;IAEF,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;AACzB,CAAC;AAUD,MAAM,YAAY,GAAG,IAAA,oCAAe,EAClC,CAAC,EACC,GAAG,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EACjD,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACW,EAAE,EAAE;IACtB,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,gBAAgB,KAAK,QAAQ,EACnC,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,8BAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AASF,MAAM,YAAY,GAAG,IAAA,sCAAiB,EACpC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAqB,EAAE,EAAE,CAAC,CACpE,uCAAK,SAAS,EAAE,2BAA2B,IACxC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAa,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1C,8BAAC,YAAY,IACX,GAAG,EAAE,OAAO,KAAK,IAAI,GAAG,CAAC,QAAQ,EAAE,EAGnC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CACE,CACP,CACF,CAAC;AAoBF,SAAgB,iBAAiB,CAAsC,EACrE,eAAe,GAGhB;IACC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAW,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,IAAA,+BAAa,GAAE,CAAC;IAEjD,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QACrC,MAAM,QAAQ,GAAG,0BACf,eAAe,GAAG,CACpB,GAAG,CAAC;QACJ,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,aAAa,CAAI,QAAQ,CAAC,0CAAE,KAAK,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE;YACE,4BAAU,CAAC,KAAK;YAChB,4BAAU,CAAC,YAAY;YACvB,4BAAU,CAAC,WAAW;YACtB,4BAAU,CAAC,kBAAkB;SAC9B,CAAC,QAAQ,CAAC,UAAU,CAAC,EACtB;YACA,aAAa,EAAE,CAAC;SACjB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;AAC1C,CAAC;AA7BD,8CA6BC;AAED,SAAS,qBAAqB,CAAC,EAC7B,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,SAAS,EACT,WAAW,EACX,IAAI,EACJ,gBAAgB,GACG;IACnB,MAAM,gBAAgB,GAAG,iBAAiB,CAAiB;QACzD,eAAe,EAAE,gBAAgB;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,eAAe,CAAC,GAAG,4BAA4B,CAAiB;QACrE,gBAAgB;QAChB,WAAW;QACX,SAAS,EAAE,IAAI,CAAC,MAAM;KACvB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,IAAA,wBAAU,EAClC,gBAAgB,EAChB,eAAe,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;QACzB,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;QAED,uCAAK,SAAS,EAAE,uBAAuB;YACrC,uCACE,SAAS,EAAE,cAAc,EACzB,IAAI,EAAC,SAAS,gBACF,SAAS,sBACJ,YAAY,KACzB,iBAAiB;gBAErB,8BAAC,YAAY,IACX,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAC,GAAG,EACR,QAAQ,EAAC,GAAG,EACZ,oBAAoB,QACpB,UAAU,EAAC,IAAI,EACf,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,gCAAgC,GAC7C,CACE;YACN,uCAAK,SAAS,EAAE,qBAAqB;gBACnC,8BAAC,uBAAU,IACT,SAAS,EAAE,wBAAwB,gBACxB,gBAAgB,EAC3B,OAAO,EAAE,cAAc;oBAEvB,8BAAC,iBAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,GAAG,CAC9B,CACT,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,IAAA,qBAAS,EAAC,qBAAqB,CAAC,CAAC;AAE9C,sCAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-focus-ring.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-focus-ring.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,SAAS,QAQpB,CAAC;AA8BH,wBAAgB,YAAY,CAAC,EAC3B,KAAa,EACb,WAAmB,EACnB,KAAa,EACb,MAAM,GACP,GAAE;IAED,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;CACZ;;EAiCL"}
|
|
@@ -19,17 +19,18 @@ const focusRingStyles = (0, emotion_1.css)({
|
|
|
19
19
|
borderRadius: tokens_1.spacing[1],
|
|
20
20
|
boxShadow: `0 0 0 0 transparent`,
|
|
21
21
|
transition: 'box-shadow .16s ease-in',
|
|
22
|
+
zIndex: 1,
|
|
22
23
|
},
|
|
23
24
|
});
|
|
24
25
|
const focusRingVisibleStyles = (0, emotion_1.css)({
|
|
25
26
|
'&::after': {
|
|
26
|
-
boxShadow: `0 0 0 3px ${palette_1.
|
|
27
|
+
boxShadow: `0 0 0 3px ${palette_1.palette.blue.light1} !important`,
|
|
27
28
|
transitionTimingFunction: 'ease-out',
|
|
28
29
|
},
|
|
29
30
|
});
|
|
30
31
|
const focusRingHoverVisibleStyles = (0, emotion_1.css)({
|
|
31
32
|
'&::after': {
|
|
32
|
-
boxShadow: `0 0 0 3px ${palette_1.
|
|
33
|
+
boxShadow: `0 0 0 3px ${palette_1.palette.gray.light2}`,
|
|
33
34
|
transitionTimingFunction: 'ease-out',
|
|
34
35
|
},
|
|
35
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-focus-ring.js","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,oDAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"use-focus-ring.js","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,oDAAiD;AACjD,oDAAiD;AACjD,iCAAgC;AAEhC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,MAAM;QACrB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;QACxB,SAAS,EAAE,qBAAqB;QAChC,UAAU,EAAE,yBAAyB;QACrC,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE;QACV,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,aAAa;QACxD,wBAAwB,EAAE,UAAU;KACrC;CACF,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAC;IACtC,UAAU,EAAE;QACV,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC7C,wBAAwB,EAAE,UAAU;KACrC;CACF,CAAC,CAAC;AAMU,QAAA,SAAS,GAAG,IAAA,aAAG,EAAC,eAAe,EAAE;IAO5C,iBAAiB,EAAE,sBAAsB;CAC1C,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE;QACV,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,gBAAgB,EAAE,sBAAsB;CACzC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,SAAS,EAAE,2BAA2B;CACvC,CAAC,CAAC;AAaH,SAAgB,YAAY,CAAC,EAC3B,KAAK,GAAG,KAAK,EACb,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,MAAM,MAUJ,EAAE;IACJ,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,IAAI,cAAc,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,OAAO,CACL,OAAO,MAAM,KAAK,QAAQ;YAC1B,IAAA,aAAG,EAAC;gBACF,UAAU,EAAE;oBACV,YAAY,EAAE,MAAM;iBACrB;aACF,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,WAAW,IAAI,eAAe,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,IAAI,cAAc,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACL,SAAS,EAAE,IAAA,YAAE,EACX,iBAAS,EACT,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,CACX;KACF,CAAC;AACJ,CAAC;AA/CD,oCA+CC"}
|
package/lib/hooks/use-theme.d.ts
CHANGED
|
@@ -5,13 +5,14 @@ declare enum Theme {
|
|
|
5
5
|
}
|
|
6
6
|
declare type ThemeState = {
|
|
7
7
|
theme: Theme;
|
|
8
|
-
enabled
|
|
8
|
+
enabled: boolean;
|
|
9
9
|
};
|
|
10
10
|
declare const ThemeProvider: ({ children, theme, }: {
|
|
11
11
|
children: React.ReactNode;
|
|
12
12
|
theme: ThemeState;
|
|
13
13
|
}) => React.ReactElement;
|
|
14
14
|
declare function useTheme(): ThemeState;
|
|
15
|
+
export declare function useDarkMode(): boolean | undefined;
|
|
15
16
|
interface WithThemeProps {
|
|
16
17
|
darkMode?: boolean;
|
|
17
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,
|
|
1
|
+
{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAOF,QAAA,MAAM,aAAa;cAIP,MAAM,SAAS;WAClB,UAAU;MACf,MAAM,YAIT,CAAC;AAEF,iBAAS,QAAQ,IAAI,UAAU,CAE9B;AAED,wBAAgB,WAAW,IAAI,OAAO,GAAG,SAAS,CAGjD;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,QAAA,MAAM,SAAS,yKA4Bd,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
|