@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.2

package/build/Tag/styles.js

@@ -13,77 +13,109 @@ var _icons = _interopRequireDefault(require("../subatomic/icons"));
 
 var _spacing = _interopRequireDefault(require("../subatomic/spacing"));
 
+var _iconSizes = _interopRequireDefault(require("../subatomic/iconSizes"));
+
 var _hexRgba = _interopRequireDefault(require("hex-rgba"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var info = _colors["default"].info,
+var infoLight = _colors["default"].infoLight,
     infoText = _colors["default"].infoText,
-    success = _colors["default"].success,
+    successLight = _colors["default"].successLight,
     successText = _colors["default"].successText,
-    warning = _colors["default"].warning,
+    warningLight = _colors["default"].warningLight,
     warningText = _colors["default"].warningText,
-    error = _colors["default"].error,
+    errorLight = _colors["default"].errorLight,
     errorText = _colors["default"].errorText,
     grey900 = _colors["default"].grey900,
     grey100 = _colors["default"].grey100,
-    textLink = _colors["default"].textLink;
+    textLink = _colors["default"].textLink,
+    bgWhite = _colors["default"].bgWhite;
 var xTiny = _spacing["default"].xTiny,
     tiny = _spacing["default"].tiny,
     small = _spacing["default"].small,
-    gutter = _spacing["default"].gutter;
-var iconHeight = 13;
+    gutter = _spacing["default"].gutter,
+    medium = _spacing["default"].medium;
+var smallIcon = _iconSizes["default"].small;
+var paddingStandardTag = [1, tiny, 3, tiny],
+    paddingMediumTag = [5, gutter, 7, gutter],
+    paddingBigTag = [tiny, small],
+    tagTextLineHeight = 1.5,
+    tagTextStandardSize = 10,
+    tagTextMediumSize = 16,
+    tagTextBigSize = 16,
+    bigTagHeight = 40;
 var _default = {
   tag: {
     boxSizing: 'border-box',
     lineHeight: '12px',
     textAlign: 'center',
     borderRadius: small,
-    paddingRight: tiny,
-    paddingLeft: tiny,
-    height: small,
     position: 'relative',
     overflow: 'hidden',
-    display: 'inline-block',
-    paddingTop: 1,
-    paddingBottom: 2
+    display: 'inline-block'
+  },
+  standard: {
+    padding: paddingStandardTag,
+    height: small
+  },
+  medium: {
+    padding: paddingMediumTag,
+    height: medium
+  },
+  big: {
+    padding: paddingBigTag,
+    height: bigTagHeight,
+    borderRadius: medium
   },
   tagText: {
     boxSizing: 'border-box',
     fontFamily: _fonts["default"].body,
-    fontWeight: '600',
+    fontWeight: '400',
     fontStyle: 'normal',
     fontStretch: 'normal',
-    lineHeight: "".concat(iconHeight, "px"),
     letterSpacing: 'normal',
     textAlign: 'center',
     position: 'relative',
     overflow: 'hidden',
     display: 'inline-block',
-    fontSize: 10,
+    lineHeight: tagTextLineHeight,
     paddingRight: function paddingRight(props) {
       return props.iconName ? xTiny : 0;
     }
   },
+  standardTagText: {
+    fontSize: tagTextStandardSize
+  },
+  mediumTagText: {
+    fontSize: tagTextMediumSize
+  },
+  bigTagText: {
+    fontSize: tagTextBigSize
+  },
   "default": {
     color: grey900,
     background: grey100
   },
+  basic: {
+    color: grey900,
+    background: bgWhite
+  },
   info: {
     color: infoText,
-    backgroundColor: (0, _hexRgba["default"])(info, 10)
+    backgroundColor: infoLight
   },
   success: {
     color: successText,
-    background: (0, _hexRgba["default"])(success, 10)
+    background: successLight
   },
   warning: {
     color: warningText,
-    background: (0, _hexRgba["default"])(warning, 10)
+    background: warningLight
   },
   error: {
     color: errorText,
-    background: (0, _hexRgba["default"])(error, 10)
+    background: errorLight
   },
   link: {
     color: textLink,
@@ -95,27 +127,40 @@ var _default = {
     display: 'inline-block',
     marginRight: xTiny,
     content: '""',
-    width: gutter,
-    height: iconHeight,
     paddingBottom: 0,
-    position: 'relative',
-    top: 0,
     left: 0,
     backgroundRepeat: 'no-repeat'
   },
+  standardIcon: {
+    width: gutter,
+    height: gutter
+  },
+  mediumIcon: {
+    width: smallIcon,
+    height: smallIcon
+  },
+  bigIcon: {
+    width: smallIcon,
+    height: smallIcon
+  },
   defaultIcon: {
     background: function background(props) {
       return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([grey900])) : '';
     }
   },
+  basicIcon: {
+    background: function background(props) {
+      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([grey900])) : '';
+    }
+  },
   infoIcon: {
     background: function background(props) {
-      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([info])) : '';
+      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([infoText])) : '';
     }
   },
   successIcon: {
     background: function background(props) {
-      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([success])) : '';
+      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([successText])) : '';
     }
   },
   warningIcon: {
@@ -125,7 +170,7 @@ var _default = {
   },
   errorIcon: {
     background: function background(props) {
-      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([error])) : '';
+      return props.iconName ? _icons["default"].base(_icons["default"][props.iconName].icon([errorText])) : '';
     }
   },
   linkIcon: {

package/build/Text/Text.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,9 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -21,25 +23,29 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-var Text =
-/*#__PURE__*/
-function (_Component) {
+var Text = /*#__PURE__*/function (_Component) {
   _inherits(Text, _Component);
 
+  var _super = _createSuper(Text);
+
   function Text() {
     _classCallCheck(this, Text);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Text).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Text, [{
@@ -59,6 +65,7 @@ function (_Component) {
           headline = _this$props.headline,
           heading = _this$props.heading,
           subheading = _this$props.subheading,
+          extraLarge = _this$props.extraLarge,
           large = _this$props.large,
           standard = _this$props.standard,
           small = _this$props.small,
@@ -71,6 +78,8 @@ function (_Component) {
         heading: heading
       }, {
         subheading: subheading
+      }, {
+        extraLarge: extraLarge
       }, {
         large: large
       }, {
@@ -266,7 +275,8 @@ function (_Component) {
           tag = _this$props8.tag,
           className = _this$props8.className,
           style = _this$props8.style,
-          id = _this$props8.id;
+          id = _this$props8.id,
+          testId = _this$props8.testId;
       var TextType = tag;
       var size = this.getSize();
       var color = this.getColor();
@@ -275,10 +285,11 @@ function (_Component) {
       var topSpacing = this.getTopSpacing();
       var bottomSpacing = this.getBottomSpacing();
       var strong = this.getWeight();
-      return _react["default"].createElement(TextType, {
+      return /*#__PURE__*/_react["default"].createElement(TextType, {
         className: "".concat(classes.text, " ").concat(size, " ").concat(color ? color : emphasis).concat(topSpacing).concat(bottomSpacing).concat(align ? " ".concat(align) : '').concat(strong ? " ".concat(strong) : '').concat(className ? " ".concat(className) : ''),
         style: style,
-        id: id
+        id: id,
+        "data-testid": testId
       }, children);
     }
   }]);
@@ -302,6 +313,9 @@ Text.propTypes = {
   /** Subheading size style. */
   subheading: _propTypes["default"].bool,
 
+  /** Extra-large size style. */
+  extraLarge: _propTypes["default"].bool,
+
   /** Large size style. */
   large: _propTypes["default"].bool,
 
@@ -405,7 +419,8 @@ Text.propTypes = {
   tag: _propTypes["default"].string.isRequired,
   className: _propTypes["default"].string,
   style: _propTypes["default"].object,
-  id: _propTypes["default"].string
+  id: _propTypes["default"].string,
+  testId: _propTypes["default"].string
 };
 Text.defaultProps = {
   tag: 'p'

package/build/Text/Text.test.js

@@ -21,40 +21,40 @@ var reduceClasses = function reduceClasses(prev, curr) {
 var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
 describe("Text", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       classes: classes
     }, "Text"));
     expect(wrapper).toMatchSnapshot();
   });
   it('has the correct size style', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       hero: true,
       classes: classes
     }, "Text"));
     expect(wrapper.find('.hero').length).toBe(1);
   });
   it('has a default color style', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       classes: classes
     }, "Text"));
     expect(wrapper.find('.highEmphasis').length).toBe(1);
   });
   it('has the correct color style', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       primary: true,
       classes: classes
     }, "Text"));
     expect(wrapper.find('.primary').length).toBe(1);
   });
   it('has the correct align style', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       center: true,
       classes: classes
     }, "Text"));
     expect(wrapper.find('.center').length).toBe(1);
   });
   it('has the correct spacing style', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       topTiny: true,
       bottomLarge: true,
       classes: classes
@@ -63,7 +63,7 @@ describe("Text", function () {
     expect(wrapper.find('.bottomLarge').length).toBe(1);
   });
   it('has the correct html tag', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
       tag: "h3",
       classes: classes
     }, "Text"));
@@ -72,7 +72,7 @@ describe("Text", function () {
 });
 describe("TextJSS", function () {
   it('matches the snapshot', function () {
-    var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, "Text"));
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, "Text"));
     expect(wrapper).toMatchSnapshot();
   });
 });

package/build/Text/__snapshots__/Text.test.js.snap

@@ -0,0 +1,158 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Text matches the snapshot 1`] = `ShallowWrapper {}`;
+
+exports[`Text styles matches the snapshot 1`] = `
+Object {
+  "bottomBase": Object {
+    "marginBottom": 24,
+  },
+  "bottomLarge": Object {
+    "marginBottom": 48,
+  },
+  "bottomMedium": Object {
+    "marginBottom": 32,
+  },
+  "bottomSmall": Object {
+    "marginBottom": 16,
+  },
+  "bottomTiny": Object {
+    "marginBottom": 8,
+  },
+  "bottomXLarge": Object {
+    "marginBottom": 64,
+  },
+  "bottomXTiny": Object {
+    "marginBottom": 4,
+  },
+  "center": Object {
+    "textAlign": "center",
+  },
+  "disabled": Object {
+    "color": "#dddddd",
+  },
+  "error": Object {
+    "color": "#db3737",
+  },
+  "extraLarge": Object {
+    "fontSize": 20,
+    "lineHeight": 1.5,
+  },
+  "heading": Object {
+    "fontSize": 24,
+    "fontWeight": 400,
+    "lineHeight": 1.1,
+  },
+  "headline": Object {
+    "@media screen and (min-width:768px)": Object {
+      "fontSize": 40,
+    },
+    "fontSize": 28,
+    "fontWeight": 400,
+    "lineHeight": 1.1,
+  },
+  "hero": Object {
+    "@media screen and (min-width:768px)": Object {
+      "fontSize": 48,
+      "letterSpacing": -0.96,
+    },
+    "fontSize": 32,
+    "fontWeight": 400,
+    "letterSpacing": -0.64,
+    "lineHeight": 1.1,
+  },
+  "highEmphasis": Object {
+    "color": "#222222",
+  },
+  "info": Object {
+    "color": "#5736ab",
+  },
+  "large": Object {
+    "fontSize": 18,
+    "lineHeight": 1.5,
+  },
+  "left": Object {
+    "textAlign": "left",
+  },
+  "link": Object {
+    "color": "#0946CB",
+  },
+  "lowEmphasis": Object {
+    "color": "#aaaaaa",
+  },
+  "micro": Object {
+    "fontSize": 12,
+    "lineHeight": 1.5,
+  },
+  "midEmphasis": Object {
+    "color": "#777777",
+  },
+  "primary": Object {
+    "color": "#083cae",
+  },
+  "right": Object {
+    "textAlign": "right",
+  },
+  "secondary": Object {
+    "color": "#f13465",
+  },
+  "small": Object {
+    "fontSize": 14,
+    "lineHeight": 1.5,
+  },
+  "standard": Object {
+    "fontSize": 16,
+    "lineHeight": 1.5,
+  },
+  "strong": Object {
+    "fontWeight": 400,
+  },
+  "subheading": Object {
+    "fontSize": 18,
+    "fontWeight": 400,
+    "lineHeight": 1.1,
+  },
+  "success": Object {
+    "color": "#009537",
+  },
+  "text": Object {
+    "fontFamily": "'OccText', sans-serif",
+    "fontStyle": "normal",
+    "fontWeight": 300,
+    "letterSpacing": 0,
+    "margin": 0,
+  },
+  "titleCase": Object {
+    "textTransform": "capitalize",
+  },
+  "topBase": Object {
+    "marginTop": 24,
+  },
+  "topLarge": Object {
+    "marginTop": 48,
+  },
+  "topMedium": Object {
+    "marginTop": 32,
+  },
+  "topSmall": Object {
+    "marginTop": 16,
+  },
+  "topTiny": Object {
+    "marginTop": 8,
+  },
+  "topXLarge": Object {
+    "marginTop": 64,
+  },
+  "topXTiny": Object {
+    "marginTop": 4,
+  },
+  "warning": Object {
+    "color": "#e69000",
+  },
+  "white": Object {
+    "color": "#ffffff",
+  },
+}
+`;
+
+exports[`TextJSS matches the snapshot 1`] = `ShallowWrapper {}`;

package/build/Text/styles.js

@@ -21,54 +21,60 @@ var _default = {
   text: {
     letterSpacing: 0,
     fontFamily: _fonts["default"].body,
-    fontWeight: 400,
+    fontWeight: 300,
     fontStyle: 'normal',
     margin: 0
   },
   // Sizes
   hero: _defineProperty({
-    fontSize: 28,
-    lineHeight: '32px'
+    fontSize: 32,
+    lineHeight: 1.1,
+    fontWeight: 400,
+    letterSpacing: -0.64
   }, "@media screen and (min-width:".concat(_grid["default"].sm, "px)"), {
-    fontSize: 57,
-    lineHeight: '72px'
+    fontSize: 48,
+    letterSpacing: -0.96
   }),
   headline: _defineProperty({
     fontSize: 28,
-    lineHeight: '32px'
+    lineHeight: 1.1,
+    fontWeight: 400
   }, "@media screen and (min-width:".concat(_grid["default"].sm, "px)"), {
-    fontSize: 36,
-    lineHeight: '48px'
+    fontSize: 40
   }),
   heading: {
-    fontSize: 22,
-    lineHeight: '32px',
-    fontWeight: 600
+    fontSize: 24,
+    lineHeight: 1.1,
+    fontWeight: 400
   },
   subheading: {
-    fontSize: 16,
-    lineHeight: '24px',
-    fontWeight: 600
+    fontSize: 18,
+    lineHeight: 1.1,
+    fontWeight: 400
+  },
+  extraLarge: {
+    fontSize: 20,
+    lineHeight: 1.5
   },
   large: {
-    fontSize: 16,
-    lineHeight: '24px'
+    fontSize: 18,
+    lineHeight: 1.5
   },
   standard: {
-    fontSize: 14,
-    lineHeight: '24px'
+    fontSize: 16,
+    lineHeight: 1.5
   },
   small: {
-    fontSize: 12,
-    lineHeight: '16px'
+    fontSize: 14,
+    lineHeight: 1.5
   },
   micro: {
-    fontSize: 10,
-    lineHeight: '16px'
+    fontSize: 12,
+    lineHeight: 1.5
   },
   // Weight
   strong: {
-    fontWeight: 600
+    fontWeight: 400
   },
   // Colors
   primary: {
@@ -160,6 +166,9 @@ var _default = {
   },
   bottomXLarge: {
     marginBottom: _spacing["default"].xLarge
+  },
+  titleCase: {
+    textTransform: 'capitalize'
   }
 };
 exports["default"] = _default;