@surveycake/rc 3.0.0-alpha.1 → 3.0.0-alpha.2

package/dist/rc.esm.js

@@ -6,6 +6,7 @@ import { createTheme, StylesProvider, ThemeProvider as ThemeProvider$2, makeStyl
 import { ThemeProvider as ThemeProvider$1 } from 'emotion-theming';
 import MUIButton from '@material-ui/core/Button';
 import Typography$2 from '@material-ui/core/Typography';
+import MUILink from '@material-ui/core/Link';
 import Cancel from '@material-ui/icons/Cancel';
 import Info from '@material-ui/icons/Info';
 import CheckCircle$2 from '@material-ui/icons/CheckCircle';
@@ -114,7 +115,7 @@ function _taggedTemplateLiteralLoose(strings, raw) {
 }
 
 function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n    @import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700|Roboto:400,500,700&display=swap&subset=chinese-traditional');\n  "]);
+  var data = _taggedTemplateLiteralLoose(["\n    @import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700|Roboto:400,500,700&display=swap&subset=chinese-traditional');\n  "]);
 
   _templateObject = function _templateObject() {
     return data;
@@ -278,7 +279,7 @@ makeStyles$1(function (theme) {
     },
     text: {
       '& .MuiButton-label': {
-        color: theme.palette.grey.A400
+        color: theme.palette.grey[600]
       },
       '&:hover': {
         backgroundColor: theme.palette.primary.light,
@@ -287,7 +288,7 @@ makeStyles$1(function (theme) {
         }
       },
       '&:disabled > .MuiButton-label': {
-        color: theme.palette.grey.A100
+        color: theme.palette.grey[400]
       }
     },
     outlined: {
@@ -303,13 +304,13 @@ makeStyles$1(function (theme) {
     contained: {
       boxShadow: 'none',
       '& > .MuiButton-label': {
-        color: theme.palette.grey.A200
+        color: theme.palette.grey[500]
       },
       '&:hover': {
         boxShadow: 'none',
-        backgroundColor: theme.palette.grey[300],
+        backgroundColor: theme.palette.grey[100],
         '& .MuiButton-label': {
-          color: theme.palette.grey.A400
+          color: theme.palette.grey[600]
         }
       },
       '&:disabled': {
@@ -330,7 +331,7 @@ makeStyles$1(function (theme) {
         }
       },
       '&:disabled': {
-        backgroundColor: theme.palette.grey[700],
+        backgroundColor: theme.palette.grey[300],
         '& > .MuiButton-label': {
           color: theme.palette.common.white
         }
@@ -380,9 +381,37 @@ forwardRef(function (props, ref) {
 
 var Typography =
 /*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'textPrimary' : _ref$color,
+      rest = _objectWithoutPropertiesLoose(_ref, ["color"]);
+
+  return React.createElement(Typography$2, Object.assign({}, rest, {
+    ref: ref,
+    color: color
+  }));
+});
+
+var useStyles$1 =
+/*#__PURE__*/
+makeStyles$1(function (theme) {
+  return {
+    underlineHover: {
+      '&:hover': {
+        color: function color(props) {
+          return props.color && (props.color === 'primary' || props.color === 'secondary') ? theme.palette[props.color].dark : theme.palette.primary.dark;
+        }
+      }
+    }
+  };
+});
+
+var Link =
+/*#__PURE__*/
 forwardRef(function (props, ref) {
-  return React.createElement(Typography$2, Object.assign({}, props, {
-    ref: ref
+  return React.createElement(MUILink, Object.assign({}, props, {
+    ref: ref,
+    classes: useStyles$1(props)
   }));
 });
 
@@ -413,6 +442,7 @@ var index$1 = {
   ThemeProvider: ThemeProvider,
   Button: Button,
   Typography: Typography,
+  Link: Link,
   Icon: Icon
 };
 
@@ -523,7 +553,7 @@ var styles = function styles(theme) {
   });
 };
 
-var useStyles$1 =
+var useStyles$2 =
 /*#__PURE__*/
 makeStyles$1(styles);
 var Avatar =
@@ -540,7 +570,7 @@ forwardRef(function (_ref, ref) {
       height = _ref.height,
       restProps = _objectWithoutPropertiesLoose(_ref, ["children", "src", "alt", "size", "variant", "width", "height"]);
 
-  var classes = useStyles$1({
+  var classes = useStyles$2({
     width: width,
     height: height
   });
@@ -726,7 +756,7 @@ forwardRef(function (props, ref) {
   }, props), props.children);
 });
 
-var useStyles$2 =
+var useStyles$3 =
 /*#__PURE__*/
 makeStyles$1({
   root: {
@@ -749,7 +779,7 @@ forwardRef(function (_ref, ref) {
       className = _ref.className,
       restProps = _objectWithoutPropertiesLoose(_ref, ["children", "className"]);
 
-  var _useStyles = useStyles$2(restProps),
+  var _useStyles = useStyles$3(restProps),
       root = _useStyles.root;
 
   return React.createElement(MuiCard, Object.assign({
@@ -1031,7 +1061,7 @@ function resolveThemeColorProp(theme, color) {
   return typeof color === 'function' ? color(theme) : resolveThemeColorByPath(theme, color);
 }
 
-var useStyles$3 =
+var useStyles$4 =
 /*#__PURE__*/
 makeStyles([['typography', function (theme, _ref) {
   var variant = _ref[0],
@@ -1059,7 +1089,7 @@ forwardRef(function (_ref, ref) {
       noWrap = _ref.noWrap,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "variant", "color", "weight", "gutterBottom", "noWrap"]);
 
-  var styles = useStyles$3([Vari, color, weight, gutterBottom, noWrap]);
+  var styles = useStyles$4([Vari, color, weight, gutterBottom, noWrap]);
   return React.createElement(Vari, Object.assign({}, props, {
     className: className ? cx(styles.typography, className) : styles.typography,
     ref: ref
@@ -1224,7 +1254,7 @@ function hexToRgba(originColor, opacity) {
   return "rgba(" + rgb + ", " + opacity + ")";
 }
 
-var useStyles$4 =
+var useStyles$5 =
 /*#__PURE__*/
 makeStyles([['tag', function (theme, _ref) {
   var originColor = _ref[0],
@@ -1242,7 +1272,7 @@ var Tag = function Tag(_ref) {
       onClick = _ref.onClick,
       props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "color", "variant", "onClick"]);
 
-  var styles = useStyles$4([color, variant, !!onClick]);
+  var styles = useStyles$5([color, variant, !!onClick]);
   return React.createElement("div", Object.assign({}, props, {
     className: className ? cx(styles.tag, className) : styles.tag,
     onClick: onClick
@@ -1276,7 +1306,7 @@ forwardRef(function (_ref, ref) {
   }, restProps), children);
 });
 
-var useStyles$5 =
+var useStyles$6 =
 /*#__PURE__*/
 makeStyles$1({
   root: {
@@ -1389,7 +1419,7 @@ var Select = function Select(props) {
       isVarItem = _props$isVarItem === void 0 ? false : _props$isVarItem,
       restProps = _objectWithoutPropertiesLoose(props, ["options", "value", "onChange", "variant", "multiple", "onOpen", "onClose", "height", "backgroundColor", "isVarItem"]);
 
-  var classes = useStyles$5(props);
+  var classes = useStyles$6(props);
   var itemClasses = itemStyle(props);
   return React.createElement(MuiSelect, Object.assign({
     className: classes.root,
@@ -1715,7 +1745,7 @@ var MenuList = function MenuList(_ref) {
   });
 };
 
-var useStyles$6 =
+var useStyles$7 =
 /*#__PURE__*/
 makeStyles$1({
   root: {
@@ -1740,7 +1770,7 @@ var MenuItem = function MenuItem(props) {
   var children = props.children,
       restProps = _objectWithoutPropertiesLoose(props, ["children", "backgroundColor", "color", "hoverBackgroundColor", "hoverColor"]);
 
-  var classes = useStyles$6(props);
+  var classes = useStyles$7(props);
   return React.createElement(MuiMenuItem, Object.assign({}, restProps, {
     className: classes.root
   }), children);
@@ -1980,7 +2010,7 @@ var Pagination = function Pagination(_ref) {
 var index$3 = /*#__PURE__*/
 memo(Pagination);
 
-var useStyles$7 =
+var useStyles$8 =
 /*#__PURE__*/
 makeStyles$1({
   scrollButtons: {
@@ -2010,7 +2040,7 @@ forwardRef(function (_ref, ref) {
       onChange = _ref.onChange,
       restProps = _objectWithoutPropertiesLoose(_ref, ["children", "value", "onChange"]);
 
-  var classes = useStyles$7();
+  var classes = useStyles$8();
   return React.createElement(MuiTabs, Object.assign({
     ref: ref,
     value: value,
@@ -2021,7 +2051,7 @@ forwardRef(function (_ref, ref) {
   }, restProps), children);
 });
 
-var useStyles$8 =
+var useStyles$9 =
 /*#__PURE__*/
 makeStyles$1(function (theme) {
   return createStyles({
@@ -2057,7 +2087,7 @@ forwardRef(function (_ref, ref) {
       value = _ref.value,
       restProps = _objectWithoutPropertiesLoose(_ref, ["label", "disabled", "icon", "value"]);
 
-  var classes = useStyles$8();
+  var classes = useStyles$9();
   return React.createElement(MuiTab, Object.assign({
     ref: ref,
     classes: classes,
@@ -2085,7 +2115,7 @@ forwardRef(function (_ref, ref) {
   }, restProps), children);
 });
 
-var useStyles$9 =
+var useStyles$a =
 /*#__PURE__*/
 makeStyles$1({
   root: {
@@ -2130,7 +2160,7 @@ forwardRef(function (_ref, ref) {
       value = _ref.value,
       restProps = _objectWithoutPropertiesLoose(_ref, ["disabled", "checked", "value", "classes"]);
 
-  var css = useStyles$9();
+  var css = useStyles$a();
   return React.createElement(Radio$1, Object.assign({
     ref: ref,
     value: value,
@@ -2877,7 +2907,7 @@ var icons = {
   warning: ExclamationCircle
 };
 
-var useStyles$a =
+var useStyles$b =
 /*#__PURE__*/
 makeStyles([['message', function (theme, _ref) {
   var visible = _ref[1];
@@ -2925,7 +2955,7 @@ forwardRef(function (_ref, ref) {
     }
   };
 
-  var styles = useStyles$a([type, visible]);
+  var styles = useStyles$b([type, visible]);
   useEffect(function () {
     window.setTimeout(function () {
       return setVisible(true);
@@ -3112,7 +3142,7 @@ var semanticColors = {
   warning: '#fef1e1',
   error: '#fbd0e0'
 };
-var useStyles$b =
+var useStyles$c =
 /*#__PURE__*/
 makeStyles$1({
   root: {
@@ -3214,7 +3244,7 @@ forwardRef(function (_ref, ref) {
       semantic = _ref.semantic,
       showSemanticIcon = _ref.showSemanticIcon,
       MessageIcon = _ref.MessageIcon;
-  var classes = useStyles$b({
+  var classes = useStyles$c({
     semantic: semantic,
     withTitle: !!title
   });
@@ -3279,7 +3309,7 @@ forwardRef(function (props, ref) {
   }, props), props.children);
 });
 
-var Link = {
+var Link$1 = {
   name: 'list-ul-o',
   definition: {
     viewBox: '0 0 512 512',
@@ -3431,7 +3461,7 @@ var SlidingSideMenu = function SlidingSideMenu(_ref) {
   }, icon) : React.createElement(StyledIconWrapper, {
     onClick: handleIconClick
   }, React.createElement(Icon$1, Object.assign({
-    icon: Link,
+    icon: Link$1,
     className: cx(IconStyle, IconClassName)
   }, restIconProps))), React.createElement(StyledSideMenu, Object.assign({
     open: open,
@@ -3448,7 +3478,7 @@ var SlidingSideMenu = function SlidingSideMenu(_ref) {
 var index$6 = /*#__PURE__*/
 memo(SlidingSideMenu);
 
-var useStyles$c =
+var useStyles$d =
 /*#__PURE__*/
 makeStyles$1({
   root: {
@@ -3493,7 +3523,7 @@ makeStyles$1({
 });
 
 var Divider = function Divider(props) {
-  var _useStyles = useStyles$c(props),
+  var _useStyles = useStyles$d(props),
       root = _useStyles.root;
 
   return React.createElement(MuiDivider, Object.assign({}, props, {
@@ -4363,7 +4393,7 @@ var AngleRight$1 = {
   }
 };
 
-var Link$1 = {
+var Link$2 = {
   name: 'link-o',
   definition: {
     viewBox: '0 0 512 512',
@@ -4727,5 +4757,5 @@ WordingProvider.useWording = function () {
   return useContext(WordingContext);
 };
 
-export { AnimateHeight, ArrowRight, Avatar, Backdrop, BrowserLight, Button$1 as Button, Card, CardActionArea, CardActions, CardContent, CardHeader, MuiCheckbox as Checkbox, index$2 as Chip, DatePicker, Divider, EditLight, EditableTable, GroupSelect, Icon$1 as Icon, InputSlider, KeyboardDatePicker, ListUl as ListUlFilled, Lock as LockFilled, MenuItem, MenuList, api as Message, Modal, MuiThemeProvider, index$3 as Pagination, Paper, Popper, Portal, QuestionCircleOutline, MuiRadio as Radio, Radio as RadioGroup, Select, index$6 as SlidingSideMenu, Snackbar, index$5 as Step, index$4 as Stepper, Switch, Tab, Tabs, Tag, ToggleButtonGroup, Tooltip, Typography$1 as Typography, index$1 as V2, WordingProvider, AnalyticsLight as analyticsLight, AngleLeft as angleLeftFilled, AngleLeft$1 as angleLeftOutlined, AngleRight as angleRightFilled, AngleRight$1 as angleRightOutlined, ArrowAltLeft as arrowAltLeftFilled, BarChart as barChartFilled, BracketsCurly as bracketsCurly, CalendarAlt as calendarAltOutlined, CaretDown$1 as caretDownFilled, CaretLeft as caretLeftFilled, CaretRight as caretRightFilled, CaretUp as caretUpFilled, CheckCircle as checkCircleFilled, CheckCircle$1 as checkCircleOutlined, Check as checkFilled, Check$1 as checkOutlined, CheckSquare as checkSquareFilled, ChevronDown as chevronDownOutlined, ChevronLeft as chevronLeftFilled, ChevronRight as chevronRightFilled, Clock as clockOutlined, Code as codeOutlined, CogLight as cogLight, CommentAltLines as commentAltLinesOutlined, theme$1 as defaultTheme, EllipsisH as ellipsisHFilled, EllipsisV as ellipsisVFilled, ExclamationCircle as exclamationCircleFilled, ExclamationCircle$1 as exclamationCircleOutlined, ExclamationTriangle as exclamationTriangleFilled, ExternalLinkLight as externalLinkLight, Facebook$1 as facebookBrand, FacebookIn as facebookIn, FileAlt as fileAltOutlined, FileCertificate as fileCertificateOutlined, Filter as filterOutlined, GlobalAsia as globalAsiaOutlined, HandPointer as handPointerFilled, HandPointer$1 as handPointerOutlined, Heart as heartFilled, Heart$1 as heartOutlined, hexToRgba, InfoCircle as infoCircleFilled, InfoCircle$1 as infoCircleOutlined, LinkLight as linkLight, Link$1 as linkOutlined, Linkedin as linkedinBrand, LinkedinIn as linkedinIn, Link as listUlOutlined, LongArrowRight as longArrowRightOutlined, makeStyles, MinusLight as minusLightFilled, muiThemeForSurveyCake, PageBreak as pageBreak, PenLight as penLight, PlusCircle as plusCircleOutlined, Plus as plusFilled, PlusLight as plusLightFilled, QRCode as qrcodeOutlined, QuestionCircle as questionCircleFilled, Redo as redoOutlined, Search as searchFilled, SearchLight as searchLightOutlined, SortDown as sortDownFilled, Sort as sortFilled, SortUp as sortUpFilled, SpinnerThird as spinnerThirdOutlined, Square as squareOutlined, Star as starFilled, Star$1 as starOutlined, ThLarge as thLargeOutLined, ThumbUp as thumbUpFilled, ThumbUp$1 as thumbUpOutlined, TimesCircle as timesCircleFilled, TimesCircle$1 as timesCircleOutlined, Times as timesOutlined, TrashAltRegular as trashAltRegular, Twitter as twitterBrand, TwitterIn as twitterIn, useTheme, User as userFilled, UserPlus as userPlusFilled, UserPlus$1 as userPlusOutlined, Users as usersFilled, withMuiPickersUtilsProvider };
+export { AnimateHeight, ArrowRight, Avatar, Backdrop, BrowserLight, Button$1 as Button, Card, CardActionArea, CardActions, CardContent, CardHeader, MuiCheckbox as Checkbox, index$2 as Chip, DatePicker, Divider, EditLight, EditableTable, GroupSelect, Icon$1 as Icon, InputSlider, KeyboardDatePicker, ListUl as ListUlFilled, Lock as LockFilled, MenuItem, MenuList, api as Message, Modal, MuiThemeProvider, index$3 as Pagination, Paper, Popper, Portal, QuestionCircleOutline, MuiRadio as Radio, Radio as RadioGroup, Select, index$6 as SlidingSideMenu, Snackbar, index$5 as Step, index$4 as Stepper, Switch, Tab, Tabs, Tag, ToggleButtonGroup, Tooltip, Typography$1 as Typography, index$1 as V2, WordingProvider, AnalyticsLight as analyticsLight, AngleLeft as angleLeftFilled, AngleLeft$1 as angleLeftOutlined, AngleRight as angleRightFilled, AngleRight$1 as angleRightOutlined, ArrowAltLeft as arrowAltLeftFilled, BarChart as barChartFilled, BracketsCurly as bracketsCurly, CalendarAlt as calendarAltOutlined, CaretDown$1 as caretDownFilled, CaretLeft as caretLeftFilled, CaretRight as caretRightFilled, CaretUp as caretUpFilled, CheckCircle as checkCircleFilled, CheckCircle$1 as checkCircleOutlined, Check as checkFilled, Check$1 as checkOutlined, CheckSquare as checkSquareFilled, ChevronDown as chevronDownOutlined, ChevronLeft as chevronLeftFilled, ChevronRight as chevronRightFilled, Clock as clockOutlined, Code as codeOutlined, CogLight as cogLight, CommentAltLines as commentAltLinesOutlined, theme$1 as defaultTheme, EllipsisH as ellipsisHFilled, EllipsisV as ellipsisVFilled, ExclamationCircle as exclamationCircleFilled, ExclamationCircle$1 as exclamationCircleOutlined, ExclamationTriangle as exclamationTriangleFilled, ExternalLinkLight as externalLinkLight, Facebook$1 as facebookBrand, FacebookIn as facebookIn, FileAlt as fileAltOutlined, FileCertificate as fileCertificateOutlined, Filter as filterOutlined, GlobalAsia as globalAsiaOutlined, HandPointer as handPointerFilled, HandPointer$1 as handPointerOutlined, Heart as heartFilled, Heart$1 as heartOutlined, hexToRgba, InfoCircle as infoCircleFilled, InfoCircle$1 as infoCircleOutlined, LinkLight as linkLight, Link$2 as linkOutlined, Linkedin as linkedinBrand, LinkedinIn as linkedinIn, Link$1 as listUlOutlined, LongArrowRight as longArrowRightOutlined, makeStyles, MinusLight as minusLightFilled, muiThemeForSurveyCake, PageBreak as pageBreak, PenLight as penLight, PlusCircle as plusCircleOutlined, Plus as plusFilled, PlusLight as plusLightFilled, QRCode as qrcodeOutlined, QuestionCircle as questionCircleFilled, Redo as redoOutlined, Search as searchFilled, SearchLight as searchLightOutlined, SortDown as sortDownFilled, Sort as sortFilled, SortUp as sortUpFilled, SpinnerThird as spinnerThirdOutlined, Square as squareOutlined, Star as starFilled, Star$1 as starOutlined, ThLarge as thLargeOutLined, ThumbUp as thumbUpFilled, ThumbUp$1 as thumbUpOutlined, TimesCircle as timesCircleFilled, TimesCircle$1 as timesCircleOutlined, Times as timesOutlined, TrashAltRegular as trashAltRegular, Twitter as twitterBrand, TwitterIn as twitterIn, useTheme, User as userFilled, UserPlus as userPlusFilled, UserPlus$1 as userPlusOutlined, Users as usersFilled, withMuiPickersUtilsProvider };
 //# sourceMappingURL=rc.esm.js.map