@oneblink/apps-react 2.0.0-beta.4 → 2.1.0-beta.2

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.
Files changed (26) hide show
  1. package/dist/components/renderer/CopyToClipboardButton.d.ts +1 -2
  2. package/dist/components/renderer/CopyToClipboardButton.js +6 -6
  3. package/dist/components/renderer/CopyToClipboardButton.js.map +1 -1
  4. package/dist/form-elements/FormElementABN.js +1 -1
  5. package/dist/form-elements/FormElementABN.js.map +1 -1
  6. package/dist/form-elements/FormElementBSB.js +1 -1
  7. package/dist/form-elements/FormElementBSB.js.map +1 -1
  8. package/dist/form-elements/FormElementBarcodeScanner.js +1 -1
  9. package/dist/form-elements/FormElementBarcodeScanner.js.map +1 -1
  10. package/dist/form-elements/FormElementDate.js +1 -1
  11. package/dist/form-elements/FormElementDate.js.map +1 -1
  12. package/dist/form-elements/FormElementDateTime.js +1 -1
  13. package/dist/form-elements/FormElementDateTime.js.map +1 -1
  14. package/dist/form-elements/FormElementEmail.js +1 -1
  15. package/dist/form-elements/FormElementEmail.js.map +1 -1
  16. package/dist/form-elements/FormElementNumber.js +1 -1
  17. package/dist/form-elements/FormElementNumber.js.map +1 -1
  18. package/dist/form-elements/FormElementTelephone.js +1 -1
  19. package/dist/form-elements/FormElementTelephone.js.map +1 -1
  20. package/dist/form-elements/FormElementText.js +1 -1
  21. package/dist/form-elements/FormElementText.js.map +1 -1
  22. package/dist/form-elements/FormElementTime.js +1 -1
  23. package/dist/form-elements/FormElementTime.js.map +1 -1
  24. package/dist/styles.css +55 -78
  25. package/dist/styles.css.map +1 -1
  26. package/package.json +3 -3
package/dist/form-elements/FormElementTelephone.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormElementTelephone.js","sourceRoot":"","sources":["../../src/form-elements/FormElementTelephone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,qBAAqB,MAAM,8CAA8C,CAAA;AAChF,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,YAAY,MAAM,qCAAqC,CAAA;AAE9D,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AAYxF,SAAS,oBAAoB,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,GAClB;IACN,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACnD,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,cAAc,EACxB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAE1B,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,SAAS,EAAC,qCAAqC;oBAClD,+BACE,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,OAAO,CAAC,gBAAgB,EACrC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,EAC/D,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,MAAM,EAAE,UAAU,GAClB;oBACF,8BAAM,SAAS,EAAC,sCAAsC;wBACpD,2BAAG,SAAS,EAAC,0BAA0B,YAAU,CAC5C,CACH;gBACL,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAChC,6BAAK,SAAS,EAAC,SAAS;oBACtB,oBAAC,qBAAqB,IACpB,SAAS,EAAC,wDAAwD,EAClE,aAAa,QACb,IAAI,EAAE,IAAI,GACV,CACE,CACP;gBACD,oBAAC,YAAY,IACX,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACE;YAEL,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,CAC/D,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype Props = {\n id: string\n element: FormTypes.TelephoneElement\n value: unknown\n onChange: FormElementValueChangeHandler<string>\n displayValidationMessage: boolean\n validationMessage: string | undefined\n}\n\nfunction FormElementTelephone({\n id,\n element,\n value,\n onChange,\n validationMessage,\n displayValidationMessage,\n}: Props) {\n const [isDirty, setIsDirty] = useBooleanState(false)\n\n const text = typeof value === 'string' ? value : ''\n return (\n <div className=\"cypress-telephone-element\">\n <FormElementLabelContainer\n className=\"ob-telephone\"\n id={id}\n element={element}\n required={element.required}\n >\n <div className=\"field has-addons\">\n <div className=\"control is-expanded has-icons-right\">\n <input\n type=\"tel\"\n placeholder={element.placeholderValue}\n id={id}\n name={element.name}\n className=\"input ob-input cypress-telephone-control\"\n value={text}\n onChange={(e) => onChange(element, e.target.value || undefined)}\n required={element.required}\n disabled={element.readOnly}\n onBlur={setIsDirty}\n />\n <span className=\"ob-input-icon icon is-small is-right\">\n <i className=\"material-icons is-size-5\">phone</i>\n </span>\n </div>\n {!!element.readOnly && !!value && (\n <div className=\"control\">\n <CopyToClipboardButton\n className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n isInputButton\n text={text}\n />\n </div>\n )}\n <LookupButton\n isInputButton\n value={value}\n validationMessage={validationMessage}\n />\n </div>\n\n {(isDirty || displayValidationMessage) && !!validationMessage && (\n <div role=\"alert\" className=\"has-margin-top-8\">\n <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n {validationMessage}\n </div>\n </div>\n )}\n </FormElementLabelContainer>\n </div>\n )\n}\n\nexport default React.memo(FormElementTelephone)\n"]}
1
+ {"version":3,"file":"FormElementTelephone.js","sourceRoot":"","sources":["../../src/form-elements/FormElementTelephone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,qBAAqB,MAAM,8CAA8C,CAAA;AAChF,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,YAAY,MAAM,qCAAqC,CAAA;AAE9D,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AAYxF,SAAS,oBAAoB,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,GAClB;IACN,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACnD,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,cAAc,EACxB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAE1B,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,SAAS,EAAC,qCAAqC;oBAClD,+BACE,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,OAAO,CAAC,gBAAgB,EACrC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,EAC/D,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,MAAM,EAAE,UAAU,GAClB;oBACF,8BAAM,SAAS,EAAC,sCAAsC;wBACpD,2BAAG,SAAS,EAAC,0BAA0B,YAAU,CAC5C,CACH;gBACL,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAChC,6BAAK,SAAS,EAAC,SAAS;oBACtB,oBAAC,qBAAqB,IACpB,SAAS,EAAC,oEAAoE,EAC9E,IAAI,EAAE,IAAI,GACV,CACE,CACP;gBACD,oBAAC,YAAY,IACX,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACE;YAEL,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,CAC/D,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype Props = {\n id: string\n element: FormTypes.TelephoneElement\n value: unknown\n onChange: FormElementValueChangeHandler<string>\n displayValidationMessage: boolean\n validationMessage: string | undefined\n}\n\nfunction FormElementTelephone({\n id,\n element,\n value,\n onChange,\n validationMessage,\n displayValidationMessage,\n}: Props) {\n const [isDirty, setIsDirty] = useBooleanState(false)\n\n const text = typeof value === 'string' ? value : ''\n return (\n <div className=\"cypress-telephone-element\">\n <FormElementLabelContainer\n className=\"ob-telephone\"\n id={id}\n element={element}\n required={element.required}\n >\n <div className=\"field has-addons\">\n <div className=\"control is-expanded has-icons-right\">\n <input\n type=\"tel\"\n placeholder={element.placeholderValue}\n id={id}\n name={element.name}\n className=\"input ob-input cypress-telephone-control\"\n value={text}\n onChange={(e) => onChange(element, e.target.value || undefined)}\n required={element.required}\n disabled={element.readOnly}\n onBlur={setIsDirty}\n />\n <span className=\"ob-input-icon icon is-small is-right\">\n <i className=\"material-icons is-size-5\">phone</i>\n </span>\n </div>\n {!!element.readOnly && !!value && (\n <div className=\"control\">\n <CopyToClipboardButton\n className=\"button is-input-addon copy-button cypress-copy-to-clipboard-button\"\n text={text}\n />\n </div>\n )}\n <LookupButton\n isInputButton\n value={value}\n validationMessage={validationMessage}\n />\n </div>\n\n {(isDirty || displayValidationMessage) && !!validationMessage && (\n <div role=\"alert\" className=\"has-margin-top-8\">\n <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n {validationMessage}\n </div>\n </div>\n )}\n </FormElementLabelContainer>\n </div>\n )\n}\n\nexport default React.memo(FormElementTelephone)\n"]}
package/dist/form-elements/FormElementText.js CHANGED
@@ -14,7 +14,7 @@ function FormElementText({ id, element, value, onChange, validationMessage, disp
14
14
  React.createElement("div", { className: "control is-expanded" },
15
15
  React.createElement("input", { type: "text", placeholder: element.placeholderValue, id: id, name: element.name, className: "input ob-input cypress-text-control", value: text, onChange: (e) => onChange(element, e.target.value || undefined), required: element.required, disabled: element.readOnly, onBlur: setIsDirty })),
16
16
  !!element.readOnly && !!value && (React.createElement("div", { className: "control" },
17
- React.createElement(CopyToClipboardButton, { className: "button is-input-addon cypress-copy-to-clipboard-button", isInputButton: true, text: text }))),
17
+ React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: text }))),
18
18
  React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage })),
19
19
  (isDisplayingValidationMessage || !!element.maxLength) && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
20
20
  React.createElement("div", { className: "is-flex is-justify-content-space-between" },
package/dist/form-elements/FormElementText.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormElementText.js","sourceRoot":"","sources":["../../src/form-elements/FormElementText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,qBAAqB,MAAM,8CAA8C,CAAA;AAChF,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,YAAY,MAAM,qCAAqC,CAAA;AAE9D,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AAYxF,SAAS,eAAe,CAAC,EACvB,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,GAClB;IACN,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACnD,MAAM,6BAA6B,GACjC,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAA;IAC9D,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB;QACnC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,SAAS,EACnB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAE1B,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,SAAS,EAAC,qBAAqB;oBAClC,+BACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,OAAO,CAAC,gBAAgB,EACrC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,EAC/D,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,MAAM,EAAE,UAAU,GAClB,CACE;gBACL,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAChC,6BAAK,SAAS,EAAC,SAAS;oBACtB,oBAAC,qBAAqB,IACpB,SAAS,EAAC,wDAAwD,EAClE,aAAa,QACb,IAAI,EAAE,IAAI,GACV,CACE,CACP;gBACD,oBAAC,YAAY,IACX,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACE;YACL,CAAC,6BAA6B,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CACzD,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,0CAA0C;oBACtD,6BAA6B,CAAC,CAAC,CAAC,CAC/B,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACP,CAAC,CAAC,CAAC,CACF,gCAAO,CACR;oBACA,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,CACtB,6BACE,SAAS,EAAE,IAAI,CACb,gDAAgD,EAChD;4BACE,iBAAiB,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,SAAS;yBACnD,CACF;wBAEA,IAAI,CAAC,MAAM;;wBAAK,OAAO,CAAC,SAAS,CAC9B,CACP,CACG,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype Props = {\n id: string\n element: FormTypes.TextElement\n value: unknown\n onChange: FormElementValueChangeHandler<string>\n displayValidationMessage: boolean\n validationMessage: string | undefined\n}\n\nfunction FormElementText({\n id,\n element,\n value,\n onChange,\n validationMessage,\n displayValidationMessage,\n}: Props) {\n const [isDirty, setIsDirty] = useBooleanState(false)\n\n const text = typeof value === 'string' ? value : ''\n const isDisplayingValidationMessage =\n (isDirty || displayValidationMessage) && !!validationMessage\n return (\n <div className=\"cypress-text-element\">\n <FormElementLabelContainer\n className=\"ob-text\"\n id={id}\n element={element}\n required={element.required}\n >\n <div className=\"field has-addons\">\n <div className=\"control is-expanded\">\n <input\n type=\"text\"\n placeholder={element.placeholderValue}\n id={id}\n name={element.name}\n className=\"input ob-input cypress-text-control\"\n value={text}\n onChange={(e) => onChange(element, e.target.value || undefined)}\n required={element.required}\n disabled={element.readOnly}\n onBlur={setIsDirty}\n />\n </div>\n {!!element.readOnly && !!value && (\n <div className=\"control\">\n <CopyToClipboardButton\n className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n isInputButton\n text={text}\n />\n </div>\n )}\n <LookupButton\n isInputButton\n value={value}\n validationMessage={validationMessage}\n />\n </div>\n {(isDisplayingValidationMessage || !!element.maxLength) && (\n <div role=\"alert\" className=\"has-margin-top-8\">\n <div className=\"is-flex is-justify-content-space-between\">\n {isDisplayingValidationMessage ? (\n <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n {validationMessage}\n </div>\n ) : (\n <div />\n )}\n {!!element.maxLength && (\n <div\n className={clsx(\n 'ob-max-length__text cypress-max-length-message',\n {\n 'has-text-danger': text.length > element.maxLength,\n },\n )}\n >\n {text.length} / {element.maxLength}\n </div>\n )}\n </div>\n </div>\n )}\n </FormElementLabelContainer>\n </div>\n )\n}\n\nexport default React.memo(FormElementText)\n"]}
1
+ {"version":3,"file":"FormElementText.js","sourceRoot":"","sources":["../../src/form-elements/FormElementText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,qBAAqB,MAAM,8CAA8C,CAAA;AAChF,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,YAAY,MAAM,qCAAqC,CAAA;AAE9D,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AAYxF,SAAS,eAAe,CAAC,EACvB,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,GAClB;IACN,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IACnD,MAAM,6BAA6B,GACjC,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAA;IAC9D,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB;QACnC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,SAAS,EACnB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAE1B,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,SAAS,EAAC,qBAAqB;oBAClC,+BACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,OAAO,CAAC,gBAAgB,EACrC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,EAC/D,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,MAAM,EAAE,UAAU,GAClB,CACE;gBACL,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAChC,6BAAK,SAAS,EAAC,SAAS;oBACtB,oBAAC,qBAAqB,IACpB,SAAS,EAAC,oEAAoE,EAC9E,IAAI,EAAE,IAAI,GACV,CACE,CACP;gBACD,oBAAC,YAAY,IACX,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACE;YACL,CAAC,6BAA6B,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CACzD,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,0CAA0C;oBACtD,6BAA6B,CAAC,CAAC,CAAC,CAC/B,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACP,CAAC,CAAC,CAAC,CACF,gCAAO,CACR;oBACA,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,CACtB,6BACE,SAAS,EAAE,IAAI,CACb,gDAAgD,EAChD;4BACE,iBAAiB,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,SAAS;yBACnD,CACF;wBAEA,IAAI,CAAC,MAAM;;wBAAK,OAAO,CAAC,SAAS,CAC9B,CACP,CACG,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype Props = {\n id: string\n element: FormTypes.TextElement\n value: unknown\n onChange: FormElementValueChangeHandler<string>\n displayValidationMessage: boolean\n validationMessage: string | undefined\n}\n\nfunction FormElementText({\n id,\n element,\n value,\n onChange,\n validationMessage,\n displayValidationMessage,\n}: Props) {\n const [isDirty, setIsDirty] = useBooleanState(false)\n\n const text = typeof value === 'string' ? value : ''\n const isDisplayingValidationMessage =\n (isDirty || displayValidationMessage) && !!validationMessage\n return (\n <div className=\"cypress-text-element\">\n <FormElementLabelContainer\n className=\"ob-text\"\n id={id}\n element={element}\n required={element.required}\n >\n <div className=\"field has-addons\">\n <div className=\"control is-expanded\">\n <input\n type=\"text\"\n placeholder={element.placeholderValue}\n id={id}\n name={element.name}\n className=\"input ob-input cypress-text-control\"\n value={text}\n onChange={(e) => onChange(element, e.target.value || undefined)}\n required={element.required}\n disabled={element.readOnly}\n onBlur={setIsDirty}\n />\n </div>\n {!!element.readOnly && !!value && (\n <div className=\"control\">\n <CopyToClipboardButton\n className=\"button is-input-addon copy-button cypress-copy-to-clipboard-button\"\n text={text}\n />\n </div>\n )}\n <LookupButton\n isInputButton\n value={value}\n validationMessage={validationMessage}\n />\n </div>\n {(isDisplayingValidationMessage || !!element.maxLength) && (\n <div role=\"alert\" className=\"has-margin-top-8\">\n <div className=\"is-flex is-justify-content-space-between\">\n {isDisplayingValidationMessage ? (\n <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n {validationMessage}\n </div>\n ) : (\n <div />\n )}\n {!!element.maxLength && (\n <div\n className={clsx(\n 'ob-max-length__text cypress-max-length-message',\n {\n 'has-text-danger': text.length > element.maxLength,\n },\n )}\n >\n {text.length} / {element.maxLength}\n </div>\n )}\n </div>\n </div>\n )}\n </FormElementLabelContainer>\n </div>\n )\n}\n\nexport default React.memo(FormElementText)\n"]}
package/dist/form-elements/FormElementTime.js CHANGED
@@ -45,7 +45,7 @@ function FormElementTime({ id, element, value, onChange, validationMessage, disp
45
45
  React.createElement("span", { className: "ob-input-icon icon is-small is-right" },
46
46
  React.createElement("i", { className: "material-icons is-size-5" }, "schedule"))),
47
47
  !!element.readOnly && !!text && (React.createElement("div", { className: "control" },
48
- React.createElement(CopyToClipboardButton, { className: "button is-input-addon cypress-copy-to-clipboard-button", isInputButton: true, text: text }))),
48
+ React.createElement(CopyToClipboardButton, { className: "button is-input-addon copy-button cypress-copy-to-clipboard-button", text: text }))),
49
49
  React.createElement(LookupButton, { isInputButton: true, value: value, validationMessage: validationMessage })),
50
50
  (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
51
51
  React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
package/dist/form-elements/FormElementTime.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormElementTime.js","sourceRoot":"","sources":["../../src/form-elements/FormElementTime.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { localisationService } from '@oneblink/apps'\n\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useFlatpickr, { FlatpickrOptions } from '../hooks/useFlatpickr'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype Props = {\n id: string\n element: FormTypes.TimeElement\n value: unknown | undefined\n onChange: FormElementValueChangeHandler<string>\n displayValidationMessage: boolean\n validationMessage: string | undefined\n}\n\nfunction FormElementTime({\n id,\n element,\n value,\n onChange,\n validationMessage,\n displayValidationMessage,\n}: Props) {\n const htmlDivElementRef = React.useRef<HTMLDivElement>(null)\n\n const [isDirty, setIsDirty] = useBooleanState(false)\n\n const flatpickrOptions = React.useMemo(() => {\n const opts: FlatpickrOptions = {\n altInput: true,\n dateFormat: 'H:i',\n altFormat: localisationService.getFlatpickrFormats().time,\n allowInput: false,\n altInputClass: 'input ob-input cypress-time-control',\n minDate: undefined,\n maxDate: undefined,\n defaultDate: undefined,\n enableTime: true,\n noCalendar: true,\n time_24hr: false,\n onClose: setIsDirty,\n }\n\n return opts\n }, [setIsDirty])\n\n const handleChange = React.useCallback(\n (newValue) => onChange(element, newValue),\n [element, onChange],\n )\n\n useFlatpickr(\n {\n id,\n value,\n onChange: handleChange,\n },\n flatpickrOptions,\n htmlDivElementRef,\n )\n\n const text = React.useMemo(() => {\n if (typeof value !== 'string') {\n return null\n }\n return localisationService.formatTime(new Date(value))\n }, [value])\n\n return (\n <div className=\"cypress-time-element\" ref={htmlDivElementRef}>\n <FormElementLabelContainer\n className=\"ob-time\"\n id={id}\n element={element}\n required={element.required}\n >\n <div className=\"field has-addons\">\n <div className=\"control is-expanded has-icons-right\">\n <input\n type=\"time\"\n id={id}\n name={element.name}\n placeholder={element.placeholderValue}\n disabled={element.readOnly}\n className=\"input ob-input\"\n />\n <span className=\"ob-input-icon icon is-small is-right\">\n <i className=\"material-icons is-size-5\">schedule</i>\n </span>\n </div>\n {!!element.readOnly && !!text && (\n <div className=\"control\">\n <CopyToClipboardButton\n className=\"button is-input-addon cypress-copy-to-clipboard-button\"\n isInputButton\n text={text}\n />\n </div>\n )}\n <LookupButton\n isInputButton\n value={value}\n validationMessage={validationMessage}\n />\n </div>\n\n {(isDirty || displayValidationMessage) && !!validationMessage && (\n <div role=\"alert\" className=\"has-margin-top-8\">\n <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n {validationMessage}\n </div>\n </div>\n )}\n </FormElementLabelContainer>\n </div>\n )\n}\n\nexport default React.memo(FormElementTime)\n"]}
1
+ {"version":3,"file":"FormElementTime.js","sourceRoot":"","sources":["../../src/form-elements/FormElementTime.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { localisationService } from '@oneblink/apps'\n\nimport CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'\nimport useFlatpickr, { FlatpickrOptions } from '../hooks/useFlatpickr'\nimport useBooleanState from '../hooks/useBooleanState'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport { FormElementValueChangeHandler } from '../types/form'\n\ntype Props = {\n id: string\n element: FormTypes.TimeElement\n value: unknown | undefined\n onChange: FormElementValueChangeHandler<string>\n displayValidationMessage: boolean\n validationMessage: string | undefined\n}\n\nfunction FormElementTime({\n id,\n element,\n value,\n onChange,\n validationMessage,\n displayValidationMessage,\n}: Props) {\n const htmlDivElementRef = React.useRef<HTMLDivElement>(null)\n\n const [isDirty, setIsDirty] = useBooleanState(false)\n\n const flatpickrOptions = React.useMemo(() => {\n const opts: FlatpickrOptions = {\n altInput: true,\n dateFormat: 'H:i',\n altFormat: localisationService.getFlatpickrFormats().time,\n allowInput: false,\n altInputClass: 'input ob-input cypress-time-control',\n minDate: undefined,\n maxDate: undefined,\n defaultDate: undefined,\n enableTime: true,\n noCalendar: true,\n time_24hr: false,\n onClose: setIsDirty,\n }\n\n return opts\n }, [setIsDirty])\n\n const handleChange = React.useCallback(\n (newValue) => onChange(element, newValue),\n [element, onChange],\n )\n\n useFlatpickr(\n {\n id,\n value,\n onChange: handleChange,\n },\n flatpickrOptions,\n htmlDivElementRef,\n )\n\n const text = React.useMemo(() => {\n if (typeof value !== 'string') {\n return null\n }\n return localisationService.formatTime(new Date(value))\n }, [value])\n\n return (\n <div className=\"cypress-time-element\" ref={htmlDivElementRef}>\n <FormElementLabelContainer\n className=\"ob-time\"\n id={id}\n element={element}\n required={element.required}\n >\n <div className=\"field has-addons\">\n <div className=\"control is-expanded has-icons-right\">\n <input\n type=\"time\"\n id={id}\n name={element.name}\n placeholder={element.placeholderValue}\n disabled={element.readOnly}\n className=\"input ob-input\"\n />\n <span className=\"ob-input-icon icon is-small is-right\">\n <i className=\"material-icons is-size-5\">schedule</i>\n </span>\n </div>\n {!!element.readOnly && !!text && (\n <div className=\"control\">\n <CopyToClipboardButton\n className=\"button is-input-addon copy-button cypress-copy-to-clipboard-button\"\n text={text}\n />\n </div>\n )}\n <LookupButton\n isInputButton\n value={value}\n validationMessage={validationMessage}\n />\n </div>\n\n {(isDirty || displayValidationMessage) && !!validationMessage && (\n <div role=\"alert\" className=\"has-margin-top-8\">\n <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n {validationMessage}\n </div>\n </div>\n )}\n </FormElementLabelContainer>\n </div>\n )\n}\n\nexport default React.memo(FormElementTime)\n"]}
package/dist/styles.css CHANGED
@@ -176,8 +176,7 @@ fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fields
176
176
  top: 0;
177
177
  }
178
178
 
179
- /* Bulma Base */
180
- /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
179
+ /* Bulma Base */ /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
181
180
  html,
182
181
  body,
183
182
  p,
@@ -1504,27 +1503,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
1504
1503
  .is-size-1-mobile {
1505
1504
  font-size: 3rem !important;
1506
1505
  }
1507
-
1508
1506
  .is-size-2-mobile {
1509
1507
  font-size: 2.5rem !important;
1510
1508
  }
1511
-
1512
1509
  .is-size-3-mobile {
1513
1510
  font-size: 2rem !important;
1514
1511
  }
1515
-
1516
1512
  .is-size-4-mobile {
1517
1513
  font-size: 1.5rem !important;
1518
1514
  }
1519
-
1520
1515
  .is-size-5-mobile {
1521
1516
  font-size: 1.25rem !important;
1522
1517
  }
1523
-
1524
1518
  .is-size-6-mobile {
1525
1519
  font-size: 1rem !important;
1526
1520
  }
1527
-
1528
1521
  .is-size-7-mobile {
1529
1522
  font-size: 0.75rem !important;
1530
1523
  }
@@ -1533,27 +1526,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
1533
1526
  .is-size-1-tablet {
1534
1527
  font-size: 3rem !important;
1535
1528
  }
1536
-
1537
1529
  .is-size-2-tablet {
1538
1530
  font-size: 2.5rem !important;
1539
1531
  }
1540
-
1541
1532
  .is-size-3-tablet {
1542
1533
  font-size: 2rem !important;
1543
1534
  }
1544
-
1545
1535
  .is-size-4-tablet {
1546
1536
  font-size: 1.5rem !important;
1547
1537
  }
1548
-
1549
1538
  .is-size-5-tablet {
1550
1539
  font-size: 1.25rem !important;
1551
1540
  }
1552
-
1553
1541
  .is-size-6-tablet {
1554
1542
  font-size: 1rem !important;
1555
1543
  }
1556
-
1557
1544
  .is-size-7-tablet {
1558
1545
  font-size: 0.75rem !important;
1559
1546
  }
@@ -1562,27 +1549,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
1562
1549
  .is-size-1-touch {
1563
1550
  font-size: 3rem !important;
1564
1551
  }
1565
-
1566
1552
  .is-size-2-touch {
1567
1553
  font-size: 2.5rem !important;
1568
1554
  }
1569
-
1570
1555
  .is-size-3-touch {
1571
1556
  font-size: 2rem !important;
1572
1557
  }
1573
-
1574
1558
  .is-size-4-touch {
1575
1559
  font-size: 1.5rem !important;
1576
1560
  }
1577
-
1578
1561
  .is-size-5-touch {
1579
1562
  font-size: 1.25rem !important;
1580
1563
  }
1581
-
1582
1564
  .is-size-6-touch {
1583
1565
  font-size: 1rem !important;
1584
1566
  }
1585
-
1586
1567
  .is-size-7-touch {
1587
1568
  font-size: 0.75rem !important;
1588
1569
  }
@@ -1591,27 +1572,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
1591
1572
  .is-size-1-desktop {
1592
1573
  font-size: 3rem !important;
1593
1574
  }
1594
-
1595
1575
  .is-size-2-desktop {
1596
1576
  font-size: 2.5rem !important;
1597
1577
  }
1598
-
1599
1578
  .is-size-3-desktop {
1600
1579
  font-size: 2rem !important;
1601
1580
  }
1602
-
1603
1581
  .is-size-4-desktop {
1604
1582
  font-size: 1.5rem !important;
1605
1583
  }
1606
-
1607
1584
  .is-size-5-desktop {
1608
1585
  font-size: 1.25rem !important;
1609
1586
  }
1610
-
1611
1587
  .is-size-6-desktop {
1612
1588
  font-size: 1rem !important;
1613
1589
  }
1614
-
1615
1590
  .is-size-7-desktop {
1616
1591
  font-size: 0.75rem !important;
1617
1592
  }
@@ -1620,27 +1595,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
1620
1595
  .is-size-1-widescreen {
1621
1596
  font-size: 3rem !important;
1622
1597
  }
1623
-
1624
1598
  .is-size-2-widescreen {
1625
1599
  font-size: 2.5rem !important;
1626
1600
  }
1627
-
1628
1601
  .is-size-3-widescreen {
1629
1602
  font-size: 2rem !important;
1630
1603
  }
1631
-
1632
1604
  .is-size-4-widescreen {
1633
1605
  font-size: 1.5rem !important;
1634
1606
  }
1635
-
1636
1607
  .is-size-5-widescreen {
1637
1608
  font-size: 1.25rem !important;
1638
1609
  }
1639
-
1640
1610
  .is-size-6-widescreen {
1641
1611
  font-size: 1rem !important;
1642
1612
  }
1643
-
1644
1613
  .is-size-7-widescreen {
1645
1614
  font-size: 0.75rem !important;
1646
1615
  }
@@ -1649,27 +1618,21 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
1649
1618
  .is-size-1-fullhd {
1650
1619
  font-size: 3rem !important;
1651
1620
  }
1652
-
1653
1621
  .is-size-2-fullhd {
1654
1622
  font-size: 2.5rem !important;
1655
1623
  }
1656
-
1657
1624
  .is-size-3-fullhd {
1658
1625
  font-size: 2rem !important;
1659
1626
  }
1660
-
1661
1627
  .is-size-4-fullhd {
1662
1628
  font-size: 1.5rem !important;
1663
1629
  }
1664
-
1665
1630
  .is-size-5-fullhd {
1666
1631
  font-size: 1.25rem !important;
1667
1632
  }
1668
-
1669
1633
  .is-size-6-fullhd {
1670
1634
  font-size: 1rem !important;
1671
1635
  }
1672
-
1673
1636
  .is-size-7-fullhd {
1674
1637
  font-size: 0.75rem !important;
1675
1638
  }
@@ -4305,7 +4268,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
4305
4268
  font-size: 1.5rem;
4306
4269
  }
4307
4270
  .select.is-disabled::after {
4308
- border-color: hsl(0deg, 0%, 48%);
4271
+ border-color: hsl(0deg, 0%, 48%) !important;
4272
+ opacity: 0.5;
4309
4273
  }
4310
4274
  .select.is-fullwidth {
4311
4275
  width: 100%;
@@ -5144,7 +5108,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5144
5108
  }
5145
5109
  .button.is-white[disabled], fieldset[disabled] .button.is-white {
5146
5110
  background-color: hsl(0deg, 0%, 100%);
5147
- border-color: transparent;
5111
+ border-color: hsl(0deg, 0%, 100%);
5148
5112
  box-shadow: none;
5149
5113
  }
5150
5114
  .button.is-white.is-inverted {
@@ -5227,7 +5191,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5227
5191
  }
5228
5192
  .button.is-black[disabled], fieldset[disabled] .button.is-black {
5229
5193
  background-color: hsl(0deg, 0%, 4%);
5230
- border-color: transparent;
5194
+ border-color: hsl(0deg, 0%, 4%);
5231
5195
  box-shadow: none;
5232
5196
  }
5233
5197
  .button.is-black.is-inverted {
@@ -5310,7 +5274,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5310
5274
  }
5311
5275
  .button.is-light[disabled], fieldset[disabled] .button.is-light {
5312
5276
  background-color: hsl(0deg, 0%, 96%);
5313
- border-color: transparent;
5277
+ border-color: hsl(0deg, 0%, 96%);
5314
5278
  box-shadow: none;
5315
5279
  }
5316
5280
  .button.is-light.is-inverted {
@@ -5393,7 +5357,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5393
5357
  }
5394
5358
  .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
5395
5359
  background-color: hsl(0deg, 0%, 21%);
5396
- border-color: transparent;
5360
+ border-color: hsl(0deg, 0%, 21%);
5397
5361
  box-shadow: none;
5398
5362
  }
5399
5363
  .button.is-dark.is-inverted {
@@ -5476,7 +5440,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5476
5440
  }
5477
5441
  .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
5478
5442
  background-color: #4c8da7;
5479
- border-color: transparent;
5443
+ border-color: #4c8da7;
5480
5444
  box-shadow: none;
5481
5445
  }
5482
5446
  .button.is-primary.is-inverted {
@@ -5573,7 +5537,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5573
5537
  }
5574
5538
  .button.is-link[disabled], fieldset[disabled] .button.is-link {
5575
5539
  background-color: hsl(229deg, 53%, 53%);
5576
- border-color: transparent;
5540
+ border-color: hsl(229deg, 53%, 53%);
5577
5541
  box-shadow: none;
5578
5542
  }
5579
5543
  .button.is-link.is-inverted {
@@ -5670,7 +5634,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5670
5634
  }
5671
5635
  .button.is-info[disabled], fieldset[disabled] .button.is-info {
5672
5636
  background-color: hsl(207deg, 61%, 53%);
5673
- border-color: transparent;
5637
+ border-color: hsl(207deg, 61%, 53%);
5674
5638
  box-shadow: none;
5675
5639
  }
5676
5640
  .button.is-info.is-inverted {
@@ -5767,7 +5731,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5767
5731
  }
5768
5732
  .button.is-success[disabled], fieldset[disabled] .button.is-success {
5769
5733
  background-color: #4caf50;
5770
- border-color: transparent;
5734
+ border-color: #4caf50;
5771
5735
  box-shadow: none;
5772
5736
  }
5773
5737
  .button.is-success.is-inverted {
@@ -5864,7 +5828,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5864
5828
  }
5865
5829
  .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
5866
5830
  background-color: #ff6f00;
5867
- border-color: transparent;
5831
+ border-color: #ff6f00;
5868
5832
  box-shadow: none;
5869
5833
  }
5870
5834
  .button.is-warning.is-inverted {
@@ -5961,7 +5925,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
5961
5925
  }
5962
5926
  .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
5963
5927
  background-color: hsl(348deg, 86%, 61%);
5964
- border-color: transparent;
5928
+ border-color: hsl(348deg, 86%, 61%);
5965
5929
  box-shadow: none;
5966
5930
  }
5967
5931
  .button.is-danger.is-inverted {
@@ -6152,6 +6116,36 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
6152
6116
  margin-right: 0.25rem;
6153
6117
  }
6154
6118
 
6119
+ @media screen and (max-width: 768px) {
6120
+ .button.is-responsive.is-small {
6121
+ font-size: 0.5625rem;
6122
+ }
6123
+ .button.is-responsive,
6124
+ .button.is-responsive.is-normal {
6125
+ font-size: 0.65625rem;
6126
+ }
6127
+ .button.is-responsive.is-medium {
6128
+ font-size: 0.75rem;
6129
+ }
6130
+ .button.is-responsive.is-large {
6131
+ font-size: 1rem;
6132
+ }
6133
+ }
6134
+ @media screen and (min-width: 769px) and (max-width: 1023px) {
6135
+ .button.is-responsive.is-small {
6136
+ font-size: 0.65625rem;
6137
+ }
6138
+ .button.is-responsive,
6139
+ .button.is-responsive.is-normal {
6140
+ font-size: 0.75rem;
6141
+ }
6142
+ .button.is-responsive.is-medium {
6143
+ font-size: 1rem;
6144
+ }
6145
+ .button.is-responsive.is-large {
6146
+ font-size: 1.25rem;
6147
+ }
6148
+ }
6155
6149
  .title,
6156
6150
  .subtitle {
6157
6151
  word-break: break-word;
@@ -7831,14 +7825,10 @@ input[type=range].slider.is-danger .has-output-tooltip + output {
7831
7825
  border-color: hsl(0deg, 0%, 86%);
7832
7826
  border-top-color: #4c8da7;
7833
7827
  border-radius: 50%;
7834
- -webkit-animation: spin 0.75s linear infinite;
7835
- /* Safari, Chrome and Opera > 12.1 */
7836
- -moz-animation: spin 0.75s linear infinite;
7837
- /* Firefox < 16 */
7838
- -ms-animation: spin 0.75s linear infinite;
7839
- /* Internet Explorer */
7840
- -o-animation: spin 0.75s linear infinite;
7841
- /* Opera < 12.1 */
7828
+ -webkit-animation: spin 0.75s linear infinite; /* Safari, Chrome and Opera > 12.1 */
7829
+ -moz-animation: spin 0.75s linear infinite; /* Firefox < 16 */
7830
+ -ms-animation: spin 0.75s linear infinite; /* Internet Explorer */
7831
+ -o-animation: spin 0.75s linear infinite; /* Opera < 12.1 */
7842
7832
  animation: spin 0.75s linear infinite;
7843
7833
  border-width: 8px;
7844
7834
  width: 75px;
@@ -7918,14 +7908,10 @@ button on-loading {
7918
7908
  }
7919
7909
 
7920
7910
  .fade-in {
7921
- -webkit-animation: fade-in 1.5s;
7922
- /* Safari, Chrome and Opera > 12.1 */
7923
- -moz-animation: fade-in 1.5s;
7924
- /* Firefox < 16 */
7925
- -ms-animation: fade-in 1.5s;
7926
- /* Internet Explorer */
7927
- -o-animation: fade-in 1.5s;
7928
- /* Opera < 12.1 */
7911
+ -webkit-animation: fade-in 1.5s; /* Safari, Chrome and Opera > 12.1 */
7912
+ -moz-animation: fade-in 1.5s; /* Firefox < 16 */
7913
+ -ms-animation: fade-in 1.5s; /* Internet Explorer */
7914
+ -o-animation: fade-in 1.5s; /* Opera < 12.1 */
7929
7915
  animation: fade-in 1.5s;
7930
7916
  }
7931
7917
 
@@ -7974,14 +7960,10 @@ button on-loading {
7974
7960
  }
7975
7961
  }
7976
7962
  .spinning {
7977
- -webkit-animation: spin 1.5s linear infinite;
7978
- /* Safari, Chrome and Opera > 12.1 */
7979
- -moz-animation: spin 1.5s linear infinite;
7980
- /* Firefox < 16 */
7981
- -ms-animation: spin 1.5s linear infinite;
7982
- /* Internet Explorer */
7983
- -o-animation: spin 1.5s linear infinite;
7984
- /* Opera < 12.1 */
7963
+ -webkit-animation: spin 1.5s linear infinite; /* Safari, Chrome and Opera > 12.1 */
7964
+ -moz-animation: spin 1.5s linear infinite; /* Firefox < 16 */
7965
+ -ms-animation: spin 1.5s linear infinite; /* Internet Explorer */
7966
+ -o-animation: spin 1.5s linear infinite; /* Opera < 12.1 */
7985
7967
  animation: spin 1.5s linear infinite;
7986
7968
  }
7987
7969
 
@@ -8933,11 +8915,9 @@ button on-loading {
8933
8915
  .steps.is-horizontal-tablet .step-item .step-details .step-subtitle {
8934
8916
  position: absolute;
8935
8917
  }
8936
-
8937
8918
  .ob-steps-navigation {
8938
8919
  position: relative;
8939
8920
  }
8940
-
8941
8921
  .ob-steps-navigation__header {
8942
8922
  z-index: 30;
8943
8923
  height: 3rem;
@@ -8982,7 +8962,6 @@ button on-loading {
8982
8962
  -o-transition: transform 0.2s linear;
8983
8963
  transition: transform 0.2s linear;
8984
8964
  }
8985
-
8986
8965
  .ob-steps-navigation__steps {
8987
8966
  z-index: 30;
8988
8967
  position: absolute;
@@ -9005,7 +8984,6 @@ button on-loading {
9005
8984
  .ob-steps-navigation__steps .steps {
9006
8985
  padding: 1.5rem;
9007
8986
  }
9008
-
9009
8987
  .ob-steps-navigation__background.is-active {
9010
8988
  background-color: hsl(0deg, 0%, 4%);
9011
8989
  opacity: 0.2;
@@ -9235,7 +9213,6 @@ textarea:disabled {
9235
9213
  .ob-form-container .ob-button:nth-child(even) {
9236
9214
  margin-right: 0;
9237
9215
  }
9238
-
9239
9216
  .ob-buttons-submit .ob-button {
9240
9217
  flex: unset;
9241
9218
  min-width: unset;