@appquality/unguess-design-system 2.6.0 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,43 @@
|
|
|
1
|
+
# v2.7.0 (Fri Apr 08 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- fix(campaign cards): add card props [#29](https://github.com/AppQuality/unguess-design-system/pull/29) ([@marcbon](https://github.com/marcbon))
|
|
6
|
+
- Cup 523 profile modal [#26](https://github.com/AppQuality/unguess-design-system/pull/26) ([@antoninojob](https://github.com/antoninojob) [@cannarocks](https://github.com/cannarocks))
|
|
7
|
+
- Refactor/table accordion [#30](https://github.com/AppQuality/unguess-design-system/pull/30) ([@antoninojob](https://github.com/antoninojob) [@cannarocks](https://github.com/cannarocks))
|
|
8
|
+
|
|
9
|
+
#### ⚠️ Pushed to `master`
|
|
10
|
+
|
|
11
|
+
- fix(profilemodal): minor spaces fixes on modal ([@cannarocks](https://github.com/cannarocks))
|
|
12
|
+
- feat(navigation): add rotation to profile header chevron based on modal ([@cannarocks](https://github.com/cannarocks))
|
|
13
|
+
- Update storybook.yml ([@cannarocks](https://github.com/cannarocks))
|
|
14
|
+
|
|
15
|
+
#### Authors: 3
|
|
16
|
+
|
|
17
|
+
- Antonino ([@antoninojob](https://github.com/antoninojob))
|
|
18
|
+
- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
|
|
19
|
+
- Marco Bonomo ([@marcbon](https://github.com/marcbon))
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
# v2.6.2 (Thu Mar 31 2022)
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
# v2.6.1 (Thu Mar 31 2022)
|
|
30
|
+
|
|
31
|
+
#### ⚠️ Pushed to `master`
|
|
32
|
+
|
|
33
|
+
- fix(login): add generic error message ([@cannarocks](https://github.com/cannarocks))
|
|
34
|
+
|
|
35
|
+
#### Authors: 1
|
|
36
|
+
|
|
37
|
+
- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
1
41
|
# v2.6.0 (Tue Mar 29 2022)
|
|
2
42
|
|
|
3
43
|
#### 🚀 Enhancement
|
package/build/index.js
CHANGED
|
@@ -17,9 +17,9 @@ var reactDropdowns = require('@zendeskgarden/react-dropdowns');
|
|
|
17
17
|
var reactGrid = require('@zendeskgarden/react-grid');
|
|
18
18
|
var reactLoaders = require('@zendeskgarden/react-loaders');
|
|
19
19
|
var formik = require('formik');
|
|
20
|
+
var reactTypography = require('@zendeskgarden/react-typography');
|
|
20
21
|
var reactModals = require('@zendeskgarden/react-modals');
|
|
21
22
|
var reactChrome = require('@zendeskgarden/react-chrome');
|
|
22
|
-
var reactTypography = require('@zendeskgarden/react-typography');
|
|
23
23
|
var reactPagination = require('@zendeskgarden/react-pagination');
|
|
24
24
|
var reactTables = require('@zendeskgarden/react-tables');
|
|
25
25
|
|
|
@@ -937,7 +937,8 @@ var templateObject_1$r;
|
|
|
937
937
|
|
|
938
938
|
var index = /*#__PURE__*/Object.freeze({
|
|
939
939
|
__proto__: null,
|
|
940
|
-
Field: Field
|
|
940
|
+
Field: Field,
|
|
941
|
+
Hint: reactForms.Hint
|
|
941
942
|
});
|
|
942
943
|
|
|
943
944
|
var UgInput = styled__default["default"](reactForms.Input)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject([""], [""])));
|
|
@@ -1113,28 +1114,63 @@ var templateObject_1$j;
|
|
|
1113
1114
|
*/
|
|
1114
1115
|
var Title = function (props) { return jsxRuntime.jsx(reactNotifications.Title, __assign({}, props)); };
|
|
1115
1116
|
|
|
1117
|
+
/**
|
|
1118
|
+
* Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
|
|
1119
|
+
*/
|
|
1120
|
+
var SM = function (props) { return jsxRuntime.jsx(reactTypography.SM, __assign({}, props)); };
|
|
1121
|
+
var MD = function (props) { return jsxRuntime.jsx(reactTypography.MD, __assign({}, props)); };
|
|
1122
|
+
var LG = function (props) { return jsxRuntime.jsx(reactTypography.LG, __assign({}, props)); };
|
|
1123
|
+
var XL = function (props) { return jsxRuntime.jsx(reactTypography.XL, __assign({}, props)); };
|
|
1124
|
+
var XXL = function (props) { return jsxRuntime.jsx(reactTypography.XXL, __assign({}, props)); };
|
|
1125
|
+
var XXXL = function (props) { return jsxRuntime.jsx(reactTypography.XXXL, __assign({}, props)); };
|
|
1126
|
+
|
|
1127
|
+
var _path$6;
|
|
1128
|
+
|
|
1129
|
+
function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
|
|
1130
|
+
|
|
1131
|
+
var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
|
|
1132
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
1133
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1134
|
+
width: 16,
|
|
1135
|
+
height: 16,
|
|
1136
|
+
focusable: "false",
|
|
1137
|
+
viewBox: "0 0 16 16"
|
|
1138
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1139
|
+
fill: "currentColor",
|
|
1140
|
+
d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
|
|
1141
|
+
})));
|
|
1142
|
+
};
|
|
1143
|
+
|
|
1116
1144
|
/**
|
|
1117
1145
|
* Login Form
|
|
1118
1146
|
* <hr>
|
|
1119
1147
|
* Used for this:
|
|
1120
1148
|
- Login user to the application
|
|
1121
1149
|
*/
|
|
1122
|
-
var LoginForm = function (props) { return (jsxRuntime.jsxs(
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1150
|
+
var LoginForm = function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Card, __assign({ isFloating: true }, props.card, { children: [jsxRuntime.jsx(Title, __assign({ style: {
|
|
1151
|
+
textAlign: "center",
|
|
1152
|
+
marginTop: theme.space.sm,
|
|
1153
|
+
marginBottom: theme.space.lg,
|
|
1154
|
+
} }, { children: jsxRuntime.jsx(XL, __assign({ style: { color: theme.palette.blue[600] } }, { children: props.title })) })), jsxRuntime.jsx(formik.Formik, __assign({}, props, { initialValues: props.initialValues, onSubmit: props.onSubmit, validate: props.validate }, { children: function (_a) {
|
|
1155
|
+
var values = _a.values, status = _a.status, errors = _a.errors, touched = _a.touched, handleChange = _a.handleChange, handleSubmit = _a.handleSubmit, isSubmitting = _a.isSubmitting;
|
|
1156
|
+
return (jsxRuntime.jsxs(formik.Form, __assign({ onSubmit: handleSubmit }, { children: [jsxRuntime.jsxs(Field, { children: [jsxRuntime.jsx(Input, __assign({ type: "email", name: "email", placeholder: props.placeholderEmail, onChange: handleChange, value: values.email }, (touched && values.email
|
|
1157
|
+
? (touched.email = true)
|
|
1158
|
+
: (touched.email = false)), (errors && errors.email
|
|
1159
|
+
? { validation: "error" }
|
|
1160
|
+
: touched.email
|
|
1161
|
+
? { validation: "success" }
|
|
1162
|
+
: ""))), errors.email ? (jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: errors.email }))) : ("")] }), jsxRuntime.jsxs(Field, __assign({ style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Input, __assign({ type: "password", name: "password", placeholder: props.placeholderPassword, onChange: handleChange, value: values.password }, (touched && values.password
|
|
1163
|
+
? (touched.password = true)
|
|
1164
|
+
: (touched.password = false)), (errors && errors.password
|
|
1165
|
+
? { validation: "error" }
|
|
1166
|
+
: touched.password
|
|
1167
|
+
? { validation: "success" }
|
|
1168
|
+
: ""))), errors.password && (jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: errors.password }))), props.passwordForgotLink && (jsxRuntime.jsx(reactForms.Hint, __assign({ style: { textAlign: "right" } }, { children: jsxRuntime.jsx(Anchor, __assign({ href: props.passwordForgotLink, style: { color: theme.palette.grey[500] } }, { children: props.passwordForgotLabel || "Forgot Password?" })) })))] })), jsxRuntime.jsx("br", {}), jsxRuntime.jsx(Button, __assign({ type: "submit", isStretched: true, disabled: Object.keys(errors).length
|
|
1169
|
+
? true
|
|
1170
|
+
: isSubmitting
|
|
1171
|
+
? true
|
|
1172
|
+
: false, isPrimary: true, style: { marginBottom: theme.space.md } }, { children: props.buttonText })), status && (jsxRuntime.jsx("div", __assign({ style: { textAlign: "center" } }, { children: jsxRuntime.jsx(Message, __assign({ validation: "error" }, { children: status.message })) })))] })));
|
|
1173
|
+
} }))] })), props.onBackClick && (jsxRuntime.jsxs(Button, __assign({ onClick: props.onBackClick, isBasic: true, style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgChevronLeftStroke, {}) }), props.backToLabel || "Back to UNGUESS"] })))] })); };
|
|
1138
1174
|
|
|
1139
1175
|
var img$2 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5b %3c!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3e %3c!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3e %3c!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3e %3c!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3e %3c!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3e %3c!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3e %3c!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3e %3c!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3e%5d%3e%3csvg enable-background='new 0 0 479.42 154.1' version='1.1' viewBox='0 0 479.42 154.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23003A57%3b%7d .st1%7bfill:%2354C38A%3b%7d .st2%7bfill:%23B2C4CD%3b%7d .st3%7bfill:%23809CAB%3b%7d .st4%7bfill:%23CCEDDC%3b%7d .st5%7bfill:%23CCD8DD%3b%7d .st6%7bfill:%23E5EBEE%3b%7d .st7%7bfill:%23A9E1C5%3b%7d%3c/style%3e%3cswitch%3e %3cforeignObject width='1' height='1' requiredExtensions='http://ns.adobe.com/AdobeIllustrator/10.0/'%3e %3c/foreignObject%3e %3cg%3e %3cpath class='st0' d='m203.46 43.96c1.66 0 3.06 0.82 3.06 2.56 0 0.83-0.48 1.54-1.36 1.88 1.11 0.31 1.64 1.33 1.64 2.18 0 1.94-1.63 2.52-3.35 2.52h-3.99v-9.13h4zm-2.85 3.93h2.91c1.1 0 1.89-0.4 1.89-1.36 0-1.02-0.82-1.54-1.94-1.54h-2.86v2.9zm0 4.13h2.86c0.95 0 2.22-0.25 2.22-1.49-0.01-1.15-1.17-1.62-2.16-1.62h-2.91v3.11z'/%3e %3cpath class='st0' d='M212.75%2c43.96h6.41V45h-5.29v2.86h5.07v1.06h-5.07v3.09h5.5v1.08h-6.62V43.96z'/%3e %3cpath class='st0' d='m235.85 44.78c-1.16 0-2.4 0.46-2.4 1.56 0 0.99 1.13 1.28 2.48 1.5 1.83 0.29 3.62 0.65 3.62 2.71-0.01 2.05-1.97 2.71-3.72 2.71-1.62 0-3.16-0.59-3.86-2.11l0.94-0.55c0.59 1.08 1.81 1.6 2.93 1.6 1.11 0 2.58-0.35 2.58-1.69 0.01-1.13-1.26-1.46-2.63-1.67-1.76-0.27-3.47-0.68-3.47-2.53-0.03-1.9 1.92-2.55 3.49-2.55 1.36 0 2.65 0.27 3.45 1.66l-0.86 0.53c-0.48-0.79-1.54-1.15-2.55-1.17z'/%3e %3cpath class='st0' d='m250.07 50.22h-0.23l-3.31-4.64v7.51h-1.12v-9.13h1.36l3.21 4.69 3.18-4.69h1.36v9.13h-1.12v-7.49l-3.33 4.62z'/%3e %3cpath class='st0' d='m265.37 43.96 4.09 9.13h-1.23l-0.9-2.01h-5.22l-0.89 2.01h-1.22l4.09-9.13h1.28zm-0.64 1.15-2.16 4.93h4.33l-2.17-4.93z'/%3e %3cpath class='st0' d='m278.31 49.8h-2.22v3.29h-1.13v-9.13h4.15c2.06 0 3.09 1.43 3.09 2.92 0.01 1.38-0.74 2.67-2.62 2.83l3.01 3.38h-1.43l-2.85-3.29zm2.75-2.89c0.01-0.91-0.64-1.93-1.96-1.93h-3.01v3.81h2.96c1.37 0 2.01-0.85 2.01-1.88z'/%3e %3cpath class='st0' d='m287.15 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m313.34 43.96v1.08h-5.2v3.18h4.98v1.06h-4.98v3.82h-1.14v-9.14h6.34z'/%3e %3cpath class='st0' d='m322.57 49.8h-2.22v3.29h-1.13v-9.13h4.15c2.06 0 3.09 1.43 3.09 2.92 0.01 1.38-0.74 2.67-2.62 2.83l3.01 3.38h-1.43l-2.85-3.29zm2.76-2.89c0.01-0.91-0.64-1.93-1.96-1.93h-3.01v3.81h2.96c1.37 0 2.01-0.85 2.01-1.88z'/%3e %3cpath class='st0' d='m341.26 48.55c-0.01 2.39-1.5 4.72-4.63 4.72s-4.64-2.32-4.64-4.72c0-2.65 1.77-4.75 4.65-4.75 3.1 0.02 4.64 2.34 4.62 4.75zm-4.61-3.7c-2.32 0-3.52 1.71-3.52 3.7 0 1.85 1.12 3.65 3.52 3.65s3.48-1.85 3.48-3.65c0.01-1.85-1.1-3.68-3.48-3.7z'/%3e %3cpath class='st0' d='m351.84 50.22h-0.23l-3.31-4.64v7.51h-1.12v-9.13h1.36l3.21 4.69 3.18-4.69h1.36v9.13h-1.12v-7.49l-3.33 4.62z'/%3e %3cpath class='st0' d='m368.77 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m387.97 48.97h-5.22v4.12h-1.13v-9.13h1.13v3.95h5.22v-3.95h1.13v9.13h-1.13v-4.12z'/%3e %3cpath class='st0' d='M395.58%2c43.96H402V45h-5.29v2.86h5.07v1.06h-5.07v3.09h5.5v1.08h-6.62V43.96z'/%3e %3cpath class='st0' d='m418.68 44.78c-1.16 0-2.4 0.46-2.4 1.56 0 0.99 1.13 1.28 2.48 1.5 1.83 0.29 3.62 0.65 3.62 2.71-0.01 2.05-1.97 2.71-3.72 2.71-1.62 0-3.15-0.59-3.86-2.11l0.94-0.55c0.59 1.08 1.81 1.6 2.93 1.6 1.11 0 2.58-0.35 2.58-1.69 0.01-1.13-1.26-1.46-2.63-1.67-1.76-0.27-3.47-0.68-3.47-2.53-0.03-1.9 1.92-2.55 3.49-2.55 1.36 0 2.65 0.27 3.46 1.66l-0.86 0.53c-0.49-0.79-1.54-1.15-2.56-1.17z'/%3e %3cpath class='st0' d='m427.25 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m443.63 43.96 4.09 9.13h-1.23l-0.9-2.01h-5.22l-0.89 2.01h-1.24l4.09-9.13h1.3zm-0.64 1.15-2.16 4.93h4.33l-2.17-4.93z'/%3e %3cpath class='st0' d='m456.57 49.8h-2.22v3.29h-1.13v-9.13h4.15c2.06 0 3.09 1.43 3.09 2.92 0.01 1.38-0.74 2.67-2.62 2.83l3.01 3.38h-1.43l-2.85-3.29zm2.75-2.89c0.01-0.91-0.64-1.93-1.96-1.93h-3.01v3.81h2.96c1.37 0 2.01-0.85 2.01-1.88z'/%3e %3cpath class='st0' d='m465.41 44.98v-1.02h7.35v1.02h-3.12v8.11h-1.12v-8.11h-3.11z'/%3e %3cpath class='st0' d='m157.64 115.24v-24.59c0-6.81-3.65-10.72-10.03-10.72-6 0-9.44 3.91-9.44 10.72v24.59h-8.58v-24.59c0-11.51 6.93-18.66 18.08-18.66 11.26 0 18.54 7.32 18.54 18.66v24.59h-8.57z'/%3e %3cpath class='st0' d='m214.63 116.35c-16.55 0-22.44-11.2-22.44-21.67 0-15.87 11.27-22.98 22.44-22.98 5.93 0 11.53 2.3 15.77 6.49l0.34 0.34-5.54 5.67-0.35-0.33c-2.55-2.44-6.57-4.02-10.23-4.02-8.14 0-13.82 6.1-13.82 14.83 0 6.48 3.63 13.4 13.82 13.4 3.51 0 6.11-0.89 8.89-3.07v-6.64h-10.61v-7.97h19.29v17.55l-0.63 0.76c-4.49 5.14-10.03 7.64-16.93 7.64z'/%3e %3cpath class='st0' d='m277.01 115.24c-11.26 0-18.54-7.32-18.54-18.66v-24.59h8.58v24.59c0 6.81 3.65 10.72 10.02 10.72 6 0 9.44-3.91 9.44-10.72v-24.59h8.58v24.59c0 11.51-6.92 18.66-18.08 18.66z'/%3e %3cpolygon class='st0' points='321.07 115.24 321.07 72.25 354.94 72.25 354.94 80.65 329.64 80.65 329.64 90.13 350.81 90.13 350.81 98.24 329.64 98.24 329.64 106.72 354.94 106.72 354.94 115.24'/%3e %3cpath class='st0' d='m397.19 116.06c-9.41 0-15.35-3.37-18.16-10.29l-0.17-0.41 7.25-3.76 0.2 0.5c1.55 3.85 5.66 6.14 10.99 6.14 2.08 0 8.86-0.4 8.86-5.61 0-3.05-2.94-4.85-8.97-5.5-14.45-1.72-16.4-7.43-16.4-12.79 0-8.43 8.14-12.27 16.22-12.33 8.06 0 13.73 2.88 16.41 8.34l0.21 0.43-6.92 3.56-0.23-0.39c-1.25-2.08-4.91-4.29-9.22-4.29-4.89 0-7.93 1.88-7.93 4.92 0 2.99 3.45 4.01 8.63 4.63 8.73 1.08 16.8 3.45 16.8 13.43-0.02 9.89-9.09 13.42-17.57 13.42z'/%3e %3cpath class='st0' d='m457.03 116.25c-9.4 0-15.33-3.36-18.14-10.28l-0.17-0.41 7.25-3.75 0.2 0.5c1.55 3.84 5.65 6.13 10.98 6.13 2.08 0 8.85-0.4 8.85-5.61 0-3.05-2.93-4.85-8.96-5.49-14.44-1.72-16.38-7.42-16.38-12.78 0-8.42 8.14-12.25 16.2-12.32 8.05 0 13.71 2.88 16.39 8.33l0.21 0.43-6.92 3.56-0.23-0.39c-1.25-2.08-4.9-4.29-9.21-4.29-4.89 0-7.93 1.88-7.93 4.91 0 2.99 3.45 4.01 8.62 4.62 8.72 1.07 16.79 3.44 16.79 13.42-0.01 9.9-9.07 13.42-17.55 13.42z'/%3e %3cpath class='st0' d='m94.63 93.63v4.23h-0.03c-0.36 6.13-3.75 9.62-9.43 9.62-6.03 0-9.62-3.49-10.01-9.62h-0.03v-4.23h-8.58v4.23 0.01 0.05c0.49 10.69 7.66 17.52 18.55 17.52 10.79 0 17.63-6.68 18.09-17.52v-4.29h-8.56z'/%3e %3crect class='st1' x='66.55' y='72.02' width='8.6' height='8.6'/%3e %3crect class='st0' x='94.41' y='72.02' width='8.72' height='8.72'/%3e %3crect class='st2' transform='matrix(-1.837e-16 1 -1 -1.837e-16 103.01 7.8599)' x='43.27' y='51.13' width='8.6' height='8.6'/%3e %3crect class='st3' transform='matrix(-1.837e-16 1 -1 -1.837e-16 126.9 6.4839)' x='55.9' y='62.39' width='8.6' height='8.6'/%3e %3crect class='st4' transform='matrix(-1.837e-16 1 -1 -1.837e-16 94.995 31.397)' x='27.5' y='58.89' width='8.6' height='8.6'/%3e %3crect class='st5' transform='matrix(-1.837e-16 1 -1 -1.837e-16 64.365 27.091)' x='14.34' y='41.43' width='8.6' height='8.6'/%3e %3crect class='st6' transform='matrix(-1.837e-16 1 -1 -1.837e-16 138.08 66.268)' x='31.6' y='97.87' width='8.6' height='8.6'/%3e %3crect class='st7' transform='matrix(-1.837e-16 1 -1 -1.837e-16 137.84 35.856)' x='46.69' y='82.55' width='8.6' height='8.6'/%3e %3c/g%3e%3c/switch%3e%3c/svg%3e";
|
|
1140
1176
|
|
|
@@ -1153,10 +1189,12 @@ var img = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26'
|
|
|
1153
1189
|
*/
|
|
1154
1190
|
var Logo = function (props) {
|
|
1155
1191
|
var _a;
|
|
1156
|
-
return (jsxRuntime.jsx("img", __assign({}, props
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1192
|
+
return (jsxRuntime.jsx("img", __assign({}, props, ((props === null || props === void 0 ? void 0 : props.type) === "horizontal" && { width: "".concat(props.size) }), ((props === null || props === void 0 ? void 0 : props.type) === "vertical" && { height: "".concat(props.size) }), ((props === null || props === void 0 ? void 0 : props.type) === "icon" && { width: "".concat(props.size) } && {
|
|
1193
|
+
height: "".concat(props.size),
|
|
1194
|
+
}), { className: props.className, alt: (_a = props.alt) !== null && _a !== void 0 ? _a : "Unguess Logo", src: {
|
|
1195
|
+
horizontal: img$2,
|
|
1196
|
+
vertical: img$1,
|
|
1197
|
+
icon: img,
|
|
1160
1198
|
}[props.type] })));
|
|
1161
1199
|
};
|
|
1162
1200
|
|
|
@@ -1194,18 +1232,18 @@ var HeaderItemText = function (props) { return jsxRuntime.jsx(reactChrome.Header
|
|
|
1194
1232
|
|
|
1195
1233
|
var HeaderItemIcon = function (props) { return (jsxRuntime.jsx(reactChrome.HeaderItemIcon, __assign({}, props))); };
|
|
1196
1234
|
|
|
1197
|
-
var _path$
|
|
1235
|
+
var _path$5;
|
|
1198
1236
|
|
|
1199
|
-
function _extends$
|
|
1237
|
+
function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
|
|
1200
1238
|
|
|
1201
1239
|
var SvgMenuStroke = function SvgMenuStroke(props) {
|
|
1202
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1240
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
1203
1241
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1204
1242
|
width: 16,
|
|
1205
1243
|
height: 16,
|
|
1206
1244
|
focusable: "false",
|
|
1207
1245
|
viewBox: "0 0 16 16"
|
|
1208
|
-
}, props), _path$
|
|
1246
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1209
1247
|
fill: "none",
|
|
1210
1248
|
stroke: "currentColor",
|
|
1211
1249
|
strokeLinecap: "round",
|
|
@@ -1247,18 +1285,18 @@ Header.HeaderItemText = HeaderItemText;
|
|
|
1247
1285
|
Header.HeaderItemIcon = HeaderItemIcon;
|
|
1248
1286
|
var templateObject_1$e;
|
|
1249
1287
|
|
|
1250
|
-
var _path$
|
|
1288
|
+
var _path$4, _path2;
|
|
1251
1289
|
|
|
1252
|
-
function _extends$
|
|
1290
|
+
function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
|
|
1253
1291
|
|
|
1254
1292
|
var SvgMegaphoneStroke = function SvgMegaphoneStroke(props) {
|
|
1255
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1293
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
1256
1294
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1257
1295
|
width: 16,
|
|
1258
1296
|
height: 16,
|
|
1259
1297
|
focusable: "false",
|
|
1260
1298
|
viewBox: "0 0 16 16"
|
|
1261
|
-
}, props), _path$
|
|
1299
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1262
1300
|
fill: "none",
|
|
1263
1301
|
stroke: "currentColor",
|
|
1264
1302
|
d: "M4.5 4.5v7H4a3.5 3.5 0 010-7h.5zm0 7h3V14a1.5 1.5 0 01-3 0v-2.5z"
|
|
@@ -1268,18 +1306,18 @@ var SvgMegaphoneStroke = function SvgMegaphoneStroke(props) {
|
|
|
1268
1306
|
})));
|
|
1269
1307
|
};
|
|
1270
1308
|
|
|
1271
|
-
var _path$
|
|
1309
|
+
var _path$3;
|
|
1272
1310
|
|
|
1273
|
-
function _extends$
|
|
1311
|
+
function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
|
|
1274
1312
|
|
|
1275
1313
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
1276
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1314
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
1277
1315
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1278
1316
|
width: 16,
|
|
1279
1317
|
height: 16,
|
|
1280
1318
|
focusable: "false",
|
|
1281
1319
|
viewBox: "0 0 16 16"
|
|
1282
|
-
}, props), _path$
|
|
1320
|
+
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1283
1321
|
fill: "currentColor",
|
|
1284
1322
|
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
1285
1323
|
})));
|
|
@@ -1358,28 +1396,11 @@ var Ellipsis = function (props) { return jsxRuntime.jsx(reactTypography.Ellipsis
|
|
|
1358
1396
|
|
|
1359
1397
|
var NavItemText = function (props) { return (jsxRuntime.jsx(reactChrome.NavItemText, __assign({}, props, { children: jsxRuntime.jsx(Ellipsis, __assign({ style: { width: "200px" } }, { children: props.children })) }))); };
|
|
1360
1398
|
|
|
1361
|
-
var _path$3;
|
|
1362
|
-
|
|
1363
|
-
function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
|
|
1364
|
-
|
|
1365
|
-
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
1366
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
1367
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1368
|
-
width: 16,
|
|
1369
|
-
height: 16,
|
|
1370
|
-
focusable: "false",
|
|
1371
|
-
viewBox: "0 0 16 16"
|
|
1372
|
-
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1373
|
-
fill: "currentColor",
|
|
1374
|
-
d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
|
|
1375
|
-
})));
|
|
1376
|
-
};
|
|
1377
|
-
|
|
1378
1399
|
var _path$2;
|
|
1379
1400
|
|
|
1380
1401
|
function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
1381
1402
|
|
|
1382
|
-
var
|
|
1403
|
+
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
1383
1404
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
1384
1405
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1385
1406
|
width: 16,
|
|
@@ -1388,7 +1409,7 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
|
|
|
1388
1409
|
viewBox: "0 0 16 16"
|
|
1389
1410
|
}, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1390
1411
|
fill: "currentColor",
|
|
1391
|
-
d: "
|
|
1412
|
+
d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
|
|
1392
1413
|
})));
|
|
1393
1414
|
};
|
|
1394
1415
|
|
|
@@ -1650,16 +1671,6 @@ var UgParagraph = styled__default["default"](reactTypography.Paragraph)(template
|
|
|
1650
1671
|
var Paragraph = function (props) { return jsxRuntime.jsx(UgParagraph, __assign({}, props)); };
|
|
1651
1672
|
var templateObject_1;
|
|
1652
1673
|
|
|
1653
|
-
/**
|
|
1654
|
-
* Type components come in small, medium, large, extra-large, extra-extra-large, and extra-extra-extra-large.
|
|
1655
|
-
*/
|
|
1656
|
-
var SM = function (props) { return jsxRuntime.jsx(reactTypography.SM, __assign({}, props)); };
|
|
1657
|
-
var MD = function (props) { return jsxRuntime.jsx(reactTypography.MD, __assign({}, props)); };
|
|
1658
|
-
var LG = function (props) { return jsxRuntime.jsx(reactTypography.LG, __assign({}, props)); };
|
|
1659
|
-
var XL = function (props) { return jsxRuntime.jsx(reactTypography.XL, __assign({}, props)); };
|
|
1660
|
-
var XXL = function (props) { return jsxRuntime.jsx(reactTypography.XXL, __assign({}, props)); };
|
|
1661
|
-
var XXXL = function (props) { return jsxRuntime.jsx(reactTypography.XXXL, __assign({}, props)); };
|
|
1662
|
-
|
|
1663
1674
|
Object.defineProperty(exports, 'ModalClose', {
|
|
1664
1675
|
enumerable: true,
|
|
1665
1676
|
get: function () { return reactModals.Close; }
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Hint as ZendeskHint } from "@zendeskgarden/react-forms";
|
|
2
3
|
import { FieldArgs } from "./_types";
|
|
3
4
|
/**
|
|
4
5
|
* A Field is a wrapper for input elements
|
|
5
6
|
**/
|
|
6
7
|
declare const Field: (props: FieldArgs) => JSX.Element;
|
|
7
|
-
export { Field };
|
|
8
|
+
export { Field, ZendeskHint as Hint };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FormikTouched, FormikErrors, FormikValues } from "formik";
|
|
2
|
+
import { CardProps } from "../cards/_types";
|
|
2
3
|
export interface LoginFormArgs {
|
|
3
4
|
/**
|
|
4
5
|
* Handles accordion expansion changes
|
|
@@ -16,6 +17,11 @@ export interface LoginFormArgs {
|
|
|
16
17
|
buttonText: string;
|
|
17
18
|
placeholderEmail: string;
|
|
18
19
|
placeholderPassword: string;
|
|
20
|
+
card?: CardProps;
|
|
21
|
+
onBackClick?: () => void;
|
|
22
|
+
passwordForgotLabel?: string;
|
|
23
|
+
passwordForgotLink?: string;
|
|
24
|
+
backToLabel?: string;
|
|
19
25
|
}
|
|
20
26
|
export interface LoginFields {
|
|
21
27
|
email: string;
|