@planningcenter/tapestry 1.5.0-rc.2 → 1.5.0-rc.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/componentRegistration.d.ts +2 -0
- package/dist/componentRegistration.d.ts.map +1 -0
- package/dist/componentRegistration.js +12 -0
- package/dist/componentRegistration.js.map +1 -0
- package/dist/components/Banner/Banner.d.ts.map +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/button/BaseButton.d.ts +3 -3
- package/dist/components/button/BaseButton.d.ts.map +1 -1
- package/dist/components/button/BaseButton.js.map +1 -1
- package/dist/components/button/Button.d.ts +1 -1
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/DropdownButton.d.ts +15 -0
- package/dist/components/button/DropdownButton.d.ts.map +1 -0
- package/dist/components/button/DropdownButton.js +17 -0
- package/dist/components/button/DropdownButton.js.map +1 -0
- package/dist/components/button/DropdownIconButton.d.ts +5 -0
- package/dist/components/button/DropdownIconButton.d.ts.map +1 -0
- package/dist/components/button/DropdownIconButton.js +10 -0
- package/dist/components/button/DropdownIconButton.js.map +1 -0
- package/dist/components/button/IconButton.d.ts +1 -1
- package/dist/components/button/IconButton.d.ts.map +1 -1
- package/dist/components/button/IconButton.js.map +1 -1
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/button/index.d.ts.map +1 -1
- package/dist/components/link/BaseLink.d.ts +10 -0
- package/dist/components/link/BaseLink.d.ts.map +1 -0
- package/dist/components/link/BaseLink.js +20 -0
- package/dist/components/link/BaseLink.js.map +1 -0
- package/dist/components/link/IconLink.d.ts +12 -0
- package/dist/components/link/IconLink.d.ts.map +1 -0
- package/dist/components/link/IconLink.js +12 -0
- package/dist/components/link/IconLink.js.map +1 -0
- package/dist/components/link/Link.d.ts +12 -0
- package/dist/components/link/Link.d.ts.map +1 -0
- package/dist/components/link/Link.js +10 -0
- package/dist/components/link/Link.js.map +1 -0
- package/dist/components/link/index.d.ts +4 -0
- package/dist/components/link/index.d.ts.map +1 -0
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/sidenav/index.js +1 -1
- package/dist/components/sidenav/index.js.map +1 -1
- package/dist/index.css +629 -128
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/product-tokens/accounts.css +17 -0
- package/dist/product-tokens/calendar.css +17 -0
- package/dist/product-tokens/checkins.css +17 -0
- package/dist/product-tokens/giving.css +17 -0
- package/dist/product-tokens/groups.css +17 -0
- package/dist/product-tokens/home.css +16 -0
- package/dist/product-tokens/people.css +17 -0
- package/dist/product-tokens/publishing.css +17 -0
- package/dist/product-tokens/registrations.css +17 -0
- package/dist/product-tokens/services.css +17 -0
- package/dist/tapestry-render/dist/index.js +21048 -0
- package/dist/tapestry-render/dist/index.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-ChVYJSbr.js → p-BcqkQAbJ.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-BcqkQAbJ.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-Dh-hRzOp.js → p-Cto-BFAu.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-Cto-BFAu.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-CvO_VK9U.js → p-D8B8MylH.js} +50 -4
- package/dist/tapestry-wc/dist/components/p-D8B8MylH.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-B7r54iMT.js → p-DSFZ1_1a.js} +6 -14
- package/dist/tapestry-wc/dist/components/p-DSFZ1_1a.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-DbLeoqE6.js → p-lJtutAuV.js} +6 -18
- package/dist/tapestry-wc/dist/components/p-lJtutAuV.js.map +1 -0
- package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-page-header.js +5 -5
- package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +6 -6
- package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +4 -4
- package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav.js +10 -13
- package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/tokens/ts/tokens.d.ts +37 -0
- package/dist/tokens/ts/tokens.d.ts.map +1 -1
- package/dist/tokens/ts/tokens.js +37 -0
- package/dist/tokens/ts/tokens.js.map +1 -1
- package/dist/tokens.css +37 -0
- package/dist/tokens.css.map +1 -1
- package/dist/unstable.css +832 -652
- package/dist/unstable.css.map +1 -1
- package/dist/unstable.d.ts +2 -1
- package/dist/unstable.d.ts.map +1 -1
- package/dist/unstable.js +11 -0
- package/dist/unstable.js.map +1 -1
- package/dist/utilities/Icon.d.ts +0 -1
- package/dist/utilities/Icon.d.ts.map +1 -1
- package/dist/utilities/Icon.js +0 -1
- package/dist/utilities/Icon.js.map +1 -1
- package/dist/utilities/buttonLinkShared.d.ts.map +1 -1
- package/dist/utilities/buttonLinkShared.js +4 -3
- package/dist/utilities/buttonLinkShared.js.map +1 -1
- package/dist/webComponents.css +504 -324
- package/dist/webComponents.css.map +1 -1
- package/package.json +6 -4
- package/react-types/index.d.ts +9 -12
- package/dist/tapestry-wc/dist/components/p-B7r54iMT.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-ChVYJSbr.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-CvO_VK9U.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-DV4-2pmi.js +0 -93
- package/dist/tapestry-wc/dist/components/p-DV4-2pmi.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-DbLeoqE6.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-Dh-hRzOp.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"componentRegistration.d.ts","sourceRoot":"","sources":["../src/componentRegistration.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { register as Zb } from './tapestry-render/dist/index.js';
|
|
2
|
+
export { mountTapestry } from './tapestry-render/dist/index.js';
|
|
3
|
+
import { PageHeader } from './components/page-header/PageHeader.js';
|
|
4
|
+
import { Sidenav } from './components/sidenav/Sidenav.js';
|
|
5
|
+
import { SidenavItem } from './components/sidenav/SidenavItem.js';
|
|
6
|
+
import { SidenavSection } from './components/sidenav/SidenavSection.js';
|
|
7
|
+
|
|
8
|
+
Zb("PageHeader", PageHeader);
|
|
9
|
+
Zb("Sidenav", Sidenav);
|
|
10
|
+
Zb("SidenavItem", SidenavItem);
|
|
11
|
+
Zb("SidenavSection", SidenavSection);
|
|
12
|
+
//# sourceMappingURL=componentRegistration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"componentRegistration.js","sources":["../src/componentRegistration.ts"],"sourcesContent":["import { register } from \"@planningcenter/tapestry-render\"\n\nimport { PageHeader } from \"./components/page-header/PageHeader\"\nimport { Sidenav } from \"./components/sidenav/Sidenav\"\nimport { SidenavItem } from \"./components/sidenav/SidenavItem\"\nimport { SidenavSection } from \"./components/sidenav/SidenavSection\"\n\nregister(\"PageHeader\", PageHeader)\nregister(\"Sidenav\", Sidenav)\nregister(\"SidenavItem\", SidenavItem)\nregister(\"SidenavSection\", SidenavSection)\n\nexport { mountTapestry } from \"@planningcenter/tapestry-render\"\n"],"names":["register"],"mappings":";;;;;;;AAOAA,EAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;AAClCA,EAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AAC5BA,EAAQ,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;AACpCA,EAAQ,CAAC,gBAAgB,EAAE,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,WAAW,GAAG;IACjB,2CAA2C;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,WAAW,GAAG;IACjB,2CAA2C;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAE7D,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAuBD,eAAO,MAAM,MAAM,uCAKhB,WAAW,sBAcb,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import \"./Banner.css\"\n\nimport Icon from \"@utilities/Icon\"\nimport classnames from \"classnames\"\nimport React from \"react\"\n\ntype BannerProps = {\n /** The content to display in the banner */\n children: React.ReactNode
|
|
1
|
+
{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import \"./Banner.css\"\n\nimport Icon from \"@utilities/Icon\"\nimport classnames from \"classnames\"\nimport React from \"react\"\n\ntype BannerProps = {\n /** The content to display in the banner */\n children: React.ReactNode\n\n /**\n * Set the size of the banner (adjusts padding)\n * @default \"md\"\n */\n size?: \"sm\" | \"md\"\n\n /**\n * Set the status of the banner\n * @default \"neutral\"\n */\n status?: \"neutral\" | \"info\" | \"warning\" | \"error\" | \"success\"\n\n /** Set the title of the banner */\n title?: string\n}\n\nconst ICONS = {\n error: \"general#exclamation-triangle\",\n info: \"general#info-circle\",\n neutral: null,\n success: \"general#check-circle\",\n warning: \"general#exclamation-triangle\",\n}\n\nconst SIZES = {\n md: \"\",\n sm: \"t-banner--sm\",\n}\n\nconst STATUSES = {\n error: \"t-banner--status-error\",\n info: \"t-banner--status-info\",\n neutral: \"t-banner--status-neutral\",\n success: \"t-banner--status-success\",\n warning: \"t-banner--status-warning\",\n}\n\nexport const Banner = ({\n children = \"\",\n size = \"md\",\n status = \"neutral\",\n title = \"\",\n}: BannerProps) => {\n return (\n <div className={classnames(\"t-banner\", SIZES[size], STATUSES[status])}>\n {ICONS[status] && (\n <span className=\"t-banner-icon\">\n <Icon symbol={ICONS[status]} aria-hidden />\n </span>\n )}\n <div>\n {title && <span className=\"t-banner-title\">{title}</span>}\n <div className=\"t-banner-body\">{children}</div>\n </div>\n </div>\n )\n}\n\nexport default Banner\n"],"names":[],"mappings":";;;;AA0BA,MAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,IAAI,EAAE,qBAAqB;AAC3B,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,OAAO,EAAE,8BAA8B;CACxC,CAAA;AAED,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,cAAc;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG;AACf,IAAA,KAAK,EAAE,wBAAwB;AAC/B,IAAA,IAAI,EAAE,uBAAuB;AAC7B,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,OAAO,EAAE,0BAA0B;CACpC,CAAA;MAEY,MAAM,GAAG,CAAC,EACrB,QAAQ,GAAG,EAAE,EACb,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,GACE,KAAI;AAChB,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAA;QAClE,KAAK,CAAC,MAAM,CAAC,KACZ,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAA;YAC7B,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAgB,aAAA,EAAA,IAAA,EAAA,CAAA,CACtC,CACR;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACG,YAAA,KAAK,IAAI,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,EAAE,KAAK,CAAQ;YACzD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAA,EAAE,QAAQ,CAAO,CAC3C,CACF,EACP;AACH;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./btn.css";
|
|
2
2
|
import React, { ButtonHTMLAttributes } from "react";
|
|
3
3
|
import { BaseComponentProps, ComponentKind } from "../../utilities/buttonLinkShared";
|
|
4
|
-
export interface BaseButtonProps extends Omit<BaseComponentProps,
|
|
4
|
+
export interface BaseButtonProps extends Omit<BaseComponentProps, "kind"> {
|
|
5
5
|
kind?: ComponentKind;
|
|
6
6
|
label: React.ReactNode;
|
|
7
7
|
}
|
|
8
|
-
export type BaseButtonElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps |
|
|
9
|
-
export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"
|
|
8
|
+
export type BaseButtonElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | "children"> & BaseButtonProps;
|
|
9
|
+
export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | "children"> & BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
10
|
//# sourceMappingURL=BaseButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAGlB,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAA;AAE/D,OAAO,EACL,kBAAkB,EAGlB,aAAa,EAGd,MAAM,kCAAkC,CAAA;AAEzC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACvE,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,eAAe,GAAG,UAAU,CACnC,GACC,eAAe,CAAA;AAejB,eAAO,MAAM,UAAU,qLA+BtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.js","sources":["../../../src/components/button/BaseButton.tsx"],"sourcesContent":["import \"./btn.css\"
|
|
1
|
+
{"version":3,"file":"BaseButton.js","sources":["../../../src/components/button/BaseButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { ButtonHTMLAttributes, forwardRef } from \"react\"\n\nimport {\n BaseComponentProps,\n COMPONENT_KIND_CLASS_MAP,\n COMPONENT_SIZE_CLASS_MAP,\n ComponentKind,\n ComponentSize,\n enhanceElementWithClassName,\n} from \"../../utilities/buttonLinkShared\"\n\nexport interface BaseButtonProps extends Omit<BaseComponentProps, \"kind\"> {\n kind?: ComponentKind\n label: React.ReactNode\n}\n\nexport type BaseButtonElementProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n keyof BaseButtonProps | \"children\"\n> &\n BaseButtonProps\n\nconst buildComponentClassName = (\n size?: ComponentSize,\n kind?: ComponentKind,\n className?: string\n): string => {\n return classNames(\n kind && \"tds-btn\",\n size && size !== \"md\" && COMPONENT_SIZE_CLASS_MAP[size],\n kind && COMPONENT_KIND_CLASS_MAP[kind],\n className\n )\n}\n\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonElementProps>(\n (\n {\n size,\n prefix,\n suffix,\n kind = \"secondary\",\n label,\n className,\n ...restProps\n }: BaseButtonElementProps,\n ref\n ) => {\n const combinedClassName = buildComponentClassName(size, kind, className)\n\n const prefixElement = enhanceElementWithClassName(prefix, \"prefix\")\n const suffixElement = enhanceElementWithClassName(suffix, \"suffix\")\n\n return (\n <button\n type=\"button\"\n className={combinedClassName}\n ref={ref}\n {...restProps}\n >\n {prefixElement}\n {label}\n {suffixElement}\n </button>\n )\n }\n)\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":[],"mappings":";;;;AAyBA,MAAM,uBAAuB,GAAG,CAC9B,IAAoB,EACpB,IAAoB,EACpB,SAAkB,KACR;IACV,OAAO,UAAU,CACf,IAAI,IAAI,SAAS,EACjB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACvD,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,CACV,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,GAAG,WAAW,EAClB,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACW,EACzB,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAA;IAExE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IACnE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAEnE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,KACJ,SAAS,EAAA;QAEZ,aAAa;QACb,KAAK;QACL,aAAa,CACP,EACV;AACH,CAAC,EACF;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./btn.css";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { BaseButtonElementProps } from "./BaseButton";
|
|
4
|
-
export type ButtonElementProps = Omit<BaseButtonElementProps,
|
|
4
|
+
export type ButtonElementProps = Omit<BaseButtonElementProps, "label"> & {
|
|
5
5
|
label: string;
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAElB,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;WAVV,MAAM;2CAcd,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import \"./btn.css\"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type ButtonElementProps = Omit<BaseButtonElementProps, \"label\"> & {\n label: string\n}\n\n/**\n * A button component that renders as a button element.\n * Supports various sizes, styles, and content types.\n * Label must be a string.\n *\n * @component\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonElementProps>(\n (props, ref) => {\n return <BaseButton {...props} ref={ref} />\n }\n)\n\nButton.displayName = \"Button\"\n"],"names":[],"mappings":";;;AAUA;;;;;;AAMG;AACU,MAAA,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAK,EAAA,GAAA,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA;AAC5C,CAAC,EACF;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { BaseButtonElementProps } from "./BaseButton";
|
|
3
|
+
export type DropdownButtonProps = {
|
|
4
|
+
"aria-controls": string;
|
|
5
|
+
"aria-expanded": boolean;
|
|
6
|
+
suffix?: never;
|
|
7
|
+
};
|
|
8
|
+
export declare function dropdownProps({ className }: {
|
|
9
|
+
className?: string;
|
|
10
|
+
}): {
|
|
11
|
+
className: string;
|
|
12
|
+
suffix: React.JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
export declare function DropdownButton(props: BaseButtonElementProps & DropdownButtonProps): React.JSX.Element;
|
|
15
|
+
//# sourceMappingURL=DropdownButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;CACf,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;EAKlE;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,sBAAsB,GAAG,mBAAmB,qBAGpD"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import Icon from '../../utilities/Icon.js';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { BaseButton } from './BaseButton.js';
|
|
5
|
+
|
|
6
|
+
function dropdownProps({ className }) {
|
|
7
|
+
return {
|
|
8
|
+
className: classNames(className, "tds-btn--dropdown"),
|
|
9
|
+
suffix: React.createElement(Icon, { symbol: "general#down-caret", "aria-hidden": true }),
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
function DropdownButton(props) {
|
|
13
|
+
return React.createElement(BaseButton, { ...props, ...dropdownProps(props) });
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { DropdownButton, dropdownProps };
|
|
17
|
+
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sources":["../../../src/components/button/DropdownButton.tsx"],"sourcesContent":["import Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type DropdownButtonProps = {\n \"aria-controls\": string\n \"aria-expanded\": boolean\n suffix?: never\n}\n\nexport function dropdownProps({ className }: { className?: string }) {\n return {\n className: classNames(className, \"tds-btn--dropdown\"),\n suffix: <Icon symbol=\"general#down-caret\" aria-hidden />,\n }\n}\n\nexport function DropdownButton(\n props: BaseButtonElementProps & DropdownButtonProps\n) {\n return <BaseButton {...props} {...dropdownProps(props)} />\n}\n"],"names":[],"mappings":";;;;;AAYgB,SAAA,aAAa,CAAC,EAAE,SAAS,EAA0B,EAAA;IACjE,OAAO;AACL,QAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC;AACrD,QAAA,MAAM,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,MAAM,EAAC,oBAAoB,EAAe,aAAA,EAAA,IAAA,EAAA,CAAA;KACzD,CAAA;AACH,CAAC;AAEK,SAAU,cAAc,CAC5B,KAAmD,EAAA;IAEnD,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,GAAM,aAAa,CAAC,KAAK,CAAC,EAAA,CAAI,CAAA;AAC5D;;;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DropdownButtonProps } from "./DropdownButton";
|
|
3
|
+
import { IconButtonProps } from "./IconButton";
|
|
4
|
+
export declare function DropdownIconButton(props: IconButtonProps & DropdownButtonProps): React.JSX.Element;
|
|
5
|
+
//# sourceMappingURL=DropdownIconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,GAAG,mBAAmB,qBAG7C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { dropdownProps } from './DropdownButton.js';
|
|
3
|
+
import { IconButton } from './IconButton.js';
|
|
4
|
+
|
|
5
|
+
function DropdownIconButton(props) {
|
|
6
|
+
return React.createElement(IconButton, { ...props, ...dropdownProps(props) });
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export { DropdownIconButton };
|
|
10
|
+
//# sourceMappingURL=DropdownIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownIconButton.js","sources":["../../../src/components/button/DropdownIconButton.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { DropdownButtonProps, dropdownProps } from \"./DropdownButton\"\nimport { IconButton, IconButtonProps } from \"./IconButton\"\n\nexport function DropdownIconButton(\n props: IconButtonProps & DropdownButtonProps\n) {\n return <IconButton {...props} {...dropdownProps(props)} />\n}\n"],"names":[],"mappings":";;;;AAKM,SAAU,kBAAkB,CAChC,KAA4C,EAAA;IAE5C,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,GAAM,aAAa,CAAC,KAAK,CAAC,EAAA,CAAI,CAAA;AAC5D;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./btn.css";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { BaseButtonElementProps } from "./BaseButton";
|
|
4
|
-
export type IconButtonProps = Omit<BaseButtonElementProps,
|
|
4
|
+
export type IconButtonProps = Omit<BaseButtonElementProps, "label"> & {
|
|
5
5
|
"aria-label": string;
|
|
6
6
|
icon: React.ReactNode;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAGlB,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACpE,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU;kBAVP,MAAM;UACd,KAAK,CAAC,SAAS;2CAsBtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\"
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type IconButtonProps = Omit<BaseButtonElementProps, \"label\"> & {\n \"aria-label\": string\n icon: React.ReactNode\n}\n\n/**\n * An icon-only button component that renders as a button element.\n * Requires an icon and aria-label for accessibility.\n *\n * @component\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n ({ icon, className, ...restProps }: IconButtonProps, ref) => {\n const iconOnlyClassName = classNames(\"tds-btn--icononly\", className)\n\n return (\n <BaseButton\n {...restProps}\n label={icon}\n className={iconOnlyClassName}\n ref={ref}\n />\n )\n }\n)\n\nIconButton.displayName = \"IconButton\"\n"],"names":[],"mappings":";;;;AAYA;;;;;AAKG;AACU,MAAA,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAmB,EAAE,GAAG,KAAI;IAC1D,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAA;AAEpE,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR,EACH;AACH,CAAC,EACF;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "../button/btn.css";
|
|
2
|
+
import React, { AnchorHTMLAttributes } from "react";
|
|
3
|
+
import { BaseComponentProps, ComponentKind } from "../../utilities/buttonLinkShared";
|
|
4
|
+
export interface BaseLinkElementProps extends BaseComponentProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseComponentProps | "children"> {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
kind?: ComponentKind;
|
|
7
|
+
label?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const BaseLink: React.ForwardRefExoticComponent<BaseLinkElementProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
+
//# sourceMappingURL=BaseLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseLink.d.ts","sourceRoot":"","sources":["../../../src/components/link/BaseLink.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAG1B,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAA;AAE/D,OAAO,EACL,kBAAkB,EAGlB,aAAa,EAGd,MAAM,kCAAkC,CAAA;AAEzC,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,kBAAkB,GAAG,UAAU,CACtC;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAeD,eAAO,MAAM,QAAQ,gGA4BpB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { enhanceElementWithClassName, COMPONENT_SIZE_CLASS_MAP, COMPONENT_KIND_CLASS_MAP } from '../../utilities/buttonLinkShared.js';
|
|
4
|
+
|
|
5
|
+
const buildComponentClassName = (size, kind, className) => {
|
|
6
|
+
return classNames(kind && "tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], className);
|
|
7
|
+
};
|
|
8
|
+
const BaseLink = forwardRef(({ size, prefix, suffix, kind, label, children, className, href, ...restProps }, ref) => {
|
|
9
|
+
const combinedClassName = buildComponentClassName(size, kind, className);
|
|
10
|
+
const prefixElement = enhanceElementWithClassName(prefix, "prefix");
|
|
11
|
+
const suffixElement = enhanceElementWithClassName(suffix, "suffix");
|
|
12
|
+
return (React.createElement("a", { href: href, className: combinedClassName, ref: ref, ...restProps },
|
|
13
|
+
prefixElement,
|
|
14
|
+
label || children,
|
|
15
|
+
suffixElement));
|
|
16
|
+
});
|
|
17
|
+
BaseLink.displayName = "BaseLink";
|
|
18
|
+
|
|
19
|
+
export { BaseLink };
|
|
20
|
+
//# sourceMappingURL=BaseLink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseLink.js","sources":["../../../src/components/link/BaseLink.tsx"],"sourcesContent":["import \"../button/btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { AnchorHTMLAttributes, forwardRef } from \"react\"\n\nimport {\n BaseComponentProps,\n COMPONENT_KIND_CLASS_MAP,\n COMPONENT_SIZE_CLASS_MAP,\n ComponentKind,\n ComponentSize,\n enhanceElementWithClassName,\n} from \"../../utilities/buttonLinkShared\"\n\nexport interface BaseLinkElementProps\n extends BaseComponentProps,\n Omit<\n AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof BaseComponentProps | \"children\"\n > {\n children?: React.ReactNode\n kind?: ComponentKind\n label?: React.ReactNode\n}\n\nconst buildComponentClassName = (\n size?: ComponentSize,\n kind?: ComponentKind,\n className?: string\n): string => {\n return classNames(\n kind && \"tds-btn\",\n size && size !== \"md\" && kind && COMPONENT_SIZE_CLASS_MAP[size],\n kind && COMPONENT_KIND_CLASS_MAP[kind],\n className\n )\n}\n\nexport const BaseLink = forwardRef<HTMLAnchorElement, BaseLinkElementProps>(\n (\n {\n size,\n prefix,\n suffix,\n kind,\n label,\n children,\n className,\n href,\n ...restProps\n }: BaseLinkElementProps,\n ref\n ) => {\n const combinedClassName = buildComponentClassName(size, kind, className)\n\n const prefixElement = enhanceElementWithClassName(prefix, \"prefix\")\n const suffixElement = enhanceElementWithClassName(suffix, \"suffix\")\n\n return (\n <a href={href} className={combinedClassName} ref={ref} {...restProps}>\n {prefixElement}\n {label || children}\n {suffixElement}\n </a>\n )\n }\n)\n\nBaseLink.displayName = \"BaseLink\"\n"],"names":[],"mappings":";;;;AAyBA,MAAM,uBAAuB,GAAG,CAC9B,IAAoB,EACpB,IAAoB,EACpB,SAAkB,KACR;AACV,IAAA,OAAO,UAAU,CACf,IAAI,IAAI,SAAS,EACjB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EAC/D,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,CACV,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,SAAS,EACS,EACvB,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAA;IAExE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IACnE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAEnE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,KAAM,SAAS,EAAA;QACjE,aAAa;AACb,QAAA,KAAK,IAAI,QAAQ;QACjB,aAAa,CACZ,EACL;AACH,CAAC,EACF;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "../button/btn.css";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { BaseLinkElementProps } from "./BaseLink";
|
|
4
|
+
export type IconLinkProps = Omit<BaseLinkElementProps, "label" | "children"> & {
|
|
5
|
+
"aria-label": string;
|
|
6
|
+
icon: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare const IconLink: React.ForwardRefExoticComponent<Omit<BaseLinkElementProps, "label" | "children"> & {
|
|
9
|
+
"aria-label": string;
|
|
10
|
+
icon: React.ReactNode;
|
|
11
|
+
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
12
|
+
//# sourceMappingURL=IconLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconLink.d.ts","sourceRoot":"","sources":["../../../src/components/link/IconLink.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAG1B,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAY,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7E,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,QAAQ;kBAJL,MAAM;UACd,KAAK,CAAC,SAAS;2CAgBtB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { BaseLink } from './BaseLink.js';
|
|
4
|
+
|
|
5
|
+
const IconLink = forwardRef(({ icon, className, ...restProps }, ref) => {
|
|
6
|
+
const iconOnlyClassName = classNames("tds-btn--icononly", className);
|
|
7
|
+
return (React.createElement(BaseLink, { ...restProps, label: icon, className: iconOnlyClassName, ref: ref }));
|
|
8
|
+
});
|
|
9
|
+
IconLink.displayName = "IconLink";
|
|
10
|
+
|
|
11
|
+
export { IconLink };
|
|
12
|
+
//# sourceMappingURL=IconLink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconLink.js","sources":["../../../src/components/link/IconLink.tsx"],"sourcesContent":["import \"../button/btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseLink, BaseLinkElementProps } from \"./BaseLink\"\n\nexport type IconLinkProps = Omit<BaseLinkElementProps, \"label\" | \"children\"> & {\n \"aria-label\": string\n icon: React.ReactNode\n}\n\nexport const IconLink = forwardRef<HTMLAnchorElement, IconLinkProps>(\n ({ icon, className, ...restProps }: IconLinkProps, ref) => {\n const iconOnlyClassName = classNames(\"tds-btn--icononly\", className)\n\n return (\n <BaseLink\n {...restProps}\n label={icon}\n className={iconOnlyClassName}\n ref={ref}\n />\n )\n }\n)\n\nIconLink.displayName = \"IconLink\"\n"],"names":[],"mappings":";;;;AAYa,MAAA,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAiB,EAAE,GAAG,KAAI;IACxD,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAA;AAEpE,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,OACH,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR,EACH;AACH,CAAC,EACF;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "../button/btn.css";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { BaseLinkElementProps } from "./BaseLink";
|
|
4
|
+
export type LinkProps = Omit<BaseLinkElementProps, "label"> & {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
label?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const Link: React.ForwardRefExoticComponent<Omit<BaseLinkElementProps, "label"> & {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
label?: string;
|
|
11
|
+
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
12
|
+
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAE1B,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAY,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAE3D,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,IAAI;eAJJ,KAAK,CAAC,SAAS;YAClB,MAAM;2CAKd,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { BaseLink } from './BaseLink.js';
|
|
3
|
+
|
|
4
|
+
const Link = forwardRef((props, ref) => {
|
|
5
|
+
return React.createElement(BaseLink, { ...props, ref: ref });
|
|
6
|
+
});
|
|
7
|
+
Link.displayName = "Link";
|
|
8
|
+
|
|
9
|
+
export { Link };
|
|
10
|
+
//# sourceMappingURL=Link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import \"../button/btn.css\"\n\nimport React, { forwardRef } from \"react\"\n\nimport { BaseLink, BaseLinkElementProps } from \"./BaseLink\"\n\nexport type LinkProps = Omit<BaseLinkElementProps, \"label\"> & {\n children?: React.ReactNode\n label?: string\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n return <BaseLink {...props} ref={ref} />\n})\n\nLink.displayName = \"Link\"\n"],"names":[],"mappings":";;;AAWa,MAAA,IAAI,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,KAAI;IAC1E,OAAO,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAK,EAAA,GAAA,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA;AAC1C,CAAC,EAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../tapestry-wc/dist/components/p-
|
|
1
|
+
import '../../tapestry-wc/dist/components/p-DSFZ1_1a.js';
|
|
2
2
|
import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
|
|
3
3
|
import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../tapestry-wc/dist/components/p-
|
|
1
|
+
import '../../tapestry-wc/dist/components/p-DSFZ1_1a.js';
|
|
2
2
|
import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
|
|
3
3
|
import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
|
|
4
4
|
import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport {\n defineCustomElementTdsSidenav,\n defineCustomElementTdsSidenavItem,\n defineCustomElementTdsSidenavResponsiveHeader,\n defineCustomElementTdsSidenavSection,\n} from \"tapestry-wc\"\n\ndefineCustomElementTdsSidenav()\ndefineCustomElementTdsSidenavItem()\ndefineCustomElementTdsSidenavSection()\ndefineCustomElementTdsSidenavResponsiveHeader()\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection","defineCustomElementTdsSidenavResponsiveHeader"],"mappings":";;;;;;AASAA,mBAA6B,EAAE,CAAA;AAC/BC,qBAAiC,EAAE,CAAA;AACnCC,qBAAoC,EAAE,CAAA;AACtCC,qBAA6C,EAAE"}
|