@uniformdev/design-system 19.99.1-alpha.0 → 19.103.0

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.
package/dist/esm/index.js CHANGED
@@ -11721,7 +11721,7 @@ var menuItem = (textTheme, forceActive) => css25`
11721
11721
  background: none;
11722
11722
  color: ${textTheme === "base" ? "var(--brand-secondary-1)" : "var(--brand-secondary-5)"};
11723
11723
  display: flex;
11724
- padding: var(--spacing-sm);
11724
+ padding: var(--spacing-3);
11725
11725
  font-weight: var(--fw-regular);
11726
11726
  flex-grow: 1;
11727
11727
  gap: var(--spacing-xs);
@@ -11816,7 +11816,7 @@ var menuStyles = css26`
11816
11816
  background: var(--gray-50);
11817
11817
  display: flex;
11818
11818
  flex-direction: column;
11819
- padding: var(--spacing-sm);
11819
+ padding: var(--spacing-3);
11820
11820
  outline: none;
11821
11821
  position: relative;
11822
11822
  z-index: var(--z-50);
@@ -11838,6 +11838,7 @@ var Menu = React8.forwardRef(function Menu2({
11838
11838
  withoutPortal,
11839
11839
  disableAutoSeparatorManagement,
11840
11840
  menuItemsContainerCssClasses,
11841
+ testId,
11841
11842
  ...props
11842
11843
  }, ref) {
11843
11844
  const placementOverride = legacyPlacements.includes(placement) ? void 0 : placement;
@@ -11856,7 +11857,7 @@ var Menu = React8.forwardRef(function Menu2({
11856
11857
  typeof menuItemsContainerCssClasses === "object" ? menuItemsContainerCssClasses : void 0
11857
11858
  ],
11858
11859
  className: typeof menuItemsContainerCssClasses === "string" ? menuItemsContainerCssClasses : "",
11859
- "data-testid": "more-menu",
11860
+ "data-testid": testId != null ? testId : "more-menu",
11860
11861
  hideOnHoverOutside: (event) => {
11861
11862
  var _a;
11862
11863
  if (!menu.parent)
@@ -12531,7 +12532,7 @@ var Card = ({
12531
12532
  type: "button",
12532
12533
  disabled: disabled2,
12533
12534
  css: CardMenu,
12534
- "data-testid": menuButtonTestId != null ? menuButtonTestId : "list-card-menu",
12535
+ "data-testid": menuButtonTestId != null ? menuButtonTestId : "button-more",
12535
12536
  children: /* @__PURE__ */ jsx31(Icon, { icon: CgMoreAlt, iconColor: "currentColor", size: 32 })
12536
12537
  }
12537
12538
  ),
@@ -16239,6 +16240,12 @@ var cardBase = css72`
16239
16240
  --mediacard-title-color: var(--brand-secondary-1);
16240
16241
  border-color: var(--primary-action-hover);
16241
16242
  }
16243
+
16244
+ &:where([aria-disabled='true']) {
16245
+ opacity: var(--opacity-50);
16246
+ pointer-events: none;
16247
+ cursor: default;
16248
+ }
16242
16249
  `;
16243
16250
  var coverWrapper = css72`
16244
16251
  position: relative;
@@ -16926,7 +16933,7 @@ var dataConnectButton = css76`
16926
16933
  `;
16927
16934
  var linkParameterBtn = css76`
16928
16935
  border-radius: var(--rounded-base);
16929
- background: var(--white);
16936
+ background: transparent;
16930
16937
  border: none;
16931
16938
  color: var(--brand-secondary-3);
16932
16939
  font-weight: var(--fw-regular);
package/dist/index.d.mts CHANGED
@@ -21160,7 +21160,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
21160
21160
  /** (optional) sets options for a dropdown menu */
21161
21161
  menuItems?: JSX.Element;
21162
21162
  /** (optional) sets the data-testid attribute on the button element
21163
- * @default 'list-card-menu'
21163
+ * @default 'button-more'
21164
21164
  */
21165
21165
  menuButtonTestId?: string;
21166
21166
  /** (optional) sets the menu button disabled state */
@@ -22162,6 +22162,8 @@ interface MenuProps extends MenuProps$2 {
22162
22162
  * @deprecated this prop was added to fix a bug with portal, this issue is now fixed, and we don't need this prop anymore.
22163
22163
  */
22164
22164
  withoutPortal?: boolean;
22165
+ /** (optional) sets the test id attribute */
22166
+ testId?: string;
22165
22167
  }
22166
22168
  /**
22167
22169
  * Component used for creating clickable menus
package/dist/index.d.ts CHANGED
@@ -21160,7 +21160,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
21160
21160
  /** (optional) sets options for a dropdown menu */
21161
21161
  menuItems?: JSX.Element;
21162
21162
  /** (optional) sets the data-testid attribute on the button element
21163
- * @default 'list-card-menu'
21163
+ * @default 'button-more'
21164
21164
  */
21165
21165
  menuButtonTestId?: string;
21166
21166
  /** (optional) sets the menu button disabled state */
@@ -22162,6 +22162,8 @@ interface MenuProps extends MenuProps$2 {
22162
22162
  * @deprecated this prop was added to fix a bug with portal, this issue is now fixed, and we don't need this prop anymore.
22163
22163
  */
22164
22164
  withoutPortal?: boolean;
22165
+ /** (optional) sets the test id attribute */
22166
+ testId?: string;
22165
22167
  }
22166
22168
  /**
22167
22169
  * Component used for creating clickable menus
package/dist/index.js CHANGED
@@ -13366,7 +13366,7 @@ var menuItem = (textTheme, forceActive) => import_react33.css`
13366
13366
  background: none;
13367
13367
  color: ${textTheme === "base" ? "var(--brand-secondary-1)" : "var(--brand-secondary-5)"};
13368
13368
  display: flex;
13369
- padding: var(--spacing-sm);
13369
+ padding: var(--spacing-3);
13370
13370
  font-weight: var(--fw-regular);
13371
13371
  flex-grow: 1;
13372
13372
  gap: var(--spacing-xs);
@@ -13462,7 +13462,7 @@ var menuStyles = import_react35.css`
13462
13462
  background: var(--gray-50);
13463
13463
  display: flex;
13464
13464
  flex-direction: column;
13465
- padding: var(--spacing-sm);
13465
+ padding: var(--spacing-3);
13466
13466
  outline: none;
13467
13467
  position: relative;
13468
13468
  z-index: var(--z-50);
@@ -13484,6 +13484,7 @@ var Menu = React8.forwardRef(function Menu2({
13484
13484
  withoutPortal,
13485
13485
  disableAutoSeparatorManagement,
13486
13486
  menuItemsContainerCssClasses,
13487
+ testId,
13487
13488
  ...props
13488
13489
  }, ref) {
13489
13490
  const placementOverride = legacyPlacements.includes(placement) ? void 0 : placement;
@@ -13502,7 +13503,7 @@ var Menu = React8.forwardRef(function Menu2({
13502
13503
  typeof menuItemsContainerCssClasses === "object" ? menuItemsContainerCssClasses : void 0
13503
13504
  ],
13504
13505
  className: typeof menuItemsContainerCssClasses === "string" ? menuItemsContainerCssClasses : "",
13505
- "data-testid": "more-menu",
13506
+ "data-testid": testId != null ? testId : "more-menu",
13506
13507
  hideOnHoverOutside: (event) => {
13507
13508
  var _a;
13508
13509
  if (!menu.parent)
@@ -14184,7 +14185,7 @@ var Card = ({
14184
14185
  type: "button",
14185
14186
  disabled: disabled2,
14186
14187
  css: CardMenu,
14187
- "data-testid": menuButtonTestId != null ? menuButtonTestId : "list-card-menu",
14188
+ "data-testid": menuButtonTestId != null ? menuButtonTestId : "button-more",
14188
14189
  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { icon: import_CgMoreAlt2.CgMoreAlt, iconColor: "currentColor", size: 32 })
14189
14190
  }
14190
14191
  ),
@@ -18036,6 +18037,12 @@ var cardBase = import_react97.css`
18036
18037
  --mediacard-title-color: var(--brand-secondary-1);
18037
18038
  border-color: var(--primary-action-hover);
18038
18039
  }
18040
+
18041
+ &:where([aria-disabled='true']) {
18042
+ opacity: var(--opacity-50);
18043
+ pointer-events: none;
18044
+ cursor: default;
18045
+ }
18039
18046
  `;
18040
18047
  var coverWrapper = import_react97.css`
18041
18048
  position: relative;
@@ -18736,7 +18743,7 @@ var dataConnectButton = import_react103.css`
18736
18743
  `;
18737
18744
  var linkParameterBtn = import_react103.css`
18738
18745
  border-radius: var(--rounded-base);
18739
- background: var(--white);
18746
+ background: transparent;
18740
18747
  border: none;
18741
18748
  color: var(--brand-secondary-3);
18742
18749
  font-weight: var(--fw-regular);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "19.99.1-alpha.0+ccafd6a7e",
3
+ "version": "19.103.0",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -23,8 +23,8 @@
23
23
  "@storybook/react": "6.5.16",
24
24
  "@types/react": "18.2.40",
25
25
  "@types/react-dom": "18.2.17",
26
- "@uniformdev/canvas": "^19.99.1-alpha.0+ccafd6a7e",
27
- "@uniformdev/richtext": "^19.99.1-alpha.0+ccafd6a7e",
26
+ "@uniformdev/canvas": "^19.103.0",
27
+ "@uniformdev/richtext": "^19.103.0",
28
28
  "autoprefixer": "10.4.16",
29
29
  "hygen": "6.2.11",
30
30
  "postcss": "8.4.32",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "ccafd6a7ec5eadfdd2c203dd22c8d2c2eab718e3"
71
+ "gitHead": "ebdcac3a77d293bff272925f62f8c1c10be855bc"
72
72
  }