@uniformdev/design-system 19.152.2-alpha.9 → 19.153.1-alpha.6

package/dist/esm/index.js

@@ -13477,6 +13477,7 @@ var Chip = ({
   size = "sm",
   theme = "accent-light",
   chipAction,
+  as = "span",
   ...props
 }) => {
   const chipSize = {
@@ -13484,7 +13485,8 @@ var Chip = ({
     sm: ChipSmall,
     md: ChipMedium
   };
-  return /* @__PURE__ */ jsxs23("span", { css: [ChipContainer, chipSize[size], chipTheme[theme]], ...props, children: [
+  const ElementType = as;
+  return /* @__PURE__ */ jsxs23(ElementType, { css: [ChipContainer, chipSize[size], chipTheme[theme]], ...props, children: [
     icon ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
       /* @__PURE__ */ jsx39("span", { role: "presentation", css: [ChipIcon], children: /* @__PURE__ */ jsx39(Icon, { icon, iconColor: "currentColor", size: "1rem" }) }),
       /* @__PURE__ */ jsx39("span", { role: "separator", css: ChipSeparator })

package/dist/index.d.mts

@@ -21352,6 +21352,11 @@ type ChipProps = {
     theme?: ChipTheme;
     chipAction?: React.ReactNode;
     size?: ChipSizeProp;
+    /**
+     * The HTML element to render
+     * @default 'span'
+     */
+    as?: 'span' | 'button';
 } & React.HTMLAttributes<HTMLSpanElement>;
 /**
  * @description Chips are used in a variety of ways
@@ -21360,7 +21365,7 @@ type ChipProps = {
  * To represent a different object, as a reference
  * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
  */
-declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Chip: ({ icon, text, size, theme, chipAction, as, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 type DismissibleChipActionProps = {
     onDismiss: () => void;
 } & HTMLAttributes<HTMLButtonElement>;

package/dist/index.d.ts

@@ -21352,6 +21352,11 @@ type ChipProps = {
     theme?: ChipTheme;
     chipAction?: React.ReactNode;
     size?: ChipSizeProp;
+    /**
+     * The HTML element to render
+     * @default 'span'
+     */
+    as?: 'span' | 'button';
 } & React.HTMLAttributes<HTMLSpanElement>;
 /**
  * @description Chips are used in a variety of ways
@@ -21360,7 +21365,7 @@ type ChipProps = {
  * To represent a different object, as a reference
  * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
  */
-declare const Chip: ({ icon, text, size, theme, chipAction, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Chip: ({ icon, text, size, theme, chipAction, as, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 type DismissibleChipActionProps = {
     onDismiss: () => void;
 } & HTMLAttributes<HTMLButtonElement>;

package/dist/index.js

@@ -15177,6 +15177,7 @@ var Chip = ({
   size = "sm",
   theme = "accent-light",
   chipAction,
+  as = "span",
   ...props
 }) => {
   const chipSize = {
@@ -15184,7 +15185,8 @@ var Chip = ({
     sm: ChipSmall,
     md: ChipMedium
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { css: [ChipContainer, chipSize[size], chipTheme[theme]], ...props, children: [
+  const ElementType = as;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(ElementType, { css: [ChipContainer, chipSize[size], chipTheme[theme]], ...props, children: [
     icon ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { role: "presentation", css: [ChipIcon], children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { icon, iconColor: "currentColor", size: "1rem" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { role: "separator", css: ChipSeparator })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.152.2-alpha.9+a99c710d2a",
+  "version": "19.153.1-alpha.6+2f1fec9a75",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.40",
     "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.152.2-alpha.9+a99c710d2a",
-    "@uniformdev/richtext": "^19.152.2-alpha.9+a99c710d2a",
+    "@uniformdev/canvas": "^19.153.1-alpha.6+2f1fec9a75",
+    "@uniformdev/richtext": "^19.153.1-alpha.6+2f1fec9a75",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a99c710d2aecec9e6d590301b75ef89d82da520c"
+  "gitHead": "2f1fec9a75a28564dcd4a019f348a3ba2a4c607b"
 }