@persona/design-system 0.1.8 → 0.1.9

package/dist/mixins/menuItem.d.cts

@@ -1,30 +0,0 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-C5jpj6Rp.cjs";
-import { i as Variant } from "../theme-Cadb1xzQ.cjs";
-import * as _$styled_components0 from "styled-components";
-
-//#region mixins/menuItem.d.ts
-interface MenuItemMixinProps extends PseudoClassProps {
-  variant?: Variant;
-}
-/**
- * Adds styles for hovered and selected states. For use with dropdowns, menu
- * items, etc.
- *
- * The mixins are split by interaction state for more flexibility. We need to
- * implement each state differently when used with React Router's NavLink, for
- * example.
- *
- * Note that we override the palette for 'basic' to match the neutral usecase
- * shown in the mocks. There are never menu items that match our basic palette.
- *
- * Default: standard and disabled styles
- * Hover: hover and focus styles
- * Active: active styles
- */
-declare const menuItemMixins: {
-  default: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<MenuItemMixinProps, any>>;
-  hover: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<MenuItemMixinProps, any>>;
-  active: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<MenuItemMixinProps, any>>;
-};
-export = menuItemMixins;
-//# sourceMappingURL=menuItem.d.cts.map

package/dist/mixins/print/index.cjs

@@ -1,25 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../chunk-CKQMccvm.cjs");
-let styled_components = require("styled-components");
-//#region mixins/print/index.ts
-const printMixins = {
-	hide: styled_components.css`
-    @media print {
-      display: none;
-    }
-  `,
-	border: styled_components.css`
-    @media print {
-      border: 1px solid ${({ theme }) => theme.color.border.primary};
-    }
-  `,
-	avoidPageBreak: styled_components.css`
-    @media print {
-      break-inside: avoid;
-    }
-  `
-};
-//#endregion
-exports.printMixins = printMixins;
-
-//# sourceMappingURL=index.cjs.map

package/dist/mixins/print/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../mixins/print/index.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const printMixins = {\n  hide: css`\n    @media print {\n      display: none;\n    }\n  `,\n  border: css`\n    @media print {\n      border: 1px solid ${({ theme }) => theme.color.border.primary};\n    }\n  `,\n  avoidPageBreak: css`\n    @media print {\n      break-inside: avoid;\n    }\n  `,\n};\n"],"mappings":";;;;AAEA,MAAa,cAAc;CACzB,MAAM,kBAAA,GAAG;;;;;CAKT,QAAQ,kBAAA,GAAG;;2BAEc,EAAE,YAAY,MAAM,MAAM,OAAO,QAAQ;;;CAGlE,gBAAgB,kBAAA,GAAG;;;;;CAKpB"}

package/dist/mixins/print/index.d.cts

@@ -1,11 +0,0 @@
-import * as _$styled_components0 from "styled-components";
-
-//#region mixins/print/index.d.ts
-declare const printMixins: {
-  hide: _$styled_components0.FlattenSimpleInterpolation;
-  border: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemeProps<any>>;
-  avoidPageBreak: _$styled_components0.FlattenSimpleInterpolation;
-};
-//#endregion
-export { printMixins };
-//# sourceMappingURL=index.d.cts.map

package/dist/mixins/text.cjs

@@ -1,93 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-//#region mixins/text.ts
-const fontFamilyMixin = styled_components.css`
-  font-family: ${({ theme }) => theme.text.fontFamily.base};
-`;
-const displayMixins = {
-	lg: styled_components.css`
-    ${_persona_design_tokens.Typography.DisplayLarge};
-    margin: 0;
-  `,
-	md: styled_components.css`
-    ${_persona_design_tokens.Typography.DisplayMedium};
-    margin: 0;
-  `,
-	sm: styled_components.css`
-    ${_persona_design_tokens.Typography.DisplaySmall};
-    margin: 0;
-  `
-};
-const headingMixins = {
-	lg: styled_components.css`
-    ${_persona_design_tokens.Typography.HeadingLarge};
-    margin: 0;
-  `,
-	md: styled_components.css`
-    ${_persona_design_tokens.Typography.HeadingMedium};
-    margin: 0;
-  `,
-	sm: styled_components.css`
-    ${_persona_design_tokens.Typography.HeadingSmall};
-    margin: 0;
-  `,
-	xsm: styled_components.css`
-    ${_persona_design_tokens.Typography.HeadingExtraSmall};
-    margin: 0;
-  `
-};
-const paragraphMixins = {
-	lg: styled_components.css`
-    ${_persona_design_tokens.Typography.TextLarge};
-    margin: 0;
-  `,
-	lgBold: styled_components.css`
-    ${_persona_design_tokens.Typography.TextLargeBold};
-    margin: 0;
-  `,
-	lgLight: styled_components.css`
-    ${_persona_design_tokens.Typography.TextLargeLight};
-    margin: 0;
-  `,
-	md: styled_components.css`
-    ${_persona_design_tokens.Typography.TextMedium};
-    margin: 0;
-  `,
-	mdBold: styled_components.css`
-    ${_persona_design_tokens.Typography.TextMediumBold};
-    margin: 0;
-  `,
-	mdLight: styled_components.css`
-    ${_persona_design_tokens.Typography.TextMediumLight};
-    margin: 0;
-  `,
-	mdLink: styled_components.css`
-    ${_persona_design_tokens.Typography.TextMediumLink};
-    margin: 0;
-  `,
-	sm: styled_components.css`
-    ${_persona_design_tokens.Typography.TextSmall};
-    margin: 0;
-  `,
-	smBold: styled_components.css`
-    ${_persona_design_tokens.Typography.TextSmallBold};
-    margin: 0;
-  `,
-	smLink: styled_components.css`
-    ${_persona_design_tokens.Typography.TextSmallLink};
-    margin: 0;
-  `,
-	xs: styled_components.css`
-    ${_persona_design_tokens.Typography.TextExtraSmall};
-    margin: 0;
-  `
-};
-//#endregion
-exports.displayMixins = displayMixins;
-exports.fontFamilyMixin = fontFamilyMixin;
-exports.headingMixins = headingMixins;
-exports.paragraphMixins = paragraphMixins;
-
-//# sourceMappingURL=text.cjs.map

package/dist/mixins/text.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.cjs","names":["Typography"],"sources":["../../mixins/text.ts"],"sourcesContent":["import {\n  css,\n  type DefaultTheme,\n  type FlattenInterpolation,\n  type ThemeProps,\n} from 'styled-components';\n\nimport { Typography } from '@persona/design-tokens';\n\nexport type DisplaySize = 'lg' | 'md' | 'sm';\n\nexport const fontFamilyMixin = css`\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n`;\n\nexport const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.DisplayLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.DisplayMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.DisplaySmall};\n    margin: 0;\n  `,\n};\n\nexport type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';\n\nexport const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>> = {\n  lg: css`\n    ${Typography.HeadingLarge};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.HeadingMedium};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.HeadingSmall};\n    margin: 0;\n  `,\n  xsm: css`\n    ${Typography.HeadingExtraSmall};\n    margin: 0;\n  `,\n};\n\nexport type ParagraphMixinSize =\n  | 'lg'\n  | 'lgBold'\n  | 'lgLight'\n  | 'md'\n  | 'mdBold'\n  | 'mdLight'\n  | 'mdLink'\n  | 'sm'\n  | 'smBold'\n  | 'smLink'\n  | 'xs';\n\nexport type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport const paragraphMixins: Record<\n  ParagraphMixinSize,\n  FlattenInterpolation<ThemeProps<DefaultTheme>>\n> = {\n  lg: css`\n    ${Typography.TextLarge};\n    margin: 0;\n  `,\n  lgBold: css`\n    ${Typography.TextLargeBold};\n    margin: 0;\n  `,\n  lgLight: css`\n    ${Typography.TextLargeLight};\n    margin: 0;\n  `,\n  md: css`\n    ${Typography.TextMedium};\n    margin: 0;\n  `,\n  mdBold: css`\n    ${Typography.TextMediumBold};\n    margin: 0;\n  `,\n  mdLight: css`\n    ${Typography.TextMediumLight};\n    margin: 0;\n  `,\n  mdLink: css`\n    ${Typography.TextMediumLink};\n    margin: 0;\n  `,\n  sm: css`\n    ${Typography.TextSmall};\n    margin: 0;\n  `,\n  smBold: css`\n    ${Typography.TextSmallBold};\n    margin: 0;\n  `,\n  smLink: css`\n    ${Typography.TextSmallLink};\n    margin: 0;\n  `,\n  xs: css`\n    ${Typography.TextExtraSmall};\n    margin: 0;\n  `,\n};\n"],"mappings":";;;;;AAWA,MAAa,kBAAkB,kBAAA,GAAG;kBAChB,EAAE,YAAY,MAAM,KAAK,WAAW,KAAK;;AAG3D,MAAa,gBAAqF;CAChG,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG7B;AAID,MAAa,gBAAqF;CAChG,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,aAAa;;;CAG5B,KAAK,kBAAA,GAAG;MACJA,uBAAAA,WAAW,kBAAkB;;;CAGlC;AAiBD,MAAa,kBAGT;CACF,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,UAAU;;;CAGzB,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,SAAS,kBAAA,GAAG;MACRA,uBAAAA,WAAW,eAAe;;;CAG9B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,WAAW;;;CAG1B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,eAAe;;;CAG9B,SAAS,kBAAA,GAAG;MACRA,uBAAAA,WAAW,gBAAgB;;;CAG/B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,eAAe;;;CAG9B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,UAAU;;;CAGzB,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,QAAQ,kBAAA,GAAG;MACPA,uBAAAA,WAAW,cAAc;;;CAG7B,IAAI,kBAAA,GAAG;MACHA,uBAAAA,WAAW,eAAe;;;CAG/B"}

package/dist/mixins/text.d.cts

@@ -1,2 +0,0 @@
-import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-PmH5oc61.cjs";
-export { DisplaySize, HeadingSize, ParagraphMixinSize, ParagraphSize, displayMixins, fontFamilyMixin, headingMixins, paragraphMixins };

package/dist/operators-1qE2GpC7.d.cts

@@ -1,43 +0,0 @@
-import { a as FilterField, c as FilterOperator, l as FilterRule, s as FilterFieldType, u as FilterRuleValue } from "./types-B_HHNlia.cjs";
-
-//#region components/DataTable/TableControls/FiltersV2/operators.d.ts
-declare function getOperatorsForType(type: FilterFieldType): ReadonlyArray<FilterOperator>;
-/**
- * Effective operator vocabulary for a concrete field: its `allowedOperators`
- * allow-list, or the field type's full vocabulary when the allow-list is
- * absent or empty. An empty allow-list means "unconstrained" rather than
- * "no operators" — the latter would leave the field selectable in the picker
- * but incapable of producing a rule that passes validation.
- *
- * Prefer this over {@link getOperatorsForType} anywhere a real field is in
- * hand — the popover's operator dropdown, `FieldRegistry`, validation — so a
- * field can never surface an operator the host application can't serialize.
- */
-declare function getOperatorsForField(field: Pick<FilterField, 'type' | 'allowedOperators'>): ReadonlyArray<FilterOperator>;
-declare function getDefaultOperatorForType(type: FilterFieldType): FilterOperator;
-declare function isValuelessOperator(operator: FilterOperator): boolean;
-/**
- * Whether a concrete field's operator selector should be shown. A field
- * pinned to one operator renders it as static text rather than a caret that
- * opens a one-item menu.
- */
-declare function fieldHasMultipleOperators(field: Pick<FilterField, 'type' | 'allowedOperators'>): boolean;
-declare function getOperatorLabel(operator: FilterOperator, fieldType?: FilterFieldType): string;
-/**
- * Return a copy of `rule` whose `value` honors the valueless-operator
- * invariant: any rule whose operator is in the valueless set
- * (`is_empty`, `is_not_empty`) carries `value: null`. Use this anywhere
- * a rule's value would otherwise drift out of sync with its operator —
- * operator-change handlers, field-swap handlers, and defensive coercions
- * before serialization.
- */
-declare function withValue(rule: FilterRule, value: FilterRuleValue): FilterRule;
-/**
- * Empty-but-present value seeded when a rule switches from a valueless operator
- * (`is_empty`) to one that requires a value. Non-null on purpose: a `null` value
- * reads as a removal and drops the pill mid-edit.
- */
-declare function emptyValueForFieldType(type: FilterFieldType): FilterRuleValue;
-//#endregion
-export { getOperatorsForField as a, withValue as c, getOperatorLabel as i, fieldHasMultipleOperators as n, getOperatorsForType as o, getDefaultOperatorForType as r, isValuelessOperator as s, emptyValueForFieldType as t };
-//# sourceMappingURL=operators-1qE2GpC7.d.cts.map

package/dist/operators.d.cts

@@ -1,2 +0,0 @@
-import { a as getOperatorsForField, c as withValue, i as getOperatorLabel, n as fieldHasMultipleOperators, o as getOperatorsForType, r as getDefaultOperatorForType, s as isValuelessOperator, t as emptyValueForFieldType } from "./operators-1qE2GpC7.cjs";
-export { emptyValueForFieldType, fieldHasMultipleOperators, getDefaultOperatorForType, getOperatorLabel, getOperatorsForField, getOperatorsForType, isValuelessOperator, withValue };

package/dist/text-PmH5oc61.d.cts

@@ -1,14 +0,0 @@
-import { DefaultTheme, FlattenInterpolation, ThemeProps } from "styled-components";
-
-//#region mixins/text.d.ts
-type DisplaySize = 'lg' | 'md' | 'sm';
-declare const fontFamilyMixin: FlattenInterpolation<ThemeProps<any>>;
-declare const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
-type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';
-declare const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
-type ParagraphMixinSize = 'lg' | 'lgBold' | 'lgLight' | 'md' | 'mdBold' | 'mdLight' | 'mdLink' | 'sm' | 'smBold' | 'smLink' | 'xs';
-type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';
-declare const paragraphMixins: Record<ParagraphMixinSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
-//#endregion
-export { displayMixins as a, paragraphMixins as c, ParagraphSize as i, HeadingSize as n, fontFamilyMixin as o, ParagraphMixinSize as r, headingMixins as s, DisplaySize as t };
-//# sourceMappingURL=text-PmH5oc61.d.cts.map

package/dist/theme-Cadb1xzQ.d.cts

@@ -1,154 +0,0 @@
-import { Color, PDSTypeStyle } from "@persona/design-tokens";
-
-//#region theme.d.ts
-interface PrimaryColors {
-  black: Color;
-  white: Color;
-  brand: Color;
-  brand800: Color;
-  brand700: Color;
-  brand600: Color;
-  brand500: Color;
-  brand400: Color;
-  brand300: Color;
-  brand200: Color;
-  brand100: Color;
-}
-interface TextColors {
-  primary: Color;
-  secondary: Color;
-  tertiary: Color;
-  brand: Color;
-  inverse: Color;
-  disabled: Color;
-}
-interface BackgroundColors {
-  primary: Color;
-  secondary: Color;
-  active: Color;
-  highlight: Color;
-  disabled: Color;
-}
-type Variant = 'basic' | 'caution' | 'danger' | 'inverse' | 'outline' | 'primary' | 'success' | 'text';
-interface VariantPalette {
-  /**
-   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.
-   */
-  active: Color;
-  /**
-   * Passive color when not interacted.
-   */
-  default: Color;
-  /**
-   * Focus state, borders, etc. Generally lighter than the default color.
-   */
-  highlight: Color;
-  /**
-   * Alternative highlight color.
-   */
-  highlightLight: Color;
-  /**
-   * Alternative highlight color.
-   */
-  highlightDark: Color;
-  /**
-   * Disabled background
-   */
-  disabled: Color;
-  text: Color;
-  textDisabled: Color;
-  hover: Color;
-}
-interface ColorPalette {
-  primary: PrimaryColors;
-  text: TextColors;
-  variants: Record<Variant, VariantPalette>;
-  background: BackgroundColors;
-  border: {
-    primary: Color;
-    secondary: Color;
-    active: Color;
-    input: Color;
-    inputHover: Color;
-    disabled: Color;
-  };
-}
-interface TextSettings {
-  fontFamily: {
-    base: string;
-    mono: string;
-    semiMono: string;
-  };
-  display: {
-    lg: PDSTypeStyle;
-    md: PDSTypeStyle;
-    sm: PDSTypeStyle;
-  };
-  heading: {
-    lg: PDSTypeStyle;
-    md: PDSTypeStyle;
-    sm: PDSTypeStyle;
-    xsm: PDSTypeStyle;
-  };
-  paragraph: {
-    lg: PDSTypeStyle;
-    lgBold: PDSTypeStyle;
-    lgLight: PDSTypeStyle;
-    md: PDSTypeStyle;
-    mdBold: PDSTypeStyle;
-    mdLight: PDSTypeStyle;
-    mdLink: PDSTypeStyle;
-    sm: PDSTypeStyle;
-    smLink: PDSTypeStyle;
-    xs: PDSTypeStyle;
-  };
-}
-interface ElementSettings {
-  borderRadius: string;
-  height: {
-    xl: string;
-    lg: string;
-    md: string;
-    sm: string;
-    xs: string;
-  };
-  width: {
-    md: string;
-  };
-}
-interface ButtonSettings {
-  borderRadius: string;
-  height: {
-    md: string;
-    sm: string;
-  };
-}
-interface CardSettings {
-  borderRadius: string;
-}
-interface ModalSettings {
-  borderRadius: {
-    xl: string;
-    lg: string;
-    md: string;
-  };
-  width: {
-    xl: string;
-    lg: string;
-    md: string;
-  };
-}
-interface PersonaTheme {
-  color: ColorPalette;
-  text: TextSettings;
-  element: ElementSettings;
-  card: CardSettings;
-  button: ButtonSettings;
-  modal: ModalSettings;
-}
-declare const defaultTheme: PersonaTheme;
-declare const darkTheme: PersonaTheme;
-declare const marketingFontTheme: PersonaTheme;
-//#endregion
-export { darkTheme as a, Variant as i, PersonaTheme as n, defaultTheme as o, TextColors as r, marketingFontTheme as s, BackgroundColors as t };
-//# sourceMappingURL=theme-Cadb1xzQ.d.cts.map