@telus-uds/components-web 2.44.0 → 3.0.0

package/lib/OrderedList/Item.js

@@ -1,19 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _componentsBase = require("@telus-uds/components-base");
-var _ItemBase = _interopRequireDefault(require("./ItemBase"));
-var _utils = require("../utils");
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { applyTextStyles, getTokensPropType, selectSystemProps, StackView, Typography, useTheme, useThemeTokens, wrapStringsInText } from '@telus-uds/components-base';
+import ItemBase from './ItemBase';
+import { htmlAttrs } from '../utils';
+import { OL_COUNTER_NAME } from './constants';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
 const selectItemTextStyles = (_ref, themeOptions) => {
   let {
     itemFontWeight,
@@ -23,7 +16,7 @@ const selectItemTextStyles = (_ref, themeOptions) => {
     itemColor,
     itemTextColor
   } = _ref;
-  return (0, _componentsBase.applyTextStyles)({
+  return applyTextStyles({
     fontWeight: itemFontWeight,
     fontSize: itemFontSize,
     fontName: itemFontName,
@@ -32,7 +25,7 @@ const selectItemTextStyles = (_ref, themeOptions) => {
     lineHeight: itemLineHeight
   });
 };
-const StyledItemBase = /*#__PURE__*/(0, _styledComponents.default)(_ItemBase.default).withConfig({
+const StyledItemBase = /*#__PURE__*/styled(ItemBase).withConfig({
   displayName: "Item__StyledItemBase",
   componentId: "components-web__sc-7jzwcq-0"
 })(_ref2 => {
@@ -50,9 +43,9 @@ const StyledItemBase = /*#__PURE__*/(0, _styledComponents.default)(_ItemBase.def
     itemTextColor
   } = _ref2;
   return {
-    counterIncrement: _constants.OL_COUNTER_NAME,
+    counterIncrement: OL_COUNTER_NAME,
     '::before': {
-      content: `counter(${_constants.OL_COUNTER_NAME})'.'`,
+      content: `counter(${OL_COUNTER_NAME})'.'`,
       display: 'inline-block',
       color: itemColor || itemTextColor,
       width: itemBulletContainerWidth,
@@ -61,7 +54,7 @@ const StyledItemBase = /*#__PURE__*/(0, _styledComponents.default)(_ItemBase.def
       flexShrink: 0,
       whiteSpace: 'nowrap',
       overflow: 'hidden',
-      ...(0, _componentsBase.applyTextStyles)({
+      ...applyTextStyles({
         fontWeight: itemFontWeight,
         fontSize: itemFontSize,
         fontName: itemFontName,
@@ -74,7 +67,7 @@ const StyledItemBase = /*#__PURE__*/(0, _styledComponents.default)(_ItemBase.def
     }
   };
 });
-const ItemContent = /*#__PURE__*/_styledComponents.default.div.withConfig({
+const ItemContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "Item__ItemContent",
   componentId: "components-web__sc-7jzwcq-1"
 })({
@@ -82,7 +75,7 @@ const ItemContent = /*#__PURE__*/_styledComponents.default.div.withConfig({
   flexDirection: 'column',
   gap: 5
 });
-const Item = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
+const Item = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     children,
     counterName,
@@ -93,7 +86,7 @@ const Item = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
   } = _ref3;
   // We are reusing some tokens from the list component here in order to provide a unified
   // experience
-  const themeTokens = (0, _componentsBase.useThemeTokens)('OrderedList', tokens, variant);
+  const themeTokens = useThemeTokens('OrderedList', tokens, variant);
   const headingTokens = title && {
     lineHeight: themeTokens.itemLineHeight,
     fontSize: themeTokens.itemFontSize,
@@ -103,31 +96,31 @@ const Item = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
   };
   const {
     themeOptions
-  } = (0, _componentsBase.useTheme)();
-  const itemContent = (0, _componentsBase.wrapStringsInText)(children, {
+  } = useTheme();
+  const itemContent = wrapStringsInText(children, {
     style: selectItemTextStyles(themeTokens, themeOptions)
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledItemBase, {
+  return /*#__PURE__*/_jsx(StyledItemBase, {
     ref: ref,
     themeOptions: themeOptions,
     ...themeTokens,
     ...selectProps(rest),
-    children: title ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.StackView, {
+    children: title ? /*#__PURE__*/_jsxs(StackView, {
       tokens: {
         flexShrink: 1
       },
       space: 0,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+      children: [/*#__PURE__*/_jsx(Typography, {
         variant: {
           size: 'h4'
         },
         tokens: headingTokens,
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemContent, {
+      }), /*#__PURE__*/_jsx(ItemContent, {
         ...themeTokens,
         children: itemContent
       })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemContent, {
+    }) : /*#__PURE__*/_jsx(ItemContent, {
       children: itemContent
     })
   });
@@ -138,15 +131,14 @@ Item.propTypes = {
   /**
    * Item content
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Defines the title of the `OrderedList.Item`
    */
-  title: _propTypes.default.string,
+  title: PropTypes.string,
   /**
    * Item tokens
    */
-  tokens: (0, _componentsBase.getTokensPropType)('OrderedList')
+  tokens: getTokensPropType('OrderedList')
 };
-var _default = Item;
-exports.default = _default;
+export default Item;

package/lib/OrderedList/ItemBase.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledItem = /*#__PURE__*/_styledComponents.default.li.withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "ItemBase__StyledItem",
   componentId: "components-web__sc-o0oiv5-0"
 })({
@@ -20,7 +13,7 @@ const Item = _ref => {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledItem, {
+  return /*#__PURE__*/_jsx(StyledItem, {
     ...rest,
     children: children
   });
@@ -29,7 +22,6 @@ Item.propTypes = {
   /**
    * Item content
    */
-  children: _propTypes.default.node.isRequired
+  children: PropTypes.node.isRequired
 };
-var _default = Item;
-exports.default = _default;
+export default Item;

package/lib/OrderedList/OrderedList.js

@@ -1,21 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _componentsBase = require("@telus-uds/components-base");
-var _utils = require("../utils");
-var _OrderedListBase = _interopRequireDefault(require("./OrderedListBase"));
-var _Item = _interopRequireDefault(require("./Item"));
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-const StyledOrderedListBase = /*#__PURE__*/(0, _styledComponents.default)(_OrderedListBase.default).withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { getTokensPropType, selectSystemProps, variantProp } from '@telus-uds/components-base';
+import { htmlAttrs } from '../utils';
+import OrderedListBase from './OrderedListBase';
+import Item from './Item';
+import { OL_COUNTER_NAME } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
+const StyledOrderedListBase = /*#__PURE__*/styled(OrderedListBase).withConfig({
   displayName: "OrderedList__StyledOrderedListBase",
   componentId: "components-web__sc-t5az8z-0"
 })(_ref => {
@@ -25,14 +18,14 @@ const StyledOrderedListBase = /*#__PURE__*/(0, _styledComponents.default)(_Order
   return {
     // Using CSS counters here to have better control over the number styling
     listStyle: 'none',
-    counterReset: `${_constants.OL_COUNTER_NAME} ${start - 1}`
+    counterReset: `${OL_COUNTER_NAME} ${start - 1}`
   };
 });
 
 /**
  * Themed semantic ordered list.
  */
-const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const OrderedList = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
     start = 1,
@@ -44,12 +37,12 @@ const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   const isChildrenArray = Array.isArray(children);
 
   // Pass any variants and tokens "OrderedList" receives down to the individual list items.
-  const childrenWithParentVariantsAndTokens = _react.default.useMemo(() => {
+  const childrenWithParentVariantsAndTokens = React.useMemo(() => {
     const addVariantAndTokensToProps = child => {
       var _child$props, _child$props2;
       const existingChildVariants = ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.variant) ?? {};
       const existingChildTokens = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.tokens) ?? {};
-      return /*#__PURE__*/_react.default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         variant: {
           ...existingChildVariants,
           ...variant
@@ -68,7 +61,7 @@ const OrderedList = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     }
     return children;
   }, [children, variant, isChildrenArray, tokens]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledOrderedListBase, {
+  return /*#__PURE__*/_jsx(StyledOrderedListBase, {
     ...selectProps(rest),
     ref: ref,
     start: start,
@@ -81,14 +74,13 @@ OrderedList.propTypes = {
   /**
    * A list of ordered items wrapped in `OrderedList.Item`.
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The position to start the list with.
    */
-  start: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  variant: _componentsBase.variantProp.propType,
-  tokens: (0, _componentsBase.getTokensPropType)('OrderedList')
+  start: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  variant: variantProp.propType,
+  tokens: getTokensPropType('OrderedList')
 };
-OrderedList.Item = _Item.default;
-var _default = OrderedList;
-exports.default = _default;
+OrderedList.Item = Item;
+export default OrderedList;

package/lib/OrderedList/OrderedListBase.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ItemBase = _interopRequireDefault(require("./ItemBase"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import ItemBase from './ItemBase';
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledList = /*#__PURE__*/styled.ol.withConfig({
   displayName: "OrderedListBase__StyledList",
   componentId: "components-web__sc-4m9lgj-0"
 })({
@@ -24,13 +17,13 @@ const StyledList = /*#__PURE__*/_styledComponents.default.ol.withConfig({
 /**
  * Semantic ordered list.
  */
-const OrderedListBase = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const OrderedListBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     start = 1,
     ...rest
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
+  return /*#__PURE__*/_jsx(StyledList, {
     ...rest,
     ref: ref,
     start: start,
@@ -42,12 +35,11 @@ OrderedListBase.propTypes = {
   /**
    * A list of ordered items wrapped in `OrderedListBase.Item`.
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The position to start the list with.
    */
-  start: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+  start: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
-OrderedListBase.Item = _ItemBase.default;
-var _default = OrderedListBase;
-exports.default = _default;
+OrderedListBase.Item = ItemBase;
+export default OrderedListBase;

package/lib/OrderedList/constants.js

@@ -1,9 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OL_COUNTER_NAME = void 0;
 // eslint-disable-next-line import/prefer-default-export
-const OL_COUNTER_NAME = 'allium-ordered-list-counter';
-exports.OL_COUNTER_NAME = OL_COUNTER_NAME;
+export const OL_COUNTER_NAME = 'allium-ordered-list-counter';

package/lib/OrderedList/index.js

@@ -1,12 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _OrderedList = _interopRequireDefault(require("./OrderedList"));
-var _Item = _interopRequireDefault(require("./Item"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_OrderedList.default.Item = _Item.default;
-var _default = _OrderedList.default;
-exports.default = _default;
+import OrderedList from './OrderedList';
+import Item from './Item';
+OrderedList.Item = Item;
+export default OrderedList;

package/lib/Paragraph/Paragraph.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _componentsBase = require("@telus-uds/components-base");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-const StyledParagraph = /*#__PURE__*/_styledComponents.default.p.withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { getTokensPropType, selectSystemProps } from '@telus-uds/components-base';
+import { htmlAttrs, useTypographyTheme } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
+const StyledParagraph = /*#__PURE__*/styled.p.withConfig({
   displayName: "Paragraph__StyledParagraph",
   componentId: "components-web__sc-1bg9r8p-0"
 })(["", " ", " &:first-child{margin-block-start:0em;}&:last-child{margin-block-end:0em;}"], _ref => {
@@ -40,7 +33,7 @@ const StyledParagraph = /*#__PURE__*/_styledComponents.default.p.withConfig({
 	contrast.
 	* - All Allium Typography variants other than header size variants are supported.
 	*/
-const Paragraph = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
+const Paragraph = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     children,
     variant,
@@ -50,8 +43,8 @@ const Paragraph = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
     linesBetween = 1,
     ...rest
   } = _ref3;
-  const style = (0, _utils.useTypographyTheme)(variant, tokens);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledParagraph, {
+  const style = useTypographyTheme(variant, tokens);
+  return /*#__PURE__*/_jsx(StyledParagraph, {
     ref: ref,
     linesBetween: linesBetween,
     "data-testid": testID,
@@ -64,35 +57,34 @@ const Paragraph = /*#__PURE__*/_react.default.forwardRef((_ref3, ref) => {
 Paragraph.displayName = 'Paragraph';
 Paragraph.propTypes = {
   ...selectedSystemPropTypes,
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Adds a `data-testid` attribute to the element for testing purposes
    */
-  testID: _propTypes.default.string,
+  testID: PropTypes.string,
   /**
    * Sets the alignment style for the paragraph. Same options as Typography's `align` prop.
    * 'justify' should be avoided as it usually reduces ease of reading.
    */
-  align: _propTypes.default.oneOf(['auto', 'left', 'right', 'center', 'justify']),
+  align: PropTypes.oneOf(['auto', 'left', 'right', 'center', 'justify']),
   /**
    * How much space between consecutive paragraphs, or between a paragraph and its siblings, in CSS
    * `em` units: 1 gives space equal to one line of paragraph text, 0.5 would be half a line, etc.
    * @default 1
    */
-  linesBetween: _propTypes.default.number,
+  linesBetween: PropTypes.number,
   /**
    * Paragraph takes the same tokens overrides as Typography
    */
-  tokens: (0, _componentsBase.getTokensPropType)('Typography'),
+  tokens: getTokensPropType('Typography'),
   /**
    * Paragraph takes any of Typography's theme variants except for header sizes
    */
-  variant: _propTypes.default.exact({
-    bold: _propTypes.default.bool,
-    colour: _propTypes.default.oneOf(['secondary', 'tertiary']),
-    inverse: _propTypes.default.bool,
-    size: _propTypes.default.oneOf(['micro', 'small', 'large'])
+  variant: PropTypes.exact({
+    bold: PropTypes.bool,
+    colour: PropTypes.oneOf(['secondary', 'tertiary']),
+    inverse: PropTypes.bool,
+    size: PropTypes.oneOf(['micro', 'small', 'large'])
   })
 };
-var _default = Paragraph;
-exports.default = _default;
+export default Paragraph;

package/lib/Paragraph/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Paragraph = _interopRequireDefault(require("./Paragraph"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Paragraph.default;
-exports.default = _default;
+import Paragraph from './Paragraph';
+export default Paragraph;

package/lib/PreviewCard/AuthorDate.js

@@ -1,37 +1,33 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { StackWrap, Typography, useThemeTokens } from '@telus-uds/components-base';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _componentsBase = require("@telus-uds/components-base");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * A footer for PreviewCard that composes author and date in a standard way
  *
  * @TODO
  * Add same locale-based date formatting as StoryCard when ready.
  * Get locale based on decision of https://github.com/telus/universal-design-system/issues/715
- */const AuthorDate = _ref => {
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AuthorDate = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     author,
     date
   } = _ref;
   const {
     separatorColor: color
-  } = (0, _componentsBase.useThemeTokens)('PreviewCard', {}, {});
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.StackWrap, {
+  } = useThemeTokens('PreviewCard', {}, {});
+  return /*#__PURE__*/_jsxs(StackWrap, {
     space: 2,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(Typography, {
       variant: {
         size: 'small',
         colour: 'secondary'
       },
       children: author
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+    }), /*#__PURE__*/_jsx(Typography, {
       variant: {
         size: 'small'
       },
@@ -39,7 +35,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
         color
       },
       children: "\xB7"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
+    }), /*#__PURE__*/_jsx(Typography, {
       variant: {
         size: 'small',
         colour: 'secondary'
@@ -47,16 +43,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
       children: date
     })]
   });
-};
+});
+AuthorDate.displayName = 'AuthorDate';
 AuthorDate.propTypes = {
   /**
    * Name of the author
    */
-  author: _propTypes.default.string.isRequired,
+  author: PropTypes.string.isRequired,
   /**
    * Date of the post
    */
-  date: _propTypes.default.string.isRequired
+  date: PropTypes.string.isRequired
 };
-var _default = AuthorDate;
-exports.default = _default;
+export default AuthorDate;