@uniformdev/design-system 19.134.3-alpha.10 → 19.135.0

package/dist/esm/index.js

@@ -17061,6 +17061,7 @@ var MediaCard = ({
   menuItems,
   sideSection: sideSection2,
   onClick,
+  buttonType,
   ...cardProps
 }) => {
   const onStopPropogation = useCallback7((e) => {
@@ -17068,7 +17069,7 @@ var MediaCard = ({
   }, []);
   const hasMenuItems = Array.isArray(menuItems) ? menuItems.length > 0 : Boolean(menuItems);
   return /* @__PURE__ */ jsxs62(Card, { css: cardBase, ...cardProps, onClick, "data-testid": "card-item", children: [
-    /* @__PURE__ */ jsx93("button", { tabIndex: -1, css: coverWrapper, children: cover }),
+    /* @__PURE__ */ jsx93("button", { tabIndex: -1, css: coverWrapper, type: buttonType, children: cover }),
     /* @__PURE__ */ jsx93("div", { css: contentWrapper, children: /* @__PURE__ */ jsxs62(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
       /* @__PURE__ */ jsxs62(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ jsxs62(HorizontalRhythm, { gap: "xs", align: "center", css: { maxWidth: "100%" }, children: [
@@ -21881,6 +21882,7 @@ var SegmentedControl = ({
     {
       css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
       ...props,
+      "data-testid": "segmented-control",
       children: options.map((option, index) => {
         var _a;
         if (!option) {

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as React$1 from 'react';
-import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
+import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
 import { GroupBase } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
@@ -22454,9 +22454,10 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
     cover?: React.ReactNode;
     menuItems?: React.ReactElement<MenuItemProps>[] | React.ReactNode;
     sideSection?: React.ReactNode;
+    buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     onClick?: () => void;
 };
-declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ModalProps = {
     header?: React__default.ReactNode;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as React$1 from 'react';
-import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
+import React__default, { RefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, CSSProperties, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
 import { GroupBase } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
@@ -22454,9 +22454,10 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
     cover?: React.ReactNode;
     menuItems?: React.ReactElement<MenuItemProps>[] | React.ReactNode;
     sideSection?: React.ReactNode;
+    buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     onClick?: () => void;
 };
-declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type ModalProps = {
     header?: React__default.ReactNode;

package/dist/index.js

@@ -18882,6 +18882,7 @@ var MediaCard = ({
   menuItems,
   sideSection: sideSection2,
   onClick,
+  buttonType,
   ...cardProps
 }) => {
   const onStopPropogation = (0, import_react105.useCallback)((e) => {
@@ -18889,7 +18890,7 @@ var MediaCard = ({
   }, []);
   const hasMenuItems = Array.isArray(menuItems) ? menuItems.length > 0 : Boolean(menuItems);
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Card, { css: cardBase, ...cardProps, onClick, "data-testid": "card-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { tabIndex: -1, css: coverWrapper, children: cover }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { tabIndex: -1, css: coverWrapper, type: buttonType, children: cover }),
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { css: contentWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(HorizontalRhythm, { gap: "sm", justify: "space-between", align: "center", css: { width: "100%" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(VerticalRhythm, { gap: "0", align: "flex-start", css: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(HorizontalRhythm, { gap: "xs", align: "center", css: { maxWidth: "100%" }, children: [
@@ -23730,6 +23731,7 @@ var SegmentedControl = ({
     {
       css: [segmentedControlStyles, orientation === "vertical" ? segmentedControlVerticalStyles : void 0],
       ...props,
+      "data-testid": "segmented-control",
       children: options.map((option, index) => {
         var _a;
         if (!option) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.134.3-alpha.10+ae656e8e4c",
+  "version": "19.135.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,8 +23,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.40",
     "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.134.3-alpha.10+ae656e8e4c",
-    "@uniformdev/richtext": "^19.134.3-alpha.10+ae656e8e4c",
+    "@uniformdev/canvas": "^19.135.0",
+    "@uniformdev/richtext": "^19.135.0",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ae656e8e4c730dbf960ef43b6c5e9a0b8ba13193"
+  "gitHead": "741cd50843c92d550dbff2daffb3a6106a7a3f94"
 }