@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0

package/es/components/Form/Form.js

@@ -5,21 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className", "children"];
-
-var Form = function Form(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--form"), className);
+const Form = _ref => {
+  let {
+    className,
+    children,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--form`, className);
   return /*#__PURE__*/React__default.createElement("form", _extends({
     className: classNames
   }, other), children);

package/es/components/FormGroup/FormGroup.js

@@ -5,26 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["legendId", "legendText", "invalid", "children", "className", "message", "messageText"];
-
-var FormGroup = function FormGroup(_ref) {
-  var legendId = _ref.legendId,
-      legendText = _ref.legendText,
-      invalid = _ref.invalid,
-      children = _ref.children,
-      className = _ref.className,
-      message = _ref.message,
-      messageText = _ref.messageText,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNamesFieldset = cx("".concat(prefix, "--fieldset"), className);
+const FormGroup = _ref => {
+  let {
+    legendId,
+    legendText,
+    invalid,
+    children,
+    className,
+    message,
+    messageText,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const classNamesFieldset = cx(`${prefix}--fieldset`, className);
   return /*#__PURE__*/React__default.createElement("fieldset", _extends({}, invalid && {
     'data-invalid': ''
   }, {
@@ -32,10 +31,10 @@ var FormGroup = function FormGroup(_ref) {
   }, rest, {
     "aria-labelledby": rest['aria-labelledby'] || legendId
   }), /*#__PURE__*/React__default.createElement("legend", {
-    className: "".concat(prefix, "--label"),
+    className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
   }, legendText), children, message ? /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form__requirements")
+    className: `${prefix}--form__requirements`
   }, messageText) : null);
 };
 

package/es/components/FormItem/FormItem.js

@@ -5,21 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className", "children"];
-
 function FormItem(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--form-item"), className);
+  let {
+    className,
+    children,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const classNames = cx(`${prefix}--form-item`, className);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classNames
   }, rest), children);

package/es/components/FormLabel/FormLabel.js

@@ -5,23 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 
-var _excluded = ["className", "children", "id"];
-
 function FormLabel(_ref) {
-  var customClassName = _ref.className,
-      children = _ref.children,
-      id = _ref.id,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--label"), _defineProperty({}, "".concat(prefix, "--label--no-margin"), FeatureFlags.enabled('enable-v11-release')), customClassName);
+  let {
+    className: customClassName,
+    children,
+    id,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--label`, {
+    [`${prefix}--label--no-margin`]: FeatureFlags.enabled('enable-v11-release')
+  }, customClassName);
   return /*#__PURE__*/React__default.createElement("label", _extends({
     htmlFor: id,
     className: className

package/es/components/Grid/CSSGrid.js

@@ -5,37 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useGridSettings, GridSettings } from './GridContext.js';
 
-var _excluded = ["as", "children", "className", "condensed", "fullWidth", "narrow"],
-    _excluded2 = ["as", "className", "children", "mode"];
-
 function CSSGrid(_ref) {
-  var _cx;
-
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      children = _ref.children,
-      customClassName = _ref.className,
-      _ref$condensed = _ref.condensed,
-      condensed = _ref$condensed === void 0 ? false : _ref$condensed,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$narrow = _ref.narrow,
-      narrow = _ref$narrow === void 0 ? false : _ref$narrow,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-
-  var _useGridSettings = useGridSettings(),
-      subgrid = _useGridSettings.subgrid;
-
-  var mode = 'wide';
+  let {
+    as: BaseComponent = 'div',
+    children,
+    className: customClassName,
+    condensed = false,
+    fullWidth = false,
+    narrow = false,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const {
+    subgrid
+  } = useGridSettings();
+  let mode = 'wide';
 
   if (narrow) {
     mode = 'narrow';
@@ -54,9 +45,14 @@ function CSSGrid(_ref) {
     }, rest), children));
   }
 
-  var className = cx(customClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--css-grid"), true), _defineProperty(_cx, "".concat(prefix, "--css-grid--condensed"), mode === 'condensed'), _defineProperty(_cx, "".concat(prefix, "--css-grid--narrow"), mode === 'narrow'), _defineProperty(_cx, "".concat(prefix, "--css-grid--full-width"), fullWidth), _cx)); // cast as any to let TypeScript allow passing in attributes to base component
+  const className = cx(customClassName, {
+    [`${prefix}--css-grid`]: true,
+    [`${prefix}--css-grid--condensed`]: mode === 'condensed',
+    [`${prefix}--css-grid--narrow`]: mode === 'narrow',
+    [`${prefix}--css-grid--full-width`]: fullWidth
+  }); // cast as any to let TypeScript allow passing in attributes to base component
 
-  var BaseComponentAsAny = BaseComponent;
+  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default.createElement(GridSettings, {
     mode: "css-grid",
     subgrid: true
@@ -99,18 +95,21 @@ CSSGrid.propTypes = {
   narrow: PropTypes.bool
 };
 
-var Subgrid = function Subgrid(_ref2) {
-  var _cx2;
-
-  var _ref2$as = _ref2.as,
-      BaseComponent = _ref2$as === void 0 ? 'div' : _ref2$as,
-      customClassName = _ref2.className,
-      children = _ref2.children,
-      mode = _ref2.mode,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix();
-  var className = cx(customClassName, (_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--subgrid"), true), _defineProperty(_cx2, "".concat(prefix, "--subgrid--condensed"), mode === 'condensed'), _defineProperty(_cx2, "".concat(prefix, "--subgrid--narrow"), mode === 'narrow'), _defineProperty(_cx2, "".concat(prefix, "--subgrid--wide"), mode === 'wide'), _cx2));
+const Subgrid = _ref2 => {
+  let {
+    as: BaseComponent = 'div',
+    className: customClassName,
+    children,
+    mode,
+    ...rest
+  } = _ref2;
+  const prefix = usePrefix();
+  const className = cx(customClassName, {
+    [`${prefix}--subgrid`]: true,
+    [`${prefix}--subgrid--condensed`]: mode === 'condensed',
+    [`${prefix}--subgrid--narrow`]: mode === 'narrow',
+    [`${prefix}--subgrid--wide`]: mode === 'wide'
+  });
   return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
     className: className
   }), children);
@@ -137,6 +136,6 @@ Subgrid.propTypes = {
    */
   mode: PropTypes.oneOf(['wide', 'narrow', 'condensed'])
 };
-var CSSGridComponent = CSSGrid;
+const CSSGridComponent = CSSGrid;
 
 export { CSSGridComponent as CSSGrid };

package/es/components/Grid/Column.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,25 +13,22 @@ import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useGridSettings } from './GridContext.js';
 
-var _excluded = ["as", "children", "className", "sm", "md", "lg", "xlg", "max"],
-    _excluded2 = ["as", "children", "className", "sm", "md", "lg", "xlg", "max", "span"];
-
 function Column(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      children = _ref.children,
-      customClassName = _ref.className,
-      sm = _ref.sm,
-      md = _ref.md,
-      lg = _ref.lg,
-      xlg = _ref.xlg,
-      max = _ref.max,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useGridSettings = useGridSettings(),
-      mode = _useGridSettings.mode;
-
-  var prefix = usePrefix();
+  let {
+    as: BaseComponent = 'div',
+    children,
+    className: customClassName,
+    sm,
+    md,
+    lg,
+    xlg,
+    max,
+    ...rest
+  } = _ref;
+  const {
+    mode
+  } = useGridSettings();
+  const prefix = usePrefix();
 
   if (mode === 'css-grid') {
     return /*#__PURE__*/React__default.createElement(CSSGridColumn, _extends({
@@ -45,17 +42,19 @@ function Column(_ref) {
     }, rest), children);
   }
 
-  var columnClassName = getClassNameForFlexGridBreakpoints([sm, md, lg, xlg, max], prefix);
-  var className = cx(customClassName, columnClassName, _defineProperty({}, "".concat(prefix, "--col"), columnClassName.length === 0)); // cast as any to let TypeScript allow passing in attributes to base component
+  const columnClassName = getClassNameForFlexGridBreakpoints([sm, md, lg, xlg, max], prefix);
+  const className = cx(customClassName, columnClassName, {
+    [`${prefix}--col`]: columnClassName.length === 0
+  }); // cast as any to let TypeScript allow passing in attributes to base component
 
-  var BaseComponentAsAny = BaseComponent;
+  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
     className: className
   }, rest), children);
 }
 
-var percentSpanType = PropTypes.oneOf(['25%', '50%', '75%', '100%']);
-var spanPropType = FeatureFlags.enabled('enable-css-grid') ? PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.shape({
+const percentSpanType = PropTypes.oneOf(['25%', '50%', '75%', '100%']);
+const spanPropType = FeatureFlags.enabled('enable-css-grid') ? PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.shape({
   span: PropTypes.oneOfType([PropTypes.number, percentSpanType]),
   offset: PropTypes.number,
   start: PropTypes.number,
@@ -122,22 +121,24 @@ Column.propTypes = {
 };
 
 function CSSGridColumn(_ref2) {
-  var _ref2$as = _ref2.as,
-      BaseComponent = _ref2$as === void 0 ? 'div' : _ref2$as,
-      children = _ref2.children,
-      containerClassName = _ref2.className,
-      sm = _ref2.sm,
-      md = _ref2.md,
-      lg = _ref2.lg,
-      xlg = _ref2.xlg,
-      max = _ref2.max,
-      span = _ref2.span,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix();
-  var breakpointClassName = getClassNameForBreakpoints([sm, md, lg, xlg, max], prefix);
-  var spanClassName = getClassNameForSpan(span, prefix);
-  var className = cx(containerClassName, breakpointClassName, spanClassName, _defineProperty({}, "".concat(prefix, "--css-grid-column"), true));
+  let {
+    as: BaseComponent = 'div',
+    children,
+    className: containerClassName,
+    sm,
+    md,
+    lg,
+    xlg,
+    max,
+    span,
+    ...rest
+  } = _ref2;
+  const prefix = usePrefix();
+  const breakpointClassName = getClassNameForBreakpoints([sm, md, lg, xlg, max], prefix);
+  const spanClassName = getClassNameForSpan(span, prefix);
+  const className = cx(containerClassName, breakpointClassName, spanClassName, {
+    [`${prefix}--css-grid-column`]: true
+  });
   return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
     className: className
   }, rest), children);
@@ -209,7 +210,7 @@ CSSGridColumn.propTypes = {
    */
   xlg: spanPropType
 };
-var breakpointNames = ['sm', 'md', 'lg', 'xlg', 'max'];
+const breakpointNames = ['sm', 'md', 'lg', 'xlg', 'max'];
 /**
  * @typedef {object} Breakpoint
  * @property {boolean|number} [span]
@@ -223,59 +224,61 @@ var breakpointNames = ['sm', 'md', 'lg', 'xlg', 'max'];
  */
 
 function getClassNameForBreakpoints(breakpoints, prefix) {
-  var classNames = [];
+  const classNames = [];
 
-  for (var i = 0; i < breakpoints.length; i++) {
-    var breakpoint = breakpoints[i];
+  for (let i = 0; i < breakpoints.length; i++) {
+    const breakpoint = breakpoints[i];
 
     if (breakpoint === undefined || breakpoint === null) {
       continue;
     }
 
-    var name = breakpointNames[i]; // If our breakpoint is a boolean, the user has specified that the column
+    const name = breakpointNames[i]; // If our breakpoint is a boolean, the user has specified that the column
     // should be "auto" at this size
 
     if (breakpoint === true) {
-      classNames.push("".concat(prefix, "--").concat(name, ":col-span-auto"));
+      classNames.push(`${prefix}--${name}:col-span-auto`);
       continue;
     } // If our breakpoint is a string, the user has specified a percent
     // they'd like this column to span.
 
 
     if (typeof breakpoint === 'string') {
-      classNames.push("".concat(prefix, "--").concat(name, ":col-span-").concat(breakpoint.slice(0, -1)));
+      classNames.push(`${prefix}--${name}:col-span-${breakpoint.slice(0, -1)}`);
       continue;
     } // If our breakpoint is a number, the user has specified the number of
     // columns they'd like this column to span
 
 
     if (typeof breakpoint === 'number') {
-      classNames.push("".concat(prefix, "--").concat(name, ":col-span-").concat(breakpoint));
+      classNames.push(`${prefix}--${name}:col-span-${breakpoint}`);
       continue;
     }
 
-    if (_typeof(breakpoint) === 'object') {
-      var span = breakpoint.span,
-          offset = breakpoint.offset,
-          start = breakpoint.start,
-          end = breakpoint.end;
+    if (typeof breakpoint === 'object') {
+      const {
+        span,
+        offset,
+        start,
+        end
+      } = breakpoint;
 
       if (typeof offset === 'number' && offset > 0) {
-        classNames.push("".concat(prefix, "--").concat(name, ":col-start-").concat(offset + 1));
+        classNames.push(`${prefix}--${name}:col-start-${offset + 1}`);
       }
 
       if (typeof start === 'number') {
-        classNames.push("".concat(prefix, "--").concat(name, ":col-start-").concat(start));
+        classNames.push(`${prefix}--${name}:col-start-${start}`);
       }
 
       if (typeof end === 'number') {
-        classNames.push("".concat(prefix, "--").concat(name, ":col-end-").concat(end));
+        classNames.push(`${prefix}--${name}:col-end-${end}`);
       }
 
       if (typeof span === 'number') {
-        classNames.push("".concat(prefix, "--").concat(name, ":col-span-").concat(span));
+        classNames.push(`${prefix}--${name}:col-span-${span}`);
       } else if (typeof span === 'string') {
-        classNames.push("".concat(prefix, "--").concat(name, ":col-span-").concat(span.slice(0, -1)));
+        classNames.push(`${prefix}--${name}:col-span-${span.slice(0, -1)}`);
         continue;
       }
     }
@@ -291,44 +294,46 @@ function getClassNameForBreakpoints(breakpoints, prefix) {
 
 
 function getClassNameForFlexGridBreakpoints(breakpoints, prefix) {
-  var classNames = [];
+  const classNames = [];
 
-  for (var i = 0; i < breakpoints.length; i++) {
-    var breakpoint = breakpoints[i];
+  for (let i = 0; i < breakpoints.length; i++) {
+    const breakpoint = breakpoints[i];
 
     if (breakpoint === undefined || breakpoint === null) {
       continue;
     }
 
-    var name = breakpointNames[i]; // If our breakpoint is a boolean, the user has specified that the column
+    const name = breakpointNames[i]; // If our breakpoint is a boolean, the user has specified that the column
     // should be "auto" at this size
 
     if (breakpoint === true) {
-      classNames.push("".concat(prefix, "--col-").concat(name));
+      classNames.push(`${prefix}--col-${name}`);
       continue;
     } // If our breakpoint is a number, the user has specified the number of
     // columns they'd like this column to span
 
 
     if (typeof breakpoint === 'number') {
-      classNames.push("".concat(prefix, "--col-").concat(name, "-").concat(breakpoint));
+      classNames.push(`${prefix}--col-${name}-${breakpoint}`);
       continue;
     }
 
-    if (_typeof(breakpoint) === 'object') {
-      var span = breakpoint.span,
-          offset = breakpoint.offset;
+    if (typeof breakpoint === 'object') {
+      const {
+        span,
+        offset
+      } = breakpoint;
 
       if (typeof span === 'number') {
-        classNames.push("".concat(prefix, "--col-").concat(name, "-").concat(span));
+        classNames.push(`${prefix}--col-${name}-${span}`);
       }
 
       if (span === true) {
-        classNames.push("".concat(prefix, "--col-").concat(name));
+        classNames.push(`${prefix}--col-${name}`);
       }
 
       if (typeof offset === 'number') {
-        classNames.push("".concat(prefix, "--offset-").concat(name, "-").concat(offset));
+        classNames.push(`${prefix}--offset-${name}-${offset}`);
       }
     }
   }
@@ -341,25 +346,27 @@ function getClassNameForFlexGridBreakpoints(breakpoints, prefix) {
 
 
 function getClassNameForSpan(value, prefix) {
-  var classNames = [];
+  const classNames = [];
 
   if (typeof value === 'number' || typeof value === 'string') {
-    classNames.push("".concat(prefix, "--col-span-").concat(value));
-  } else if (_typeof(value) === 'object') {
-    var span = value.span,
-        start = value.start,
-        end = value.end;
+    classNames.push(`${prefix}--col-span-${value}`);
+  } else if (typeof value === 'object') {
+    const {
+      span,
+      start,
+      end
+    } = value;
 
     if (span !== undefined && span !== null) {
-      classNames.push("".concat(prefix, "--col-span-").concat(span));
+      classNames.push(`${prefix}--col-span-${span}`);
     }
 
     if (start !== undefined && start !== null) {
-      classNames.push("".concat(prefix, "--col-start-").concat(start));
+      classNames.push(`${prefix}--col-start-${start}`);
     }
 
     if (end !== undefined && end !== null) {
-      classNames.push("".concat(prefix, "--col-end-").concat(end));
+      classNames.push(`${prefix}--col-end-${end}`);
     }
   }
 

package/es/components/Grid/ColumnHang.js

@@ -5,29 +5,27 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["as", "className", "children"];
-
 /**
  * Helper component for rendering content that hangs on the column. Useful when
  * trying to align content across different grid modes
  */
 function ColumnHang(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      customClassName = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx(customClassName, "".concat(prefix, "--grid-column-hang")); // cast as any to let TypeScript allow passing in attributes to base component
-
-  var BaseComponentAsAny = BaseComponent;
+  let {
+    as: BaseComponent = 'div',
+    className: customClassName,
+    children,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(customClassName, `${prefix}--grid-column-hang`); // cast as any to let TypeScript allow passing in attributes to base component
+
+  const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({}, rest, {
     className: className
   }), children);
@@ -49,6 +47,6 @@ ColumnHang.propTypes = {
    */
   className: PropTypes.string
 };
-var ColumnHangComponent = ColumnHang;
+const ColumnHangComponent = ColumnHang;
 
 export { ColumnHangComponent as ColumnHang };