react-magma-dom 4.9.0-next.11 → 4.9.0-next.12

package/dist/index.d.ts

@@ -111,6 +111,7 @@ export * from './components/List';
 export * from './components/BlockQuote';
 export * from './components/ButtonGroup';
 export * from './components/TreeView';
+export * from './components/DefinitionList';
 export * from './components/CharacterCounter';
 export * from './components/ToggleButton';
 export * from './components/ToggleButtonGroup';

package/dist/properties.json

@@ -4780,6 +4780,62 @@
       }
     }
   },
+  {
+    "name": "DefinitionListProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "comment": {
+      "tags": [
+        {
+          "tag": "children",
+          "text": "required\n"
+        }
+      ]
+    },
+    "id": "DefinitionListProps",
+    "tags": {
+      "children": "required"
+    },
+    "properties": {
+      "children": {
+        "name": "children",
+        "required": true,
+        "type": {
+          "name": "ReactNode | undefined"
+        },
+        "description": "The content of the component",
+        "deprecated": false
+      }
+    }
+  },
+  {
+    "name": "DefinitionListItemProps",
+    "kind": 256,
+    "kindString": "Interface",
+    "flags": {
+      "isExported": true
+    },
+    "id": "DefinitionListItemProps",
+    "tags": {},
+    "properties": {
+      "type": {
+        "name": "type",
+        "required": true,
+        "type": {
+          "name": "enum",
+          "options": [
+            "DefinitionListType.description",
+            "DefinitionListType.term"
+          ]
+        },
+        "description": "Types of definition list element.\nterm: uses a <dt> (definition term) tag\ndescription: uses a <dd> (definition description) tag",
+        "deprecated": false
+      }
+    }
+  },
   {
     "name": "DrawerProps",
     "kind": 256,
@@ -8676,8 +8732,7 @@
         "type": {
           "name": "boolean"
         },
-        "description": "Boolean which changes a list item into a styled paragraph.",
-        "deprecated": false
+        "deprecated": true
       },
       "hasStart": {
         "name": "hasStart",
@@ -9921,12 +9976,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 27308,
+          "id": 28452,
           "name": "ControlledPaginationProps"
         },
         {
           "type": "reference",
-          "id": 27584,
+          "id": 28728,
           "name": "UncontrolledPaginationProps"
         }
       ]
@@ -10900,12 +10955,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 31247,
+          "id": 32391,
           "name": "IconOnlyPopoverTriggerProps"
         },
         {
           "type": "reference",
-          "id": 31252,
+          "id": 32396,
           "name": "IconTextPopoverTriggerProps"
         }
       ],
@@ -15896,12 +15951,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 29542,
+          "id": 30686,
           "name": "DeletableTagProps"
         },
         {
           "type": "reference",
-          "id": 29555,
+          "id": 30699,
           "name": "ClickableTagProps"
         }
       ],
@@ -16146,7 +16201,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 30858,
+            "id": 32002,
             "name": "useTimePicker"
           }
         }
@@ -16841,12 +16896,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 34142,
+          "id": 34692,
           "name": "ToggleButtonTextProps"
         },
         {
           "type": "reference",
-          "id": 34420,
+          "id": 34970,
           "name": "ToggleButtonIconProps"
         }
       ],
@@ -17448,7 +17503,7 @@
     },
     "type": {
       "type": "reference",
-      "id": 33427,
+      "id": 33977,
       "name": "UseTreeItemProps"
     },
     "id": "TreeItemProps",
@@ -18203,7 +18258,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 33199,
+            "id": 33749,
             "name": "useTreeView"
           }
         }

package/dist/react-magma-dom.cjs.development.js

@@ -17153,7 +17153,87 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }))));
 });
 
-var _excluded$1I = ["children", "enforced", "exclusive", "id", "isInverse", "noSpace", "onChange", "size", "value", "testId"];
+var _excluded$1I = ["children", "testId", "isInverse", "visualStyle"];
+var StyledDefinitionList = /*#__PURE__*/_styled(TypographyComponent, {
+  target: "eymb3aq0",
+  label: "StyledDefinitionList"
+})("margin:0;padding:0;color:", function (props) {
+  return props.isInverse ? props.theme.colors.neutral100 : props.theme.colors.neutral700;
+}, ";line-height:", function (props) {
+  return props.theme.typeScale.size03.lineHeight;
+}, ";font-size:", function (props) {
+  return props.theme.typeScale.size03.fontSize;
+}, ";dt{align-items:center;font-weight:600;}dd{align-items:flex-start;font-weight:400;padding-left:", function (props) {
+  return props.theme.spaceScale.spacing08;
+}, ";margin-bottom:", function (props) {
+  return props.theme.spaceScale.spacing05;
+}, ";}" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLeUQiLCJmaWxlIjoiRGVmaW5pdGlvbkxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBJbnZlcnNlQ29udGV4dCwgdXNlSXNJbnZlcnNlIH0gZnJvbSAnLi4vLi4vaW52ZXJzZSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IFR5cG9ncmFwaHlDb21wb25lbnQsIFR5cG9ncmFwaHlWaXN1YWxTdHlsZSB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xyXG5jb25zdCBTdHlsZWREZWZpbml0aW9uTGlzdCA9IHN0eWxlZChUeXBvZ3JhcGh5Q29tcG9uZW50KSBgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0ludmVyc2VcclxuICAgID8gcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwxMDBcclxuICAgIDogcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWw3MDB9O1xuICBsaW5lLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLnR5cGVTY2FsZS5zaXplMDMubGluZUhlaWdodH07XG4gIGZvbnQtc2l6ZTogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLnR5cGVTY2FsZS5zaXplMDMuZm9udFNpemV9O1xuXG4gIGR0IHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIH1cblxuICBkZCB7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcwOH07XG4gICAgbWFyZ2luLWJvdHRvbTogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzA1fTtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IERlZmluaXRpb25MaXN0ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xyXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgdGVzdElkLCBpc0ludmVyc2U6IGlzSW52ZXJzZVByb3AsIHZpc3VhbFN0eWxlLCAuLi5yZXN0IH0gPSBwcm9wcztcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKGlzSW52ZXJzZVByb3ApO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEludmVyc2VDb250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiB7IGlzSW52ZXJzZSB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWREZWZpbml0aW9uTGlzdCwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBhczogJ2RsJywgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQsIGlzSW52ZXJzZTogaXNJbnZlcnNlLCByZWY6IHJlZiwgdGhlbWU6IHRoZW1lLCB2aXN1YWxTdHlsZTogdmlzdWFsU3R5bGUgfHwgVHlwb2dyYXBoeVZpc3VhbFN0eWxlLmJvZHlNZWRpdW0gfSksIGNoaWxkcmVuKSkpO1xyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGVmaW5pdGlvbkxpc3QuanMubWFwIl19 */"));
+var DefinitionList = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var children = props.children,
+    testId = props.testId,
+    isInverseProp = props.isInverse,
+    visualStyle = props.visualStyle,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1I);
+  var theme = React__default.useContext(ThemeContext);
+  var isInverse = useIsInverse(isInverseProp);
+  return React__default.createElement(InverseContext.Provider, {
+    value: {
+      isInverse: isInverse
+    }
+  }, React__default.createElement(StyledDefinitionList, Object.assign({}, rest, {
+    as: 'dl',
+    "data-testid": testId,
+    isInverse: isInverse,
+    ref: ref,
+    theme: theme,
+    visualStyle: visualStyle || exports.TypographyVisualStyle.bodyMedium
+  }), children));
+});
+
+var _excluded$1J = ["children", "testId", "type", "isInverse"];
+function _EMOTION_STRINGIFIED_CSS_ERROR__$E() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+(function (DefinitionListType) {
+  /**
+   * Represents the term in a definition list.
+   * Will be wrapped in a <dt> (definition term) tag.
+   */
+  DefinitionListType["term"] = "term";
+  /**
+   * Represents the description of a term.
+   * Will be wrapped in a <dd> (definition description) tag.
+   */
+  DefinitionListType["description"] = "description";
+})(exports.DefinitionListType || (exports.DefinitionListType = {}));
+var StyledDefinitionListItem = /*#__PURE__*/_styled("dt", {
+  target: "e1d9fk8k0",
+  label: "StyledDefinitionListItem"
+})( {
+  name: "1xclg2i",
+  styles: "margin:0;padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQyIsImZpbGUiOiJEZWZpbml0aW9uTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBJbnZlcnNlQ29udGV4dCwgdXNlSXNJbnZlcnNlIH0gZnJvbSAnLi4vLi4vaW52ZXJzZSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmV4cG9ydCB2YXIgRGVmaW5pdGlvbkxpc3RUeXBlO1xyXG4oZnVuY3Rpb24gKERlZmluaXRpb25MaXN0VHlwZSkge1xyXG4gICAgLyoqXHJcbiAgICAgKiBSZXByZXNlbnRzIHRoZSB0ZXJtIGluIGEgZGVmaW5pdGlvbiBsaXN0LlxyXG4gICAgICogV2lsbCBiZSB3cmFwcGVkIGluIGEgPGR0PiAoZGVmaW5pdGlvbiB0ZXJtKSB0YWcuXHJcbiAgICAgKi9cclxuICAgIERlZmluaXRpb25MaXN0VHlwZVtcInRlcm1cIl0gPSBcInRlcm1cIjtcclxuICAgIC8qKlxyXG4gICAgICogUmVwcmVzZW50cyB0aGUgZGVzY3JpcHRpb24gb2YgYSB0ZXJtLlxyXG4gICAgICogV2lsbCBiZSB3cmFwcGVkIGluIGEgPGRkPiAoZGVmaW5pdGlvbiBkZXNjcmlwdGlvbikgdGFnLlxyXG4gICAgICovXHJcbiAgICBEZWZpbml0aW9uTGlzdFR5cGVbXCJkZXNjcmlwdGlvblwiXSA9IFwiZGVzY3JpcHRpb25cIjtcclxufSkoRGVmaW5pdGlvbkxpc3RUeXBlIHx8IChEZWZpbml0aW9uTGlzdFR5cGUgPSB7fSkpO1xyXG5jb25zdCBTdHlsZWREZWZpbml0aW9uTGlzdEl0ZW0gPSBzdHlsZWQuZHQgYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgRGVmaW5pdGlvbkxpc3RJdGVtID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xyXG4gICAgY29uc3QgeyBjaGlsZHJlbiwgdGVzdElkLCB0eXBlLCBpc0ludmVyc2U6IGlzSW52ZXJzZVByb3AsIC4uLnJlc3QgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgdGhlbWUgPSBSZWFjdC51c2VDb250ZXh0KFRoZW1lQ29udGV4dCk7XHJcbiAgICBjb25zdCBpc0ludmVyc2UgPSB1c2VJc0ludmVyc2UoaXNJbnZlcnNlUHJvcCk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoSW52ZXJzZUNvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IHsgaXNJbnZlcnNlIH0gfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZERlZmluaXRpb25MaXN0SXRlbSwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBhczogdHlwZSA9PT0gRGVmaW5pdGlvbkxpc3RUeXBlLnRlcm0gPyAnZHQnIDogJ2RkJywgcmVmOiByZWYsIHRoZW1lOiB0aGVtZSwgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQgfSksIGNoaWxkcmVuKSkpO1xyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGVmaW5pdGlvbkxpc3RJdGVtLmpzLm1hcCJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$E
+});
+var DefinitionListItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var children = props.children,
+    testId = props.testId,
+    type = props.type,
+    isInverseProp = props.isInverse,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1J);
+  var theme = React__default.useContext(ThemeContext);
+  var isInverse = useIsInverse(isInverseProp);
+  return React__default.createElement(InverseContext.Provider, {
+    value: {
+      isInverse: isInverse
+    }
+  }, React__default.createElement(StyledDefinitionListItem, Object.assign({}, rest, {
+    as: type === exports.DefinitionListType.term ? 'dt' : 'dd',
+    ref: ref,
+    theme: theme,
+    "data-testid": testId
+  }), children));
+});
+
+var _excluded$1K = ["children", "enforced", "exclusive", "id", "isInverse", "noSpace", "onChange", "size", "value", "testId"];
 var ToggleButtonGroupContext = /*#__PURE__*/React.createContext({});
 var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
@@ -17165,7 +17245,7 @@ var ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     size = props.size,
     value = props.value,
     testId = props.testId,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1I);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1K);
   var theme = React.useContext(ThemeContext);
   var defaultSelectedValues = value ? [value] : [];
   // Array of currently selected items
@@ -17403,6 +17483,8 @@ exports.ComboboxStateChangeTypes = ComboboxStateChangeTypes;
 exports.Container = Container$1;
 exports.Datagrid = Datagrid;
 exports.DatePicker = DatePicker;
+exports.DefinitionList = DefinitionList;
+exports.DefinitionListItem = DefinitionListItem;
 exports.Drawer = Drawer;
 exports.Dropdown = Dropdown;
 exports.DropdownButton = DropdownButton;