@planningcenter/tapestry 1.5.0-rc.2 → 1.5.0-rc.21

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.
Files changed (112) hide show
  1. package/dist/componentRegistration.d.ts +2 -0
  2. package/dist/componentRegistration.d.ts.map +1 -0
  3. package/dist/componentRegistration.js +12 -0
  4. package/dist/componentRegistration.js.map +1 -0
  5. package/dist/components/Banner/Banner.d.ts.map +1 -1
  6. package/dist/components/Banner/Banner.js.map +1 -1
  7. package/dist/components/button/BaseButton.d.ts +3 -3
  8. package/dist/components/button/BaseButton.d.ts.map +1 -1
  9. package/dist/components/button/BaseButton.js.map +1 -1
  10. package/dist/components/button/Button.d.ts +1 -1
  11. package/dist/components/button/Button.d.ts.map +1 -1
  12. package/dist/components/button/Button.js.map +1 -1
  13. package/dist/components/button/DropdownButton.d.ts +15 -0
  14. package/dist/components/button/DropdownButton.d.ts.map +1 -0
  15. package/dist/components/button/DropdownButton.js +17 -0
  16. package/dist/components/button/DropdownButton.js.map +1 -0
  17. package/dist/components/button/DropdownIconButton.d.ts +5 -0
  18. package/dist/components/button/DropdownIconButton.d.ts.map +1 -0
  19. package/dist/components/button/DropdownIconButton.js +10 -0
  20. package/dist/components/button/DropdownIconButton.js.map +1 -0
  21. package/dist/components/button/IconButton.d.ts +1 -1
  22. package/dist/components/button/IconButton.d.ts.map +1 -1
  23. package/dist/components/button/IconButton.js.map +1 -1
  24. package/dist/components/button/index.d.ts +2 -0
  25. package/dist/components/button/index.d.ts.map +1 -1
  26. package/dist/components/link/BaseLink.d.ts +10 -0
  27. package/dist/components/link/BaseLink.d.ts.map +1 -0
  28. package/dist/components/link/BaseLink.js +20 -0
  29. package/dist/components/link/BaseLink.js.map +1 -0
  30. package/dist/components/link/IconLink.d.ts +12 -0
  31. package/dist/components/link/IconLink.d.ts.map +1 -0
  32. package/dist/components/link/IconLink.js +12 -0
  33. package/dist/components/link/IconLink.js.map +1 -0
  34. package/dist/components/link/Link.d.ts +12 -0
  35. package/dist/components/link/Link.d.ts.map +1 -0
  36. package/dist/components/link/Link.js +10 -0
  37. package/dist/components/link/Link.js.map +1 -0
  38. package/dist/components/link/index.d.ts +4 -0
  39. package/dist/components/link/index.d.ts.map +1 -0
  40. package/dist/components/page-header/index.js +1 -1
  41. package/dist/components/sidenav/index.js +1 -1
  42. package/dist/components/sidenav/index.js.map +1 -1
  43. package/dist/index.css +629 -128
  44. package/dist/index.css.map +1 -1
  45. package/dist/index.d.ts +8 -0
  46. package/dist/index.d.ts.map +1 -1
  47. package/dist/index.js +6 -0
  48. package/dist/index.js.map +1 -1
  49. package/dist/product-tokens/accounts.css +17 -0
  50. package/dist/product-tokens/calendar.css +17 -0
  51. package/dist/product-tokens/checkins.css +17 -0
  52. package/dist/product-tokens/giving.css +17 -0
  53. package/dist/product-tokens/groups.css +17 -0
  54. package/dist/product-tokens/home.css +16 -0
  55. package/dist/product-tokens/people.css +17 -0
  56. package/dist/product-tokens/publishing.css +17 -0
  57. package/dist/product-tokens/registrations.css +17 -0
  58. package/dist/product-tokens/services.css +17 -0
  59. package/dist/tapestry-render/dist/index.js +21048 -0
  60. package/dist/tapestry-render/dist/index.js.map +1 -0
  61. package/dist/tapestry-wc/dist/components/{p-CvO_VK9U.js → p-BSkeqkCc.js} +50 -4
  62. package/dist/tapestry-wc/dist/components/p-BSkeqkCc.js.map +1 -0
  63. package/dist/tapestry-wc/dist/components/{p-ChVYJSbr.js → p-C6Hmm_1u.js} +2 -2
  64. package/dist/tapestry-wc/dist/components/p-C6Hmm_1u.js.map +1 -0
  65. package/dist/tapestry-wc/dist/components/{p-DbLeoqE6.js → p-COdP1prc.js} +6 -18
  66. package/dist/tapestry-wc/dist/components/p-COdP1prc.js.map +1 -0
  67. package/dist/tapestry-wc/dist/components/{p-B7r54iMT.js → p-Dm2Xd_ys.js} +6 -14
  68. package/dist/tapestry-wc/dist/components/p-Dm2Xd_ys.js.map +1 -0
  69. package/dist/tapestry-wc/dist/components/{p-Dh-hRzOp.js → p-g4stSLvh.js} +3 -3
  70. package/dist/tapestry-wc/dist/components/p-g4stSLvh.js.map +1 -0
  71. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  72. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  73. package/dist/tapestry-wc/dist/components/tds-page-header.js +5 -5
  74. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  75. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +6 -6
  76. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  77. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  78. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  79. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +4 -4
  80. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  81. package/dist/tapestry-wc/dist/components/tds-sidenav.js +10 -13
  82. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  83. package/dist/tokens/ts/tokens.d.ts +37 -0
  84. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  85. package/dist/tokens/ts/tokens.js +37 -0
  86. package/dist/tokens/ts/tokens.js.map +1 -1
  87. package/dist/tokens.css +37 -0
  88. package/dist/tokens.css.map +1 -1
  89. package/dist/unstable.css +832 -652
  90. package/dist/unstable.css.map +1 -1
  91. package/dist/unstable.d.ts +2 -1
  92. package/dist/unstable.d.ts.map +1 -1
  93. package/dist/unstable.js +11 -0
  94. package/dist/unstable.js.map +1 -1
  95. package/dist/utilities/Icon.d.ts +0 -1
  96. package/dist/utilities/Icon.d.ts.map +1 -1
  97. package/dist/utilities/Icon.js +0 -1
  98. package/dist/utilities/Icon.js.map +1 -1
  99. package/dist/utilities/buttonLinkShared.d.ts.map +1 -1
  100. package/dist/utilities/buttonLinkShared.js +4 -3
  101. package/dist/utilities/buttonLinkShared.js.map +1 -1
  102. package/dist/webComponents.css +504 -324
  103. package/dist/webComponents.css.map +1 -1
  104. package/package.json +6 -4
  105. package/react-types/index.d.ts +9 -12
  106. package/dist/tapestry-wc/dist/components/p-B7r54iMT.js.map +0 -1
  107. package/dist/tapestry-wc/dist/components/p-ChVYJSbr.js.map +0 -1
  108. package/dist/tapestry-wc/dist/components/p-CvO_VK9U.js.map +0 -1
  109. package/dist/tapestry-wc/dist/components/p-DV4-2pmi.js +0 -93
  110. package/dist/tapestry-wc/dist/components/p-DV4-2pmi.js.map +0 -1
  111. package/dist/tapestry-wc/dist/components/p-DbLeoqE6.js.map +0 -1
  112. package/dist/tapestry-wc/dist/components/p-Dh-hRzOp.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ export { mountTapestry } from "@planningcenter/tapestry-render";
2
+ //# sourceMappingURL=componentRegistration.d.ts.map
@@ -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,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAE9D,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAA;AAuBD,eAAO,MAAM,MAAM,uCAKhB,WAAW,sBAcb,CAAA;AAED,eAAe,MAAM,CAAA"}
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,\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
+ {"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, 'kind'> {
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 | 'children'> & BaseButtonProps;
9
- export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | keyof BaseButtonProps> & BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
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,CAAC;AAGnB,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,kBAAkB,EAGlB,aAAa,EAGd,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACvE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,eAAe,GAAG,UAAU,CAAC,GAAG,eAAe,CAAC;AAezI,eAAO,MAAM,UAAU,qLAoBtB,CAAC"}
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\";\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<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | 'children'> & 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 ({ size, prefix, suffix, kind = \"secondary\", label, className, ...restProps }: BaseButtonElementProps, ref) => {\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":";;;;AAqBA,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,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAA0B,EAAE,GAAG,KAAI;IAC5G,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAEpE,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,EACT;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
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, 'label'> & {
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,CAAC;AAEnB,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3F;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;WAT+D,MAAM;2CAavF,CAAC"}
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\";\n\nimport React, { forwardRef } from \"react\";\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\";\n\nexport type ButtonElementProps = Omit<BaseButtonElementProps, 'label'> & { label: string };\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":";;;AAQA;;;;;;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,CAAC;AAC7C,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
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, 'label'> & {
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,CAAC;AAGnB,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU;kBAVP,MAAM;UACd,KAAK,CAAC,SAAS;2CAsBtB,CAAC"}
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\";\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,CAAC;AAErE,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR,EACF;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
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,4 +1,6 @@
1
1
  import "./btn.css";
2
2
  export { Button } from "./Button";
3
+ export { DropdownButton } from "./DropdownButton";
4
+ export { DropdownIconButton } from "./DropdownIconButton";
3
5
  export { IconButton } from "./IconButton";
4
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
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,4 @@
1
+ import "../button/btn.css";
2
+ export { IconLink } from "./IconLink";
3
+ export { Link } from "./Link";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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-B7r54iMT.js';
1
+ import '../../tapestry-wc/dist/components/p-Dm2Xd_ys.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-B7r54iMT.js';
1
+ import '../../tapestry-wc/dist/components/p-Dm2Xd_ys.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 { defineCustomElementTdsSidenav, defineCustomElementTdsSidenavItem, defineCustomElementTdsSidenavResponsiveHeader, defineCustomElementTdsSidenavSection } from \"tapestry-wc\"\n\ndefineCustomElementTdsSidenav()\ndefineCustomElementTdsSidenavItem()\ndefineCustomElementTdsSidenavSection()\ndefineCustomElementTdsSidenavResponsiveHeader()\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection","defineCustomElementTdsSidenavResponsiveHeader"],"mappings":";;;;;;AAIAA,mBAA6B,EAAE,CAAA;AAC/BC,qBAAiC,EAAE,CAAA;AACnCC,qBAAoC,EAAE,CAAA;AACtCC,qBAA6C,EAAE"}
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"}