@jupyterlab/shortcuts-extension 4.0.0-alpha.4 → 4.0.0-alpha.7

package/lib/componentStyle/ShortcutButtonStyle.d.ts

@@ -0,0 +1,2 @@
+export declare const shortcutStyle: string;
+export declare const shortcutConflictStyle: string;

package/lib/componentStyle/ShortcutButtonStyle.js

@@ -0,0 +1,41 @@
+import { style } from 'typestyle/lib';
+export const shortcutStyle = style({
+    margin: '9px 5px 5px 4px',
+    paddingTop: '8px',
+    backgroundSize: '16px',
+    height: '16px',
+    width: '16px',
+    backgroundImage: 'var(--jp-icon-remove-med)',
+    backgroundPosition: 'center',
+    backgroundRepeat: 'no-repeat',
+    backgroundColor: 'var(--jp-layout-color0)',
+    border: 'none',
+    $nest: {
+        '&:hover': {
+            backgroundImage: 'var(--jp-icon-remove)'
+        },
+        '&:active': {
+            backgroundImage: 'var(--jp-icon-remove)'
+        },
+        '&:focus': {
+            backgroundImage: 'var(--jp-icon-remove)',
+            outline: 'none'
+        }
+    }
+});
+export const shortcutConflictStyle = style({
+    backgroundImage: 'var(--jp-icon-remove-light)',
+    backgroundColor: 'var(--jp-error-color2)',
+    $nest: {
+        '&:hover': {
+            backgroundImage: 'var(--jp-icon-remove-med)'
+        },
+        '&:active': {
+            backgroundImage: 'var(--jp-icon-remove-med)'
+        },
+        '&:focus': {
+            backgroundImage: 'var(--jp-icon-remove-med)'
+        }
+    }
+});
+//# sourceMappingURL=ShortcutButtonStyle.js.map

package/lib/componentStyle/ShortcutButtonStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutButtonStyle.js","sourceRoot":"","sources":["../../src/componentStyle/ShortcutButtonStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,iBAAiB;IACzB,UAAU,EAAE,KAAK;IACjB,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,2BAA2B;IAC5C,kBAAkB,EAAE,QAAQ;IAC5B,gBAAgB,EAAE,WAAW;IAC7B,eAAe,EAAE,yBAAyB;IAC1C,MAAM,EAAE,MAAM;IAEd,KAAK,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,uBAAuB;SACzC;QACD,UAAU,EAAE;YACV,eAAe,EAAE,uBAAuB;SACzC;QACD,SAAS,EAAE;YACT,eAAe,EAAE,uBAAuB;YACxC,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC;IACzC,eAAe,EAAE,6BAA6B;IAC9C,eAAe,EAAE,wBAAwB;IAEzC,KAAK,EAAE;QACL,SAAS,EAAE;YACT,eAAe,EAAE,2BAA2B;SAC7C;QACD,UAAU,EAAE;YACV,eAAe,EAAE,2BAA2B;SAC7C;QACD,SAAS,EAAE;YACT,eAAe,EAAE,2BAA2B;SAC7C;KACF;CACF,CAAC,CAAC"}

package/lib/componentStyle/ShortcutInputStyle.d.ts

@@ -0,0 +1,11 @@
+export declare const InputBoxStyle: string;
+export declare const InputBoxNewStyle: string;
+export declare const InputBoxHiddenStyle: string;
+export declare const InputStyle: string;
+export declare const InputUnavailableStyle: string;
+export declare const InputTextStyle: string;
+export declare const InputSelectedTextStyle: string;
+export declare const InputWaitingStyle: string;
+export declare const SubmitStyle: string;
+export declare const SubmitNonFunctionalStyle: string;
+export declare const SubmitConflictStyle: string;

package/lib/componentStyle/ShortcutInputStyle.js

@@ -0,0 +1,98 @@
+import { keyframes, style } from 'typestyle';
+export const InputBoxStyle = style({
+    display: 'inline-flex',
+    paddingTop: '2px'
+});
+export const InputBoxNewStyle = style({
+    marginLeft: '10px'
+});
+export const InputBoxHiddenStyle = style({
+    display: 'hidden'
+});
+const slideAnimation = keyframes({
+    from: {
+        width: '0',
+        left: '0'
+    },
+    to: {
+        width: '120px',
+        left: '0'
+    }
+});
+export const InputStyle = style({
+    animationDuration: '0.5s',
+    animationTimingFunction: 'ease-out',
+    animationName: slideAnimation,
+    borderWidth: 'var(--jp-border-width)',
+    borderColor: 'var(--jp-border-color3)',
+    borderStyle: 'solid',
+    backgroundColor: 'var(--jp-layout-color0)',
+    marginLeft: 'auto',
+    paddingLeft: '10px',
+    width: '120px',
+    height: '25px',
+    lineHeight: '25px',
+    display: 'block',
+    $nest: {
+        '&:focus': {
+            outline: 'none',
+            color: 'var(--jp-content-font-color1)',
+            borderColor: 'var(--jp-brand-color2)'
+        }
+    }
+});
+export const InputUnavailableStyle = style({
+    $nest: {
+        '&:focus': {
+            borderColor: 'var(--jp-error-color2)'
+        }
+    }
+});
+export const InputTextStyle = style({
+    overflowX: 'hidden',
+    overflowY: 'hidden',
+    margin: '0',
+    marginTop: '4px',
+    padding: '0 5px',
+    height: '17px',
+    lineHeight: '17px',
+    width: 'fit-content'
+});
+export const InputSelectedTextStyle = style({
+    backgroundColor: 'var(--jp-brand-color3)',
+    overflow: 'hidden'
+});
+export const InputWaitingStyle = style({
+    color: 'var(--jp-content-font-color3)'
+});
+export const SubmitStyle = style({
+    background: 'var(--jp-brand-color1)',
+    borderRadius: '0px',
+    border: 'none',
+    color: 'var(--jp-layout-color0)',
+    fontFamily: 'var(--jp-ui-font-family)',
+    display: 'block',
+    height: '27px',
+    backgroundImage: 'var( --jp-icon-checkmark-white )',
+    backgroundRepeat: 'no-repeat',
+    width: '26px',
+    $nest: {
+        '&:focus': {
+            outline: 'none'
+        }
+    }
+});
+export const SubmitNonFunctionalStyle = style({
+    backgroundImage: 'var( --jp-icon-checkmark-white )',
+    background: 'var(--jp-layout-color3)'
+});
+export const SubmitConflictStyle = style({
+    background: 'var(--jp-error-color1)',
+    backgroundImage: 'var(--jp-icon-error-white )',
+    backgroundRepeat: 'no-repeat',
+    backgroundSize: '20px',
+    backgroundPositionX: '2px',
+    backgroundPositionY: '2px',
+    border: 'none'
+});
+//# sourceMappingURL=ShortcutInputStyle.js.map

package/lib/componentStyle/ShortcutInputStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutInputStyle.js","sourceRoot":"","sources":["../../src/componentStyle/ShortcutInputStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC;IACjC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC;IACpC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC;IACvC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,SAAS,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,GAAG;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,GAAG;KACV;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;IAC9B,iBAAiB,EAAE,MAAM;IACzB,uBAAuB,EAAE,UAAU;IACnC,aAAa,EAAE,cAAc;IAC7B,WAAW,EAAE,wBAAwB;IACrC,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAE,OAAO;IACpB,eAAe,EAAE,yBAAyB;IAC1C,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,OAAO;IAEhB,KAAK,EAAE;QACL,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,+BAA+B;YACtC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC;IACzC,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC;IAClC,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;IACnB,MAAM,EAAE,GAAG;IACX,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,aAAa;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC;IAC1C,eAAe,EAAE,wBAAwB;IACzC,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,KAAK,EAAE,+BAA+B;CACvC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC;IAC/B,UAAU,EAAE,wBAAwB;IACpC,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE,0BAA0B;IACtC,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,WAAW;IAC7B,KAAK,EAAE,MAAM;IAEb,KAAK,EAAE;QACL,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC;IAC5C,eAAe,EAAE,kCAAkC;IACnD,UAAU,EAAE,yBAAyB;CACtC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC;IACvC,UAAU,EAAE,wBAAwB;IACpC,eAAe,EAAE,6BAA6B;IAC9C,gBAAgB,EAAE,WAAW;IAC7B,cAAc,EAAE,MAAM;IACtB,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,KAAK;IAC1B,MAAM,EAAE,MAAM;CACf,CAAC,CAAC"}

package/lib/componentStyle/ShortcutItemStyle.d.ts

@@ -0,0 +1,18 @@
+import { UISize } from '../components/ShortcutUI';
+export declare const CellStyle: string;
+export declare const ShortcutCellStyle: string;
+export declare const EmptyShortcutCellStyle: string;
+export declare const SingleShortcutCellStyle: string;
+export declare const RowStyle: string;
+export declare function ConflictContainerStyle(showSelectors: boolean, errorSize: UISize): string;
+export declare const ErrorMessageStyle: string;
+export declare const ErrorButtonStyle: string;
+export declare const ShortcutContainerStyle: string;
+export declare const ShortcutKeysContainerStyle: string;
+export declare const ShortcutKeysStyle: string;
+export declare const OrStyle: string;
+export declare const OrTwoStyle: string;
+export declare const CommaStyle: string;
+export declare const PlusStyle: string;
+export declare const ResetStyle: string;
+export declare const SourceCellStyle: string;

package/lib/componentStyle/ShortcutItemStyle.js

@@ -0,0 +1,179 @@
+import { style } from 'typestyle';
+export const CellStyle = style({
+    padding: '6px 12px',
+    display: 'table-cell',
+    width: '20%',
+    verticalAlign: 'middle'
+});
+export const ShortcutCellStyle = style({
+    display: 'flex',
+    minWidth: '100px',
+    flexWrap: 'wrap'
+});
+export const EmptyShortcutCellStyle = style({
+    height: '32px',
+    $nest: {
+        '& #add-link': {}
+    }
+});
+export const SingleShortcutCellStyle = style({});
+export const RowStyle = style({
+    padding: '10px',
+    width: '100%',
+    display: 'table-row',
+    borderBottom: 'solid',
+    borderBottomColor: 'var(--jp-border-color1)',
+    borderBottomWidth: 'var(--jp-border-width)',
+    verticalAlign: 'middle',
+    backgroundColor: 'var(--jp-layout-color0)',
+    $nest: {
+        '&:hover #shortcut-keys': {
+            borderColor: 'var(--jp-border-color1)',
+            background: 'var(--jp-layout-color2)'
+        },
+        '&:hover #add-link': {
+            display: 'block'
+        },
+        '&:hover #or': {
+            display: 'block'
+        }
+    }
+});
+function getMarginLeft(showSelectors, errorSize) {
+    if (errorSize === 0 /* Regular */) {
+        return showSelectors ? '20%' : '25%';
+    }
+    else {
+        return '0';
+    }
+}
+export function ConflictContainerStyle(showSelectors, errorSize) {
+    return style({
+        display: 'flex',
+        flexWrap: 'wrap',
+        padding: '6px 12px',
+        marginLeft: getMarginLeft(showSelectors, errorSize)
+    });
+}
+export const ErrorMessageStyle = style({
+    color: 'var(--jp-error-color1)',
+    marginTop: '9px'
+});
+export const ErrorButtonStyle = style({
+    lineHeight: '34px',
+    marginLeft: '10px',
+    $nest: {
+        '& button:nth-of-type(1)': {
+            height: '25px',
+            marginRight: '5px',
+            backgroundColor: 'var(--jp-border-color0)',
+            color: 'white',
+            outline: 'none',
+            $nest: {
+                '&:hover': {},
+                '&:active': {
+                    outline: 'none',
+                    border: 'none'
+                },
+                '&focus': {
+                    outline: 'none',
+                    border: 'none'
+                }
+            }
+        },
+        '& button:nth-of-type(2)': {
+            height: '25px',
+            backgroundColor: 'var(--jp-error-color1)',
+            color: 'white',
+            outline: 'none',
+            $nest: {
+                '&:hover': {},
+                '&:active': {
+                    outline: 'none',
+                    border: 'none'
+                },
+                '&focus': {
+                    outline: 'none',
+                    border: 'none'
+                }
+            }
+        }
+    }
+});
+export const ShortcutContainerStyle = style({
+    display: 'flex',
+    flexWrap: 'wrap',
+    $nest: {
+        '&:hover #shortcut-keys': {
+            borderColor: 'var(--jp-border-color3)',
+            background: 'var(--jp-layout-color3)'
+        }
+    }
+});
+export const ShortcutKeysContainerStyle = style({
+    fontSize: 'var(--jp-code-font-size)',
+    fontFamily: 'var(--jp-ui-font-family)',
+    display: 'flex'
+});
+export const ShortcutKeysStyle = style({
+    borderWidth: 'var(--jp-border-width)',
+    borderColor: 'var(--jp-layout-color0)',
+    background: 'var(--jp-layout-color0)',
+    padding: '5px 6px',
+    borderRadius: 'var(--jp-border-radius)',
+    margin: '3px 0'
+});
+export const OrStyle = style({
+    marginRight: '12px',
+    marginLeft: '12px',
+    marginTop: '8px',
+    color: 'var(--jp-content-font-color3)',
+    display: 'none',
+    $nest: {
+        '&:hover': {
+            display: 'block'
+        }
+    }
+});
+export const OrTwoStyle = style({
+    marginRight: '12px',
+    marginLeft: '12px',
+    marginTop: '8px',
+    color: 'var(--jp-content-font-color3)',
+    display: 'block'
+});
+export const CommaStyle = style({
+    marginTop: '10px',
+    marginRight: '2px',
+    marginLeft: '2px'
+});
+export const PlusStyle = style({
+    display: 'none',
+    background: 'var(--jp-brand-color3)',
+    borderColor: 'var(--jp-layout-color0)',
+    borderRadius: 'var(--jp-border-radius)',
+    borderWidth: 'var(--jp-border-width)',
+    margin: '3px 0',
+    padding: '5px 6px',
+    $nest: {
+        '&:hover': {
+            backgroundColor: 'var(--jp-brand-color2)'
+        },
+        '&:active': {
+            backgroundColor: 'var(--jp-brand-color2)'
+        }
+    }
+});
+export const ResetStyle = style({
+    color: 'var(--jp-brand-color2)',
+    paddingLeft: '10px',
+    $nest: {
+        '&:hover': {
+            color: 'var(--jp-brand-color1)'
+        }
+    }
+});
+export const SourceCellStyle = style({
+    display: 'inline-block'
+});
+//# sourceMappingURL=ShortcutItemStyle.js.map

package/lib/componentStyle/ShortcutItemStyle.js.map

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

package/lib/componentStyle/ShortcutListStyle.d.ts

@@ -0,0 +1,2 @@
+export declare const ShortcutListStyle: string;
+export declare function ShortcutListContainerStyle(topNavHeight: number, widgetHeight: number): string;

package/lib/componentStyle/ShortcutListStyle.js

@@ -0,0 +1,16 @@
+import { style } from 'typestyle';
+export const ShortcutListStyle = style({
+    width: '100%',
+    display: 'table',
+    borderCollapse: 'collapse'
+});
+export function ShortcutListContainerStyle(topNavHeight, widgetHeight) {
+    return style({
+        overflowY: 'scroll',
+        height: widgetHeight - topNavHeight,
+        borderTop: 'solid',
+        borderTopColor: 'var(--jp-border-color1)',
+        borderTopWidth: 'var(--jp-border-width)'
+    });
+}
+//# sourceMappingURL=ShortcutListStyle.js.map

package/lib/componentStyle/ShortcutListStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutListStyle.js","sourceRoot":"","sources":["../../src/componentStyle/ShortcutListStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,OAAO;IAChB,cAAc,EAAE,UAAU;CAC3B,CAAC,CAAC;AAEH,MAAM,UAAU,0BAA0B,CACxC,YAAoB,EACpB,YAAoB;IAEpB,OAAO,KAAK,CAAC;QACX,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,YAAY,GAAG,YAAY;QACnC,SAAS,EAAE,OAAO;QAClB,cAAc,EAAE,yBAAyB;QACzC,cAAc,EAAE,wBAAwB;KACzC,CAAC,CAAC;AACL,CAAC"}

package/lib/componentStyle/ShortcutTitleItemStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const HeaderStyle: string;
+export declare const CurrentHeaderStyle: string;
+export declare const SortButtonStyle: string;

package/lib/componentStyle/ShortcutTitleItemStyle.js

@@ -0,0 +1,34 @@
+import { style } from 'typestyle';
+export const HeaderStyle = style({
+    display: 'flex',
+    $nest: {
+        '&:hover div': {
+            fontWeight: 600,
+            color: 'var(--jp-ui-font-color0)'
+        },
+        '&:focus div': {
+            outline: 'none'
+        },
+        '&:active div': {
+            fontWeight: 600,
+            color: 'var(--jp-ui-font-color0)'
+        }
+    }
+});
+export const CurrentHeaderStyle = style({
+    $nest: {
+        '& div': {
+            color: 'var(--jp-ui-font-color0)',
+            fontWeight: 'bold'
+        }
+    }
+});
+export const SortButtonStyle = style({
+    transform: 'rotate(180deg)',
+    marginLeft: '10px',
+    color: 'var(--jp-ui-font-color2)',
+    border: 'none',
+    backgroundColor: 'var(--jp-layout-color0)',
+    fontSize: 'var(--jp-ui-font-size1)'
+});
+//# sourceMappingURL=ShortcutTitleItemStyle.js.map

package/lib/componentStyle/ShortcutTitleItemStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutTitleItemStyle.js","sourceRoot":"","sources":["../../src/componentStyle/ShortcutTitleItemStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,MAAM;IAEf,KAAK,EAAE;QACL,aAAa,EAAE;YACb,UAAU,EAAE,GAAG;YACf,KAAK,EAAE,0BAA0B;SAClC;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;SAChB;QACD,cAAc,EAAE;YACd,UAAU,EAAE,GAAG;YACf,KAAK,EAAE,0BAA0B;SAClC;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC;IACtC,KAAK,EAAE;QACL,OAAO,EAAE;YACP,KAAK,EAAE,0BAA0B;YACjC,UAAU,EAAE,MAAM;SACnB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;IACnC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,0BAA0B;IACjC,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,yBAAyB;CACpC,CAAC,CAAC"}

package/lib/componentStyle/ShortcutUIStyle.d.ts

@@ -0,0 +1,2 @@
+export declare const TopWhitespaceStyle: string;
+export declare const ShortcutUIStyle: string;

package/lib/componentStyle/ShortcutUIStyle.js

@@ -0,0 +1,21 @@
+import { style } from 'typestyle';
+export const TopWhitespaceStyle = style({
+    content: ' ',
+    height: 'var(--jp-toolbar-micro-height)',
+    borderBottom: 'var(--jp-border-width) solid var(--jp-toolbar-border-color)',
+    boxShadow: 'var(--jp-toolbar-box-shadow)',
+    zIndex: 2,
+    width: '100%',
+    background: 'var(--jp-toolbar-background)',
+    position: 'relative'
+});
+export const ShortcutUIStyle = style({
+    display: 'flex',
+    flexDirection: 'column',
+    fontSize: 'var(--jp-ui-font-size1)',
+    fontFamily: 'var(--jp-ui-font-family)',
+    color: 'var(--jp-content-font-color1)',
+    minWidth: '450px',
+    width: '100%'
+});
+//# sourceMappingURL=ShortcutUIStyle.js.map

package/lib/componentStyle/ShortcutUIStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutUIStyle.js","sourceRoot":"","sources":["../../src/componentStyle/ShortcutUIStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC;IACtC,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,gCAAgC;IACxC,YAAY,EAAE,6DAA6D;IAC3E,SAAS,EAAE,8BAA8B;IACzC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,8BAA8B;IAC1C,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;IACnC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,yBAAyB;IACnC,UAAU,EAAE,0BAA0B;IACtC,KAAK,EAAE,+BAA+B;IACtC,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC"}

package/lib/componentStyle/TopNavStyle.d.ts

@@ -0,0 +1,18 @@
+import { UISize } from '../components/ShortcutUI';
+export declare const TopStyle: string;
+export declare const TopNavStyle: string;
+export declare const SymbolsStyle: string;
+export declare const SymbolsSmallStyle: string;
+export declare const SymbolsRowStyle: string;
+export declare const SearchContainerStyle: string;
+export declare const SearchStyle: string;
+export declare const AdvancedOptionsContainerStyle: string;
+export declare const AdvancedOptionsStyle: string;
+export declare const AdvancedOptionsSmallStyle: string;
+export declare const AdvancedOptionsRightStyle: string;
+export declare function AdvancedOptionsLinkStyle(size: UISize): string;
+export declare const HeaderRowContainerStyle: string;
+export declare const HeaderRowStyle: string;
+export declare const commandIconStyle: string;
+export declare const altIconStyle: string;
+export declare const controlIconStyle: string;

package/lib/componentStyle/TopNavStyle.js

@@ -0,0 +1,138 @@
+import { style } from 'typestyle';
+export const TopStyle = style({
+    display: 'block'
+});
+export const TopNavStyle = style({
+    display: 'flex',
+    alignItems: 'center',
+    boxSizing: 'border-box',
+    fontSize: 'var(--jp-ui-font-size1)',
+    backgroundColor: 'var(--jp-layout-color0)',
+    zIndex: 1,
+    height: '56px'
+});
+export const SymbolsStyle = style({
+    width: '15%',
+    display: 'table',
+    paddingLeft: '12px',
+    lineHeight: '24px',
+    paddingTop: '5px'
+});
+export const SymbolsSmallStyle = style({
+    lineHeight: '14px'
+});
+export const SymbolsRowStyle = style({
+    justifyContent: 'center',
+    marginBottom: '8px',
+    display: 'table-row',
+    $nest: {
+        '& div': {
+            margin: '0px 10px',
+            fontSize: 'var(--jp-ui-font-size1)',
+            display: 'table-cell'
+        },
+        '& span': {
+            fontSize: 'var(--jp-ui-font-size1)'
+        }
+    }
+});
+export const SearchContainerStyle = style({
+    width: '60%',
+    textAlign: 'center'
+});
+export const SearchStyle = style({
+    borderWidth: 'var(--jp-border-width)',
+    borderStyle: 'solid',
+    borderColor: 'var(--jp-layout-color3)',
+    height: '30px',
+    width: '65%',
+    fontSize: 'var(--jp-ui-font-size1)',
+    color: 'var(--jp-ui-font-color0)',
+    paddingLeft: '6px',
+    backgroundColor: 'var(--jp-layout-color1)',
+    backgroundImage: 'var(--jp-icon-search)',
+    backgroundSize: '18px',
+    backgroundPositionY: '6px',
+    backgroundPositionX: '98%',
+    backgroundRepeat: 'no-repeat',
+    marginTop: '8px',
+    outline: 'none',
+    $nest: {
+        '&:focus': {
+            border: 'var(--jp-border-width) solid var(--md-blue-500)',
+            boxShadow: 'inset 0 0 4px var(--md-blue-300)'
+        },
+        '&::placeholder': {
+            color: 'var(--jp-ui-font-color2)'
+        }
+    }
+});
+export const AdvancedOptionsContainerStyle = style({
+    display: 'contents'
+});
+export const AdvancedOptionsStyle = style({
+    display: 'block',
+    paddingTop: '5px'
+});
+export const AdvancedOptionsSmallStyle = style({
+    width: '30%'
+});
+export const AdvancedOptionsRightStyle = style({
+    marginTop: '8px'
+});
+export function AdvancedOptionsLinkStyle(size) {
+    if (size === 0 /* Regular */) {
+        return style({
+            color: 'var(--jp-brand-color2)',
+            textDecoration: 'none',
+            marginRight: '15px',
+            $nest: {
+                '&:hover': {
+                    color: 'var(--jp-brand-color1)'
+                },
+                '&:active': {
+                    color: 'var(--jp-brand-color0)'
+                }
+            }
+        });
+    }
+    else {
+        return style({
+            color: 'var(--jp-brand-color2)',
+            textDecoration: 'none',
+            textAlign: 'center',
+            display: 'block',
+            $nest: {
+                '&:hover': {
+                    color: 'var(--jp-brand-color1)'
+                },
+                '&:active': {
+                    color: 'var(--jp-brand-color0)'
+                }
+            }
+        });
+    }
+}
+export const HeaderRowContainerStyle = style({
+    paddingRight: '14px'
+});
+export const HeaderRowStyle = style({
+    fontWeight: 'bold',
+    fontSize: 'var(--jp-ui-font-size1)',
+    backgroundColor: 'var(--jp-layout-color0)',
+    width: '100%',
+    zIndex: 1,
+    display: 'table',
+    padding: '10px 0'
+});
+export const commandIconStyle = style({
+    marginRight: '13px'
+});
+export const altIconStyle = style({
+    marginLeft: '14px'
+});
+export const controlIconStyle = style({
+    marginLeft: '8px',
+    marginRight: '16px'
+});
+//# sourceMappingURL=TopNavStyle.js.map

package/lib/componentStyle/TopNavStyle.js.map

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