@octopusdeploy/design-system-components/dist/src/components/GlobalLayout/sideNavBarTabStyles.js

The design systems component library.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.sideNavBarTabStyles = void 0;
const css_1 = require("@emotion/css");
const design_system_tokens_1 = require("@octopusdeploy/design-system-tokens");
exports.sideNavBarTabStyles = (0, css_1.css)({
    font: design_system_tokens_1.text.body.regular.xSmall,
    fontSize: "0.625rem", // 10px
    color: design_system_tokens_1.themeTokens.color.text.primary,
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    position: "relative",
    boxSizing: "border-box",
    height: "4rem",
    background: "transparent",
    transition: "background 0.1s ease-in-out",
    ":focus-visible": {
        boxShadow: design_system_tokens_1.themeTokens.shadow.focusedInset,
        outline: "none",
        zIndex: 1,
    },
    ":hover": {
        backgroundColor: design_system_tokens_1.themeTokens.color.background.secondary.hover,
    },
});