@dfds-ui/react-components 2.2.0-alpha.32eece3d → 2.2.0-alpha.3a6cc444

package/schedule/ScheduleItem.d.ts

@@ -1,19 +1,19 @@
 import React, { FunctionComponent } from 'react';
-export declare type ListItemProps = {
+export type ListItemProps = {
     time: string;
     text: string;
     backgroundColor?: string;
 };
 export declare const ListItemBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-} & import("./../flexbox/FlexBox").FlexBoxProps & {
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("../flexbox").FlexBoxProps & {
+    as?: React.ElementType;
 } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & {
-    backgroundColor?: string | undefined;
+    backgroundColor?: string;
 }, {}, {}>;
-declare type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+type ScheduleItemComponent = FunctionComponent<ListItemProps>;
 declare const ScheduleItem: ScheduleItemComponent;
 export default ScheduleItem;

package/schedule/ScheduleItem.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
 import React from 'react';
 import FlexBox from './../flexbox/FlexBox';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export var ListItemBase = /*#__PURE__*/_styled(FlexBox, process.env.NODE_ENV === "production" ? {
   target: "e8dkwfo0"
 } : {
@@ -15,8 +15,13 @@ var ScheduleItem = function ScheduleItem(_ref2) {
   var time = _ref2.time,
     text = _ref2.text,
     backgroundColor = _ref2.backgroundColor;
-  return ___EmotionJSX(ListItemBase, {
-    backgroundColor: backgroundColor
-  }, ___EmotionJSX("b", null, time), ___EmotionJSX("p", null, text));
+  return _jsxs(ListItemBase, {
+    backgroundColor: backgroundColor,
+    children: [_jsx("b", {
+      children: time
+    }), _jsx("p", {
+      children: text
+    })]
+  });
 };
 export default ScheduleItem;

package/schedule/ScheduleList.d.ts

@@ -1,11 +1,11 @@
 import { FunctionComponent } from 'react';
-declare type ScheduleListItem = {
+type ScheduleListItem = {
     time: string;
     text: string;
 };
-declare type ScheduleListProps = {
+type ScheduleListProps = {
     items: ScheduleListItem[];
 };
-declare type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
+type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
 declare const ScheduleList: ScheduleListComponent;
 export default ScheduleList;

package/schedule/ScheduleList.js

@@ -1,24 +1,30 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["items"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import FlexBox from '../flexbox/FlexBox';
 import { ScheduleItem } from './';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var ScheduleList = function ScheduleList(_ref) {
   var items = _ref.items,
     rest = _objectWithoutProperties(_ref, _excluded);
   var list = items.map(function (item, i) {
-    return ___EmotionJSX(ScheduleItem, {
+    return _jsx(ScheduleItem, {
       time: item.time,
       text: item.text,
-      backgroundColor: i % 2 ? '#f5f6f7' : '',
-      key: i
-    });
+      backgroundColor: i % 2 ? '#f5f6f7' : ''
+    }, i);
   });
-  return ___EmotionJSX(FlexBox, _extends({
+  return _jsx(FlexBox, _objectSpread(_objectSpread({
     directionColumn: true
-  }, rest), list);
+  }, rest), {}, {
+    children: list
+  }));
 };
 export default ScheduleList;

package/side-sheet/SideSheet.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare type Variant = 'nested' | 'elevated';
-declare type BackdropEmphasis = 'low' | 'high';
-declare type Align = 'left' | 'right';
-export declare type SideSheetProps = {
+type Variant = 'nested' | 'elevated';
+type BackdropEmphasis = 'low' | 'high';
+type Align = 'left' | 'right';
+export type SideSheetProps = {
     children?: React.ReactNode;
     /**
      * Choose the `width` of the `SideSheet`.