@team-monolith/cds 1.73.0 → 1.74.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.
Files changed (4) hide show
  1. package/dist/components/AlertDialog/AlertDialog.js +2 -0
  2. package/dist/components/AlertDialog/AlertDialogContent.js +2 -1
  3. package/dist/icons/Custom.js +6 -6
  4. package/package.json +1 -1
package/dist/components/AlertDialog/AlertDialog.js CHANGED
@@ -27,6 +27,7 @@ export const AlertDialog = React.forwardRef(function AlertDialog(props, ref) {
27
27
  zIndex: ZINDEX.ALERT,
28
28
  } }, other, { children: _jsxs(Component, Object.assign({ className: className, css: css `
29
29
  width: 480px;
30
+ max-height: calc(100% - 48px);
30
31
  background: ${theme.color.background.neutralBase};
31
32
  box-shadow: ${shadows.shadow04};
32
33
  border-radius: 16px;
@@ -38,6 +39,7 @@ export const AlertDialog = React.forwardRef(function AlertDialog(props, ref) {
38
39
  box-sizing: border-box;
39
40
 
40
41
  display: grid;
42
+ grid-template-rows: auto 1fr auto;
41
43
  ${icon
42
44
  ? css `
43
45
  grid-template-columns: 32px 1fr;
package/dist/components/AlertDialog/AlertDialogContent.js CHANGED
@@ -13,7 +13,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
13
13
  /** @jsxImportSource @emotion/react */
14
14
  import { css, useTheme } from "@emotion/react";
15
15
  import React from "react";
16
- export const AlertDialogContent = React.forwardRef((props, ref) => {
16
+ export const AlertDialogContent = React.forwardRef(function AlertDialogContent(props, ref) {
17
17
  const { className, component: Component = "div", children } = props, other = __rest(props, ["className", "component", "children"]);
18
18
  const theme = useTheme();
19
19
  return (_jsx(Component, Object.assign({}, other, { ref: ref, className: className, css: css `
@@ -23,5 +23,6 @@ export const AlertDialogContent = React.forwardRef((props, ref) => {
23
23
  font-size: 18px;
24
24
  line-height: 28px;
25
25
  color: ${theme.color.foreground.neutralBase};
26
+ overflow-y: auto;
26
27
  ` }, { children: children })));
27
28
  });
package/dist/icons/Custom.js CHANGED
@@ -415,7 +415,7 @@ export const CustomBadgeGoldIcon = forwardRef((props, ref) => {
415
415
  import customMedalGoldSvgImport from "./custom/medal-gold.svg";
416
416
  export const customMedalGoldSvg = customMedalGoldSvgImport;
417
417
  export const CustomMedalGoldIcon = forwardRef((props, ref) => {
418
- return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#EB423F", d: "m9.44 23-1.897-3.035-3.414 1.139 3.414-8.725 4.931 1.897L9.44 23Z", style: {
418
+ return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#EB423F", d: "m9.44 23-1.897-3.035-3.414 1.139 3.414-8.725 4.931 1.897L9.44 23Z", style: {
419
419
  fill: "color(display-p3 .9216 .2588 .2471)",
420
420
  fillOpacity: 1,
421
421
  } }), _jsx("path", { fill: "#C7312E", d: "M10.623 19.599 9.44 23l-1.897-3.035-3.414 1.138 1.183-3.021 5.31 1.517Z", style: {
@@ -441,7 +441,7 @@ export const CustomMedalGoldIcon = forwardRef((props, ref) => {
441
441
  import customMedalSilverSvgImport from "./custom/medal-silver.svg";
442
442
  export const customMedalSilverSvg = customMedalSilverSvgImport;
443
443
  export const CustomMedalSilverIcon = forwardRef((props, ref) => {
444
- return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#EB423F", d: "m9.44 23-1.897-3.035-3.414 1.139 3.414-8.725 4.931 1.897L9.44 23Z", style: {
444
+ return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#EB423F", d: "m9.44 23-1.897-3.035-3.414 1.139 3.414-8.725 4.931 1.897L9.44 23Z", style: {
445
445
  fill: "color(display-p3 .9216 .2588 .2471)",
446
446
  fillOpacity: 1,
447
447
  } }), _jsx("path", { fill: "#C7312E", d: "M10.623 19.599 9.44 23l-1.897-3.035-3.414 1.138 1.183-3.021 5.31 1.517Z", style: {
@@ -467,7 +467,7 @@ export const CustomMedalSilverIcon = forwardRef((props, ref) => {
467
467
  import customMedalBronzeSvgImport from "./custom/medal-bronze.svg";
468
468
  export const customMedalBronzeSvg = customMedalBronzeSvgImport;
469
469
  export const CustomMedalBronzeIcon = forwardRef((props, ref) => {
470
- return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#EB423F", d: "m9.34 23-1.897-3.035-3.414 1.139 3.414-8.725 4.931 1.897L9.34 23Z", style: {
470
+ return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#EB423F", d: "m9.34 23-1.897-3.035-3.414 1.139 3.414-8.725 4.931 1.897L9.34 23Z", style: {
471
471
  fill: "color(display-p3 .9216 .2588 .2471)",
472
472
  fillOpacity: 1,
473
473
  } }), _jsx("path", { fill: "#C7312E", d: "M10.523 19.599 9.34 23l-1.897-3.035-3.414 1.138 1.183-3.021 5.31 1.517Z", style: {
@@ -493,7 +493,7 @@ export const CustomMedalBronzeIcon = forwardRef((props, ref) => {
493
493
  import customClapGoldSvgImport from "./custom/clap-gold.svg";
494
494
  export const customClapGoldSvg = customClapGoldSvgImport;
495
495
  export const CustomClapGoldIcon = forwardRef((props, ref) => {
496
- return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#FFB632", d: "m18.197 16.836-.116-7.042c-.075-.67-.44-1.567-1.694-1.567-1.463.07-1.52 1.567-1.52 1.567l-2.227-3.98c-.557-.847-1.47-.906-2.042-.557-.573.349-.697 1.056-.697 1.056l-.464-.604c-.35-.571-1.393-.637-1.926-.313-.884.54-1.012 1.657-.44 2.274-.038-.04-.475-.192-1.207.255-.572.349-.749 1.392-.43 1.984.32.592.366.685.366.685s-.493-.233-1.27.29c-.556.373-.756 1.482-.406 2.053l1.872 3.157 2.576 4.21c1.515 2.147 4.744 2.888 7.091 1.463 1.6-.973 2.686-3.026 2.534-4.931Z", style: {
496
+ return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#FFB632", d: "m18.197 16.836-.116-7.042c-.075-.67-.44-1.567-1.694-1.567-1.463.07-1.52 1.567-1.52 1.567l-2.227-3.98c-.557-.847-1.47-.906-2.042-.557-.573.349-.697 1.056-.697 1.056l-.464-.604c-.35-.571-1.393-.637-1.926-.313-.884.54-1.012 1.657-.44 2.274-.038-.04-.475-.192-1.207.255-.572.349-.749 1.392-.43 1.984.32.592.366.685.366.685s-.493-.233-1.27.29c-.556.373-.756 1.482-.406 2.053l1.872 3.157 2.576 4.21c1.515 2.147 4.744 2.888 7.091 1.463 1.6-.973 2.686-3.026 2.534-4.931Z", style: {
497
497
  fill: "color(display-p3 1 .7137 .1961)",
498
498
  fillOpacity: 1,
499
499
  } }), _jsx("path", { fill: "#EC8F0D", d: "m9.97 6.423-.068-.111c.002-.013.081-.443.388-.795l.317.51.946 1.521c.576.929 1.157 1.854 1.743 2.777a.375.375 0 1 1-.63.408 319.3 319.3 0 0 1-1.749-2.789L9.97 6.423ZM7.034 7.649a1.5 1.5 0 0 0-.17-.034.6.6 0 0 1 .17.034Z", style: {
@@ -516,7 +516,7 @@ export const CustomClapGoldIcon = forwardRef((props, ref) => {
516
516
  import customClapSilverSvgImport from "./custom/clap-silver.svg";
517
517
  export const customClapSilverSvg = customClapSilverSvgImport;
518
518
  export const CustomClapSilverIcon = forwardRef((props, ref) => {
519
- return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#BACFD3", d: "m18.197 16.836-.116-7.042c-.075-.67-.44-1.567-1.694-1.567-1.463.07-1.52 1.567-1.52 1.567l-2.227-3.98c-.557-.847-1.47-.906-2.042-.557-.573.349-.697 1.056-.697 1.056l-.464-.604c-.35-.571-1.393-.637-1.926-.313-.884.54-1.012 1.657-.44 2.274-.038-.04-.475-.192-1.207.255-.572.349-.749 1.392-.43 1.984.32.592.366.685.366.685s-.493-.233-1.27.29c-.556.373-.756 1.482-.406 2.053l1.872 3.157 2.576 4.21c1.515 2.147 4.744 2.888 7.091 1.463 1.6-.973 2.686-3.026 2.534-4.931Z", style: {
519
+ return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#BACFD3", d: "m18.197 16.836-.116-7.042c-.075-.67-.44-1.567-1.694-1.567-1.463.07-1.52 1.567-1.52 1.567l-2.227-3.98c-.557-.847-1.47-.906-2.042-.557-.573.349-.697 1.056-.697 1.056l-.464-.604c-.35-.571-1.393-.637-1.926-.313-.884.54-1.012 1.657-.44 2.274-.038-.04-.475-.192-1.207.255-.572.349-.749 1.392-.43 1.984.32.592.366.685.366.685s-.493-.233-1.27.29c-.556.373-.756 1.482-.406 2.053l1.872 3.157 2.576 4.21c1.515 2.147 4.744 2.888 7.091 1.463 1.6-.973 2.686-3.026 2.534-4.931Z", style: {
520
520
  fill: "color(display-p3 .7294 .8118 .8275)",
521
521
  fillOpacity: 1,
522
522
  } }), _jsx("path", { fill: "#BACFD3", d: "m9.97 6.423-.068-.111c.002-.013.081-.443.388-.795l.317.51.946 1.521c.576.929 1.157 1.854 1.743 2.777a.375.375 0 1 1-.63.408 319.3 319.3 0 0 1-1.749-2.789L9.97 6.423ZM7.034 7.649a1.5 1.5 0 0 0-.17-.034.6.6 0 0 1 .17.034Z", style: {
@@ -539,7 +539,7 @@ export const CustomClapSilverIcon = forwardRef((props, ref) => {
539
539
  import customClapBronzeSvgImport from "./custom/clap-bronze.svg";
540
540
  export const customClapBronzeSvg = customClapBronzeSvgImport;
541
541
  export const CustomClapBronzeIcon = forwardRef((props, ref) => {
542
- return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#DB915C", d: "m18.197 16.836-.116-7.042c-.075-.67-.44-1.567-1.694-1.567-1.463.07-1.52 1.567-1.52 1.567l-2.227-3.98c-.557-.847-1.47-.906-2.042-.557-.573.349-.697 1.056-.697 1.056l-.464-.604c-.35-.571-1.393-.637-1.926-.313-.884.54-1.012 1.657-.44 2.274-.038-.04-.475-.192-1.207.255-.572.349-.749 1.392-.43 1.984.32.592.366.685.366.685s-.493-.233-1.27.29c-.556.373-.756 1.482-.406 2.053l1.872 3.157 2.576 4.21c1.515 2.147 4.744 2.888 7.091 1.463 1.6-.973 2.686-3.026 2.534-4.931Z", style: {
542
+ return (_jsxs("svg", Object.assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ref: ref }, { children: [_jsx("path", { fill: "#DB915C", d: "m18.197 16.836-.116-7.042c-.075-.67-.44-1.567-1.694-1.567-1.463.07-1.52 1.567-1.52 1.567l-2.227-3.98c-.557-.847-1.47-.906-2.042-.557-.573.349-.697 1.056-.697 1.056l-.464-.604c-.35-.571-1.393-.637-1.926-.313-.884.54-1.012 1.657-.44 2.274-.038-.04-.475-.192-1.207.255-.572.349-.749 1.392-.43 1.984.32.592.366.685.366.685s-.493-.233-1.27.29c-.556.373-.756 1.482-.406 2.053l1.872 3.157 2.576 4.21c1.515 2.147 4.744 2.888 7.091 1.463 1.6-.973 2.686-3.026 2.534-4.931Z", style: {
543
543
  fill: "color(display-p3 .8577 .5685 .359)",
544
544
  fillOpacity: 1,
545
545
  } }), _jsx("path", { fill: "#AF754B", d: "m9.97 6.423-.068-.111c.002-.013.081-.443.388-.795l.317.51.946 1.521c.576.929 1.157 1.854 1.743 2.777a.375.375 0 1 1-.63.408 319.3 319.3 0 0 1-1.749-2.789L9.97 6.423ZM7.034 7.649a1.5 1.5 0 0 0-.17-.034.6.6 0 0 1 .17.034Z", style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@team-monolith/cds",
3
- "version": "1.73.0",
3
+ "version": "1.74.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": false,