@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

package/esm/list/ListItem/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","names":[],"sources":["../../../src/list/ListItem/ListItem.tsx"],"sourcesContent":["import React, {type Ref, useContext} from 'react'\nimport {clsx} from 'clsx'\nimport {CheckIcon, DashIcon, type Icon, type IconProps, XIcon} from '@primer/octicons-react'\nimport {Text, TextProps} from '../../Text'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListContext} from '../listContext'\n\nimport styles from './ListItem.module.css'\n\nexport type ListItemProps = BaseProps<HTMLElement> & {\n  /**\n   * React.ReactNode and React.ReactNode[] are valid children.\n   */\n  children?: React.ReactNode | React.ReactNode[]\n  /**\n   * The ref object to be attached to the list item.\n   */\n  ref?: Ref<HTMLLIElement>\n  /*\n   * Custom icon to be used as leading visual\n   */\n  leadingVisual?: Icon\n  /*\n   * Color of leading icon\n   */\n  leadingVisualFill?: IconProps['fill']\n  /*\n   * Aria label for the leading visual\n   */\n  leadingVisualAriaLabel?: string\n} & Pick<TextProps, 'variant'>\n\nfunction Root({\n  className,\n  children,\n  leadingVisualFill,\n  leadingVisual: LeadingVisual,\n  leadingVisualAriaLabel,\n  variant: textVariant = 'default',\n  ...props\n}: ListItemProps) {\n  const {variant} = useContext(ListContext)\n\n  const _leadingVisual = () => {\n    const iconProps = {\n      fill: leadingVisualFill,\n      'aria-label': leadingVisualAriaLabel,\n      ...(leadingVisualFill && {style: {fill: leadingVisualFill}}),\n    }\n\n    if (LeadingVisual) {\n      return (\n        <LeadingVisual\n          className={clsx(\n            styles['ListItem__leading-visual'],\n            !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n          )}\n          {...iconProps}\n        />\n      )\n    }\n\n    switch (variant) {\n      case 'checked':\n        return (\n          <CheckIcon\n            className={clsx(\n              styles['ListItem__leading-visual'],\n              styles['ListItem__checked'],\n              !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n            )}\n            {...iconProps}\n          />\n        )\n      case 'x':\n        return (\n          <XIcon\n            className={clsx(\n              styles['ListItem__leading-visual'],\n              styles['ListItem__x'],\n              !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n            )}\n            {...iconProps}\n          />\n        )\n      case 'default':\n        return (\n          <DashIcon\n            className={clsx(\n              styles['ListItem__leading-visual'],\n              styles['ListItem__default'],\n              !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n            )}\n            {...iconProps}\n          />\n        )\n\n      default:\n        return null\n    }\n  }\n\n  return (\n    <li className={clsx(styles.ListItem, !variant && styles.OrderedList__item, className)} {...props}>\n      {_leadingVisual()}\n      <Text as=\"span\" variant={textVariant} className={clsx(styles[`ListItem--${textVariant}`])}>\n        {children}\n      </Text>\n    </li>\n  )\n}\n\nexport const ListItem = Object.assign(Root)\n"],"mappings":";;;;;;;;AAgCA,SAAS,EAAK,EACZ,cACA,aACA,sBACA,eAAe,GACf,2BACA,SAAS,IAAc,WACvB,GAAG,KACa;CAChB,IAAM,EAAC,eAAW,EAAW,EAAY,EAEnC,UAAuB;EAC3B,IAAM,IAAY;GAChB,MAAM;GACN,cAAc;GACd,GAAI,KAAqB,EAAC,OAAO,EAAC,MAAM,GAAkB,EAAC;GAC5D;AAED,MAAI,EACF,QACE,kBAAC,GAAD;GACE,WAAW,EACT,EAAO,6BACP,CAAC,KAAqB,EAAO,mCAC9B;GACD,GAAI;GACJ,CAAA;AAIN,UAAQ,GAAR;GACE,KAAK,UACH,QACE,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,mBACP,CAAC,KAAqB,EAAO,mCAC9B;IACD,GAAI;IACJ,CAAA;GAEN,KAAK,IACH,QACE,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,aACP,CAAC,KAAqB,EAAO,mCAC9B;IACD,GAAI;IACJ,CAAA;GAEN,KAAK,UACH,QACE,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,mBACP,CAAC,KAAqB,EAAO,mCAC9B;IACD,GAAI;IACJ,CAAA;GAGN,QACE,QAAO;;;AAIb,QACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,UAAU,CAAC,KAAW,EAAO,mBAAmB,EAAU;EAAE,GAAI;YAA3F,CACG,GAAgB,EACjB,kBAAC,GAAD;GAAM,IAAG;GAAO,SAAS;GAAa,WAAW,EAAK,EAAO,aAAa,KAAe;GACtF;GACI,CAAA,CACJ;;;AAIT,IAAa,IAAW,OAAO,OAAO,EAAK"}

package/esm/list/ListItem/ListItem.module-CtD-ZiWp.css

@@ -0,0 +1 @@
+.Primer_Brand__ListItem-module__ListItem___gaMoG{align-items:flex-start;gap:var(--base-size-12);display:flex}.Primer_Brand__ListItem-module__ListItem--default___lToMr{color:var(--brand-color-text-default)}.Primer_Brand__ListItem-module__ListItem--muted___CM_5l{color:var(--brand-color-text-muted)}.Primer_Brand__ListItem-module__ListItem__leading-visual___b6jlG{height:1lh}.Primer_Brand__ListItem-module__ListItem__leading-visual--muted___qNtEm{fill:var(--brand-color-text-muted)}.Primer_Brand__ListItem-module__OrderedList__item___pg7p3:before{content:counter(li) ".";counter-increment:li;min-width:var(--base-size-16);text-align:center;font-weight:var(--brand-text-size-200)}

package/esm/list/ListItem/ListItem.module.js

@@ -0,0 +1,12 @@
+import './ListItem.module-CtD-ZiWp.css';var e = {
+	ListItem: "Primer_Brand__ListItem-module__ListItem___gaMoG",
+	"ListItem--default": "Primer_Brand__ListItem-module__ListItem--default___lToMr",
+	"ListItem--muted": "Primer_Brand__ListItem-module__ListItem--muted___CM_5l",
+	"ListItem__leading-visual": "Primer_Brand__ListItem-module__ListItem__leading-visual___b6jlG",
+	"ListItem__leading-visual--muted": "Primer_Brand__ListItem-module__ListItem__leading-visual--muted___qNtEm",
+	OrderedList__item: "Primer_Brand__ListItem-module__OrderedList__item___pg7p3"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ListItem.module.js.map

package/esm/list/ListItem/ListItem.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.module.js","names":[],"sources":["../../../src/list/ListItem/ListItem.module.css"],"sourcesContent":[".ListItem {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-size-12);\n}\n\n.ListItem--default {\n  color: var(--brand-color-text-default);\n}\n\n.ListItem--muted {\n  color: var(--brand-color-text-muted);\n}\n\n.ListItem__leading-visual {\n  height: 1lh;\n}\n\n.ListItem__leading-visual--muted {\n  fill: var(--brand-color-text-muted);\n}\n\n.OrderedList__item::before {\n  content: counter(li) '.';\n  counter-increment: li;\n  min-width: var(--base-size-16);\n  text-align: center;\n  font-weight: var(--brand-text-size-200);\n}\n"],"mappings":""}

package/esm/list/ListItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListItem';
+//# sourceMappingURL=index.d.ts.map

package/esm/list/ListItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list/ListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/esm/list/OrderedList/OrderedList.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import type { BaseProps } from '../../component-helpers';
+export type OrderedListProps = PropsWithChildren<BaseProps<HTMLOListElement>>;
+declare function Root({ children, ...props }: OrderedListProps): import("react/jsx-runtime").JSX.Element;
+export declare const OrderedList: typeof Root & {
+    Item: any;
+};
+export {};
+//# sourceMappingURL=OrderedList.d.ts.map

package/esm/list/OrderedList/OrderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../src/list/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAOtD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAE7E,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,2CAMnD;AAED,eAAO,MAAM,WAAW;;CAAwC,CAAA"}

package/esm/list/OrderedList/OrderedList.js

@@ -0,0 +1,23 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { ListContext as t } from "../listContext.js";
+import { ListItem as n } from "../ListItem/ListItem.js";
+import r from "../list-shared.module.js";
+import i from "./OrderedList.module.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/list/OrderedList/OrderedList.tsx
+function o({ children: n, ...o }) {
+	return /* @__PURE__ */ a("ol", {
+		className: e(r.List, i.OrderedList, o.className),
+		...o,
+		children: /* @__PURE__ */ a(t.Provider, {
+			value: { variant: "" },
+			children: n
+		})
+	});
+}
+var s = Object.assign(o, { Item: n });
+//#endregion
+export { s as OrderedList };
+
+//# sourceMappingURL=OrderedList.js.map

package/esm/list/OrderedList/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","names":[],"sources":["../../../src/list/OrderedList/OrderedList.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListContext} from '../listContext'\nimport {ListItem} from '../ListItem/ListItem'\n\nimport baseStyles from '../list-shared.module.css'\nimport styles from './OrderedList.module.css'\n\nexport type OrderedListProps = PropsWithChildren<BaseProps<HTMLOListElement>>\n\nfunction Root({children, ...props}: OrderedListProps) {\n  return (\n    <ol className={clsx(baseStyles.List, styles.OrderedList, props.className)} {...props}>\n      <ListContext.Provider value={{variant: ''}}>{children}</ListContext.Provider>\n    </ol>\n  )\n}\n\nexport const OrderedList = Object.assign(Root, {Item: ListItem})\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAK,EAAC,aAAU,GAAG,KAA0B;AACpD,QACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAW,MAAM,EAAO,aAAa,EAAM,UAAU;EAAE,GAAI;YAC7E,kBAAC,EAAY,UAAb;GAAsB,OAAO,EAAC,SAAS,IAAG;GAAG;GAAgC,CAAA;EAC1E,CAAA;;AAIT,IAAa,IAAc,OAAO,OAAO,GAAM,EAAC,MAAM,GAAS,CAAC"}

package/esm/list/OrderedList/OrderedList.module-DBJeYW8p.css

@@ -0,0 +1 @@
+.Primer_Brand__OrderedList-module__OrderedList___Dw7mD{counter-reset:li}

package/esm/list/OrderedList/OrderedList.module.js

@@ -0,0 +1,5 @@
+import './OrderedList.module-DBJeYW8p.css';var e = { OrderedList: "Primer_Brand__OrderedList-module__OrderedList___Dw7mD" };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=OrderedList.module.js.map

package/esm/list/OrderedList/OrderedList.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.module.js","names":[],"sources":["../../../src/list/OrderedList/OrderedList.module.css"],"sourcesContent":[".OrderedList {\n  counter-reset: li;\n}\n"],"mappings":""}

package/esm/list/OrderedList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './OrderedList';
+//# sourceMappingURL=index.d.ts.map

package/esm/list/OrderedList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list/OrderedList/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/esm/list/UnorderedList/UnorderedList.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import type { BaseProps } from '../../component-helpers';
+export type UnorderedListProps = PropsWithChildren<BaseProps<HTMLUListElement>> & {
+    /**
+     * The semantic structure of list that is presented visually setting 'ol' vs 'ul' based on the style the style of the list.
+     */
+    variant?: 'default' | 'checked' | 'x';
+};
+declare function Root({ variant, children, ...props }: UnorderedListProps): import("react/jsx-runtime").JSX.Element;
+export declare const UnorderedList: typeof Root & {
+    Item: any;
+};
+export {};
+//# sourceMappingURL=UnorderedList.d.ts.map

package/esm/list/UnorderedList/UnorderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../src/list/UnorderedList/UnorderedList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAMtD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,GAAG;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,GAAG,CAAA;CACtC,CAAA;AAED,iBAAS,IAAI,CAAC,EAAC,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,2CAM1E;AAED,eAAO,MAAM,aAAa;;CAAwC,CAAA"}

package/esm/list/UnorderedList/UnorderedList.js

@@ -0,0 +1,22 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { ListContext as t } from "../listContext.js";
+import { ListItem as n } from "../ListItem/ListItem.js";
+import r from "../list-shared.module.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/list/UnorderedList/UnorderedList.tsx
+function a({ variant: n = "default", children: a, ...o }) {
+	return /* @__PURE__ */ i("ul", {
+		className: e(r.List, o.className),
+		...o,
+		children: /* @__PURE__ */ i(t.Provider, {
+			value: { variant: n },
+			children: a
+		})
+	});
+}
+var o = Object.assign(a, { Item: n });
+//#endregion
+export { o as UnorderedList };
+
+//# sourceMappingURL=UnorderedList.js.map

package/esm/list/UnorderedList/UnorderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.js","names":[],"sources":["../../../src/list/UnorderedList/UnorderedList.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListItem} from '../ListItem/ListItem'\nimport {ListContext} from '../listContext'\n\nimport styles from '../list-shared.module.css'\n\nexport type UnorderedListProps = PropsWithChildren<BaseProps<HTMLUListElement>> & {\n  /**\n   * The semantic structure of list that is presented visually setting 'ol' vs 'ul' based on the style the style of the list.\n   */\n  variant?: 'default' | 'checked' | 'x'\n}\n\nfunction Root({variant = 'default', children, ...props}: UnorderedListProps) {\n  return (\n    <ul className={clsx(styles.List, props.className)} {...props}>\n      <ListContext.Provider value={{variant}}>{children}</ListContext.Provider>\n    </ul>\n  )\n}\n\nexport const UnorderedList = Object.assign(Root, {Item: ListItem})\n"],"mappings":";;;;;;;AAeA,SAAS,EAAK,EAAC,aAAU,WAAW,aAAU,GAAG,KAA4B;AAC3E,QACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,MAAM,EAAM,UAAU;EAAE,GAAI;YACrD,kBAAC,EAAY,UAAb;GAAsB,OAAO,EAAC,YAAQ;GAAG;GAAgC,CAAA;EACtE,CAAA;;AAIT,IAAa,IAAgB,OAAO,OAAO,GAAM,EAAC,MAAM,GAAS,CAAC"}

package/esm/list/UnorderedList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './UnorderedList';
+//# sourceMappingURL=index.d.ts.map

package/esm/list/UnorderedList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list/UnorderedList/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/esm/list/index.d.ts

@@ -0,0 +1,3 @@
+export * from './UnorderedList';
+export * from './OrderedList';
+//# sourceMappingURL=index.d.ts.map

package/esm/list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}

package/esm/list/list-shared.module-CXsvDQ7x.css

@@ -0,0 +1 @@
+.Primer_Brand__list-shared-module__List___Osssm{gap:var(--base-size-8);font-family:var(--brand-body-fontFamily);color:var(--brand-color-text-default);flex-direction:column;margin:0;padding-inline-start:0;list-style:none;display:flex}

package/esm/list/list-shared.module.js

@@ -0,0 +1,5 @@
+import './list-shared.module-CXsvDQ7x.css';var e = { List: "Primer_Brand__list-shared-module__List___Osssm" };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=list-shared.module.js.map

package/esm/list/list-shared.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-shared.module.js","names":[],"sources":["../../src/list/list-shared.module.css"],"sourcesContent":[".List {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  list-style: none;\n  gap: var(--base-size-8);\n  padding-inline-start: 0px;\n  font-family: var(--brand-body-fontFamily);\n  color: var(--brand-color-text-default);\n}\n"],"mappings":""}

package/esm/list/listContext.d.ts

@@ -0,0 +1,4 @@
+export declare const ListContext: import("react").Context<{
+    variant: string;
+}>;
+//# sourceMappingURL=listContext.d.ts.map

package/esm/list/listContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listContext.d.ts","sourceRoot":"","sources":["../../src/list/listContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;EAEtB,CAAA"}

package/esm/list/listContext.js

@@ -0,0 +1,7 @@
+import { createContext as e } from "react";
+//#region src/list/listContext.ts
+var t = e({ variant: "default" });
+//#endregion
+export { t as ListContext };
+
+//# sourceMappingURL=listContext.js.map

package/esm/list/listContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listContext.js","names":[],"sources":["../../src/list/listContext.ts"],"sourcesContent":["import {createContext} from 'react'\n\nexport const ListContext = createContext({\n  variant: 'default',\n})\n"],"mappings":";;AAEA,IAAa,IAAc,EAAc,EACvC,SAAS,WACV,CAAC"}