@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 +12 -5
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +12 -5
- package/package.json +4 -4
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-
|
|
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-
|
|
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 : "
|
|
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:
|
|
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 '
|
|
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 '
|
|
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-
|
|
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-
|
|
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 : "
|
|
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:
|
|
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.
|
|
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.
|
|
27
|
-
"@uniformdev/richtext": "^19.
|
|
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": "
|
|
71
|
+
"gitHead": "ebdcac3a77d293bff272925f62f8c1c10be855bc"
|
|
72
72
|
}
|