@planningcenter/tapestry 2.8.0-rc.10 → 2.8.0-rc.12

package/dist/components/page-header/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-BhARqz4-.js';
+import '../../tapestry-wc/dist/components/p-C-DiXomr.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
 

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,18 @@
+import React, { InputHTMLAttributes } from "react";
+export type RadioSize = "md" | "sm";
+export interface RadioProps {
+    description?: string;
+    label: string;
+    name: string;
+    size?: RadioSize;
+}
+export type RadioElementProps = Omit<InputHTMLAttributes<HTMLInputElement>, keyof RadioProps | "type"> & RadioProps;
+/**
+ * A radio component that renders as a radio input with label.
+ * Supports various sizes.
+ * Label must be a string. Must have a name attribute.
+ *
+ * @component
+ */
+export declare const Radio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | keyof RadioProps> & RadioProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAI9D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnC,MAAM,WAAW,UAAU;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,UAAU,GAAG,MAAM,CAC1B,GACC,UAAU,CAAA;AAEZ;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,oKAuCjB,CAAA"}

package/dist/components/radio/Radio.js

@@ -0,0 +1,24 @@
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { useId } from '../../utilities/useId.js';
+
+/**
+ * A radio component that renders as a radio input with label.
+ * Supports various sizes.
+ * Label must be a string. Must have a name attribute.
+ *
+ * @component
+ */
+const Radio = forwardRef(({ className, description, id, label, size = "md", ...restProps }, ref) => {
+    const combinedClassName = classNames("tds-radio", size && size === "sm" && `tds-radio--sm`, className);
+    const stableId = useId();
+    const radioId = id || `tds-radio-${stableId}`;
+    return (React.createElement("div", { className: combinedClassName },
+        React.createElement("input", { ...restProps, "aria-describedby": description ? `${radioId}-description` : undefined, id: radioId, ref: ref, type: "radio" }),
+        React.createElement("label", { htmlFor: radioId }, label),
+        description && (React.createElement("p", { id: `${radioId}-description`, className: "tds-radio-description" }, description))));
+});
+Radio.displayName = "Radio";
+
+export { Radio };
+//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport React, { forwardRef, InputHTMLAttributes } from \"react\"\n\nimport { useId } from \"../../utilities/useId\"\n\nexport type RadioSize = \"md\" | \"sm\"\n\nexport interface RadioProps {\n  description?: string\n  label: string\n  name: string\n  size?: RadioSize\n}\n\nexport type RadioElementProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  keyof RadioProps | \"type\"\n> &\n  RadioProps\n\n/**\n * A radio component that renders as a radio input with label.\n * Supports various sizes.\n * Label must be a string. Must have a name attribute.\n *\n * @component\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioElementProps>(\n  (\n    {\n      className,\n      description,\n      id,\n      label,\n      size = \"md\",\n      ...restProps\n    }: RadioElementProps,\n    ref\n  ) => {\n    const combinedClassName = classNames(\n      \"tds-radio\",\n      size && size === \"sm\" && `tds-radio--sm`,\n      className\n    )\n\n    const stableId = useId()\n    const radioId = id || `tds-radio-${stableId}`\n\n    return (\n      <div className={combinedClassName}>\n        <input\n          {...restProps}\n          aria-describedby={description ? `${radioId}-description` : undefined}\n          id={radioId}\n          ref={ref}\n          type=\"radio\"\n        />\n        <label htmlFor={radioId}>{label}</label>\n        {description && (\n          <p id={`${radioId}-description`} className=\"tds-radio-description\">\n            {description}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nRadio.displayName = \"Radio\"\n"],"names":[],"mappings":";;;;AAoBA;;;;;;AAMG;AACI,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,SAAS,EACT,WAAW,EACX,EAAE,EACF,KAAK,EACL,IAAI,GAAG,IAAI,EACX,GAAG,SAAS,EACM,EACpB,GAAG,KACD;AACF,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAClC,WAAW,EACX,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAA,aAAA,CAAe,EACxC,SAAS,CACV;AAED,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE;AACxB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,UAAA,EAAa,QAAQ,EAAE;AAE7C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,EAAA;QAC/B,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GACM,SAAS,EAAA,kBAAA,EACK,WAAW,GAAG,CAAA,EAAG,OAAO,CAAA,YAAA,CAAc,GAAG,SAAS,EACpE,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EAAA,CACZ;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,EAAA,EAAG,KAAK,CAAS;AACvC,QAAA,WAAW,KACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,CAAA,EAAG,OAAO,CAAA,YAAA,CAAc,EAAE,SAAS,EAAC,uBAAuB,EAAA,EAC/D,WAAW,CACV,CACL,CACG;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/sidenav/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-BhARqz4-.js';
+import '../../tapestry-wc/dist/components/p-C-DiXomr.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
 import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';

package/dist/index.css

@@ -6,7 +6,7 @@
   --t-border-radius-lg:8px;
   --t-border-radius-xl:16px;
   --t-border-radius-round:56px;
-  --t-border-radius:4px;
+  --t-border-radius:var(--t-border-radius-md);
   --t-border-width:1px;
   --t-border-width-thick:2px;
   --t-spacing-1:8px;
@@ -318,9 +318,9 @@
   --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
   --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
   --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 100%, 0);
-  --t-fill-color-button-neutral-responsive-header:hsla(0, 0%, 0%, 0.1);
-  --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
-  --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
+  --t-fill-color-button-neutral-responsive-header:var(--t-fill-color-transparency-dark-010);
+  --t-fill-color-button-neutral-responsive-header-hover:var(--t-fill-color-transparency-dark-020);
+  --t-fill-color-button-neutral-responsive-header-active:var(--t-fill-color-transparency-dark-030);
   --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 0%, 0.05);
   --t-fill-color-button-interaction-solid:hsl(204, 100%, 40%);
   --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
@@ -377,8 +377,8 @@
   --t-fill-color-transparency-dark-static-070:hsla(0, 0%, 0%, 0.7);
   --t-fill-color-transparency-dark-static-080:hsla(0, 0%, 0%, 0.8);
   --t-fill-color-transparency-dark-static-090:hsla(0, 0%, 0%, 0.9);
-  --t-surface-color-card:hsl(0, 0%, 100%);
-  --t-surface-color-canvas:hsl(0, 0%, 100%);
+  --t-surface-color-card:var(--t-fill-color-neutral-100);
+  --t-surface-color-canvas:var(--t-fill-color-neutral-100);
   --t-border-color:hsl(0, 0%, 88%);
   --t-border-color-dark:hsl(0, 0%, 81%);
   --t-border-color-darker:hsl(0, 0%, 68%);