@cambly/syntax-core 9.6.0 → 9.7.0

package/dist/Avatar/Avatar.css

@@ -0,0 +1,28 @@
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data */
+:root {
+  --syntax-avatar-border-width: 1px;
+}
+._avatar_1anoj_5 {
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  border-radius: 50%;
+  border: var(--syntax-avatar-border-width) solid #fff;
+}
+._sm_1anoj_13 {
+  width: calc(24px - var(--syntax-avatar-border-width) * 2);
+  height: calc(24px - var(--syntax-avatar-border-width) * 2);
+}
+._md_1anoj_18 {
+  width: calc(40px - var(--syntax-avatar-border-width) * 2);
+  height: calc(40px - var(--syntax-avatar-border-width) * 2);
+}
+._lg_1anoj_23 {
+  width: calc(72px - var(--syntax-avatar-border-width) * 2);
+  height: calc(72px - var(--syntax-avatar-border-width) * 2);
+}
+._xl_1anoj_28 {
+  width: calc(128px - var(--syntax-avatar-border-width) * 2);
+  height: calc(128px - var(--syntax-avatar-border-width) * 2);
+}
+/*# sourceMappingURL=Avatar.css.map */

package/dist/Avatar/Avatar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data"],"sourcesContent":[":root {\n  --syntax-avatar-border-width: 1px;\n}\n\n._avatar_1anoj_5 {\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border-radius: 50%;\n  border: var(--syntax-avatar-border-width) solid #fff;\n}\n\n._sm_1anoj_13 {\n  width: calc(24px - var(--syntax-avatar-border-width) * 2);\n  height: calc(24px - var(--syntax-avatar-border-width) * 2);\n}\n\n._md_1anoj_18 {\n  width: calc(40px - var(--syntax-avatar-border-width) * 2);\n  height: calc(40px - var(--syntax-avatar-border-width) * 2);\n}\n\n._lg_1anoj_23 {\n  width: calc(72px - var(--syntax-avatar-border-width) * 2);\n  height: calc(72px - var(--syntax-avatar-border-width) * 2);\n}\n\n._xl_1anoj_28 {\n  width: calc(128px - var(--syntax-avatar-border-width) * 2);\n  height: calc(128px - var(--syntax-avatar-border-width) * 2);\n}\n"],"mappings":";AAAA;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;","names":[]}

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,27 @@
+/**
+ * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.
+ */
+declare const Avatar: ({ src, accessibilityLabel, size, }: {
+    /**
+     * URL of the image to display as the avatar.
+     */
+    src: string;
+    /**
+     * Alt text to use for the image.
+     * This should describe the image to people using screen readers.
+     */
+    accessibilityLabel: string;
+    /**
+     * Size of the avatar.
+     *
+     * * `sm`: 24px
+     * * `md`: 40px
+     * * `lg`: 72px
+     * * `xl`: 128px
+     *
+     * @defaultValue `md`
+     */
+    size?: "sm" | "md" | "lg" | "xl" | undefined;
+}) => JSX.Element;
+
+export { Avatar as default };

package/dist/Avatar/Avatar.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FUBK3VZOjs = require('../__chunks/FUBK3VZO.js');
+require('../__chunks/LULBCTQR.js');
+
+
+exports.default = _FUBK3VZOjs.Avatar_default;
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/Avatar/Avatar.mjs

@@ -0,0 +1,8 @@
+import {
+  Avatar_default
+} from "../__chunks/M6YFAP6P.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  Avatar_default as default
+};
+//# sourceMappingURL=Avatar.mjs.map

package/dist/Avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}