@pexip/components 16.8.0

package/dist/types/src/types/variants.d.ts

@@ -0,0 +1,26 @@
+import { FontVariant } from '../../design-tokens/generated/constants';
+export declare const colorSchemeValues: readonly ["dark", "light"];
+export type ColorScheme = typeof colorSchemeValues[number];
+export declare const brandableButtonVariantValues: readonly ["primary", "secondary", "tertiary"];
+export declare const nonBrandableButtonVariantValues: readonly ["neutral", "translucent", "bordered", "transparent", "text", "danger", "dangerBordered", "success", "obvious"];
+export declare const buttonVariantsValues: readonly ["primary", "secondary", "tertiary", "neutral", "translucent", "bordered", "transparent", "text", "danger", "dangerBordered", "success", "obvious"];
+export type ButtonVariant = typeof buttonVariantsValues[number];
+export declare const inputVariantsValues: readonly ["standard", "transparent"];
+export type InputVariant = typeof inputVariantsValues[number];
+export declare const labelModifierValues: readonly ["hidden", "inline"];
+export type LabelModifier = typeof labelModifierValues[number];
+export declare const shadowModifierValues: readonly ["light", "dark"];
+export type ShadowModifier = typeof shadowModifierValues[number];
+export declare const headingFontVariantsValues: readonly [FontVariant.H1, FontVariant.H2, FontVariant.H3, FontVariant.H4, FontVariant.H5, FontVariant.H6];
+export type HeadingFontVariant = typeof headingFontVariantsValues[number];
+export declare const statIndicatorVariantValues: readonly ["success", "busy", "danger"];
+export type StatIndicatorVariant = typeof statIndicatorVariantValues[number];
+export declare const textVariantsValues: readonly ["standard", "tinted", "subtle", "disabled", "danger", "success", "inherit", "link", "hidden", "warning"];
+export type TextVariant = typeof textVariantsValues[number];
+export declare const videoWrapperVariantsValues: readonly ["none", "primary", "secondary", "black", "light"];
+export type VideoWrapperVariant = typeof videoWrapperVariantsValues[number];
+export declare const fullSizeWindowBackgroundVariantsValues: readonly ["none", "dark", "light"];
+export type FullSizeWindowBackgroundVariant = typeof fullSizeWindowBackgroundVariantsValues[number];
+export declare const multistepIndicatorValues: readonly ["ordered-list", "line"];
+export type MultistepIndicatorVariant = typeof multistepIndicatorValues[number];
+//# sourceMappingURL=variants.d.ts.map

package/dist/types/src/types/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/types/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,yCAAyC,CAAC;AAEpE,eAAO,MAAM,iBAAiB,4BAA6B,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAE3D,eAAO,MAAM,4BAA4B,+CAAgD,CAAC;AAC1F,eAAO,MAAM,+BAA+B,0HAUlC,CAAC;AAEX,eAAO,MAAM,oBAAoB,8JAAiF,CAAC;AACnH,MAAM,MAAM,aAAa,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,mBAAmB,sCAAuC,CAAC;AACxE,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,mBAAmB,+BAAgC,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,oBAAoB,4BAA6B,CAAC;AAC/D,MAAM,MAAM,cAAc,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,yBAAyB,2GAO5B,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,OAAO,yBAAyB,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,0BAA0B,wCAI7B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,OAAO,0BAA0B,CAAC,MAAM,CAAC,CAAC;AAE7E,eAAO,MAAM,kBAAkB,oHAWrB,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;AAE5D,eAAO,MAAM,0BAA0B,6DAM7B,CAAC;AACX,MAAM,MAAM,mBAAmB,GAAG,OAAO,0BAA0B,CAAC,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,sCAAsC,oCAIzC,CAAC;AACX,MAAM,MAAM,+BAA+B,GAAG,OAAO,sCAAsC,CAAC,MAAM,CAAC,CAAC;AAEpG,eAAO,MAAM,wBAAwB,mCAAoC,CAAC;AAC1E,MAAM,MAAM,yBAAyB,GAAG,OAAO,wBAAwB,CAAC,MAAM,CAAC,CAAC"}

package/dist/types/src/utils/breakpoints.d.ts

@@ -0,0 +1,10 @@
+import type { MediaQuery } from '../types/aliases';
+import type { Breakpoint } from '../../design-tokens/generated/breakpoints';
+export declare const breakpointNext: (name: Breakpoint) => Breakpoint | null;
+export declare const breakpointMin: (name: Breakpoint) => number | null;
+export declare const breakpointMax: (name: Breakpoint | null) => number | null;
+export declare const mediaBreakpointUp: (name: Breakpoint) => MediaQuery;
+export declare const mediaBreakpointDown: (name: Breakpoint | null) => string;
+export declare const mediaBreakpointBetween: (lowerName: Breakpoint, upperName: Breakpoint) => MediaQuery;
+export declare const mediaBreakpointOnly: (name: Breakpoint) => MediaQuery;
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/types/src/utils/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAM1E,eAAO,MAAM,cAAc,SAAU,UAAU,KAAG,UAAU,GAAG,IAM9D,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,KAAG,MAAM,GAAG,IAGzD,CAAC;AASF,eAAO,MAAM,aAAa,SAAU,UAAU,GAAG,IAAI,KAAG,MAAM,GAAG,IAOhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAU,UAAU,KAAG,UAMpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,UAAU,GAAG,IAAI,WAM1D,CAAC;AAEF,eAAO,MAAM,sBAAsB,cACpB,UAAU,aACV,UAAU,KACtB,UAUF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,UAAU,KAAG,UAWtD,CAAC"}

package/dist/types/src/utils/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { ExtendedSizeModifier } from '../types/sizes';
+export declare const sizeToPadding: (t: ExtendedSizeModifier) => "compactPadding" | "largePadding" | "mediumPadding" | "nonePadding" | "smallPadding";
+export declare const sizeToSpacing: (t: ExtendedSizeModifier) => "compactSpacing" | "largeSpacing" | "mediumSpacing" | "noneSpacing" | "smallSpacing";
+export declare const removeKeyFromObject: (key: string, object: Record<string, unknown>) => Record<string, unknown>;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/types/src/utils/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/utils/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,aAAa,MAAO,oBAAoB,yFAM7B,CAAC;AAEzB,eAAO,MAAM,aAAa,MAAO,oBAAoB,yFAM7B,CAAC;AAEzB,eAAO,MAAM,mBAAmB,QACvB,MAAM,UACH,OAAO,MAAM,EAAE,OAAO,CAAC,KAChC,OAAO,MAAM,EAAE,OAAO,CAWxB,CAAC"}

package/dist/types/src/utils/imageSrc.d.ts

@@ -0,0 +1,17 @@
+import type { Breakpoint } from '../../design-tokens/generated/breakpoints';
+import type { BackgroundImageSrc, BreakpointImageSet, ImageSrc, SrcSet } from '../types/images';
+export declare const isImageSrcString: (imageSrc: ImageSrc | undefined) => imageSrc is string;
+export declare const isImageSrcSrcSet: (imageSrc: ImageSrc | undefined) => imageSrc is SrcSet;
+export declare const isImageSrcEmpty: (imageSrc: ImageSrc | undefined) => boolean;
+export declare const convertSrcSetToString: (imageSrc: SrcSet) => string;
+export declare const isBackgroundImageSrcUrl: (backgroundImageSrc: BackgroundImageSrc | undefined) => backgroundImageSrc is string;
+export declare const isBackgroundImageSrcBreakpointImageSet: (backgroundImageSrc: BackgroundImageSrc | undefined) => backgroundImageSrc is Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", string>>;
+export declare const isBackgroundImageSrcEmpty: (backgroundImageSrc: BackgroundImageSrc | undefined) => boolean;
+export declare const getSmallToLargeSrcSetEntries: (srcSet: SrcSet) => [string, string][];
+export declare const getHighestResolutionImageUrlFromSrcSet: (srcSet: SrcSet) => string | null;
+export declare const getHighestResolutionImageUrlFromBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => string | null;
+export declare const getFilledBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", string>>;
+type BreakpointBackgroundImageVariable = `--${Breakpoint}-background-image`;
+export declare const getBackgroundImageCSSVariablesFromBreakpointImageSet: (breakpointImageSet: BreakpointImageSet) => Partial<Record<BreakpointBackgroundImageVariable, string>>;
+export {};
+//# sourceMappingURL=imageSrc.d.ts.map

package/dist/types/src/utils/imageSrc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageSrc.d.ts","sourceRoot":"","sources":["../../../../src/utils/imageSrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAE1E,OAAO,KAAK,EACR,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACT,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,gBAAgB,aACf,QAAQ,GAAG,SAAS,uBACmB,CAAC;AAEtD,eAAO,MAAM,gBAAgB,aACf,QAAQ,GAAG,SAAS,uBACmB,CAAC;AAEtD,eAAO,MAAM,eAAe,aAAc,QAAQ,GAAG,SAAS,YAU7D,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,MAAM,WAarD,CAAC;AAEF,eAAO,MAAM,uBAAuB,uBACZ,kBAAkB,GAAG,SAAS,iCACmB,CAAC;AAE1E,eAAO,MAAM,sCAAsC,uBAC3B,kBAAkB,GAAG,SAAS,oFAEZ,CAAC;AAE3C,eAAO,MAAM,yBAAyB,uBACd,kBAAkB,GAAG,SAAS,YAWrD,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,MAAM,uBAQ1D,CAAC;AAEF,eAAO,MAAM,sCAAsC,WACvC,MAAM,KACf,MAAM,GAAG,IAKX,CAAC;AAEF,eAAO,MAAM,kDAAkD,uBACvC,kBAAkB,KACvC,MAAM,GAAG,IASX,CAAC;AAEF,eAAO,MAAM,2BAA2B,uBAChB,kBAAkB,8DAoBzC,CAAC;AAEF,KAAK,iCAAiC,GAAG,KAAK,UAAU,mBAAmB,CAAC;AAE5E,eAAO,MAAM,oDAAoD,uBACzC,kBAAkB,KACvC,QAAQ,OAAO,iCAAiC,EAAE,MAAM,CAAC,CAc3D,CAAC"}

package/dist/types/src/utils/onEnter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const onEnter: <E extends HTMLElement, T extends (e: import("react").SyntheticEvent<E, Event>) => void>(callback: T) => (e: import("react").KeyboardEvent<E>) => void;
+//# sourceMappingURL=onEnter.d.ts.map

package/dist/types/src/utils/onEnter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onEnter.d.ts","sourceRoot":"","sources":["../../../../src/utils/onEnter.ts"],"names":[],"mappings":";AAAA,eAAO,MAAM,OAAO,qFACkD,IAAI,+DAOrE,CAAC"}

package/dist/types/src/utils/string.d.ts

@@ -0,0 +1,2 @@
+export declare function getInitials(displayName: string, fallback?: string): string;
+//# sourceMappingURL=string.d.ts.map

package/dist/types/src/utils/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../../../src/utils/string.ts"],"names":[],"mappings":"AA0BA,wBAAgB,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,SAAK,UAc7D"}

package/dist/types/src/utils/testIds.d.ts

@@ -0,0 +1,36 @@
+export declare enum TestId {
+    ButtonModalClose = "button-modal-close",
+    CheckboxCheck = "checkbox-check",
+    ConfirmableMultiselectConfirm = "confirmable-multiselect-confirm",
+    HeaderCore = "header-core",
+    HeaderCoreEnhancers = "header-core-enhancers",
+    HeaderCoreDivider = "header-core-divider",
+    LineStep = "line-step",
+    InputClearButton = "input-clear-button",
+    ModalMask = "modal-mask",
+    MultiselectView = "multiselect-view",
+    MultiselectItem = "multiselect-item",
+    MultistepIndicator = "multistep-indicator",
+    MultistepIndicatorButton = "multistep-indicator-button",
+    NotificationTooltipInner = "notification-tooltip-inner",
+    NotificationTooltipClose = "notification-tooltip-close",
+    NotificationTooltipHeader = "notification-tooltip-header",
+    NotificationTooltipText = "notification-tooltip-text",
+    NotificationTooltipCta = "notification-tooltip-cta",
+    PostMeetingHeader = "PostMeetingHeader",
+    SectionAccordionDetails = "section-accordion-details",
+    SectionAccordionSummary = "section-accordion-summary",
+    SelectIcon = "select-icon",
+    SelectChevron = "select-chevron",
+    SelectView = "select-view",
+    StepNumber = "step-number",
+    StepNumberString = "step-number-string",
+    StepNumberCheckmark = "step-number-checkmark",
+    Tab = "tab",
+    TooltipInner = "tooltip-inner",
+    UserView = "user-view",
+    PrivacyPolicyLink = "privacy-policy-link",
+    TermsOfServiceLink = "terms-of-service-link",
+    Version = "version"
+}
+//# sourceMappingURL=testIds.d.ts.map

package/dist/types/src/utils/testIds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testIds.d.ts","sourceRoot":"","sources":["../../../../src/utils/testIds.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM;IACd,gBAAgB,uBAAuB;IACvC,aAAa,mBAAmB;IAChC,6BAA6B,oCAAoC;IACjE,UAAU,gBAAgB;IAC1B,mBAAmB,0BAA0B;IAC7C,iBAAiB,wBAAwB;IACzC,QAAQ,cAAc;IACtB,gBAAgB,uBAAuB;IACvC,SAAS,eAAe;IACxB,eAAe,qBAAqB;IACpC,eAAe,qBAAqB;IACpC,kBAAkB,wBAAwB;IAC1C,wBAAwB,+BAA+B;IACvD,wBAAwB,+BAA+B;IACvD,wBAAwB,+BAA+B;IACvD,yBAAyB,gCAAgC;IACzD,uBAAuB,8BAA8B;IACrD,sBAAsB,6BAA6B;IACnD,iBAAiB,sBAAsB;IACvC,uBAAuB,8BAA8B;IACrD,uBAAuB,8BAA8B;IACrD,UAAU,gBAAgB;IAC1B,aAAa,mBAAmB;IAChC,UAAU,gBAAgB;IAC1B,UAAU,gBAAgB;IAC1B,gBAAgB,uBAAuB;IACvC,mBAAmB,0BAA0B;IAC7C,GAAG,QAAQ;IACX,YAAY,kBAAkB;IAC9B,QAAQ,cAAc;IAGtB,iBAAiB,wBAAwB;IACzC,kBAAkB,0BAA0B;IAC5C,OAAO,YAAY;CACtB"}

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@pexip/components",
+  "version": "16.8.0",
+  "homepage": "https://gitlab.com/pexip/zoo",
+  "bugs": "https://gitlab.com/pexip/zoo/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/pexip/zoo.git",
+    "directory": "src/aquila/packages/components"
+  },
+  "license": "Apache-2.0",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "main": "./dist/components.js",
+  "module": "./dist/components.mjs",
+  "types": "./dist/types/src/index.d.ts",
+  "files": [
+    "/dist",
+    "/design-tokens",
+    "/src/fonts.css",
+    "/src/assets/fonts/*"
+  ],
+  "scripts": {
+    "build": "pexip-bundler build --bundler vite && yarn typescript-declarations",
+    "build:no-sourcemap": "pexip-bundler build --bundler vite --no-sourcemap && yarn typescript-declarations",
+    "check-format": "prettier --ignore-path=../../.prettierignore --check .",
+    "clean": "rm -fr dist/",
+    "format": "prettier --ignore-path=../../.prettierignore --write .",
+    "prepack": "yarn clean && yarn build:no-sourcemap",
+    "prettier": "prettier --ignore-path ../../.gitignore \"**/*.+(js|json|ts|tsx)\"",
+    "test": "pexip-bundler test",
+    "tsc": "tsc --noEmit",
+    "lint": "yarn run -T eslint --ext .js,.ts,.tsx --report-unused-disable-directives .",
+    "typecheck": "yarn tsc --noEmit -p .",
+    "typescript-declarations": "tsc --project tsconfig.declarations.json"
+  },
+  "dependencies": {
+    "@pexip/hooks": "16.4.0",
+    "@pexip/signal": "16.5.0",
+    "@pexip/utils": "16.6.0",
+    "change-case": "^4.1.1",
+    "classnames": "^2.2.6",
+    "focus-visible": "^5.1.0",
+    "normalize.css": "^8.0.1",
+    "simplebar-core": "^1.2.3",
+    "simplebar-react": "^3.2.3",
+    "tabbable": "^6.0.0",
+    "tslib": "^2.3.0",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@mdx-js/react": "^1.6.22",
+    "@pexip/bundler": "16.4.0",
+    "@storybook/addon-actions": "^6.5.6",
+    "@storybook/addon-docs": "^6.5.6",
+    "@storybook/react": "^6.5.6",
+    "@testing-library/dom": "^8.14.0",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.2.1",
+    "@types/classnames": "^2.2.10",
+    "@types/csso": "^5.0.0",
+    "@types/jest-axe": "^3.5.0",
+    "@types/node-fetch": "^2.5.8",
+    "@types/prettier": "^2.0.2",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@types/testing-library__jest-dom": "^5.9.1",
+    "@types/testing-library__react-hooks": "^3.4.1",
+    "@types/testing-library__user-event": "^4.2.0",
+    "@types/uuid": "^8.3.0",
+    "builtin-modules": "^3.1.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest-axe": "^7.0.0",
+    "node-fetch": "^3.0.0",
+    "prettier": "2.8.8",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "svgo": "^3.0.0",
+    "typescript": "~5.0.0"
+  },
+  "peerDependencies": {
+    "react": "18.2.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/src/fonts.css

@@ -0,0 +1,32 @@
+@font-face {
+    font-family: Inter;
+    src: url('./assets/fonts/Inter-Regular.woff2?v=3.19') format('woff2'),
+        url('./assets/fonts/Inter-Regular.woff?v=3.19') format('woff');
+
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: Inter;
+    src: url('./assets/fonts/Inter-Medium.woff2?v=3.19') format('woff2'),
+        url('./assets/fonts/Inter-Medium.woff?v=3.19') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: Inter;
+    src: url('./assets/fonts/Inter-SemiBold.woff2?v=3.19') format('woff2'),
+        url('./assets/fonts/Inter-SemiBold.woff?v=3.19') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: Inter;
+    src: url('./assets/fonts/Inter-Bold.woff2?v=3.19') format('woff2'),
+        url('./assets/fonts/Inter-Bold.woff?v=3.19') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}