@strapi/design-system 0.0.1-alpha.65 → 0.0.1-alpha.69
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/Accordion.production.js +1 -1
- package/Alert.production.js +1 -1
- package/Avatar.production.js +1 -1
- package/Badge.production.js +1 -1
- package/BaseButton.production.js +1 -1
- package/BaseCheckbox.production.js +1 -1
- package/BaseRadio.production.js +1 -1
- package/Breadcrumbs.production.js +1 -1
- package/Button.production.js +1 -1
- package/Card.production.js +1 -1
- package/Carousel.production.js +1 -1
- package/Checkbox.development.js +2 -2
- package/Checkbox.production.js +1 -1
- package/Combobox.development.js +3 -3
- package/Combobox.production.js +1 -1
- package/DatePicker.development.js +4 -4
- package/DatePicker.production.js +1 -1
- package/Dialog.production.js +1 -1
- package/Divider.production.js +1 -1
- package/EmptyStateLayout.production.js +1 -1
- package/Field.development.js +2 -2
- package/Field.production.js +1 -1
- package/FocusTrap.production.js +1 -1
- package/Grid.production.js +1 -1
- package/Icon.production.js +1 -1
- package/IconButton.production.js +1 -1
- package/KeyboardNavigable.production.js +1 -1
- package/Layout.development.js +1 -37
- package/Layout.production.js +1 -1
- package/Link.production.js +1 -1
- package/LinkButton.production.js +1 -1
- package/LiveRegions.production.js +1 -1
- package/Loader.production.js +1 -1
- package/Main.production.js +1 -1
- package/MainNav.development.js +20 -32
- package/MainNav.production.js +1 -1
- package/ModalLayout.production.js +1 -1
- package/NumberInput.development.js +3 -3
- package/NumberInput.production.js +1 -1
- package/Pagination.production.js +1 -1
- package/Popover.production.js +1 -1
- package/ProgressBar.production.js +1 -1
- package/Radio.production.js +1 -1
- package/RawTable.production.js +1 -1
- package/Searchbar.development.js +2 -2
- package/Searchbar.production.js +1 -1
- package/Select.development.js +5 -5
- package/Select.production.js +1 -1
- package/SimpleMenu.production.js +1 -1
- package/Status.production.js +1 -1
- package/SubNav.development.js +6 -42
- package/SubNav.production.js +1 -1
- package/Switch.production.js +1 -1
- package/Table.production.js +1 -1
- package/Tabs.development.js +1 -1
- package/Tabs.production.js +1 -1
- package/Tag.production.js +1 -1
- package/Text.production.js +1 -1
- package/TextButton.production.js +1 -1
- package/TextInput.development.js +2 -2
- package/TextInput.production.js +1 -1
- package/Textarea.development.js +3 -3
- package/Textarea.production.js +1 -1
- package/ThemeProvider.production.js +1 -1
- package/TimePicker.development.js +5 -5
- package/TimePicker.production.js +1 -1
- package/ToggleCheckbox.development.js +1 -1
- package/ToggleCheckbox.production.js +1 -1
- package/ToggleInput.development.js +3 -3
- package/ToggleInput.production.js +1 -1
- package/Tooltip.production.js +1 -1
- package/index.development.js +38 -62
- package/index.production.js +1 -1
- package/package.json +1 -1
- package/themes.production.js +1 -1
package/Textarea.production.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components")):n.strapiDs=e(n.react,n["styled-components"])}(this,(function(n,e){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=113)}({0:function(n,e,t){n.exports=t(16)()},1:function(e,t){e.exports=n},10:function(n,e,t){var r=t(22),o=t(23),i=t(19),a=t(24);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},113:function(n,e,t){"use strict";t.r(e),t.d(e,"Textarea",(function(){return R}));var r,o,i=t(5),a=t.n(i),c=t(6),u=t.n(c),s=t(3),d=t.n(s),l=t(1),f=t.n(l),p=t(0),h=t.n(p),m=t(15),b=t(2),g=t.n(b),v=t(13),x=["disabled"],y=g.a.div(r||(r=d()(["\n border: 1px solid ",";\n border-radius: ",";\n\n padding-left: ",";\n padding-right: ",";\n padding-top: ",";\n padding-bottom: ",";\n\n background: ",";\n ","\n"])),(function(n){var e=n.theme;return n.hasError?e.colors.danger600:e.colors.neutral200}),(function(n){return n.theme.borderRadius}),(function(n){var e=n.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){var e=n.theme;return"".concat(e.spaces[3])}),(function(n){var e=n.theme;return"".concat(e.spaces[3])}),(function(n){var e=n.theme;return n.disabled?e.colors.neutral150:e.colors.neutral0}),Object(v.c)()),O=g.a.textarea(o||(o=d()(["\n display: block;\n width: 100%;\n font-weight: 400;\n font-size: ","rem;\n border: none;\n color: ",";\n resize: none;\n\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &:focus-within {\n outline: none;\n }\n"])),.875,(function(n){var e=n.theme;return n.disabled?e.colors.neutral600:e.colors.neutral800}),(function(n){return n.theme.colors.neutral500})),w=Object(l.forwardRef)((function(n,e){var t,r=n.disabled,o=u()(n,x),i=Object(m.useField)(),c=i.id,s=i.error,d=i.hint,l=i.name;s?t="".concat(c,"-error"):d&&(t="".concat(c,"-hint"));var p=Boolean(s);return f.a.createElement(y,{hasError:p},f.a.createElement(O,a()({id:c,name:l,ref:e,"aria-describedby":t,"aria-invalid":p,disabled:r,hasError:p},o)))}));w.displayName="TextareaInput",w.defaultProps={disabled:!1},w.propTypes={disabled:h.a.bool};var z,T=t(25),j=t(9),S=t(4),E=t(14),_=["name","hint","error","label","children","labelAction","id"],C=g.a.div(z||(z=d()(["\n & textarea {\n // TODO: remove when we'll have fonts in the theme\n height: ","rem;\n line-height: ","rem;\n }\n\n & textarea::placeholder {\n font-weight: 400;\n font-size: ","rem;\n line-height: 1.43;\n color: ",";\n opacity: 1;\n }\n"])),5,1.25,.875,(function(n){return n.theme.colors.neutral500})),R=f.a.forwardRef((function(n,e){var t=n.name,r=n.hint,o=n.error,i=n.label,c=n.children,s=n.labelAction,d=n.id,l=u()(n,_),p=Object(E.a)("textarea",d);return f.a.createElement(C,null,f.a.createElement(m.Field,{name:t,hint:r,error:o,id:p},f.a.createElement(T.Stack,{size:1},i&&f.a.createElement(j.Flex,null,f.a.createElement(m.FieldLabel,null,i),s&&f.a.createElement(S.Box,{paddingLeft:1},s)),f.a.createElement(w,a()({ref:e,as:"textarea",value:c},l)),f.a.createElement(m.FieldHint,null),f.a.createElement(m.FieldError,null))))}));R.displayName="Textarea",R.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:""},R.propTypes={"aria-label":h.a.string,children:h.a.string,error:h.a.string,hint:h.a.string,id:h.a.string,label:h.a.string,labelAction:h.a.element,name:h.a.string.isRequired}},12:function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"b",(function(){return i}));var r=t(1),o=Object(r.createContext)({error:void 0,hint:void 0,name:"",id:""}),i=function(){return Object(r.useContext)(o)}},13:function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return i}));var r=function(n){return function(e){var t=e.theme,r=e.size;return t.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.hasError;return"\n outline: none;\n box-shadow: 0;\n transition-property: border-color, box-shadow, fill;\n transition-duration: 0.2s;\n\n ".concat(n,":focus-within {\n border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n }\n ")}},i=function(n){var e=n.theme;return"\n position: relative;\n outline: none;\n \n &:after {\n transition-property: all;\n transition-duration: 0.2s;\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border: 2px solid transparent;\n }\n\n &:focus-visible {\n outline: none;\n &:after {\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -5px;\n bottom: -5px;\n left: -5px;\n right: -5px;\n border: 2px solid ".concat(e.colors.primary600,";\n }\n }\n")}},14:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},15:function(n,e,t){"use strict";t.r(e),t.d(e,"Field",(function(){return f})),t.d(e,"FieldLabel",(function(){return g})),t.d(e,"InputWrapper",(function(){return x.b})),t.d(e,"FieldInput",(function(){return x.a})),t.d(e,"FieldHint",(function(){return y})),t.d(e,"FieldError",(function(){return O})),t.d(e,"FieldContext",(function(){return s.a})),t.d(e,"useField",(function(){return s.b})),t.d(e,"FieldAction",(function(){return E}));var r=t(6),o=t.n(r),i=t(1),a=t.n(i),c=t(0),u=t.n(c),s=t(12),d=t(14),l=["children","name","error","hint","id"],f=function(n){var e=n.children,t=n.name,r=n.error,i=n.hint,c=n.id,u=o()(n,l),f=Object(d.a)("field",c);return a.a.createElement("div",u,a.a.createElement(s.a.Provider,{value:{name:t,id:f,error:r,hint:i}},e))};f.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0},f.propTypes={children:u.a.node.isRequired,error:u.a.string,hint:u.a.string,id:u.a.oneOfType([u.a.string,u.a.number]),name:u.a.string};var p=t(5),h=t.n(p),m=t(8),b=["children","required"],g=function(n){var e=n.children,t=n.required,r=o()(n,b),i=Object(s.b)().id;return a.a.createElement(m.Typography,h()({variant:"pi",textColor:"neutral800",htmlFor:i,fontWeight:"bold",as:"label",required:t},r),e,t&&a.a.createElement(m.Typography,{textColor:"danger600",lineHeight:0},"*"))};g.defaultProps={required:!1},g.propTypes={children:u.a.node.isRequired,required:u.a.bool};var v,x=t(30),y=function(){var n=Object(s.b)(),e=n.id,t=n.hint,r=n.error;return!t||r?null:a.a.createElement(m.Typography,{variant:"pi",as:"p",id:"".concat(e,"-hint"),textColor:"neutral600"},t)},O=function(){var n=Object(s.b)(),e=n.id,t=n.error;return t?a.a.createElement(m.Typography,{variant:"pi",as:"p",id:"".concat(e,"-error"),textColor:"danger600","data-strapi-field-error":!0},t):null},w=t(3),z=t.n(w),T=t(2),j=["label","children"],S=t.n(T).a.button(v||(v=z()(["\n border: none;\n background: transparent;\n // TODO: Make sure to use the theme when it's ready\n font-size: 1.6rem;\n width: auto;\n padding: 0;\n display: flex;\n align-items: center;\n"]))),E=function(n){var e=n.label,t=n.children,r=o()(n,j);return a.a.createElement(S,h()({"aria-label":e,type:"button"},r),t)};E.propTypes={children:u.a.node.isRequired,label:u.a.string.isRequired}},16:function(n,e,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},17:function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},18:function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},19:function(n,e,t){var r=t(18);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},2:function(n,t){n.exports=e},21:function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},22:function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},23:function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},24:function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},25:function(n,e,t){"use strict";t.r(e),t.d(e,"Stack",(function(){return z}));var r,o,i=t(5),a=t.n(i),c=t(6),u=t.n(c),s=t(3),d=t.n(s),l=t(1),f=t.n(l),p=t(0),h=t.n(p),m=t(2),b=t.n(m),g=t(4),v=t(9),x=["horizontal","size"],y={size:!0},O=b()(g.Box).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(r||(r=d()(["\n display: flex;\n flex-direction: column;\n\n & > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > * + * {\n margin-top: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return e.spaces[t]})),w=b()(v.Flex).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(o||(o=d()(["\n & > * {\n margin-left: 0;\n margin-right: 0;\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return e.spaces[t]})),z=Object(l.forwardRef)((function(n,e){var t=n.horizontal,r=n.size,o=u()(n,x);return t?f.a.createElement(w,a()({ref:e,size:r},o)):f.a.createElement(O,a()({ref:e,size:r},o))}));z.displayName="Stack",z.defaultProps={horizontal:!1},z.propTypes={horizontal:h.a.bool,size:h.a.number.isRequired}},26:function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={input:{S:"".concat(2,"rem"),M:"".concat(2.5,"rem")},accordions:{S:"".concat(3,"rem"),M:"".concat(5.5,"rem")}}},3:function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},30:function(n,e,t){"use strict";t.d(e,"b",(function(){return T})),t.d(e,"a",(function(){return j}));var r,o,i=t(5),a=t.n(i),c=t(6),u=t.n(c),s=t(3),d=t.n(s),l=t(1),f=t.n(l),p=t(2),h=t.n(p),m=t(0),b=t.n(m),g=t(26),v=t(13),x=t(12),y=t(9),O=t(4),w=["endAction","startAction","disabled","onChange","size"],z=h.a.input(r||(r=d()(["\n border: none;\n border-radius: ",";\n padding-left: ",";\n padding-right: ",";\n\n color: ",";\n font-weight: 400;\n // TODO: Make sure to use the theme when it's ready\n font-size: ","rem;\n display: block;\n width: 100%;\n\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &[aria-disabled='true'] {\n background: inherit;\n color: inherit;\n }\n\n //focus managed by InputWrapper\n &:focus {\n outline: none;\n box-shadow: none;\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){return n.theme.colors.neutral800}),.875,(function(n){return n.theme.colors.neutral500})),T=h()(y.Flex)(o||(o=d()(["\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n height: ",";\n\n ","\n\n ","\n"])),(function(n){var e=n.theme;return n.hasError?e.colors.danger600:e.colors.neutral200}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),Object(v.b)("input"),Object(v.c)(),(function(n){var e=n.theme;return n.disabled?"\n color: ".concat(e.colors.neutral600,";\n background: ").concat(e.colors.neutral150,";\n \n "):void 0})),j=Object(l.forwardRef)((function(n,e){var t,r=n.endAction,o=n.startAction,i=n.disabled,c=n.onChange,s=n.size,d=u()(n,w),l=Object(x.b)(),p=l.id,h=l.error,m=l.hint,b=l.name;h?t="".concat(p,"-error"):m&&(t="".concat(p,"-hint"));var g=Boolean(h);return f.a.createElement(T,{size:s,justifyContent:"space-between",hasError:g,disabled:i},o&&f.a.createElement(O.Box,{paddingLeft:3,paddingRight:2},o),f.a.createElement(z,a()({id:p,name:b,ref:e,"aria-describedby":t,"aria-invalid":g,"aria-disabled":i,hasLeftAction:Boolean(o),hasRightAction:Boolean(r),onChange:function(n){i||c(n)}},d)),r&&f.a.createElement(O.Box,{paddingLeft:2,paddingRight:3},r))}));j.displayName="FieldInput",j.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},j.propTypes={disabled:b.a.bool,endAction:b.a.element,onChange:b.a.func,size:b.a.oneOf(Object.keys(g.a.input)),startAction:b.a.element}},4:function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=t.n(u),d=t(7),l={color:!0},f=s.a.div.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n // Font\n font-size: ",";\n\n // Colors\n background: ",";\n color: ",";\n\n // Spaces\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n\n // Responsive hiding\n ","\n ","\n \n\n // Borders\n border-radius: ",";\n border-style: ",";\n border-width: ",";\n border-color: ",";\n border: ",";\n\n // Shadows\n box-shadow: ",";\n\n // Handlers\n pointer-events: ",";\n &:hover {\n ","\n }\n\n // Display\n display: ",";\n\n // Position\n position: ",";\n left: ",";\n right: ",";\n top: ",";\n bottom: ",";\n z-index: ",";\n overflow: ",";\n cursor: ",";\n\n // Size\n width: ",";\n max-width: ",";\n min-width: ",";\n height: ",";\n max-height: ",";\n min-height: ",";\n\n // Animation\n transition: ",";\n transform: ",";\n animation: ",";\n\n //Flexbox children props\n flex-shrink: ",";\n flex-grow: ",";\n flex-basis: ",";\n flex: ",";\n\n // Text\n text-align: ",";\n text-transform: ",";\n line-height: ",";\n\n // Cursor\n cursor: ",";\n"])),(function(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(d.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(d.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(d.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(d.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(d.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(d.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(d.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(d.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(d.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.sizes[e]||e}),(function(n){var e=n.maxWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.minWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.height;return n.theme.sizes[e]||e}),(function(n){var e=n.maxHeight;return n.theme.sizes[e]||e}),(function(n){var e=n.minHeight;return n.theme.sizes[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));f.displayName="Box",f.defaultProps={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},f.propTypes={_hover:c.a.func,background:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.string]),borderColor:c.a.string,children:c.a.oneOfType([c.a.node,c.a.string]),color:c.a.string,flex:c.a.oneOfType([c.a.string,c.a.string]),grow:c.a.oneOfType([c.a.string,c.a.string]),hasRadius:c.a.bool,hiddenS:c.a.bool,hiddenXS:c.a.bool,padding:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingBottom:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingLeft:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingRight:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingTop:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),shadow:c.a.string,shrink:c.a.oneOfType([c.a.string,c.a.string])}},5:function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},6:function(n,e,t){var r=t(21);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},7:function(n,e,t){"use strict";var r=t(10),o=t.n(r);e.a=function(n,e,t){if(void 0!==e){if(Array.isArray(e)){var r=o()(e,3),i=r[0],a=r[1],c=r[2],u="".concat(n,": ").concat(t.spaces[i],";");return void 0!==a&&(u+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[a],";\n }")),void 0!==c&&(u+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[c],";\n }")),u}var s=t.spaces[e]||e;return"".concat(n,": ").concat(s,";")}}},8:function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],d={fontSize:!0,fontWeight:!0},l=t.n(u).a.span.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){case"alpha":return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[5],";\n line-height: ").concat(t.lineHeights[2],";\n ");case"beta":return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[4],";\n line-height: ").concat(t.lineHeights[1],";\n ");case"delta":return"\n font-weight: ".concat(t.fontWeights.semiBold,";\n font-size: ").concat(t.fontSizes[3],";\n line-height: ").concat(t.lineHeights[2],";\n ");case"epsilon":return"\n font-size: ".concat(t.fontSizes[3],";\n line-height: ").concat(t.lineHeights[6],";\n ");case"omega":return"\n font-size: ".concat(t.fontSizes[2],";\n line-height: ").concat(t.lineHeights[4],";\n ");case"pi":return"\n font-size: ".concat(t.fontSizes[1],";\n line-height: ").concat(t.lineHeights[3],";\n ");case"sigma":return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[0],";\n line-height: ").concat(t.lineHeights[5],";\n text-transform: uppercase;\n ");default:return"\n font-size: ".concat(t.fontSizes[2],";\n ")}}));l.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},l.propTypes={fontSize:c.a.oneOfType([c.a.number,c.a.string]),fontWeight:c.a.string,lineHeight:c.a.oneOfType([c.a.number,c.a.string]),textColor:c.a.string,textTransform:c.a.string,variant:c.a.oneOf(s)}},9:function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=t.n(u),d=t(4),l={direction:!0},f=s()(d.Box).withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.propTypes={alignItems:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.number]),direction:c.a.string,inline:c.a.bool,justifyContent:c.a.string,reverse:c.a.bool,wrap:c.a.string}}})}));
|
|
1
|
+
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components")):n.strapiDs=e(n.react,n["styled-components"])}(this,(function(n,e){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=110)}({0:function(n,e,t){n.exports=t(16)()},1:function(e,t){e.exports=n},10:function(n,e,t){var r=t(22),o=t(23),i=t(19),a=t(24);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},110:function(n,e,t){"use strict";t.r(e),t.d(e,"Textarea",(function(){return R}));var r,o,i=t(5),a=t.n(i),c=t(6),u=t.n(c),s=t(3),d=t.n(s),l=t(1),f=t.n(l),p=t(0),h=t.n(p),m=t(15),b=t(2),g=t.n(b),v=t(13),x=["disabled"],y=g.a.div(r||(r=d()(["\n border: 1px solid ",";\n border-radius: ",";\n\n padding-left: ",";\n padding-right: ",";\n padding-top: ",";\n padding-bottom: ",";\n\n background: ",";\n ","\n"])),(function(n){var e=n.theme;return n.hasError?e.colors.danger600:e.colors.neutral200}),(function(n){return n.theme.borderRadius}),(function(n){var e=n.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){var e=n.theme;return"".concat(e.spaces[3])}),(function(n){var e=n.theme;return"".concat(e.spaces[3])}),(function(n){var e=n.theme;return n.disabled?e.colors.neutral150:e.colors.neutral0}),Object(v.c)()),O=g.a.textarea(o||(o=d()(["\n display: block;\n width: 100%;\n font-weight: 400;\n font-size: ","rem;\n border: none;\n color: ",";\n resize: none;\n\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &:focus-within {\n outline: none;\n }\n"])),.875,(function(n){var e=n.theme;return n.disabled?e.colors.neutral600:e.colors.neutral800}),(function(n){return n.theme.colors.neutral500})),w=Object(l.forwardRef)((function(n,e){var t,r=n.disabled,o=u()(n,x),i=Object(m.useField)(),c=i.id,s=i.error,d=i.hint,l=i.name;s?t="".concat(c,"-error"):d&&(t="".concat(c,"-hint"));var p=Boolean(s);return f.a.createElement(y,{hasError:p,disabled:r},f.a.createElement(O,a()({id:c,name:l,ref:e,"aria-describedby":t,"aria-invalid":p,disabled:r,hasError:p},o)))}));w.displayName="TextareaInput",w.defaultProps={disabled:!1},w.propTypes={disabled:h.a.bool};var z,T=t(25),j=t(9),S=t(4),E=t(14),_=["name","hint","error","label","children","labelAction","id"],C=g.a.div(z||(z=d()(["\n & textarea {\n // TODO: remove when we'll have fonts in the theme\n height: ","rem;\n line-height: ","rem;\n }\n\n & textarea::placeholder {\n font-weight: 400;\n font-size: ","rem;\n line-height: 1.43;\n color: ",";\n opacity: 1;\n }\n"])),5,1.25,.875,(function(n){return n.theme.colors.neutral500})),R=f.a.forwardRef((function(n,e){var t=n.name,r=n.hint,o=n.error,i=n.label,c=n.children,s=n.labelAction,d=n.id,l=u()(n,_),p=Object(E.a)("textarea",d);return f.a.createElement(C,null,f.a.createElement(m.Field,{name:t,hint:r,error:o,id:p},f.a.createElement(T.Stack,{size:1},i&&f.a.createElement(j.Flex,null,f.a.createElement(m.FieldLabel,null,i),s&&f.a.createElement(S.Box,{paddingLeft:1},s)),f.a.createElement(w,a()({ref:e,as:"textarea",value:c},l)),f.a.createElement(m.FieldHint,null),f.a.createElement(m.FieldError,null))))}));R.displayName="Textarea",R.defaultProps={"aria-label":void 0,label:void 0,labelAction:void 0,error:void 0,hint:void 0,id:void 0,children:""},R.propTypes={"aria-label":h.a.string,children:h.a.string,error:h.a.string,hint:h.a.string,id:h.a.string,label:h.a.string,labelAction:h.a.element,name:h.a.string.isRequired}},12:function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"b",(function(){return i}));var r=t(1),o=Object(r.createContext)({error:void 0,hint:void 0,name:"",id:""}),i=function(){return Object(r.useContext)(o)}},13:function(n,e,t){"use strict";t.d(e,"b",(function(){return r})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return i}));var r=function(n){return function(e){var t=e.theme,r=e.size;return t.sizes[n][r]}},o=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(e){var t=e.theme,r=e.hasError;return"\n outline: none;\n box-shadow: 0;\n transition-property: border-color, box-shadow, fill;\n transition-duration: 0.2s;\n\n ".concat(n,":focus-within {\n border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n }\n ")}},i=function(n){var e=n.theme;return"\n position: relative;\n outline: none;\n \n &:after {\n transition-property: all;\n transition-duration: 0.2s;\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border: 2px solid transparent;\n }\n\n &:focus-visible {\n outline: none;\n &:after {\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -5px;\n bottom: -5px;\n left: -5px;\n right: -5px;\n border: 2px solid ".concat(e.colors.primary600,";\n }\n }\n")}},14:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var r=t(1),o=0,i=function(n,e){return Object(r.useRef)(e||"".concat(n,"-").concat(++o)).current}},15:function(n,e,t){"use strict";t.r(e),t.d(e,"Field",(function(){return f})),t.d(e,"FieldLabel",(function(){return z})),t.d(e,"InputWrapper",(function(){return j.b})),t.d(e,"FieldInput",(function(){return j.a})),t.d(e,"FieldHint",(function(){return S})),t.d(e,"FieldError",(function(){return E})),t.d(e,"FieldContext",(function(){return s.a})),t.d(e,"useField",(function(){return s.b})),t.d(e,"FieldAction",(function(){return R}));var r=t(6),o=t.n(r),i=t(1),a=t.n(i),c=t(0),u=t.n(c),s=t(12),d=t(14),l=["children","name","error","hint","id"],f=function(n){var e=n.children,t=n.name,r=n.error,i=n.hint,c=n.id,u=o()(n,l),f=Object(d.a)("field",c);return a.a.createElement("div",u,a.a.createElement(s.a.Provider,{value:{name:t,id:f,error:r,hint:i}},e))};f.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0},f.propTypes={children:u.a.node.isRequired,error:u.a.string,hint:u.a.string,id:u.a.oneOfType([u.a.string,u.a.number]),name:u.a.string};var p,h=t(5),m=t.n(h),b=t(3),g=t.n(b),v=t(2),x=t.n(v),y=t(8),O=["children","required"],w=x()(y.Typography)(p||(p=g()(["\n line-height: 0;\n"]))),z=function(n){var e=n.children,t=n.required,r=o()(n,O),i=Object(s.b)().id;return a.a.createElement(y.Typography,m()({variant:"pi",textColor:"neutral800",htmlFor:i,fontWeight:"bold",as:"label",required:t},r),e,t&&a.a.createElement(w,{textColor:"danger600"},"*"))};z.defaultProps={required:!1},z.propTypes={children:u.a.node.isRequired,required:u.a.bool};var T,j=t(30),S=function(){var n=Object(s.b)(),e=n.id,t=n.hint,r=n.error;return!t||r?null:a.a.createElement(y.Typography,{variant:"pi",as:"p",id:"".concat(e,"-hint"),textColor:"neutral600"},t)},E=function(){var n=Object(s.b)(),e=n.id,t=n.error;return t?a.a.createElement(y.Typography,{variant:"pi",as:"p",id:"".concat(e,"-error"),textColor:"danger600","data-strapi-field-error":!0},t):null},_=["label","children"],C=x.a.button(T||(T=g()(["\n border: none;\n background: transparent;\n // TODO: Make sure to use the theme when it's ready\n font-size: 1.6rem;\n width: auto;\n padding: 0;\n display: flex;\n align-items: center;\n"]))),R=function(n){var e=n.label,t=n.children,r=o()(n,_);return a.a.createElement(C,m()({"aria-label":e,type:"button"},r),t)};R.propTypes={children:u.a.node.isRequired,label:u.a.string.isRequired}},16:function(n,e,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},17:function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},18:function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},19:function(n,e,t){var r=t(18);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},2:function(n,t){n.exports=e},21:function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},22:function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},23:function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){c=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},24:function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},25:function(n,e,t){"use strict";t.r(e),t.d(e,"Stack",(function(){return z}));var r,o,i=t(5),a=t.n(i),c=t(6),u=t.n(c),s=t(3),d=t.n(s),l=t(1),f=t.n(l),p=t(0),h=t.n(p),m=t(2),b=t.n(m),g=t(4),v=t(9),x=["horizontal","size"],y={size:!0},O=b()(g.Box).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(r||(r=d()(["\n display: flex;\n flex-direction: column;\n\n & > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > * + * {\n margin-top: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return e.spaces[t]})),w=b()(v.Flex).withConfig({shouldForwardProp:function(n,e){return!y[n]&&e(n)}})(o||(o=d()(["\n & > * {\n margin-left: 0;\n margin-right: 0;\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),(function(n){var e=n.theme,t=n.size;return e.spaces[t]})),z=Object(l.forwardRef)((function(n,e){var t=n.horizontal,r=n.size,o=u()(n,x);return t?f.a.createElement(w,a()({ref:e,size:r},o)):f.a.createElement(O,a()({ref:e,size:r},o))}));z.displayName="Stack",z.defaultProps={horizontal:!1},z.propTypes={horizontal:h.a.bool,size:h.a.number.isRequired}},26:function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={input:{S:"".concat(2,"rem"),M:"".concat(2.5,"rem")},accordions:{S:"".concat(3,"rem"),M:"".concat(5.5,"rem")}}},3:function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},30:function(n,e,t){"use strict";t.d(e,"b",(function(){return T})),t.d(e,"a",(function(){return j}));var r,o,i=t(5),a=t.n(i),c=t(6),u=t.n(c),s=t(3),d=t.n(s),l=t(1),f=t.n(l),p=t(2),h=t.n(p),m=t(0),b=t.n(m),g=t(26),v=t(13),x=t(12),y=t(9),O=t(4),w=["endAction","startAction","disabled","onChange","size"],z=h.a.input(r||(r=d()(["\n border: none;\n border-radius: ",";\n padding-left: ",";\n padding-right: ",";\n cursor: ",";\n\n color: ",";\n font-weight: 400;\n // TODO: Make sure to use the theme when it's ready\n font-size: ","rem;\n display: block;\n width: 100%;\n\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &[aria-disabled='true'] {\n background: inherit;\n color: inherit;\n }\n\n //focus managed by InputWrapper\n &:focus {\n outline: none;\n box-shadow: none;\n }\n"])),(function(n){return n.theme.borderRadius}),(function(n){var e=n.theme;return n.hasLeftAction?0:e.spaces[4]}),(function(n){var e=n.theme;return n.hasRightAction?0:e.spaces[4]}),(function(n){return n["aria-disabled"]?"not-allowed":void 0}),(function(n){return n.theme.colors.neutral800}),.875,(function(n){return n.theme.colors.neutral500})),T=h()(y.Flex)(o||(o=d()(["\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n height: ",";\n\n ","\n\n ","\n"])),(function(n){var e=n.theme;return n.hasError?e.colors.danger600:e.colors.neutral200}),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.colors.neutral0}),Object(v.b)("input"),Object(v.c)(),(function(n){var e=n.theme;return n.disabled?"\n color: ".concat(e.colors.neutral600,";\n background: ").concat(e.colors.neutral150,";\n \n "):void 0})),j=Object(l.forwardRef)((function(n,e){var t,r=n.endAction,o=n.startAction,i=n.disabled,c=n.onChange,s=n.size,d=u()(n,w),l=Object(x.b)(),p=l.id,h=l.error,m=l.hint,b=l.name;h?t="".concat(p,"-error"):m&&(t="".concat(p,"-hint"));var g=Boolean(h);return f.a.createElement(T,{size:s,justifyContent:"space-between",hasError:g,disabled:i},o&&f.a.createElement(O.Box,{paddingLeft:3,paddingRight:2},o),f.a.createElement(z,a()({id:p,name:b,ref:e,"aria-describedby":t,"aria-invalid":g,"aria-disabled":i,hasLeftAction:Boolean(o),hasRightAction:Boolean(r),onChange:function(n){i||c(n)}},d)),r&&f.a.createElement(O.Box,{paddingLeft:2,paddingRight:3},r))}));j.displayName="FieldInput",j.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},j.propTypes={disabled:b.a.bool,endAction:b.a.element,onChange:b.a.func,size:b.a.oneOf(Object.keys(g.a.input)),startAction:b.a.element}},4:function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=t.n(u),d=t(7),l={color:!0},f=s.a.div.withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n // Font\n font-size: ",";\n\n // Colors\n background: ",";\n color: ",";\n\n // Spaces\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n\n // Responsive hiding\n ","\n ","\n \n\n // Borders\n border-radius: ",";\n border-style: ",";\n border-width: ",";\n border-color: ",";\n border: ",";\n\n // Shadows\n box-shadow: ",";\n\n // Handlers\n pointer-events: ",";\n &:hover {\n ","\n }\n\n // Display\n display: ",";\n\n // Position\n position: ",";\n left: ",";\n right: ",";\n top: ",";\n bottom: ",";\n z-index: ",";\n overflow: ",";\n cursor: ",";\n\n // Size\n width: ",";\n max-width: ",";\n min-width: ",";\n height: ",";\n max-height: ",";\n min-height: ",";\n\n // Animation\n transition: ",";\n transform: ",";\n animation: ",";\n\n //Flexbox children props\n flex-shrink: ",";\n flex-grow: ",";\n flex-basis: ",";\n flex: ",";\n\n // Text\n text-align: ",";\n text-transform: ",";\n line-height: ",";\n\n // Cursor\n cursor: ",";\n"])),(function(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(d.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(d.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(d.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(d.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(d.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(d.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(d.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(d.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(d.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.sizes[e]||e}),(function(n){var e=n.maxWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.minWidth;return n.theme.sizes[e]||e}),(function(n){var e=n.height;return n.theme.sizes[e]||e}),(function(n){var e=n.maxHeight;return n.theme.sizes[e]||e}),(function(n){var e=n.minHeight;return n.theme.sizes[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));f.displayName="Box",f.defaultProps={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},f.propTypes={_hover:c.a.func,background:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.string]),borderColor:c.a.string,children:c.a.oneOfType([c.a.node,c.a.string]),color:c.a.string,flex:c.a.oneOfType([c.a.string,c.a.string]),grow:c.a.oneOfType([c.a.string,c.a.string]),hasRadius:c.a.bool,hiddenS:c.a.bool,hiddenXS:c.a.bool,padding:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingBottom:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingLeft:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingRight:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),paddingTop:c.a.oneOfType([c.a.number,c.a.arrayOf(c.a.number)]),shadow:c.a.string,shrink:c.a.oneOfType([c.a.string,c.a.string])}},5:function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},6:function(n,e,t){var r=t(21);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},7:function(n,e,t){"use strict";var r=t(10),o=t.n(r);e.a=function(n,e,t){if(void 0!==e){if(Array.isArray(e)){var r=o()(e,3),i=r[0],a=r[1],c=r[2],u="".concat(n,": ").concat(t.spaces[i],";");return void 0!==a&&(u+="".concat(t.mediaQueries.tablet,"{\n ").concat(n,": ").concat(t.spaces[a],";\n }")),void 0!==c&&(u+="".concat(t.mediaQueries.mobile,"{\n ").concat(n,": ").concat(t.spaces[c],";\n }")),u}var s=t.spaces[e]||e;return"".concat(n,": ").concat(s,";")}}},8:function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=["alpha","beta","delta","epsilon","omega","pi","sigma"],d={fontSize:!0,fontWeight:!0},l=t.n(u).a.span.withConfig({shouldForwardProp:function(n,e){return!d[n]&&e(n)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),(function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}),(function(n){return n.textTransform}),(function(n){return n.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "}),(function(n){var e=n.variant,t=n.theme;switch(e){case"alpha":return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[5],";\n line-height: ").concat(t.lineHeights[2],";\n ");case"beta":return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[4],";\n line-height: ").concat(t.lineHeights[1],";\n ");case"delta":return"\n font-weight: ".concat(t.fontWeights.semiBold,";\n font-size: ").concat(t.fontSizes[3],";\n line-height: ").concat(t.lineHeights[2],";\n ");case"epsilon":return"\n font-size: ".concat(t.fontSizes[3],";\n line-height: ").concat(t.lineHeights[6],";\n ");case"omega":return"\n font-size: ".concat(t.fontSizes[2],";\n line-height: ").concat(t.lineHeights[4],";\n ");case"pi":return"\n font-size: ".concat(t.fontSizes[1],";\n line-height: ").concat(t.lineHeights[3],";\n ");case"sigma":return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[0],";\n line-height: ").concat(t.lineHeights[5],";\n text-transform: uppercase;\n ");default:return"\n font-size: ".concat(t.fontSizes[2],";\n ")}}));l.defaultProps={fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textTransform:void 0,variant:"omega"},l.propTypes={fontSize:c.a.oneOfType([c.a.number,c.a.string]),fontWeight:c.a.string,lineHeight:c.a.oneOfType([c.a.number,c.a.string]),textColor:c.a.string,textTransform:c.a.string,variant:c.a.oneOf(s)}},9:function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return f}));var r,o=t(3),i=t.n(o),a=t(0),c=t.n(a),u=t(2),s=t.n(u),d=t(4),l={direction:!0},f=s()(d.Box).withConfig({shouldForwardProp:function(n,e){return!l[n]&&e(n)}})(r||(r=i()(["\n display: ",";\n flex-direction: ",";\n justify-content: ",";\n align-items: ",";\n flex-wrap: ",";\n"])),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.justifyContent}),(function(n){return n.alignItems}),(function(n){return n.wrap}));f.defaultProps={alignItems:"center",basis:void 0,direction:"row",inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},f.propTypes={alignItems:c.a.string,basis:c.a.oneOfType([c.a.string,c.a.number]),direction:c.a.string,inline:c.a.bool,justifyContent:c.a.string,reverse:c.a.bool,wrap:c.a.string}}})}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components")):n.strapiDs=e(n.react,n["styled-components"])}(this,(function(n,e){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=
|
|
1
|
+
!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components")):n.strapiDs=e(n.react,n["styled-components"])}(this,(function(n,e){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=106)}({0:function(n,e,t){n.exports=t(16)()},1:function(e,t){e.exports=n},106:function(n,e,t){"use strict";t.r(e),t.d(e,"ThemeProvider",(function(){return m})),t.d(e,"useTheme",(function(){return y}));var r,o=t(3),i=t.n(o),a=t(1),l=t.n(a),s=t(0),u=t.n(s),c=t(2),d=t(20),p=t(55),f=function(){return l.a.createElement(d.VisuallyHidden,null,l.a.createElement("p",{role:"log","aria-live":"polite",id:p.a.Log,"aria-relevant":"all"}),l.a.createElement("p",{role:"status","aria-live":"polite",id:p.a.Status,"aria-relevant":"all"}),l.a.createElement("p",{role:"alert","aria-live":"assertive",id:p.a.Alert,"aria-relevant":"all"}))},b=Object(c.createGlobalStyle)(r||(r=i()(['\n /* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\n html,\n body,\n div,\n span,\n applet,\n object,\n iframe,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n blockquote,\n pre,\n a,\n abbr,\n acronym,\n address,\n big,\n cite,\n code,\n del,\n dfn,\n em,\n img,\n ins,\n kbd,\n q,\n s,\n samp,\n small,\n strike,\n strong,\n sub,\n sup,\n tt,\n var,\n b,\n u,\n i,\n center,\n dl,\n dt,\n dd,\n ol,\n ul,\n li,\n fieldset,\n form,\n label,\n legend,\n table,\n caption,\n tbody,\n tfoot,\n thead,\n tr,\n th,\n td,\n article,\n aside,\n canvas,\n details,\n embed,\n figure,\n figcaption,\n footer,\n header,\n hgroup,\n menu,\n nav,\n output,\n ruby,\n section,\n summary,\n time,\n mark,\n audio,\n video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n }\n /* HTML5 display-role reset for older browsers */\n article,\n aside,\n details,\n figcaption,\n figure,\n footer,\n header,\n hgroup,\n menu,\n nav,\n section {\n display: block;\n }\n body {\n line-height: 1;\n }\n ol,\n ul {\n list-style: none;\n }\n blockquote,\n q {\n quotes: none;\n }\n blockquote:before,\n blockquote:after,\n q:before,\n q:after {\n content: "";\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n /* My styles */\n *,\n *:before,\n *:after {\n box-sizing: border-box;\n }\n\n *:focus-visible {\n outline: 2px solid ',";\n outline-offset: 2px;\n }\n\n /* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */\n *:focus:not(:focus-visible) {\n outline: none;\n }\n\n body,html{\n height: 100%;\n }\n body {\n font-family: --apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n }\n\n button {\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font-size: 100%;\n cursor: pointer;\n font: inherit;\n }\n\n textarea {\n font: inherit;\n }\n\n .lock-body-scroll {\n height: 100vh;\n overflow-y: hidden;\n }\n"])),(function(n){return n.theme.colors.primary600})),m=function(n){var e=n.children,t=n.theme;return a.createElement(c.ThemeProvider,{theme:t},a.createElement(b,null),e,a.createElement(f,null))};m.propTypes={children:u.a.node.isRequired,theme:u.a.object.isRequired};var y=function(){return Object(c.useTheme)()}},16:function(n,e,t){"use strict";var r=t(17);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},17:function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},2:function(n,t){n.exports=e},20:function(n,e,t){"use strict";t.r(e),t.d(e,"VisuallyHidden",(function(){return l}));var r,o=t(3),i=t.n(o),a=t(2),l=t.n(a).a.div(r||(r=i()(["\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n"])))},3:function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},55:function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={Log:"live-region-log",Status:"live-region-status",Alert:"live-region-alert"}}})}));
|