@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.9178d1d6

package/progress-bar/ProgressBar.js

@@ -0,0 +1,52 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }
+import React from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1oo5a6n",
+  styles: "width:100%;will-change:max-width,transform;transform-origin:0 0;animation:loading-beta 2s linear infinite;@keyframes loading-beta{0%,60%{max-width:0;transform:translateX(0);}75%{max-width:35%;transform:translateX(0);}100%{max-width:5%;transform:translateX(100vw);}}"
+} : {
+  name: "1r2sf7l-StyledProgressBar",
+  styles: "width:100%;will-change:max-width,transform;transform-origin:0 0;animation:loading-beta 2s linear infinite;@keyframes loading-beta{0%,60%{max-width:0;transform:translateX(0);}75%{max-width:35%;transform:translateX(0);}100%{max-width:5%;transform:translateX(100vw);}};label:StyledProgressBar;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFYSIsImZpbGUiOiIuLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1jnmm6h",
+  styles: "width:100%;will-change:max-width,transform;animation:loading-alpha 2s linear infinite;@keyframes loading-alpha{0%,100%{max-width:0;transform:translateX(0);}5%{max-width:5%;transform:translateX(0);}57%{max-width:35%;}85%{max-width:0;transform:translateX(100vw);}}"
+} : {
+  name: "uxcdl-StyledProgressBar",
+  styles: "width:100%;will-change:max-width,transform;animation:loading-alpha 2s linear infinite;@keyframes loading-alpha{0%,100%{max-width:0;transform:translateX(0);}5%{max-width:5%;transform:translateX(0);}57%{max-width:35%;}85%{max-width:0;transform:translateX(100vw);}};label:StyledProgressBar;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDYSIsImZpbGUiOiIuLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var StyledProgressBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e3d1hge0"
+} : {
+  target: "e3d1hge0",
+  label: "StyledProgressBar"
+})("height:4px;background:", function (p) {
+  return p.light ? theme.colors.text.light.disabled : theme.colors.text.primary.disabled;
+}, ";border-radius:", theme.radii.m, ";position:relative;margin:8px 0;overflow:hidden;&:before,&:after{display:block;content:'';position:absolute;top:0;left:0;border-radius:", theme.radii.m, ";height:100%;background:", function (p) {
+  return p.light ? theme.colors.text.light.primary : theme.colors.text.primary.primary;
+}, ";width:100%;z-index:1;transform-origin:0 0;}&:before{", function (_ref3) {
+  var indeterminate = _ref3.indeterminate,
+    progress = _ref3.progress;
+  return indeterminate ? _ref2 : !!progress ? /*#__PURE__*/css("transition:transform 0.2s linear;transform:scaleX(", Math.max(0, Math.min(progress || 0, 100)) / 100, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledProgressBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEYSIsImZpbGUiOiIuLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */") : "";
+}, ";}&:after{", function (p) {
+  return p.indeterminate ? _ref : "\n            visibility: hidden;\n        ";
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9ncmVzcy1iYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vRyIsImZpbGUiOiIuLi8uLi9zcmMvcHJvZ3Jlc3MtYmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBQcm9ncmVzc0JhclByb3BzID0geyBsaWdodD86IGJvb2xlYW47IGluZGV0ZXJtaW5hdGU/OiBib29sZWFuOyBwcm9ncmVzcz86IG51bWJlciB9XG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjx7IHByb2dyZXNzPzogbnVtYmVyOyBpbmRldGVybWluYXRlOiBib29sZWFuOyBsaWdodD86IGJvb2xlYW4gfT5gXG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZCl9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbjogOHB4IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpLm19O1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5saWdodCA/IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkpfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICAkeyh7IGluZGV0ZXJtaW5hdGUsIHByb2dyZXNzIH0pID0+XG4gICAgICBpbmRldGVybWluYXRlXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogbWF4LXdpZHRoLCB0cmFuc2Zvcm07XG5cbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1hbHBoYSAycyBsaW5lYXIgaW5maW5pdGU7XG4gICAgICAgICAgICBAa2V5ZnJhbWVzIGxvYWRpbmctYWxwaGEge1xuICAgICAgICAgICAgICAwJSxcbiAgICAgICAgICAgICAgMTAwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA1JSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiA1JTtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgNTclIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDM1JTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA4NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMDtcbiAgICAgICAgICAgICAgICAvKiogYXZvaWQgaGF2aW5nIHRvIHJlYWQgY2xpZW50V2lkdGggb2YgdGhlIGJhciovXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMHZ3KTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIGBcbiAgICAgICAgOiAhIXByb2dyZXNzXG4gICAgICAgID8gY3NzYFxuICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgbGluZWFyO1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVgoJHtNYXRoLm1heCgwLCBNYXRoLm1pbihwcm9ncmVzcyB8fCAwLCAxMDApKSAvIDEwMH0pO1xuICAgICAgICAgIGBcbiAgICAgICAgOiBgYH1cbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7KHApID0+XG4gICAgICBwLmluZGV0ZXJtaW5hdGVcbiAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBtYXgtd2lkdGgsIHRyYW5zZm9ybTtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogbG9hZGluZy1iZXRhIDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgICAgICAgIEBrZXlmcmFtZXMgbG9hZGluZy1iZXRhIHtcbiAgICAgICAgICAgICAgMCUsXG4gICAgICAgICAgICAgIDYwJSB7XG4gICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA3NSUge1xuICAgICAgICAgICAgICAgIG1heC13aWR0aDogMzUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAxMDAlIHtcbiAgICAgICAgICAgICAgICBtYXgtd2lkdGg6IDUlO1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDB2dyk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgXG4gICAgICAgIDogYFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICBgfVxuICB9XG5gXG5cbmNvbnN0IFByb2dyZXNzQmFyID0gKHsgbGlnaHQgPSBmYWxzZSwgaW5kZXRlcm1pbmF0ZSA9IGZhbHNlLCBwcm9ncmVzcyA9IDAgfTogUHJvZ3Jlc3NCYXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZFByb2dyZXNzQmFyIGxpZ2h0PXtsaWdodH0gaW5kZXRlcm1pbmF0ZT17aW5kZXRlcm1pbmF0ZX0gcHJvZ3Jlc3M9e3Byb2dyZXNzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmVzc0JhclxuIl19 */"));
+var ProgressBar = function ProgressBar(_ref4) {
+  var _ref4$light = _ref4.light,
+    light = _ref4$light === void 0 ? false : _ref4$light,
+    _ref4$indeterminate = _ref4.indeterminate,
+    indeterminate = _ref4$indeterminate === void 0 ? false : _ref4$indeterminate,
+    _ref4$progress = _ref4.progress,
+    progress = _ref4$progress === void 0 ? 0 : _ref4$progress;
+  return _jsx(StyledProgressBar, {
+    light: light,
+    indeterminate: indeterminate,
+    progress: progress
+  });
+};
+export default ProgressBar;

package/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from './ProgressBar';
+export * from './ProgressBar';

package/progress-bar/index.js

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from './ProgressBar';
+export * from './ProgressBar';

package/schedule/ScheduleItem.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent } from 'react';
+export type ListItemProps = {
+    time: string;
+    text: string;
+    backgroundColor?: string;
+};
+export declare const ListItemBase: import("@emotion/styled").StyledComponent<{
+    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;
+} & {
+    backgroundColor?: string;
+}, {}, {}>;
+type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+declare const ScheduleItem: ScheduleItemComponent;
+export default ScheduleItem;

package/schedule/ScheduleItem.js

@@ -0,0 +1,27 @@
+import _styled from "@emotion/styled/base";
+import React from 'react';
+import FlexBox from './../flexbox/FlexBox';
+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"
+} : {
+  target: "e8dkwfo0",
+  label: "ListItemBase"
+})("box-sizing:border-box;outline:none;padding:0 20px;height:50px;display:flex;align-items:center;background-color:", function (_ref) {
+  var backgroundColor = _ref.backgroundColor;
+  return backgroundColor || '#ffffff';
+}, ";b{margin:0 20px 0 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zY2hlZHVsZS9TY2hlZHVsZUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV5RSIsImZpbGUiOiIuLi8uLi9zcmMvc2NoZWR1bGUvU2NoZWR1bGVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGdW5jdGlvbkNvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgRmxleEJveCBmcm9tICcuLy4uL2ZsZXhib3gvRmxleEJveCdcblxuZXhwb3J0IHR5cGUgTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgdGltZTogc3RyaW5nXG4gIHRleHQ6IHN0cmluZ1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtQmFzZSA9IHN0eWxlZChGbGV4Qm94KTx7IGJhY2tncm91bmRDb2xvcj86IHN0cmluZyB9PmBcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcGFkZGluZzogMCAyMHB4O1xuICBoZWlnaHQ6IDUwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCAnI2ZmZmZmZid9O1xuXG4gIGIge1xuICAgIG1hcmdpbjogMCAyMHB4IDAgMDtcbiAgfVxuYFxuXG50eXBlIFNjaGVkdWxlSXRlbUNvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PExpc3RJdGVtUHJvcHM+XG5cbmNvbnN0IFNjaGVkdWxlSXRlbTogU2NoZWR1bGVJdGVtQ29tcG9uZW50ID0gKHsgdGltZSwgdGV4dCwgYmFja2dyb3VuZENvbG9yIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1CYXNlIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfT5cbiAgICAgIDxiPnt0aW1lfTwvYj5cbiAgICAgIDxwPnt0ZXh0fTwvcD5cbiAgICA8L0xpc3RJdGVtQmFzZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTY2hlZHVsZUl0ZW1cbiJdfQ== */"));
+var ScheduleItem = function ScheduleItem(_ref2) {
+  var time = _ref2.time,
+    text = _ref2.text,
+    backgroundColor = _ref2.backgroundColor;
+  return _jsxs(ListItemBase, {
+    backgroundColor: backgroundColor,
+    children: [_jsx("b", {
+      children: time
+    }), _jsx("p", {
+      children: text
+    })]
+  });
+};
+export default ScheduleItem;

package/schedule/ScheduleList.d.ts

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

package/schedule/ScheduleList.js

@@ -0,0 +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 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 _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 _jsx(ScheduleItem, {
+      time: item.time,
+      text: item.text,
+      backgroundColor: i % 2 ? '#f5f6f7' : ''
+    }, i);
+  });
+  return _jsx(FlexBox, _objectSpread(_objectSpread({
+    directionColumn: true
+  }, rest), {}, {
+    children: list
+  }));
+};
+export default ScheduleList;

package/schedule/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScheduleItem } from './ScheduleItem';
+export { default as ScheduleList } from './ScheduleList';

package/schedule/index.js

@@ -0,0 +1,2 @@
+export { default as ScheduleItem } from './ScheduleItem';
+export { default as ScheduleList } from './ScheduleList';

package/side-sheet/SideSheet.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+type Variant = 'nested' | 'elevated';
+type BackdropEmphasis = 'low' | 'high';
+type Align = 'left' | 'right';
+export type SideSheetProps = {
+    children?: React.ReactNode;
+    /**
+     * Choose the `width` of the `SideSheet`.
+     */
+    header?: string;
+    /**
+     * Choose the `width` of the `SideSheet`.
+     */
+    width?: string;
+    /**
+     * When you trigger a close.
+     */
+    onRequestClose?: () => void;
+    /**
+     * If set to true, the `SideSheet` is shown.
+     */
+    isOpen: boolean;
+    /**
+     * Choose if the SideSheet should be nested or elevated.
+     */
+    variant?: Variant;
+    /**
+     * Align the elevated SideSheet to left or right.
+     */
+    alignSideSheet?: Align;
+    /**
+     * Style the SideSheet by adding a className to it.
+     */
+    className?: string;
+    /**
+     * Add or remove the backdrop for the elevated side sheet.
+     */
+    backdrop?: boolean;
+    /**
+     * Specify the emphasis of the backdrop.
+     */
+    backdropEmphasis?: BackdropEmphasis;
+    /**
+     * Specify the custom zIndex.
+     */
+    zIndex?: number;
+    /**
+     * Fullscreen on large mobile (breakpoint at 500px).
+     */
+    largeMobileFullScreen?: boolean;
+    /**
+     * Fullscreen on small mobile (breakpoint at 375px).
+     */
+    smallMobileFullScreen?: boolean;
+};
+declare const SideSheet: ({ variant, className, isOpen, backdrop, width, header, zIndex, largeMobileFullScreen, smallMobileFullScreen, onRequestClose, backdropEmphasis, alignSideSheet, children, ...rest }: SideSheetProps) => React.JSX.Element;
+export default SideSheet;