@xfers/design-system 7.1.0-dev.89ea3acf11 → 7.1.0-dev.8fcc223fee

package/dist/components/Sidebar/dropdownStyles.js

@@ -1,120 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownDivider = exports.DropdownMenuLabel = exports.DropdownSecondaryText = exports.DropdownPrimaryText = exports.DropdownRowContent = exports.DropdownMenuRow = exports.DropdownRow = exports.DropdownSectionLabel = exports.DropdownPanel = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const fontStyles_1 = require("../../constants/fontStyles");
-const colors_1 = require("../../constants/Colors/colors");
-// ─── Company profile dropdown ───
-exports.DropdownPanel = styled_1.default.div `
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  z-index: 10;
-  width: 208px;
-  box-sizing: border-box;
-  padding: 8px 0;
-  border-radius: 12px;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  background-color: ${colors_1.SURFACE.NEUTRAL};
-  box-shadow:
-    0px 12px 16px -4px rgba(10, 13, 18, 0.08),
-    0px 4px 6px -2px rgba(10, 13, 18, 0.03);
-`;
-exports.DropdownSectionLabel = styled_1.default.div `
-  display: flex;
-  align-items: center;
-  padding: 8px 12px;
-  width: 100%;
-  box-sizing: border-box;
-  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
-  font-weight: 400;
-  font-size: 12px;
-  line-height: normal;
-  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
-  white-space: nowrap;
-`;
-exports.DropdownRow = styled_1.default.div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  width: 100%;
-  box-sizing: border-box;
-  cursor: pointer;
-  background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : 'transparent'};
-
-  &:hover {
-    background-color: ${(props) => props.active ? colors_1.COMPONENT.SIDEBAR_ACTIVE : colors_1.INTERACTIVE.HOVER_SURFACE};
-  }
-`;
-exports.DropdownMenuRow = styled_1.default.div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px;
-  width: 100%;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  &:hover {
-    background-color: ${colors_1.INTERACTIVE.HOVER_SURFACE};
-  }
-`;
-exports.DropdownRowContent = styled_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: 4px;
-  flex: 1 0 0;
-  min-width: 0;
-`;
-exports.DropdownPrimaryText = styled_1.default.span `
-  width: 100%;
-  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
-  font-weight: 400;
-  font-size: 16px;
-  line-height: normal;
-  color: ${colors_1.BASE.ON_NEUTRAL};
-  overflow-wrap: break-word;
-`;
-exports.DropdownSecondaryText = styled_1.default.span `
-  width: 100%;
-  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
-  font-weight: 400;
-  font-size: 14px;
-  line-height: normal;
-  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
-  overflow-wrap: break-word;
-`;
-exports.DropdownMenuLabel = styled_1.default.span `
-  width: 100%;
-  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
-  font-weight: 400;
-  font-size: 16px;
-  line-height: normal;
-  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
-  overflow-wrap: break-word;
-`;
-exports.DropdownDivider = styled_1.default.div `
-  width: 100%;
-  height: 14px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-
-  &::after {
-    content: '';
-    display: block;
-    width: calc(100% - 24px);
-    margin: 0 12px;
-    border-top: 1px solid ${colors_1.BASE.LINE};
-  }
-`;
-//# sourceMappingURL=dropdownStyles.js.map

package/dist/components/Sidebar/dropdownStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdownStyles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/dropdownStyles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AACpC,2DAAqE;AACrE,0DAKsC;AAEtC,mCAAmC;AAEtB,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;sBAajB,gBAAO,CAAC,OAAO;;;;CAIpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;iBAM7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAsB;;;;;;;;sBAQrC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAS,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;;;wBAGnC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAS,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAW,CAAC,aAAa;;CAExE,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;wBAUjB,oBAAW,CAAC,aAAa;;CAEhD,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ3C,CAAA;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE7B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,UAAU;;CAEzB,CAAA;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE/B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,gBAAM,CAAC,IAAI,CAAA;;iBAE3B,sBAAS,KAAK,0BAAa;;;;WAIjC,aAAI,CAAC,oBAAoB;;CAEnC,CAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;4BAYb,aAAI,CAAC,IAAI;;CAEpC,CAAA"}

package/dist/types/components/Sidebar/dropdownStyles.d.ts

@@ -1,11 +0,0 @@
-export declare const DropdownPanel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const DropdownSectionLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const DropdownRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    active?: boolean;
-}, object>;
-export declare const DropdownMenuRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const DropdownRowContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const DropdownPrimaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
-export declare const DropdownSecondaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
-export declare const DropdownMenuLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
-export declare const DropdownDivider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;