@pinuts/bsr-uikit-relaunch 0.0.6 → 0.0.7

package/dist/items/PictureUploadRowField/acceptedUploadTypeMapping.d.ts

@@ -0,0 +1,46 @@
+export const ACCEPTED_UPLOAD_TYPE_MAPPING: {
+    'text/plain': string[];
+    'text/html': string[];
+    'text/css': string[];
+    'text/csv': string[];
+    'application/pdf': string[];
+    'application/rtf': string[];
+    'application/xml': string[];
+    'application/json': string[];
+    'application/zip': string[];
+    'application/x-7z-compressed': string[];
+    'application/x-rar-compressed': string[];
+    'application/msword': string[];
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': string[];
+    'application/vnd.ms-excel': string[];
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': string[];
+    'application/vnd.ms-powerpoint': string[];
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation': string[];
+    'application/vnd.oasis.opendocument.text': string[];
+    'application/vnd.oasis.opendocument.spreadsheet': string[];
+    'application/vnd.oasis.opendocument.presentation': string[];
+    'application/vnd.ms-outlook': string[];
+    'message/rfc822': string[];
+    'image/png': string[];
+    'image/jpeg': string[];
+    'image/gif': string[];
+    'image/webp': string[];
+    'image/bmp': string[];
+    'image/svg+xml': string[];
+    'image/tiff': string[];
+    'audio/mpeg': string[];
+    'audio/wav': string[];
+    'audio/ogg': string[];
+    'audio/flac': string[];
+    'audio/aac': string[];
+    'audio/x-ms-wma': string[];
+    'video/mp4': string[];
+    'video/x-msvideo': string[];
+    'video/x-matroska': string[];
+    'video/quicktime': string[];
+    'video/webm': string[];
+    'video/x-flv': string[];
+    'video/x-ms-wmv': string[];
+};
+export default ACCEPTED_UPLOAD_TYPE_MAPPING;
+//# sourceMappingURL=acceptedUploadTypeMapping.d.ts.map

package/dist/items/PictureUploadRowField/acceptedUploadTypeMapping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"acceptedUploadTypeMapping.d.ts","sourceRoot":"","sources":["../../../src/items/PictureUploadRowField/acceptedUploadTypeMapping.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDE"}

package/dist/items/SectionSpinner/SectionSpinner.d.ts

@@ -0,0 +1,40 @@
+export default SectionSpinner;
+declare function SectionSpinner({ className, inputProps, label, variant, animation, size, }: {
+    className: any;
+    inputProps?: {};
+    label?: string;
+    variant?: string;
+    animation?: string;
+    size?: string;
+}): JSX.Element;
+declare namespace SectionSpinner {
+    let propTypes: {
+        variant: any;
+        animation: any;
+        size: any;
+        value: any;
+        values: any;
+        errors: any;
+        touched: any;
+        field: any;
+        meta: any;
+        helpers: any;
+        isRequired: any;
+        isInvalid: any;
+        onChange: any;
+        ariaAttributes: any;
+        fieldIds: any;
+        children: any;
+        readOnly: any;
+        disabled: any;
+        viewMode: any;
+        stepId: any;
+        hideEmptyValues: any;
+        key: any;
+        label: any;
+        helpText: any;
+        className: any;
+        inputProps: any;
+    };
+}
+//# sourceMappingURL=SectionSpinner.d.ts.map

package/dist/items/SectionSpinner/SectionSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSpinner.d.ts","sourceRoot":"","sources":["../../../src/items/SectionSpinner/SectionSpinner.js"],"names":[],"mappings":";AAQA;;;;;;;gBAiCC"}

package/dist/items/SelectField/SelectField.d.ts

@@ -0,0 +1,3 @@
+export default WrappedSelectField;
+declare function WrappedSelectField(props: any): JSX.Element;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/items/SelectField/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/items/SelectField/SelectField.jsx"],"names":[],"mappings":";AAsGA,6DAMC"}

package/dist/items/StaticAlert/StaticAlert.d.ts

@@ -0,0 +1,37 @@
+export default StaticAlert;
+declare function StaticAlert({ headerText, bodyText, className, inputProps, children, color, }: {
+    headerText: any;
+    bodyText: any;
+    className: any;
+    inputProps?: {};
+    children: any;
+    color?: string;
+}): JSX.Element;
+declare namespace StaticAlert {
+    let propTypes: {
+        value: any;
+        values: any;
+        errors: any;
+        touched: any;
+        field: any;
+        meta: any;
+        helpers: any;
+        isRequired: any;
+        isInvalid: any;
+        onChange: any;
+        ariaAttributes: any;
+        fieldIds: any;
+        children: any;
+        readOnly: any;
+        disabled: any;
+        viewMode: any;
+        stepId: any;
+        hideEmptyValues: any;
+        key: any;
+        label: any;
+        helpText: any;
+        className: any;
+        inputProps: any;
+    };
+}
+//# sourceMappingURL=StaticAlert.d.ts.map

package/dist/items/StaticAlert/StaticAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticAlert.d.ts","sourceRoot":"","sources":["../../../src/items/StaticAlert/StaticAlert.jsx"],"names":[],"mappings":";AAKA;;;;;;;gBA4BC"}

package/dist/items/TextAreaField/TextAreaField.d.ts

@@ -0,0 +1,3 @@
+export default HigherOrderTextAreaField;
+declare const HigherOrderTextAreaField: (props: any) => JSX.Element;
+//# sourceMappingURL=TextAreaField.d.ts.map

package/dist/items/TextAreaField/TextAreaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../src/items/TextAreaField/TextAreaField.jsx"],"names":[],"mappings":";AAoFA,oEAA+D"}

package/dist/items/TextBox/TextBox.d.ts

@@ -0,0 +1,12 @@
+export default TextBox;
+declare function TextBox({ config }: {
+    config?: {};
+}): JSX.Element;
+declare namespace TextBox {
+    namespace propTypes {
+        let config: any;
+        let onClick: any;
+        let customText: any;
+    }
+}
+//# sourceMappingURL=TextBox.d.ts.map

package/dist/items/TextBox/TextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../../src/items/TextBox/TextBox.jsx"],"names":[],"mappings":";AAKA;;gBAiBC"}

package/dist/items/TextInputField/TextInputField.d.ts

@@ -0,0 +1,3 @@
+export default HigherOrderTextInputField;
+declare const HigherOrderTextInputField: (props: any) => JSX.Element;
+//# sourceMappingURL=TextInputField.d.ts.map

package/dist/items/TextInputField/TextInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../src/items/TextInputField/TextInputField.jsx"],"names":[],"mappings":";AAyDA,qEAAiE"}

package/dist/items/Toast/Toast.d.ts

@@ -0,0 +1,44 @@
+export default Toast;
+declare function Toast({ text, color, className, ariaDisabledCloseButton, ariaLabelCloseButton, onCloseClick, toastDivProps, inputProps, noCloseButton, }: {
+    text: any;
+    color?: string;
+    className: any;
+    ariaDisabledCloseButton: any;
+    ariaLabelCloseButton?: string;
+    onCloseClick: any;
+    toastDivProps?: {};
+    inputProps?: {};
+    noCloseButton?: boolean;
+}): JSX.Element;
+declare namespace Toast {
+    let propTypes: {
+        text: any;
+        ariaLabelCloseButton: any;
+        ariaDisabledCloseButton: any;
+        onCloseClick: any;
+        value: any;
+        values: any;
+        errors: any;
+        touched: any;
+        field: any;
+        meta: any;
+        helpers: any;
+        isRequired: any;
+        isInvalid: any;
+        onChange: any;
+        ariaAttributes: any;
+        fieldIds: any;
+        children: any;
+        readOnly: any;
+        disabled: any;
+        viewMode: any;
+        stepId: any;
+        hideEmptyValues: any;
+        key: any;
+        label: any;
+        helpText: any;
+        className: any;
+        inputProps: any;
+    };
+}
+//# sourceMappingURL=Toast.d.ts.map

package/dist/items/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/items/Toast/Toast.jsx"],"names":[],"mappings":";AAMA;;;;;;;;;;gBAgDC"}

package/dist/items/ToggleSwitchField/ToggleSwitchField.d.ts

@@ -0,0 +1,3 @@
+export default HigherOrderToggleSwitchField;
+declare const HigherOrderToggleSwitchField: (props: any) => JSX.Element;
+//# sourceMappingURL=ToggleSwitchField.d.ts.map

package/dist/items/ToggleSwitchField/ToggleSwitchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitchField.d.ts","sourceRoot":"","sources":["../../../src/items/ToggleSwitchField/ToggleSwitchField.jsx"],"names":[],"mappings":";AAkGA,wEAAuE"}

package/dist/items/index.d.ts

@@ -0,0 +1,29 @@
+import Badge from './Badge/Badge.jsx';
+import Button from './Button/Button.jsx';
+import BSRAddressSelector from './BSRAddressSelector/BSRAddressSelector.jsx';
+import SubmitButton from './Button/SubmitButton.jsx';
+import DateInputField from './DateInputField/DateInputField.jsx';
+import DropDownButton from './DropDownButton/DropDownButton.jsx';
+import FieldLabel from './FieldLabel/FieldLabel.jsx';
+import FormFieldChildPropTypes from './FormFieldWrapper/FormFieldChildPropTypes.jsx';
+import FormFieldWrapper from './FormFieldWrapper/FormFieldWrapper.jsx';
+import GroupInputField from './GroupInputField/GroupInputField.jsx';
+import Icon from '../assets/Icon.jsx';
+import FormBuilderIcon from './Icon/Icon.jsx';
+import NumberInputField from './NumberInputField/NumberInputField.jsx';
+import SelectField from './SelectField/SelectField.jsx';
+import StaticAlert from './StaticAlert/StaticAlert.jsx';
+import TextBox from './TextBox/TextBox.jsx';
+import TextAreaField from './TextAreaField/TextAreaField.jsx';
+import TextInputField from './TextInputField/TextInputField.jsx';
+import Toast from './Toast/Toast.jsx';
+import ToggleSwitchField from './ToggleSwitchField/ToggleSwitchField.jsx';
+import SectionSpinner from './SectionSpinner/SectionSpinner.js';
+import ArrayFieldset from './ArrayFieldset/ArrayFieldset.jsx';
+import FieldsetWrapper from './FieldsetWrapper/FieldsetWrapper.jsx';
+import BootstrapInputGroupField from './BootstrapInputGroupField/BootstrapInputGroupField.jsx';
+import BSRGridRow from './Grid/BSRGridRow.jsx';
+import BSRGridColumn from './Grid/BSRGridColumn.jsx';
+import BSRGridRowCols from './Grid/BSRGridRowCols.jsx';
+export { Badge, Button, BSRAddressSelector, SubmitButton, DateInputField, DropDownButton, FieldLabel, FormFieldChildPropTypes, FormFieldWrapper, GroupInputField, Icon, FormBuilderIcon, NumberInputField, SelectField, StaticAlert, TextBox, TextAreaField, TextInputField, Toast, ToggleSwitchField, SectionSpinner, ArrayFieldset, FieldsetWrapper, BootstrapInputGroupField, BSRGridRow, BSRGridColumn, BSRGridRowCols };
+//# sourceMappingURL=index.d.ts.map

package/dist/items/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/items/index.js"],"names":[],"mappings":"kBAIkB,mBAAmB;mBAClB,qBAAqB;+BAHT,6CAA6C;yBAInD,2BAA2B;2BACzB,qCAAqC;2BACrC,qCAAqC;uBACzC,6BAA6B;oCAChB,gDAAgD;6BACvD,yCAAyC;4BAC1C,uCAAuC;iBAClD,oBAAoB;4BACT,iBAAiB;6BAGhB,yCAAyC;wBAC9C,+BAA+B;wBAC/B,+BAA+B;oBAGnC,uBAAuB;0BACjB,mCAAmC;2BAClC,qCAAqC;kBAE9C,mBAAmB;8BACP,2CAA2C;2BAN9C,oCAAoC;0BAQrC,mCAAmC;4BACjC,uCAAuC;qCAL9B,yDAAyD;uBAMvE,uBAAuB;0BACpB,0BAA0B;2BACzB,2BAA2B"}

package/dist/locales.d.ts

@@ -0,0 +1,52 @@
+export namespace resources {
+    namespace de {
+        namespace base {
+            namespace bsrModal {
+                let closeButton: string;
+                let saveButton: string;
+                let okButton: string;
+            }
+            namespace errorMessages {
+                let mandatory: string;
+                let dateOnlyFuture: string;
+                let dateOnlyPast: string;
+                let maxDate: string;
+                let minDate: string;
+                let invalidEmail: string;
+                let wrongFormat: string;
+                let mail: string;
+            }
+            namespace bsrAddressSelector {
+                let addressNotFound: string;
+                let loading: string;
+                let checkAddress: string;
+                let resetBtn: string;
+                let successMsg: string;
+            }
+            namespace bsrItems {
+                let noOptionsGiven: string;
+                let lockedField: string;
+                let errorMsgPrefix: string;
+                let pleaseChoose: string;
+                namespace ToggleSwitchField {
+                    let yes: string;
+                    let no: string;
+                }
+                let maxCharacters: string;
+                let DropzoneUploadField: {
+                    'file-invalid-type': string;
+                    'too-many-files': string;
+                };
+                namespace arrayFieldset {
+                    let singularItemForList: string;
+                    let addButtonLabel: string;
+                    let addAnotherButtonLabel: string;
+                    let removeButtonLabel: string;
+                }
+            }
+        }
+    }
+    let en: {};
+}
+export default resources;
+//# sourceMappingURL=locales.d.ts.map

package/dist/locales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../src/locales.js"],"names":[],"mappings":""}

package/dist/styles/_colors.scss

@@ -0,0 +1,165 @@
+// All HBS Colors
+$hbs-rot:rgba(227, 5, 19, 1);
+$hbs-rot-50: tint-color($hbs-rot, 50%);
+$hbs-rot-40: tint-color($hbs-rot, 60%);
+$hbs-rot-30: tint-color($hbs-rot, 70%);
+$hbs-rot-20: tint-color($hbs-rot, 80%);
+$hbs-rot-10: tint-color($hbs-rot, 90%);
+
+$hbs-orange:rgba(239, 124, 0, 1);
+$hbs-orange-50: tint-color($hbs-orange, 50%);
+$hbs-orange-40: tint-color($hbs-orange, 60%);
+$hbs-orange-30: tint-color($hbs-orange, 70%);
+$hbs-orange-20: tint-color($hbs-orange, 80%);
+$hbs-orange-10: tint-color($hbs-orange, 90%);
+
+$hbs-pink:rgba(214, 0, 126, 1);
+$hbs-pink-50: tint-color($hbs-pink, 50%);
+$hbs-pink-40: tint-color($hbs-pink, 60%);
+$hbs-pink-30: tint-color($hbs-pink, 70%);
+$hbs-pink-20: tint-color($hbs-pink, 80%);
+$hbs-pink-10: tint-color($hbs-pink, 90%);
+
+$hbs-lila:rgba(110, 53, 139, 1);
+$hbs-lila-50: tint-color($hbs-lila, 50%);
+$hbs-lila-40: tint-color($hbs-lila, 60%);
+$hbs-lila-30: tint-color($hbs-lila, 70%);
+$hbs-lila-20: tint-color($hbs-lila, 80%);
+$hbs-lila-10: tint-color($hbs-lila, 90%);
+
+$hbs-gruen: rgba(14, 150, 93, 1);
+$hbs-gruen-50: tint-color($hbs-gruen, 50%);
+$hbs-gruen-40: tint-color($hbs-gruen, 60%);
+$hbs-gruen-30: tint-color($hbs-gruen, 70%);
+$hbs-gruen-20: tint-color($hbs-gruen, 80%);
+$hbs-gruen-10: tint-color($hbs-gruen, 90%);
+
+$hbs-tuerkis:rgba(95, 187, 201, 1);
+$hbs-tuerkis-50: tint-color($hbs-tuerkis, 50%);
+$hbs-tuerkis-40: tint-color($hbs-tuerkis, 60%);
+$hbs-tuerkis-30: tint-color($hbs-tuerkis, 70%);
+$hbs-tuerkis-20: tint-color($hbs-tuerkis, 80%);
+$hbs-tuerkis-10: tint-color($hbs-tuerkis, 90%);
+
+$hbs-blau:rgb(0, 130, 173);
+$hbs-blau-50: tint-color($hbs-blau, 50%);
+$hbs-blau-40: tint-color($hbs-blau, 60%);
+$hbs-blau-30: tint-color($hbs-blau, 70%);
+$hbs-blau-20: tint-color($hbs-blau, 80%);
+$hbs-blau-10: tint-color($hbs-blau, 90%);
+
+$hbs-sand: rgba(228, 225, 205, 1);
+$hbs-sand-50: tint-color($hbs-sand, 50%);
+$hbs-sand-40: tint-color($hbs-sand, 60%);
+$hbs-sand-30: tint-color($hbs-sand, 70%);
+$hbs-sand-20: tint-color($hbs-sand, 80%);
+$hbs-sand-10: tint-color($hbs-sand, 90%);
+
+$hbs-schwarz: rgb(0, 0, 0);
+$hbs-schwarz-60: tint-color($hbs-schwarz, 40%);
+$hbs-schwarz-50: tint-color($hbs-schwarz, 50%);
+$hbs-schwarz-40: tint-color($hbs-schwarz, 60%);
+$hbs-schwarz-30: tint-color($hbs-schwarz, 70%);
+$hbs-schwarz-20: tint-color($hbs-schwarz, 80%);
+$hbs-schwarz-10: tint-color($hbs-schwarz, 90%);
+
+$hbs-white: rgba(255, 255, 255, 1);
+
+// for mapping
+// use bg-tuerkis or btn-blau etc...
+$hbs-colors: (
+    "rot": $hbs-rot,
+    "rot-50": $hbs-rot-50,
+    "rot-40": $hbs-rot-40,
+    "rot-30": $hbs-rot-30,
+    "rot-20": $hbs-rot-20,
+    "rot-10": $hbs-rot-10,
+
+    "orange": $hbs-orange,
+    "orange-50": $hbs-orange-50,
+    "orange-40": $hbs-orange-40,
+    "orange-30": $hbs-orange-30,
+    "orange-20": $hbs-orange-20,
+    "orange-10": $hbs-orange-10,
+
+    "pink": $hbs-pink,
+    "pink-50": $hbs-pink-50,
+    "pink-40": $hbs-pink-40,
+    "pink-30": $hbs-pink-30,
+    "pink-20": $hbs-pink-20,
+    "pink-10": $hbs-pink-10,
+
+    "lila": $hbs-lila,
+    "lila-50": $hbs-lila-50,
+    "lila-40": $hbs-lila-40,
+    "lila-30": $hbs-lila-30,
+    "lila-20": $hbs-lila-20,
+    "lila-10": $hbs-lila-10,
+
+    "tuerkis": $hbs-tuerkis,
+    "tuerkis-50": $hbs-tuerkis-50,
+    "tuerkis-40": $hbs-tuerkis-40,
+    "tuerkis-30": $hbs-tuerkis-30,
+    "tuerkis-20": $hbs-tuerkis-20,
+    "tuerkis-10": $hbs-tuerkis-10,
+
+    "blau": $hbs-blau,
+    "blau-50": $hbs-blau-50,
+    "blau-40": $hbs-blau-40,
+    "blau-30": $hbs-blau-30,
+    "blau-20": $hbs-blau-20,
+    "blau-10": $hbs-blau-10,
+
+    "sand": $hbs-sand,
+    "sand-50": $hbs-sand-50,
+    "sand-40": $hbs-sand-40,
+    "sand-30": $hbs-sand-30,
+    "sand-20": $hbs-sand-20,
+    "sand-10": $hbs-sand-10,
+
+    "schwarz": $hbs-schwarz,
+    "schwarz-60": $hbs-schwarz-60,
+    "schwarz-50": $hbs-schwarz-50, // a11y: not to be used as font color! contrast to white bg not enought accessible
+    "schwarz-40": $hbs-schwarz-40,
+    "schwarz-30": $hbs-schwarz-30,
+    "schwarz-20": $hbs-schwarz-20,
+    "schwarz-10": $hbs-schwarz-10,
+
+    "weiss": $hbs-white, // duplicate for consitency in naming
+    "white": $hbs-white,
+);
+$bsr-bg-grey:  #F2F2F2;
+$hbs-warning-bg: $hbs-orange-10;
+$hbs-danger-bg: $hbs-pink-10;
+
+//Theme Colors
+$primary: $hbs-rot;
+$secondary: $hbs-tuerkis;
+$success: rgba(14, 150, 93, 1);
+$info: $hbs-blau;
+$warning: $hbs-orange;
+$danger: $hbs-pink;
+$blue: $hbs-blau;
+$dark: $hbs-schwarz;
+$gray: rgb(102, 102, 102); // $hbs-schwarz-60;
+$white: $hbs-white;
+$text-color: $hbs-schwarz;
+// theme color remapping
+$theme-colors: (
+  "primary": $hbs-rot,
+  "secondary": $secondary,
+  "success": $hbs-gruen,
+  "warning": $hbs-orange,
+  "danger": $hbs-pink,
+  "info": $hbs-blau,
+  "blue": $hbs-blau,
+  "dark": $hbs-schwarz,
+  "gray": $gray,
+  "white": $hbs-white,
+  "text-color": $hbs-schwarz,
+);
+
+$hbs-success-lightest: tint-color($success, 80%);
+$hbs-danger-lightest: tint-color($danger, 80%);
+$hbs-warning-lightest: tint-color($warning, 80%);
+$hbs-info-lightest: tint-color($info, 80%);