@speakapbv/dough-component-library 9.18.5 → 9.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/components/br/br.d.ts +0 -1
  2. package/dist/components/button/button.d.ts +2 -0
  3. package/dist/components/color-tile/color-tile.d.ts +15 -0
  4. package/dist/components/divider/divider.d.ts +0 -1
  5. package/dist/components/drop-menu/drop-menu.d.ts +3 -1
  6. package/dist/components/fader/fader.d.ts +0 -1
  7. package/dist/components/form-elements/date-picker/date-picker.d.ts +0 -1
  8. package/dist/components/form-elements/date-time/date-time.d.ts +0 -1
  9. package/dist/components/image-carousel/image-carousel.d.ts +0 -1
  10. package/dist/components/overlay/overlay.d.ts +0 -1
  11. package/dist/components/skeleton/skeleton.d.ts +0 -1
  12. package/dist/components/spacer/spacer.d.ts +0 -1
  13. package/dist/components/spinner/spinner.d.ts +0 -1
  14. package/dist/components/strength-indicator/strength-indicator.d.ts +0 -1
  15. package/dist/index.d.ts +3 -2
  16. package/dist/index.es.js +127 -78
  17. package/dist/index.js +126 -77
  18. package/dist/node_modules/@speakapbv/dough-component-library-tokens/index.d.ts +7 -0
  19. package/dist/src/components/alert-textbox/alert-textbox.stories.d.ts +3 -0
  20. package/dist/src/components/button/button.stories.d.ts +6 -0
  21. package/dist/src/components/color-tile/color-tile.stories.d.ts +5 -0
  22. package/dist/src/components/form-elements/date-time/date-time-header.d.ts +0 -1
  23. package/dist/src/components/form-elements/date-time/month-selector.d.ts +0 -1
  24. package/dist/src/components/form-elements/date-time/year-selector.d.ts +0 -1
  25. package/dist/src/components/spinner/spinner.stories.d.ts +3 -0
  26. package/dist/src/components/texts/info-icons.d.ts +0 -1
  27. package/dist/src/components/tree/tree.d.ts +0 -1
  28. package/dist/src/utils/icon-renderers.d.ts +0 -1
  29. package/dist/utils/constants.d.ts +7 -0
  30. package/package.json +18 -3
package/dist/index.es.js CHANGED
@@ -29,7 +29,7 @@ function styleInject(css, ref) {
29
29
  }
30
30
  }
31
31
 
32
- var css_248z = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\ndiv#dough-injected-styles {\n display: none;\n visibility: hidden;\n}\n\ndiv#dough-panel-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 15000;\n width: auto;\n height: auto;\n height: -webkit-fill-available;\n position: fixed;\n pointer-events: all;\n overflow: hidden;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n}\ndiv#dough-panel-overlay.dough-panel-overlay-keep-events-to-background {\n pointer-events: none;\n}\ndiv#dough-panel-overlay:empty {\n pointer-events: none;\n}\n\ndiv.dough-dialog-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 20000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.4);\n}\nbody.dough-noscroll div.dough-dialog-overlay:not(:empty) {\n overflow-y: scroll;\n pointer-events: unset;\n}\nbody:not(.no-transition) div.dough-dialog-overlay {\n transition: opacity 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition div.dough-dialog-overlay {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\ndiv.dough-dialog-overlay.dough-dialog-overlay-backdrop-dark {\n background-color: rgba(0, 0, 0, 0.85);\n}\ndiv.dough-dialog-overlay:not(:empty) {\n opacity: 1;\n}\n\ndiv.dough-drop-area-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 30000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\nbody.dough-noscroll div.dough-drop-area-overlay:not(:empty) {\n overflow-y: scroll;\n}\n\ndiv.dough-tooltip-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 40000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\n\ndiv#dough-app-background-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\n\ndiv#dough-app-wrapper-overlay {\n width: 100%;\n min-height: 100%;\n box-sizing: border-box;\n}\n\ndiv.dough-notification-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 50000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\nbody.dough-noscroll div.dough-notification-overlay:not(:empty) {\n margin-right: var(--dough-scroll-bar-width);\n}\ndiv.dough-notification-overlay > div {\n position: absolute;\n top: 0;\n z-index: 10;\n width: 416px;\n height: 100%;\n max-height: 100%;\n pointer-events: none;\n overflow: hidden;\n display: flex;\n flex-flow: column nowrap;\n padding: 16px;\n box-sizing: border-box;\n padding-bottom: 0;\n overflow: hidden;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-ver-top {\n justify-content: flex-start;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-ver-center {\n justify-content: center;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-ver-bottom {\n justify-content: flex-end;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-hor-left {\n left: 0;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-hor-center {\n left: 50%;\n margin-left: -200px;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-hor-right {\n right: 0;\n}\n\n/*MOBILE*/\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay {\n padding: 16px;\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: flex-end !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div {\n position: relative;\n width: 100%;\n height: auto;\n display: block !important;\n overflow: visible;\n padding: 0 !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div.dough-notification-layer-hor-left, body:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div.dough-notification-layer-hor-center, body:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div.dough-notification-layer-hor-right {\n right: initial !important;\n margin-left: initial !important;\n left: initial !important;\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) div.dough-notification-overlay {\n padding: 16px;\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: flex-end !important;\n }\n body:not(.dough-no-viewport-control) div.dough-notification-overlay > div {\n position: relative;\n width: 100%;\n height: auto;\n display: block !important;\n overflow: visible;\n padding: 0 !important;\n }\n body:not(.dough-no-viewport-control) div.dough-notification-overlay > div.dough-notification-layer-hor-left, body:not(.dough-no-viewport-control) div.dough-notification-overlay > div.dough-notification-layer-hor-center, body:not(.dough-no-viewport-control) div.dough-notification-overlay > div.dough-notification-layer-hor-right {\n right: initial !important;\n margin-left: initial !important;\n left: initial !important;\n }\n}\n.dough-breakpoint-control {\n width: 1px;\n height: 1px;\n position: fixed;\n pointer-events: none;\n top: -100vh;\n}\n\n@media only screen and (max-width: 576px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportSmall] {\n top: 10vh;\n }\n}\n@media only screen and (min-width: 577px) and (max-width: 768px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportMedium] {\n top: 10vh;\n }\n}\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportLarge] {\n top: 10vh;\n }\n}\n@media only screen and (min-width: 1081px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportExtraLarge] {\n top: 10vh;\n }\n}\n:root {\n --dough-color-icon-default: #999999;\n --dough-color-icon-primary: #4484c7;\n --dough-color-icon-white: #ffffff;\n --dough-color-input-border: #d2d2d2;\n --dough-color-input-label: #6e6f75;\n --dough-color-input-border-focused: #4484c7;\n --dough-color-input-label-focused: #4484c7;\n}\n\n:root {\n --dough-color-background: #eceffb;\n --dough-color-background-alternate: #6e6f75;\n}\n\n.dough-color-background {\n background-color: #eceffb;\n color: #6e6f75;\n background-color: var(--dough-color-background);\n color: var(--dough-color-background-alternate);\n}\n.dough-color-background .dough-inline-svg-icon > path {\n fill: #6e6f75;\n fill: var(--dough-color-background-alternate);\n}\n\n:root {\n --dough-color-theme: white;\n --dough-color-theme-alternate: #6e6f75;\n}\n\n.dough-color-theme {\n background-color: white;\n color: #6e6f75;\n background-color: var(--dough-color-theme);\n color: var(--dough-color-theme-alternate);\n}\n.dough-color-theme .dough-inline-svg-icon > path {\n fill: #6e6f75;\n fill: var(--dough-color-theme-alternate);\n}\n\n:root {\n --dough-color-white: white;\n --dough-color-white-alternate: #6e6f75;\n}\n\n.dough-color-white {\n background-color: white;\n color: #6e6f75;\n background-color: var(--dough-color-white);\n color: var(--dough-color-white-alternate);\n}\n.dough-color-white .dough-inline-svg-icon > path {\n fill: #6e6f75;\n fill: var(--dough-color-white-alternate);\n}\n\n:root {\n --dough-color-primary: #4484c7;\n --dough-color-primary-alternate: white;\n}\n\n.dough-color-primary {\n background-color: #4484c7;\n color: white;\n background-color: var(--dough-color-primary);\n color: var(--dough-color-primary-alternate);\n}\n.dough-color-primary .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-primary-alternate);\n}\n\n:root {\n --dough-color-header: #4484c7;\n --dough-color-header-alternate: white;\n}\n\n.dough-color-header {\n background-color: #4484c7;\n color: white;\n background-color: var(--dough-color-header);\n color: var(--dough-color-header-alternate);\n}\n.dough-color-header .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-header-alternate);\n}\n\n:root {\n --dough-color-header-light: #5ea2e9;\n --dough-color-header-light-alternate: white;\n}\n\n.dough-color-header-light {\n background-color: #5ea2e9;\n color: white;\n background-color: var(--dough-color-header-light);\n color: var(--dough-color-header-light-alternate);\n}\n.dough-color-header-light .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-header-light-alternate);\n}\n\n:root {\n --dough-color-header-dark: #2f659f;\n --dough-color-header-dark-alternate: white;\n}\n\n.dough-color-header-dark {\n background-color: #2f659f;\n color: white;\n background-color: var(--dough-color-header-dark);\n color: var(--dough-color-header-dark-alternate);\n}\n.dough-color-header-dark .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-header-dark-alternate);\n}\n\n:root {\n --dough-color-button: #47aa3c;\n --dough-color-button-alternate: white;\n}\n\n.dough-color-button {\n background-color: #47aa3c;\n color: white;\n background-color: var(--dough-color-button);\n color: var(--dough-color-button-alternate);\n}\n.dough-color-button .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-button-alternate);\n}\n\n:root {\n --dough-color-like: #f24025;\n --dough-color-like-alternate: white;\n}\n\n.dough-color-like {\n background-color: #f24025;\n color: white;\n background-color: var(--dough-color-like);\n color: var(--dough-color-like-alternate);\n}\n.dough-color-like .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-like-alternate);\n}\n\n:root {\n --dough-color-status-success: #008800;\n --dough-color-status-success-alternate: white;\n}\n\n.dough-color-status-success {\n background-color: #008800;\n color: white;\n background-color: var(--dough-color-status-success);\n color: var(--dough-color-status-success-alternate);\n}\n.dough-color-status-success .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-status-success-alternate);\n}\n\n:root {\n --dough-color-status-warning: #ff8800;\n --dough-color-status-warning-alternate: white;\n}\n\n.dough-color-status-warning {\n background-color: #ff8800;\n color: white;\n background-color: var(--dough-color-status-warning);\n color: var(--dough-color-status-warning-alternate);\n}\n.dough-color-status-warning .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-status-warning-alternate);\n}\n\n:root {\n --dough-color-status-danger: #bf2900;\n --dough-color-status-danger-alternate: white;\n}\n\n.dough-color-status-danger {\n background-color: #bf2900;\n color: white;\n background-color: var(--dough-color-status-danger);\n color: var(--dough-color-status-danger-alternate);\n}\n.dough-color-status-danger .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-status-danger-alternate);\n}\n\n:root {\n --dough-color-gray-1: #444444;\n --dough-color-gray-1-alternate: white;\n}\n\n.dough-color-gray-1 {\n background-color: #444444;\n color: white;\n background-color: var(--dough-color-gray-1);\n color: var(--dough-color-gray-1-alternate);\n}\n.dough-color-gray-1 .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-gray-1-alternate);\n}\n\n:root {\n --dough-color-gray-2: dimgray;\n --dough-color-gray-2-alternate: white;\n}\n\n.dough-color-gray-2 {\n background-color: dimgray;\n color: white;\n background-color: var(--dough-color-gray-2);\n color: var(--dough-color-gray-2-alternate);\n}\n.dough-color-gray-2 .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-gray-2-alternate);\n}\n\n:root {\n --dough-color-gray-3: #9f9f9f;\n --dough-color-gray-3-alternate: white;\n}\n\n.dough-color-gray-3 {\n background-color: #9f9f9f;\n color: white;\n background-color: var(--dough-color-gray-3);\n color: var(--dough-color-gray-3-alternate);\n}\n.dough-color-gray-3 .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-gray-3-alternate);\n}\n\n:root {\n --dough-color-gray-4: #d2d2d2;\n --dough-color-gray-4-alternate: white;\n}\n\n.dough-color-gray-4 {\n background-color: #d2d2d2;\n color: white;\n background-color: var(--dough-color-gray-4);\n color: var(--dough-color-gray-4-alternate);\n}\n.dough-color-gray-4 .dough-inline-svg-icon > path {\n fill: white;\n fill: var(--dough-color-gray-4-alternate);\n}\n\n:root {\n --dough-color-gray-5: #e6e6e6;\n --dough-color-gray-5-alternate: #6e6f75;\n}\n\n.dough-color-gray-5 {\n background-color: #e6e6e6;\n color: #6e6f75;\n background-color: var(--dough-color-gray-5);\n color: var(--dough-color-gray-5-alternate);\n}\n.dough-color-gray-5 .dough-inline-svg-icon > path {\n fill: #6e6f75;\n fill: var(--dough-color-gray-5-alternate);\n}\n\n:root {\n --dough-color-gray-6: whitesmoke;\n --dough-color-gray-6-alternate: #6e6f75;\n}\n\n.dough-color-gray-6 {\n background-color: whitesmoke;\n color: #6e6f75;\n background-color: var(--dough-color-gray-6);\n color: var(--dough-color-gray-6-alternate);\n}\n.dough-color-gray-6 .dough-inline-svg-icon > path {\n fill: #6e6f75;\n fill: var(--dough-color-gray-6-alternate);\n}\n\n:root {\n --dough-color-transparent: rgba(255, 255, 255, 0);\n --dough-color-transparent-alternate: #6e6f75;\n}\n\n.dough-color-transparent {\n background-color: rgba(255, 255, 255, 0);\n color: #6e6f75;\n background-color: var(--dough-color-transparent);\n color: var(--dough-color-transparent-alternate);\n}\n.dough-color-transparent .dough-inline-svg-icon > path {\n fill: #6e6f75;\n fill: var(--dough-color-transparent-alternate);\n}\n\n:root {\n --dough-color-text-default: #6e6f75;\n}\n\n.dough-color-text-default {\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n\n:root {\n --dough-color-text-white: white;\n}\n\n.dough-color-text-white {\n color: white;\n color: var(--dough-color-text-white);\n}\n\n:root {\n --dough-color-text-light: #9e9e9e;\n}\n\n.dough-color-text-light {\n color: #9e9e9e;\n color: var(--dough-color-text-light);\n}\n\n:root {\n --dough-color-text-dark: #444444;\n}\n\n.dough-color-text-dark {\n color: #444444;\n color: var(--dough-color-text-dark);\n}\n\n:root {\n --dough-color-text-link: #4484c7;\n}\n\n.dough-color-text-link {\n color: #4484c7;\n color: var(--dough-color-text-link);\n}\n\n:root {\n --dough-color-text-header: #4484c7;\n}\n\n.dough-color-text-header {\n color: #4484c7;\n color: var(--dough-color-text-header);\n}\n\n:root {\n --dough-color-text-header-light: #5ea2e9;\n}\n\n.dough-color-text-header-light {\n color: #5ea2e9;\n color: var(--dough-color-text-header-light);\n}\n\n:root {\n --dough-color-text-header-dark: #2f659f;\n}\n\n.dough-color-text-header-dark {\n color: #2f659f;\n color: var(--dough-color-text-header-dark);\n}\n\n:root {\n --dough-color-text-status-success: #008800;\n}\n\n.dough-color-text-status-success {\n color: #008800;\n color: var(--dough-color-text-status-success);\n}\n\n:root {\n --dough-color-text-status-warning: #ff8800;\n}\n\n.dough-color-text-status-warning {\n color: #ff8800;\n color: var(--dough-color-text-status-warning);\n}\n\n:root {\n --dough-color-text-status-danger: #bf2900;\n}\n\n.dough-color-text-status-danger {\n color: #bf2900;\n color: var(--dough-color-text-status-danger);\n}\n\n:root {\n --dough-color-icon-default: #999999;\n}\n\n.dough-color-icon-default {\n color: #999999;\n color: var(--dough-color-icon-default);\n}\n\n:root {\n --dough-color-icon-primary: #4484c7;\n}\n\n.dough-color-icon-primary {\n color: #4484c7;\n color: var(--dough-color-icon-primary);\n}\n\n:root {\n --dough-color-icon-white: #ffffff;\n}\n\n.dough-color-icon-white {\n color: #ffffff;\n color: var(--dough-color-icon-white);\n}\n\n.dough-color-input-border {\n border-color: #4484c7;\n border-color: var(--dough-color-input-border-focused);\n}\n\n.dough-color-input-label {\n color: #4484c7;\n color: var(--dough-color-input-label-focused);\n}\n\nbody.dough-noscroll {\n overflow: hidden !important;\n}\nbody.dough-noscroll .dough-scroll-lock-item {\n right: var(--dough-scroll-bar-width);\n}";
32
+ var css_248z = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\ndiv#dough-injected-styles {\n display: none;\n visibility: hidden;\n}\n\ndiv#dough-panel-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 15000;\n width: auto;\n height: auto;\n height: -webkit-fill-available;\n position: fixed;\n pointer-events: all;\n overflow: hidden;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n}\ndiv#dough-panel-overlay.dough-panel-overlay-keep-events-to-background {\n pointer-events: none;\n}\ndiv#dough-panel-overlay:empty {\n pointer-events: none;\n}\n\ndiv.dough-dialog-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 20000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.4);\n}\nbody.dough-noscroll div.dough-dialog-overlay:not(:empty) {\n overflow-y: scroll;\n pointer-events: unset;\n}\nbody:not(.no-transition) div.dough-dialog-overlay {\n transition: opacity 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition div.dough-dialog-overlay {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\ndiv.dough-dialog-overlay.dough-dialog-overlay-backdrop-dark {\n background-color: rgba(0, 0, 0, 0.85);\n}\ndiv.dough-dialog-overlay:not(:empty) {\n opacity: 1;\n}\n\ndiv.dough-drop-area-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 30000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\nbody.dough-noscroll div.dough-drop-area-overlay:not(:empty) {\n overflow-y: scroll;\n}\n\ndiv.dough-tooltip-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 40000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\n\ndiv#dough-app-background-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\n\ndiv#dough-app-wrapper-overlay {\n width: 100%;\n min-height: 100%;\n box-sizing: border-box;\n}\n\ndiv.dough-notification-overlay {\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 50000;\n width: auto;\n height: auto;\n position: fixed;\n pointer-events: none;\n overflow: hidden;\n}\nbody.dough-noscroll div.dough-notification-overlay:not(:empty) {\n margin-right: var(--dough-scroll-bar-width);\n}\ndiv.dough-notification-overlay > div {\n position: absolute;\n top: 0;\n z-index: 10;\n width: 416px;\n height: 100%;\n max-height: 100%;\n pointer-events: none;\n overflow: hidden;\n display: flex;\n flex-flow: column nowrap;\n padding: 16px;\n box-sizing: border-box;\n padding-bottom: 0;\n overflow: hidden;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-ver-top {\n justify-content: flex-start;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-ver-center {\n justify-content: center;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-ver-bottom {\n justify-content: flex-end;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-hor-left {\n left: 0;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-hor-center {\n left: 50%;\n margin-left: -200px;\n}\ndiv.dough-notification-overlay > div.dough-notification-layer-hor-right {\n right: 0;\n}\n\n/*MOBILE*/\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay {\n padding: 16px;\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: flex-end !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div {\n position: relative;\n width: 100%;\n height: auto;\n display: block !important;\n overflow: visible;\n padding: 0 !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div.dough-notification-layer-hor-left, body:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div.dough-notification-layer-hor-center, body:not(.dough-no-viewport-control) .dough-max-viewport-size-small div.dough-notification-overlay > div.dough-notification-layer-hor-right {\n right: initial !important;\n margin-left: initial !important;\n left: initial !important;\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) div.dough-notification-overlay {\n padding: 16px;\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: flex-end !important;\n }\n body:not(.dough-no-viewport-control) div.dough-notification-overlay > div {\n position: relative;\n width: 100%;\n height: auto;\n display: block !important;\n overflow: visible;\n padding: 0 !important;\n }\n body:not(.dough-no-viewport-control) div.dough-notification-overlay > div.dough-notification-layer-hor-left, body:not(.dough-no-viewport-control) div.dough-notification-overlay > div.dough-notification-layer-hor-center, body:not(.dough-no-viewport-control) div.dough-notification-overlay > div.dough-notification-layer-hor-right {\n right: initial !important;\n margin-left: initial !important;\n left: initial !important;\n }\n}\n.dough-breakpoint-control {\n width: 1px;\n height: 1px;\n position: fixed;\n pointer-events: none;\n top: -100vh;\n}\n\n@media only screen and (max-width: 576px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportSmall] {\n top: 10vh;\n }\n}\n@media only screen and (min-width: 577px) and (max-width: 768px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportMedium] {\n top: 10vh;\n }\n}\n@media only screen and (min-width: 769px) and (max-width: 1080px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportLarge] {\n top: 10vh;\n }\n}\n@media only screen and (min-width: 1081px) {\n .dough-breakpoint-control[breakpoint-key=sizeViewportExtraLarge] {\n top: 10vh;\n }\n}\n:root {\n --dough-color-icon-default: #999999;\n --dough-color-icon-primary: #4484c7;\n --dough-color-icon-white: #ffffff;\n --dough-color-input-border: rgb(210, 210, 210);\n --dough-color-input-label: rgb(110, 111, 117);\n --dough-color-input-border-focused: rgb(68, 132, 199);\n --dough-color-input-label-focused: rgb(68, 132, 199);\n}\n\n:root {\n --dough-color-background: #eceffb;\n --dough-color-background-alternate: rgb(110, 111, 117);\n}\n\n.dough-color-background {\n background-color: #eceffb;\n color: rgb(110, 111, 117);\n background-color: var(--dough-color-background);\n color: var(--dough-color-background-alternate);\n}\n.dough-color-background .dough-inline-svg-icon > path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-background-alternate);\n}\n\n:root {\n --dough-color-theme: rgb(255, 255, 255);\n --dough-color-theme-alternate: rgb(110, 111, 117);\n}\n\n.dough-color-theme {\n background-color: rgb(255, 255, 255);\n color: rgb(110, 111, 117);\n background-color: var(--dough-color-theme);\n color: var(--dough-color-theme-alternate);\n}\n.dough-color-theme .dough-inline-svg-icon > path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-theme-alternate);\n}\n\n:root {\n --dough-color-white: rgb(255, 255, 255);\n --dough-color-white-alternate: rgb(110, 111, 117);\n}\n\n.dough-color-white {\n background-color: rgb(255, 255, 255);\n color: rgb(110, 111, 117);\n background-color: var(--dough-color-white);\n color: var(--dough-color-white-alternate);\n}\n.dough-color-white .dough-inline-svg-icon > path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-white-alternate);\n}\n\n:root {\n --dough-color-primary: rgb(68, 132, 199);\n --dough-color-primary-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-primary {\n background-color: rgb(68, 132, 199);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-primary);\n color: var(--dough-color-primary-alternate);\n}\n.dough-color-primary .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-primary-alternate);\n}\n\n:root {\n --dough-color-header: rgb(68, 132, 199);\n --dough-color-header-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-header {\n background-color: rgb(68, 132, 199);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-header);\n color: var(--dough-color-header-alternate);\n}\n.dough-color-header .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-header-alternate);\n}\n\n:root {\n --dough-color-header-light: rgb(94, 162, 233);\n --dough-color-header-light-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-header-light {\n background-color: rgb(94, 162, 233);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-header-light);\n color: var(--dough-color-header-light-alternate);\n}\n.dough-color-header-light .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-header-light-alternate);\n}\n\n:root {\n --dough-color-header-dark: rgb(47, 101, 159);\n --dough-color-header-dark-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-header-dark {\n background-color: rgb(47, 101, 159);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-header-dark);\n color: var(--dough-color-header-dark-alternate);\n}\n.dough-color-header-dark .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-header-dark-alternate);\n}\n\n:root {\n --dough-color-button: rgb(71, 170, 60);\n --dough-color-button-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-button {\n background-color: rgb(71, 170, 60);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-button);\n color: var(--dough-color-button-alternate);\n}\n.dough-color-button .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-button-alternate);\n}\n\n:root {\n --dough-color-like: rgb(242, 64, 37);\n --dough-color-like-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-like {\n background-color: rgb(242, 64, 37);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-like);\n color: var(--dough-color-like-alternate);\n}\n.dough-color-like .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-like-alternate);\n}\n\n:root {\n --dough-color-status-success: rgb(0, 136, 0);\n --dough-color-status-success-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-status-success {\n background-color: rgb(0, 136, 0);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-status-success);\n color: var(--dough-color-status-success-alternate);\n}\n.dough-color-status-success .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-status-success-alternate);\n}\n\n:root {\n --dough-color-status-warning: rgb(255, 136, 0);\n --dough-color-status-warning-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-status-warning {\n background-color: rgb(255, 136, 0);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-status-warning);\n color: var(--dough-color-status-warning-alternate);\n}\n.dough-color-status-warning .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-status-warning-alternate);\n}\n\n:root {\n --dough-color-status-danger: rgb(191, 41, 0);\n --dough-color-status-danger-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-status-danger {\n background-color: rgb(191, 41, 0);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-status-danger);\n color: var(--dough-color-status-danger-alternate);\n}\n.dough-color-status-danger .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-status-danger-alternate);\n}\n\n:root {\n --dough-color-selector-1: rgb(250, 75, 52);\n --dough-color-selector-1-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-selector-1 {\n background-color: rgb(250, 75, 52);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-selector-1);\n color: var(--dough-color-selector-1-alternate);\n}\n.dough-color-selector-1 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-selector-1-alternate);\n}\n\n:root {\n --dough-color-selector-2: rgb(255, 168, 34);\n --dough-color-selector-2-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-selector-2 {\n background-color: rgb(255, 168, 34);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-selector-2);\n color: var(--dough-color-selector-2-alternate);\n}\n.dough-color-selector-2 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-selector-2-alternate);\n}\n\n:root {\n --dough-color-selector-3: rgb(0, 145, 255);\n --dough-color-selector-3-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-selector-3 {\n background-color: rgb(0, 145, 255);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-selector-3);\n color: var(--dough-color-selector-3-alternate);\n}\n.dough-color-selector-3 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-selector-3-alternate);\n}\n\n:root {\n --dough-color-selector-4: rgb(20, 202, 215);\n --dough-color-selector-4-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-selector-4 {\n background-color: rgb(20, 202, 215);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-selector-4);\n color: var(--dough-color-selector-4-alternate);\n}\n.dough-color-selector-4 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-selector-4-alternate);\n}\n\n:root {\n --dough-color-selector-5: rgb(143, 0, 255);\n --dough-color-selector-5-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-selector-5 {\n background-color: rgb(143, 0, 255);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-selector-5);\n color: var(--dough-color-selector-5-alternate);\n}\n.dough-color-selector-5 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-selector-5-alternate);\n}\n\n:root {\n --dough-color-gray-1: rgb(68, 68, 68);\n --dough-color-gray-1-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-gray-1 {\n background-color: rgb(68, 68, 68);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-gray-1);\n color: var(--dough-color-gray-1-alternate);\n}\n.dough-color-gray-1 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-gray-1-alternate);\n}\n\n:root {\n --dough-color-gray-2: rgb(105, 105, 105);\n --dough-color-gray-2-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-gray-2 {\n background-color: rgb(105, 105, 105);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-gray-2);\n color: var(--dough-color-gray-2-alternate);\n}\n.dough-color-gray-2 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-gray-2-alternate);\n}\n\n:root {\n --dough-color-gray-3: rgb(159, 159, 159);\n --dough-color-gray-3-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-gray-3 {\n background-color: rgb(159, 159, 159);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-gray-3);\n color: var(--dough-color-gray-3-alternate);\n}\n.dough-color-gray-3 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-gray-3-alternate);\n}\n\n:root {\n --dough-color-gray-4: rgb(210, 210, 210);\n --dough-color-gray-4-alternate: rgb(255, 255, 255);\n}\n\n.dough-color-gray-4 {\n background-color: rgb(210, 210, 210);\n color: rgb(255, 255, 255);\n background-color: var(--dough-color-gray-4);\n color: var(--dough-color-gray-4-alternate);\n}\n.dough-color-gray-4 .dough-inline-svg-icon > path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-gray-4-alternate);\n}\n\n:root {\n --dough-color-gray-5: rgb(230, 230, 230);\n --dough-color-gray-5-alternate: rgb(110, 111, 117);\n}\n\n.dough-color-gray-5 {\n background-color: rgb(230, 230, 230);\n color: rgb(110, 111, 117);\n background-color: var(--dough-color-gray-5);\n color: var(--dough-color-gray-5-alternate);\n}\n.dough-color-gray-5 .dough-inline-svg-icon > path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-gray-5-alternate);\n}\n\n:root {\n --dough-color-gray-6: rgb(245, 245, 245);\n --dough-color-gray-6-alternate: rgb(110, 111, 117);\n}\n\n.dough-color-gray-6 {\n background-color: rgb(245, 245, 245);\n color: rgb(110, 111, 117);\n background-color: var(--dough-color-gray-6);\n color: var(--dough-color-gray-6-alternate);\n}\n.dough-color-gray-6 .dough-inline-svg-icon > path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-gray-6-alternate);\n}\n\n:root {\n --dough-color-transparent: rgba(255, 255, 255, 0);\n --dough-color-transparent-alternate: rgb(110, 111, 117);\n}\n\n.dough-color-transparent {\n background-color: rgba(255, 255, 255, 0);\n color: rgb(110, 111, 117);\n background-color: var(--dough-color-transparent);\n color: var(--dough-color-transparent-alternate);\n}\n.dough-color-transparent .dough-inline-svg-icon > path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-transparent-alternate);\n}\n\n:root {\n --dough-color-text-default: rgb(110, 111, 117);\n}\n\n.dough-color-text-default {\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n}\n\n:root {\n --dough-color-text-white: rgb(255, 255, 255);\n}\n\n.dough-color-text-white {\n color: rgb(255, 255, 255);\n color: var(--dough-color-text-white);\n}\n\n:root {\n --dough-color-text-light: rgb(158, 158, 158);\n}\n\n.dough-color-text-light {\n color: rgb(158, 158, 158);\n color: var(--dough-color-text-light);\n}\n\n:root {\n --dough-color-text-dark: rgb(68, 68, 68);\n}\n\n.dough-color-text-dark {\n color: rgb(68, 68, 68);\n color: var(--dough-color-text-dark);\n}\n\n:root {\n --dough-color-text-link: rgb(68, 132, 199);\n}\n\n.dough-color-text-link {\n color: rgb(68, 132, 199);\n color: var(--dough-color-text-link);\n}\n\n:root {\n --dough-color-text-header: rgb(68, 132, 199);\n}\n\n.dough-color-text-header {\n color: rgb(68, 132, 199);\n color: var(--dough-color-text-header);\n}\n\n:root {\n --dough-color-text-header-light: rgb(94, 162, 233);\n}\n\n.dough-color-text-header-light {\n color: rgb(94, 162, 233);\n color: var(--dough-color-text-header-light);\n}\n\n:root {\n --dough-color-text-header-dark: rgb(47, 101, 159);\n}\n\n.dough-color-text-header-dark {\n color: rgb(47, 101, 159);\n color: var(--dough-color-text-header-dark);\n}\n\n:root {\n --dough-color-text-status-success: rgb(0, 136, 0);\n}\n\n.dough-color-text-status-success {\n color: rgb(0, 136, 0);\n color: var(--dough-color-text-status-success);\n}\n\n:root {\n --dough-color-text-status-warning: rgb(255, 136, 0);\n}\n\n.dough-color-text-status-warning {\n color: rgb(255, 136, 0);\n color: var(--dough-color-text-status-warning);\n}\n\n:root {\n --dough-color-text-status-danger: rgb(191, 41, 0);\n}\n\n.dough-color-text-status-danger {\n color: rgb(191, 41, 0);\n color: var(--dough-color-text-status-danger);\n}\n\n:root {\n --dough-color-icon-default: #999999;\n}\n\n.dough-color-icon-default {\n color: #999999;\n color: var(--dough-color-icon-default);\n}\n\n:root {\n --dough-color-icon-primary: #4484c7;\n}\n\n.dough-color-icon-primary {\n color: #4484c7;\n color: var(--dough-color-icon-primary);\n}\n\n:root {\n --dough-color-icon-white: #ffffff;\n}\n\n.dough-color-icon-white {\n color: #ffffff;\n color: var(--dough-color-icon-white);\n}\n\n.dough-color-input-border {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-input-border-focused);\n}\n\n.dough-color-input-label {\n color: rgb(68, 132, 199);\n color: var(--dough-color-input-label-focused);\n}\n\nbody.dough-noscroll {\n overflow: hidden !important;\n}\nbody.dough-noscroll .dough-scroll-lock-item {\n right: var(--dough-scroll-bar-width);\n}";
33
33
  styleInject(css_248z);
34
34
 
35
35
  var Roboto = "data:font/woff;base64,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";
@@ -80,6 +80,14 @@ var Colors;
80
80
  Colors["DANGER"] = "dough-color-status-danger";
81
81
  Colors["TRANSPARENT"] = "dough-color-transparent";
82
82
  })(Colors || (Colors = {}));
83
+ var FixedColors;
84
+ (function (FixedColors) {
85
+ FixedColors["SELECTOR1"] = "dough-color-selector-1";
86
+ FixedColors["SELECTOR2"] = "dough-color-selector-2";
87
+ FixedColors["SELECTOR3"] = "dough-color-selector-3";
88
+ FixedColors["SELECTOR4"] = "dough-color-selector-4";
89
+ FixedColors["SELECTOR5"] = "dough-color-selector-5";
90
+ })(FixedColors || (FixedColors = {}));
83
91
  var ColorsText;
84
92
  (function (ColorsText) {
85
93
  ColorsText["DEFAULT"] = "dough-color-text-default";
@@ -218,7 +226,7 @@ var cn = (function () {
218
226
  return classesList.join(" ").trim();
219
227
  });
220
228
 
221
- var css_248z$1 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-button-wrapper {\n border: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background-color: transparent;\n font-family: inherit;\n position: relative;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n line-height: 0;\n cursor: pointer;\n}\n.dough-button-wrapper * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-button-wrapper.dough-button-not-clickable, .dough-button-wrapper.dough-button-not-clickable * {\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-button-wrapper {\n line-height: normal !important;\n overflow: visible;\n}\nhtml.dough-IE11 .dough-button-wrapper:hover > .dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n opacity: 0.06 !important;\n}\nhtml.dough-IE11 .dough-button-wrapper:active > .dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n opacity: 0.13 !important;\n}\n.dough-button-wrapper:focus, .dough-button-wrapper:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-button-wrapper:focus *, .dough-button-wrapper:active * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-button-wrapper.dough-button-full-width {\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n}\n.dough-button-wrapper.dough-button-full-width > .dough-button {\n min-width: 100%;\n max-width: 100%;\n margin: 0 auto;\n}\n.dough-button-wrapper.dough-button-full-width > .dough-button > .dough-button-label {\n width: 100% !important;\n text-align: center;\n}\n\n.dough-button {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n border-radius: 6px;\n position: relative;\n outline-color: rgba(0, 0, 0, 0);\n overflow: visible;\n box-sizing: border-box;\n pointer-events: all;\n z-index: 100;\n background-color: transparent !important;\n position: relative;\n}\n.dough-button:not(.dough-button-no-padding) {\n padding: 8px;\n}\nhtml.dough-IE11 .dough-button:not(.dough-button-no-padding) > .dough-button-label {\n margin: 4px;\n}\n.dough-button.dough-button-shadow:not(.dough-color-transparent):not(.dough-button-as-link) {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);\n}\nbody:not(.no-transition) .dough-button {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-button {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-button > .dough-button-background-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: auto;\n height: auto;\n overflow: visible;\n border-radius: 6px;\n}\nbody:not(.no-transition) .dough-button > .dough-button-background-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-button > .dough-button-background-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-button > .dough-button-background-wrapper > svg {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n overflow: visible;\n}\n.dough-button > .dough-button-background-wrapper > svg:not(.dough-button-background-wrapper-border-svg) {\n opacity: 0.1;\n}\n.dough-button > .dough-button-background-wrapper > svg.dough-button-background-wrapper-border-svg {\n stroke-width: 2px;\n z-index: 20;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 5;\n width: auto;\n height: auto;\n transform-origin: center center;\n border-radius: 6px;\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(1);\n background-color: transparent !important;\n box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0);\n}\nhtml.dough-IE11 .dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 105;\n width: auto;\n height: auto;\n border-radius: 6px;\n opacity: 0;\n background-color: black !important;\n animation: none !important;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-background {\n box-shadow: 0px 0px 0px 3px var(--dough-color-background);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-theme {\n box-shadow: 0px 0px 0px 3px var(--dough-color-theme);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-white {\n box-shadow: 0px 0px 0px 3px var(--dough-color-white);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-primary {\n box-shadow: 0px 0px 0px 3px var(--dough-color-primary);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-header {\n box-shadow: 0px 0px 0px 3px var(--dough-color-header);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-header-light {\n box-shadow: 0px 0px 0px 3px var(--dough-color-header-light);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-header-dark {\n box-shadow: 0px 0px 0px 3px var(--dough-color-header-dark);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-button {\n box-shadow: 0px 0px 0px 3px var(--dough-color-button);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-like {\n box-shadow: 0px 0px 0px 3px var(--dough-color-like);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-status-success {\n box-shadow: 0px 0px 0px 3px var(--dough-color-status-success);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-status-warning {\n box-shadow: 0px 0px 0px 3px var(--dough-color-status-warning);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-status-danger {\n box-shadow: 0px 0px 0px 3px var(--dough-color-status-danger);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-1 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-1);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-2 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-2);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-3 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-3);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-4 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-4);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-5 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-5);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-6 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-6);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-transparent {\n box-shadow: 0px 0px 0px 3px var(--dough-color-transparent);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-transparent {\n box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);\n}\nbody:not(.no-transition) .dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-glow-background {\n animation: button-glow 1000ms 1 forwards;\n}\nbody.no-transition .dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-glow-background {\n animation: none 0ms linear;\n animation-delay: 0ms !important;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-waiter {\n position: absolute;\n right: 3px;\n bottom: 3px;\n left: 3px;\n z-index: 20;\n width: auto;\n height: 3px;\n border-radius: 3px;\n overflow: hidden;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-waiter > svg {\n position: relative;\n display: block;\n content: \"\";\n width: 100%;\n height: 100%;\n opacity: 0.4;\n}\nbody:not(.no-transition) .dough-button > .dough-button-background-wrapper > .dough-button-waiter > svg {\n animation: button-waiter 2000ms infinite backwards;\n}\nbody.no-transition .dough-button > .dough-button-background-wrapper > .dough-button-waiter > svg {\n animation: none 0ms linear;\n animation-delay: 0ms !important;\n}\n.dough-button.dough-button-size-extra-small {\n padding: 4px 12px 4px 12px;\n min-width: 24px;\n min-height: 24px;\n}\n.dough-button.dough-button-size-extra-small.dough-button-rounded {\n border-radius: 16px;\n}\n.dough-button.dough-button-size-extra-small > .dough-button-icon {\n width: 20px;\n height: 20px;\n min-width: 0;\n}\n.dough-button.dough-button-size-extra-small .dough-inline-svg-icon {\n width: 12px !important;\n height: 12px !important;\n}\n.dough-button.dough-button-size-extra-small:not(.dough-button-has-label) {\n padding: 4px;\n}\n.dough-button.dough-button-size-extra-small:not(.dough-button-has-label) > .dough-button-icon {\n width: 12px;\n height: 12px;\n}\n.dough-button.dough-button-size-small {\n min-width: 32px;\n min-height: 32px;\n}\nhtml.dough-IE11 .dough-button.dough-button-size-small {\n height: 32px;\n}\n.dough-button.dough-button-size-small.dough-button-rounded {\n border-radius: 16px;\n}\n.dough-button.dough-button-size-small > .dough-button-icon {\n min-width: 16px;\n width: 16px;\n height: 16px;\n font-size: 16px;\n}\n.dough-button.dough-button-size-small .dough-inline-svg-icon {\n width: 16px !important;\n height: 16px !important;\n}\n.dough-button.dough-button-size-normal {\n min-width: 40px;\n min-height: 40px;\n}\n.dough-button.dough-button-size-normal.dough-button-rounded {\n border-radius: 20px;\n}\n.dough-button.dough-button-size-extra-large, .dough-button.dough-button-size-large {\n min-width: 48px;\n min-height: 48px;\n}\n.dough-button.dough-button-size-extra-large.dough-button-rounded, .dough-button.dough-button-size-large.dough-button-rounded {\n border-radius: 24px;\n}\n.dough-button .dough-inline-svg-icon {\n display: inline-block;\n font-size: inherit;\n width: 20px;\n height: 20px;\n overflow: visible;\n}\n.dough-button.dough-button-wait, .dough-button.dough-button-disabled, .dough-button.dough-button-disabled * {\n pointer-events: none !important;\n}\n.dough-button.dough-button-disabled {\n opacity: 0.5;\n}\n.dough-button.align-right {\n float: right;\n}\n.dough-button > .dough-button-label {\n width: initial !important;\n height: initial !important;\n color: inherit !important;\n font-size: 0.75rem;\n line-height: initial !important;\n position: relative;\n z-index: 1;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n}\nhtml.dough-IE11 .dough-button > .dough-button-label {\n line-height: normal !important;\n}\n.dough-button > .dough-button-label:empty {\n display: none;\n}\n.dough-button > .dough-button-icon {\n display: flex;\n flex-flow: row nowrap;\n box-sizing: border-box;\n overflow: visible;\n position: relative;\n z-index: 1;\n min-width: 20px;\n width: 20px;\n height: 20px;\n font-size: 16px;\n justify-content: center;\n align-items: center;\n}\n.dough-button > .dough-button-icon + .dough-button-label {\n margin-left: 8px !important;\n}\n.dough-button.dough-color-transparent > .dough-button-icon {\n color: var(--dough-color-icon-default);\n}\nhtml.dough-IE11 .dough-button.dough-color-transparent > .dough-button-icon {\n color: #999999;\n}\n.dough-button.dough-button-rounded {\n border-radius: 40px;\n}\n.dough-button.dough-button-rounded > .dough-button-background-wrapper {\n border-radius: 40px;\n}\n.dough-button.dough-button-rounded > .dough-button-background-wrapper > .dough-button-background-glow {\n border-radius: 40px !important;\n}\n.dough-button.dough-button-flat {\n border-radius: 0 !important;\n}\n.dough-button.dough-button-flat > .dough-button-background-wrapper {\n border-radius: 0 !important;\n}\n.dough-button.dough-button-flat > .dough-button-background-wrapper > .dough-button-background-glow {\n border-radius: 0 !important;\n}\n.dough-button:not(.dough-button-has-label) > .dough-button-label {\n display: none;\n}\n.dough-button:not(.dough-button-has-label).dough-button-size-small {\n width: 32px;\n}\n.dough-button:not(.dough-button-has-label).dough-button-size-normal {\n width: 40px;\n}\n.dough-button:not(.dough-button-has-label).dough-button-size-large {\n width: 48px;\n}\n.dough-button.dough-button-as-link {\n padding: 0;\n min-height: auto;\n text-decoration: underline;\n background-color: rgba(0, 0, 0, 0) !important;\n color: var(--dough-color-text-default) !important;\n}\nhtml.dough-IE11 .dough-button.dough-button-as-link {\n color: #6e6f75 !important;\n}\n.dough-button.dough-button-as-link > .dough-button-label {\n font-weight: initial;\n}\n.dough-button.dough-button-as-link .dough-inline-svg-icon > path {\n fill: var(--dough-color-icon-default) !important;\n}\nhtml.dough-IE11 .dough-button.dough-button-as-link .dough-inline-svg-icon > path {\n fill: #999999 !important;\n}\n.dough-button.dough-button-no-padding {\n min-width: auto;\n}\n\n@keyframes button-glow {\n 0% {\n transform: translate3d(0, 0, 0) scale(0.7);\n opacity: 0;\n }\n 20% {\n opacity: 0.4;\n transform: translate3d(0, 0, 0) scale(1);\n }\n 100% {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 0;\n }\n}\n@keyframes button-waiter {\n 0% {\n transform: translate3d(-100%, 0, 0);\n }\n 20% {\n transform: translate3d(0, 0, 0);\n }\n 35% {\n transform: translate3d(100%, 0, 0);\n }\n 50% {\n transform: translate3d(100%, 0, 0);\n }\n 70% {\n transform: translate3d(0, 0, 0);\n }\n 85% {\n transform: translate3d(-100%, 0, 0);\n }\n 100% {\n transform: translate3d(-100%, 0, 0);\n }\n}\n@media (hover: hover) and (pointer: fine) {\n .dough-button:hover > .dough-button-background-wrapper.dough-color-transparent {\n background-color: rgba(0, 0, 0, 0.07);\n }\n .dough-button:hover > .dough-button-background-wrapper:not(.dough-color-transparent) {\n filter: brightness(94%);\n }\n .dough-button-wrapper:focus > .dough-button:not(:hover), .dough-button:active {\n box-shadow: none !important;\n }\n .dough-button-wrapper:focus > .dough-button:not(:hover) > .dough-button-background-wrapper.dough-color-transparent, .dough-button:active > .dough-button-background-wrapper.dough-color-transparent {\n background-color: rgba(0, 0, 0, 0.07);\n }\n .dough-button-wrapper:focus > .dough-button:not(:hover) > .dough-button-background-wrapper:not(.dough-color-transparent), .dough-button:active > .dough-button-background-wrapper:not(.dough-color-transparent) {\n filter: brightness(87%);\n }\n}";
229
+ var css_248z$1 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-button-wrapper {\n border: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background-color: transparent;\n font-family: inherit;\n position: relative;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n line-height: 0;\n cursor: pointer;\n}\n.dough-button-wrapper * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-button-wrapper.dough-button-not-clickable, .dough-button-wrapper.dough-button-not-clickable * {\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-button-wrapper {\n line-height: normal !important;\n overflow: visible;\n}\nhtml.dough-IE11 .dough-button-wrapper:hover > .dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n opacity: 0.06 !important;\n}\nhtml.dough-IE11 .dough-button-wrapper:active > .dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n opacity: 0.13 !important;\n}\n.dough-button-wrapper:focus, .dough-button-wrapper:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-button-wrapper:focus *, .dough-button-wrapper:active * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-button-wrapper.dough-button-full-width {\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n}\n.dough-button-wrapper.dough-button-full-width > .dough-button {\n min-width: 100%;\n max-width: 100%;\n margin: 0 auto;\n}\n.dough-button-wrapper.dough-button-full-width > .dough-button > .dough-button-label {\n width: 100% !important;\n text-align: center;\n}\n\n.dough-button {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n -webkit-tap-highlight-color: transparent;\n border-radius: 6px;\n position: relative;\n outline-color: rgba(0, 0, 0, 0);\n overflow: visible;\n box-sizing: border-box;\n pointer-events: all;\n z-index: 100;\n background-color: transparent !important;\n position: relative;\n}\n.dough-button:not(.dough-button-no-padding) {\n padding: 8px;\n}\nhtml.dough-IE11 .dough-button:not(.dough-button-no-padding) > .dough-button-label {\n margin: 4px;\n}\n.dough-button.dough-button-shadow:not(.dough-color-transparent):not(.dough-button-as-link) {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);\n}\nbody:not(.no-transition) .dough-button {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-button {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-button > .dough-button-background-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: auto;\n height: auto;\n overflow: visible;\n border-radius: 6px;\n}\nbody:not(.no-transition) .dough-button > .dough-button-background-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-button > .dough-button-background-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-button > .dough-button-background-wrapper > svg {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n overflow: visible;\n}\n.dough-button > .dough-button-background-wrapper > svg:not(.dough-button-background-wrapper-border-svg) {\n opacity: 0.1;\n}\n.dough-button > .dough-button-background-wrapper > svg.dough-button-background-wrapper-border-svg {\n stroke-width: 2px;\n z-index: 20;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 5;\n width: auto;\n height: auto;\n transform-origin: center center;\n border-radius: 6px;\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(1);\n background-color: transparent !important;\n box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0);\n}\nhtml.dough-IE11 .dough-button > .dough-button-background-wrapper > .dough-button-background-glow {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 105;\n width: auto;\n height: auto;\n border-radius: 6px;\n opacity: 0;\n background-color: black !important;\n animation: none !important;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-background {\n box-shadow: 0px 0px 0px 3px var(--dough-color-background);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-theme {\n box-shadow: 0px 0px 0px 3px var(--dough-color-theme);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-white {\n box-shadow: 0px 0px 0px 3px var(--dough-color-white);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-primary {\n box-shadow: 0px 0px 0px 3px var(--dough-color-primary);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-header {\n box-shadow: 0px 0px 0px 3px var(--dough-color-header);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-header-light {\n box-shadow: 0px 0px 0px 3px var(--dough-color-header-light);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-header-dark {\n box-shadow: 0px 0px 0px 3px var(--dough-color-header-dark);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-button {\n box-shadow: 0px 0px 0px 3px var(--dough-color-button);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-like {\n box-shadow: 0px 0px 0px 3px var(--dough-color-like);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-status-success {\n box-shadow: 0px 0px 0px 3px var(--dough-color-status-success);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-status-warning {\n box-shadow: 0px 0px 0px 3px var(--dough-color-status-warning);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-status-danger {\n box-shadow: 0px 0px 0px 3px var(--dough-color-status-danger);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-selector-1 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-selector-1);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-selector-2 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-selector-2);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-selector-3 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-selector-3);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-selector-4 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-selector-4);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-selector-5 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-selector-5);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-1 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-1);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-2 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-2);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-3 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-3);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-4 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-4);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-5 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-5);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-gray-6 {\n box-shadow: 0px 0px 0px 3px var(--dough-color-gray-6);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-transparent {\n box-shadow: 0px 0px 0px 3px var(--dough-color-transparent);\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-color-transparent {\n box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);\n}\nbody:not(.no-transition) .dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-glow-background {\n animation: button-glow 1000ms 1 forwards;\n}\nbody.no-transition .dough-button > .dough-button-background-wrapper > .dough-button-background-glow.dough-glow-background {\n animation: none 0ms linear;\n animation-delay: 0ms !important;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-waiter {\n position: absolute;\n right: 3px;\n bottom: 3px;\n left: 3px;\n z-index: 20;\n width: auto;\n height: 3px;\n border-radius: 3px;\n overflow: hidden;\n}\n.dough-button > .dough-button-background-wrapper > .dough-button-waiter > svg {\n position: relative;\n display: block;\n content: \"\";\n width: 100%;\n height: 100%;\n opacity: 0.4;\n}\nbody:not(.no-transition) .dough-button > .dough-button-background-wrapper > .dough-button-waiter > svg {\n animation: button-waiter 2000ms infinite backwards;\n}\nbody.no-transition .dough-button > .dough-button-background-wrapper > .dough-button-waiter > svg {\n animation: none 0ms linear;\n animation-delay: 0ms !important;\n}\n.dough-button.dough-button-color-picker.dough-button-with-border > .dough-button-background-wrapper {\n border: 1px solid #ededed;\n}\n.dough-button.dough-button-color-picker > .dough-button-background-wrapper {\n transition-duration: 0s !important;\n}\n.dough-button.dough-button-size-extra-small {\n padding: 4px 12px 4px 12px;\n min-width: 24px;\n min-height: 24px;\n}\n.dough-button.dough-button-size-extra-small.dough-button-color-picker {\n padding: 4px;\n}\n.dough-button.dough-button-size-extra-small.dough-button-rounded {\n border-radius: 16px;\n}\n.dough-button.dough-button-size-extra-small > .dough-button-icon {\n width: 20px;\n height: 20px;\n min-width: 0;\n}\n.dough-button.dough-button-size-extra-small .dough-inline-svg-icon {\n width: 12px !important;\n height: 12px !important;\n}\n.dough-button.dough-button-size-extra-small:not(.dough-button-has-label) {\n padding: 4px;\n}\n.dough-button.dough-button-size-extra-small:not(.dough-button-has-label) > .dough-button-icon {\n width: 12px;\n height: 12px;\n}\n.dough-button.dough-button-size-small {\n min-width: 32px;\n min-height: 32px;\n}\nhtml.dough-IE11 .dough-button.dough-button-size-small {\n height: 32px;\n}\n.dough-button.dough-button-size-small.dough-button-rounded {\n border-radius: 16px;\n}\n.dough-button.dough-button-size-small > .dough-button-icon {\n min-width: 16px;\n width: 16px;\n height: 16px;\n font-size: 16px;\n}\n.dough-button.dough-button-size-small .dough-inline-svg-icon {\n width: 16px !important;\n height: 16px !important;\n}\n.dough-button.dough-button-size-normal {\n min-width: 40px;\n min-height: 40px;\n}\n.dough-button.dough-button-size-normal.dough-button-rounded {\n border-radius: 20px;\n}\n.dough-button.dough-button-size-extra-large, .dough-button.dough-button-size-large {\n min-width: 48px;\n min-height: 48px;\n}\n.dough-button.dough-button-size-extra-large.dough-button-rounded, .dough-button.dough-button-size-large.dough-button-rounded {\n border-radius: 24px;\n}\n.dough-button .dough-inline-svg-icon {\n display: inline-block;\n font-size: inherit;\n width: 20px;\n height: 20px;\n overflow: visible;\n}\n.dough-button.dough-button-wait, .dough-button.dough-button-disabled, .dough-button.dough-button-disabled * {\n pointer-events: none !important;\n}\n.dough-button.dough-button-disabled {\n opacity: 0.5;\n}\n.dough-button.align-right {\n float: right;\n}\n.dough-button > .dough-button-label {\n width: initial !important;\n height: initial !important;\n color: inherit !important;\n font-size: 0.75rem;\n line-height: initial !important;\n position: relative;\n z-index: 1;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n}\nhtml.dough-IE11 .dough-button > .dough-button-label {\n line-height: normal !important;\n}\n.dough-button > .dough-button-label:empty {\n display: none;\n}\n.dough-button > .dough-button-icon {\n display: flex;\n flex-flow: row nowrap;\n box-sizing: border-box;\n overflow: visible;\n position: relative;\n z-index: 1;\n min-width: 20px;\n width: 20px;\n height: 20px;\n font-size: 16px;\n justify-content: center;\n align-items: center;\n}\n.dough-button > .dough-button-icon + .dough-button-label {\n margin-left: 8px !important;\n}\n.dough-button.dough-color-transparent > .dough-button-icon {\n color: var(--dough-color-icon-default);\n}\nhtml.dough-IE11 .dough-button.dough-color-transparent > .dough-button-icon {\n color: #999999;\n}\n.dough-button.dough-button-rounded {\n border-radius: 40px;\n}\n.dough-button.dough-button-rounded > .dough-button-background-wrapper {\n border-radius: 40px;\n}\n.dough-button.dough-button-rounded > .dough-button-background-wrapper > .dough-button-background-glow {\n border-radius: 40px !important;\n}\n.dough-button.dough-button-flat {\n border-radius: 0 !important;\n}\n.dough-button.dough-button-flat > .dough-button-background-wrapper {\n border-radius: 0 !important;\n}\n.dough-button.dough-button-flat > .dough-button-background-wrapper > .dough-button-background-glow {\n border-radius: 0 !important;\n}\n.dough-button:not(.dough-button-has-label) > .dough-button-label {\n display: none;\n}\n.dough-button:not(.dough-button-has-label).dough-button-size-small {\n width: 32px;\n}\n.dough-button:not(.dough-button-has-label).dough-button-size-normal {\n width: 40px;\n}\n.dough-button:not(.dough-button-has-label).dough-button-size-large {\n width: 48px;\n}\n.dough-button.dough-button-as-link {\n padding: 0;\n min-height: auto;\n text-decoration: underline;\n background-color: rgba(0, 0, 0, 0) !important;\n color: var(--dough-color-text-default) !important;\n}\nhtml.dough-IE11 .dough-button.dough-button-as-link {\n color: rgb(110, 111, 117) !important;\n}\n.dough-button.dough-button-as-link > .dough-button-label {\n font-weight: initial;\n}\n.dough-button.dough-button-as-link .dough-inline-svg-icon > path {\n fill: var(--dough-color-icon-default) !important;\n}\nhtml.dough-IE11 .dough-button.dough-button-as-link .dough-inline-svg-icon > path {\n fill: #999999 !important;\n}\n.dough-button.dough-button-no-padding {\n min-width: auto;\n}\n\n@keyframes button-glow {\n 0% {\n transform: translate3d(0, 0, 0) scale(0.7);\n opacity: 0;\n }\n 20% {\n opacity: 0.4;\n transform: translate3d(0, 0, 0) scale(1);\n }\n 100% {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 0;\n }\n}\n@keyframes button-waiter {\n 0% {\n transform: translate3d(-100%, 0, 0);\n }\n 20% {\n transform: translate3d(0, 0, 0);\n }\n 35% {\n transform: translate3d(100%, 0, 0);\n }\n 50% {\n transform: translate3d(100%, 0, 0);\n }\n 70% {\n transform: translate3d(0, 0, 0);\n }\n 85% {\n transform: translate3d(-100%, 0, 0);\n }\n 100% {\n transform: translate3d(-100%, 0, 0);\n }\n}\n@media (hover: hover) and (pointer: fine) {\n .dough-button.dough-button-color-picker:not(.dough-button-with-border):hover > .dough-button-background-wrapper {\n border: 1px solid #ededed;\n }\n .dough-button:not(.dough-button-color-picker):hover > .dough-button-background-wrapper.dough-color-transparent {\n background-color: rgba(0, 0, 0, 0.07);\n }\n .dough-button:not(.dough-button-color-picker):hover > .dough-button-background-wrapper:not(.dough-color-transparent) {\n filter: brightness(94%);\n }\n .dough-button-wrapper:focus > .dough-button:not(.dough-button-color-picker):not(:hover), .dough-button:not(.dough-button-color-picker):active {\n box-shadow: none !important;\n }\n .dough-button-wrapper:focus > .dough-button:not(.dough-button-color-picker):not(:hover) > .dough-button-background-wrapper.dough-color-transparent, .dough-button:not(.dough-button-color-picker):active > .dough-button-background-wrapper.dough-color-transparent {\n background-color: rgba(0, 0, 0, 0.07);\n }\n .dough-button-wrapper:focus > .dough-button:not(.dough-button-color-picker):not(:hover) > .dough-button-background-wrapper:not(.dough-color-transparent), .dough-button:not(.dough-button-color-picker):active > .dough-button-background-wrapper:not(.dough-color-transparent) {\n filter: brightness(87%);\n }\n}";
222
230
  styleInject(css_248z$1);
223
231
 
224
232
  var css_248z$2 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-link {\n box-sizing: border-box;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n cursor: pointer;\n pointer-events: all !important;\n display: inline-block;\n line-height: normal;\n white-space: pre-line;\n word-break: break-word;\n position: relative;\n}\n.dough-link * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-link.disabled {\n pointer-events: none !important;\n}\nhtml.dough-IE11 .dough-link:hover {\n opacity: 0.83;\n}\nbody:not(.no-transition) .dough-link {\n transition: filter 350ms cubic-bezier(0.25, 1, 0, 1), transform 1500ms cubic-bezier(0.12, 1, 0, 1);\n}\nbody.no-transition .dough-link {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-link.dough-link-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-link:visited, .dough-link:link, .dough-link:active {\n text-decoration: none;\n}\n.dough-link.dough-link-disabled {\n pointer-events: none !important;\n}\n.dough-link.dough-link-color-only-on-hover:not(:hover) {\n color: inherit !important;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .dough-link:not(.dough-link-disabled):hover:not(.dough-link-no-underline) {\n text-decoration: underline;\n }\n .dough-link:not(.dough-link-disabled):not(.dough-button-wrapper):hover {\n filter: brightness(96%);\n }\n}";
@@ -612,9 +620,9 @@ var Button = function (props) {
612
620
  var doubleClickPrevent = false;
613
621
  var clickTime = 0;
614
622
  var doubleClickDuration = 250;
615
- var _a = props.alignIconRight, alignIconRight = _a === void 0 ? false : _a, _b = props.shadow, shadow = _b === void 0 ? true : _b, _c = props.padding, padding = _c === void 0 ? true : _c, _d = props.size, size = _d === void 0 ? Sizes.SMALL : _d, _e = props.type, type = _e === void 0 ? ButtonInputType.BUTTON : _e, _f = props.linkProps, linkProps = _f === void 0 ? {} : _f;
616
- var _g = useState(props.color ? props.color : Colors.BUTTON), colorVal = _g[0], setColorVal = _g[1];
617
- var initColorVal = useState(props.color ? props.color : Colors.BUTTON)[0];
623
+ var _a = props.alignIconRight, alignIconRight = _a === void 0 ? false : _a, _b = props.shadow, shadow = _b === void 0 ? true : _b, _c = props.padding, padding = _c === void 0 ? true : _c, _d = props.size, size = _d === void 0 ? Sizes.SMALL : _d, _e = props.type, type = _e === void 0 ? ButtonInputType.BUTTON : _e, _f = props.linkProps, linkProps = _f === void 0 ? {} : _f, withoutBackground = props.withoutBackground;
624
+ var _g = useState(props.color || Colors.BUTTON), colorVal = _g[0], setColorVal = _g[1];
625
+ var initColorVal = useState(props.color || Colors.BUTTON)[0];
618
626
  var buttonRef = useRef(null);
619
627
  var clickAndDoubleClickHandler = function (eNative, e, handler) {
620
628
  hideLastDoughTooltip();
@@ -724,13 +732,15 @@ var Button = function (props) {
724
732
  "dough-button-flat": props.flat,
725
733
  "dough-button-wait": props.busy,
726
734
  "dough-button-disabled": props.disabled,
735
+ "dough-button-color-picker": props.colorPicker,
736
+ "dough-button-with-border": props.border,
727
737
  }) },
728
738
  React.createElement("div", { className: cn("dough-button-background-wrapper", initColorVal) },
729
739
  props.color && props.color.match("dough-color-text") && (React.createElement(React.Fragment, null,
730
740
  props.border && (React.createElement("svg", { className: "dough-button-background-wrapper-border-svg" },
731
741
  React.createElement("rect", { fill: "transparent", stroke: "currentColor", width: "100%", height: "100%", rx: getRadiusOfBorder(size), ry: getRadiusOfBorder(size) }))),
732
- React.createElement("svg", { className: "dough-button-background-wrapper-background-svg" },
733
- React.createElement("rect", { fill: "currentColor", width: "100%", height: "100%", rx: getRadiusOfBorder(size), ry: getRadiusOfBorder(size) })))),
742
+ !withoutBackground && (React.createElement("svg", { className: "dough-button-background-wrapper-background-svg" },
743
+ React.createElement("rect", { fill: "currentColor", width: "100%", height: "100%", rx: getRadiusOfBorder(size), ry: getRadiusOfBorder(size) }))))),
734
744
  React.createElement("div", { className: cn("dough-button-background-glow", initColorVal) }),
735
745
  props.busy && (React.createElement("div", { className: "dough-button-waiter" },
736
746
  React.createElement("svg", { width: "100%", height: "100%" },
@@ -738,7 +748,7 @@ var Button = function (props) {
738
748
  props.icon && !alignIconRight && (React.createElement("div", { className: "dough-button-icon" }, props.icon)),
739
749
  React.createElement("div", { className: "dough-button-label" },
740
750
  props.label && React.createElement(React.Fragment, null, props.label),
741
- !props.label && props.children && props.children),
751
+ !props.label && props.children),
742
752
  props.icon && alignIconRight && (React.createElement("div", { className: "dough-button-icon" }, props.icon)))); };
743
753
  return (React.createElement(React.Fragment, null,
744
754
  type === ButtonInputType.LINK && (React.createElement(Link, __assign({ ref: buttonRef, className: cn("dough-button-wrapper", props.className, {
@@ -754,7 +764,7 @@ var Button = function (props) {
754
764
  };
755
765
  Button.displayName = "Button";
756
766
 
757
- var css_248z$3 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-toggle {\n display: inline-block;\n -webkit-tap-highlight-color: transparent;\n border-radius: 40px;\n position: relative;\n cursor: pointer;\n overflow: visible;\n box-sizing: border-box;\n pointer-events: all;\n z-index: 100;\n position: relative;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-toggle * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-toggle {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-toggle {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-toggle > .dough-toggle-background-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n width: auto;\n height: auto;\n overflow: visible;\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n border-radius: 100%;\n transform-origin: center center;\n transform: translate3d(0, 0, 0) scale(0);\n}\nbody:not(.no-transition) .dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transform: translate3d(0, 0, 0) scale(0.5);\n position: absolute;\n top: -8px;\n right: -8px;\n bottom: -8px;\n left: -8px;\n z-index: 15;\n width: auto;\n height: auto;\n opacity: 0.5;\n background-color: transparent !important;\n border: 3px solid rgba(0, 0, 0, 0);\n border-radius: 100%;\n}\nhtml.dough-IE11 .dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n display: none;\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-background {\n border-color: #eceffb;\n border-color: var(--dough-color-background);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-theme {\n border-color: white;\n border-color: var(--dough-color-theme);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-white {\n border-color: white;\n border-color: var(--dough-color-white);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-primary {\n border-color: #4484c7;\n border-color: var(--dough-color-primary);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-header {\n border-color: #4484c7;\n border-color: var(--dough-color-header);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-header-light {\n border-color: #5ea2e9;\n border-color: var(--dough-color-header-light);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-header-dark {\n border-color: #2f659f;\n border-color: var(--dough-color-header-dark);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-button {\n border-color: #47aa3c;\n border-color: var(--dough-color-button);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-like {\n border-color: #f24025;\n border-color: var(--dough-color-like);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-status-success {\n border-color: #008800;\n border-color: var(--dough-color-status-success);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-status-warning {\n border-color: #ff8800;\n border-color: var(--dough-color-status-warning);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-status-danger {\n border-color: #bf2900;\n border-color: var(--dough-color-status-danger);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-1 {\n border-color: #444444;\n border-color: var(--dough-color-gray-1);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-2 {\n border-color: dimgray;\n border-color: var(--dough-color-gray-2);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-3 {\n border-color: #9f9f9f;\n border-color: var(--dough-color-gray-3);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-4 {\n border-color: #d2d2d2;\n border-color: var(--dough-color-gray-4);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-5 {\n border-color: #e6e6e6;\n border-color: var(--dough-color-gray-5);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-6 {\n border-color: whitesmoke;\n border-color: var(--dough-color-gray-6);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-transparent {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\nbody:not(.no-transition) .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: transform 450ms cubic-bezier(0.75, 1.8, 0.25, 0.75);\n}\nbody.no-transition .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\nhtml.dough-IE11 .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody:not(.no-transition) .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transition: transform 1350ms cubic-bezier(0.25, 1, 0, 1), opacity 750ms 100ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-toggle.dough-toggle-toggled {\n background-color: transparent;\n color: #ffffff;\n}\n.dough-toggle.dough-toggle-toggled > .dough-toggle-background-wrapper > .dough-toggle-background {\n transform: translate3d(0, 0, 0) scale(1);\n}\n.dough-toggle.dough-toggle-toggled > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transform: translate3d(0, 0, 0) scale(1.2);\n opacity: 0;\n}\n.dough-toggle.dough-toggle-size-none {\n width: 0;\n height: 0;\n}\n.dough-toggle.dough-toggle-size-huge {\n width: 48px;\n height: 48px;\n}\n.dough-toggle.dough-toggle-size-extra-large {\n width: 40px;\n height: 40px;\n}\n.dough-toggle.dough-toggle-size-large {\n width: 32px;\n height: 32px;\n}\n.dough-toggle.dough-toggle-size-normal {\n width: 24px;\n height: 24px;\n}\n.dough-toggle.dough-toggle-size-small {\n width: 16px;\n height: 16px;\n}\n.dough-toggle.dough-toggle-size-extra-small {\n width: 8px;\n height: 8px;\n}\n.dough-toggle.dough-toggle-size-tiny {\n width: 4px;\n height: 4px;\n}\n.dough-toggle > .dough-toggle-icon-wrapper {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n line-height: 0;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n}\nhtml.dough-IE11 .dough-toggle > .dough-toggle-icon-wrapper {\n line-height: normal;\n}\n.dough-toggle * {\n pointer-events: none;\n}\n.dough-toggle.dough-toggle-disabled, .dough-toggle.dough-toggle-readonly {\n pointer-events: none !important;\n}\n.dough-toggle.dough-toggle-disabled *, .dough-toggle.dough-toggle-readonly * {\n pointer-events: none !important;\n}\n.dough-toggle.dough-toggle-disabled {\n opacity: 0.5;\n}";
767
+ var css_248z$3 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-toggle {\n display: inline-block;\n -webkit-tap-highlight-color: transparent;\n border-radius: 40px;\n position: relative;\n cursor: pointer;\n overflow: visible;\n box-sizing: border-box;\n pointer-events: all;\n z-index: 100;\n position: relative;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-toggle * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-toggle {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-toggle {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-toggle > .dough-toggle-background-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n width: auto;\n height: auto;\n overflow: visible;\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n border-radius: 100%;\n transform-origin: center center;\n transform: translate3d(0, 0, 0) scale(0);\n}\nbody:not(.no-transition) .dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transform: translate3d(0, 0, 0) scale(0.5);\n position: absolute;\n top: -8px;\n right: -8px;\n bottom: -8px;\n left: -8px;\n z-index: 15;\n width: auto;\n height: auto;\n opacity: 0.5;\n background-color: transparent !important;\n border: 3px solid rgba(0, 0, 0, 0);\n border-radius: 100%;\n}\nhtml.dough-IE11 .dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n display: none;\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-background {\n border-color: #eceffb;\n border-color: var(--dough-color-background);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-theme {\n border-color: rgb(255, 255, 255);\n border-color: var(--dough-color-theme);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-white {\n border-color: rgb(255, 255, 255);\n border-color: var(--dough-color-white);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-primary {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-primary);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-header {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-header);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-header-light {\n border-color: rgb(94, 162, 233);\n border-color: var(--dough-color-header-light);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-header-dark {\n border-color: rgb(47, 101, 159);\n border-color: var(--dough-color-header-dark);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-button {\n border-color: rgb(71, 170, 60);\n border-color: var(--dough-color-button);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-like {\n border-color: rgb(242, 64, 37);\n border-color: var(--dough-color-like);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-status-success {\n border-color: rgb(0, 136, 0);\n border-color: var(--dough-color-status-success);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-status-warning {\n border-color: rgb(255, 136, 0);\n border-color: var(--dough-color-status-warning);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-status-danger {\n border-color: rgb(191, 41, 0);\n border-color: var(--dough-color-status-danger);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-selector-1 {\n border-color: rgb(250, 75, 52);\n border-color: var(--dough-color-selector-1);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-selector-2 {\n border-color: rgb(255, 168, 34);\n border-color: var(--dough-color-selector-2);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-selector-3 {\n border-color: rgb(0, 145, 255);\n border-color: var(--dough-color-selector-3);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-selector-4 {\n border-color: rgb(20, 202, 215);\n border-color: var(--dough-color-selector-4);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-selector-5 {\n border-color: rgb(143, 0, 255);\n border-color: var(--dough-color-selector-5);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-1 {\n border-color: rgb(68, 68, 68);\n border-color: var(--dough-color-gray-1);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-2 {\n border-color: rgb(105, 105, 105);\n border-color: var(--dough-color-gray-2);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-3 {\n border-color: rgb(159, 159, 159);\n border-color: var(--dough-color-gray-3);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-4 {\n border-color: rgb(210, 210, 210);\n border-color: var(--dough-color-gray-4);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-5 {\n border-color: rgb(230, 230, 230);\n border-color: var(--dough-color-gray-5);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-gray-6 {\n border-color: rgb(245, 245, 245);\n border-color: var(--dough-color-gray-6);\n}\n.dough-toggle > .dough-toggle-background-wrapper > .dough-toggle-background-grow.dough-color-transparent {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\nbody:not(.no-transition) .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: transform 450ms cubic-bezier(0.75, 1.8, 0.25, 0.75);\n}\nbody.no-transition .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\nhtml.dough-IE11 .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody:not(.no-transition) .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transition: transform 1350ms cubic-bezier(0.25, 1, 0, 1), opacity 750ms 100ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-toggle.dough-toggle-animate > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-toggle.dough-toggle-toggled {\n background-color: transparent;\n color: #ffffff;\n}\n.dough-toggle.dough-toggle-toggled > .dough-toggle-background-wrapper > .dough-toggle-background {\n transform: translate3d(0, 0, 0) scale(1);\n}\n.dough-toggle.dough-toggle-toggled > .dough-toggle-background-wrapper > .dough-toggle-background-grow {\n transform: translate3d(0, 0, 0) scale(1.2);\n opacity: 0;\n}\n.dough-toggle.dough-toggle-size-none {\n width: 0;\n height: 0;\n}\n.dough-toggle.dough-toggle-size-huge {\n width: 48px;\n height: 48px;\n}\n.dough-toggle.dough-toggle-size-extra-large {\n width: 40px;\n height: 40px;\n}\n.dough-toggle.dough-toggle-size-large {\n width: 32px;\n height: 32px;\n}\n.dough-toggle.dough-toggle-size-normal {\n width: 24px;\n height: 24px;\n}\n.dough-toggle.dough-toggle-size-small {\n width: 16px;\n height: 16px;\n}\n.dough-toggle.dough-toggle-size-extra-small {\n width: 8px;\n height: 8px;\n}\n.dough-toggle.dough-toggle-size-tiny {\n width: 4px;\n height: 4px;\n}\n.dough-toggle > .dough-toggle-icon-wrapper {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n line-height: 0;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n}\nhtml.dough-IE11 .dough-toggle > .dough-toggle-icon-wrapper {\n line-height: normal;\n}\n.dough-toggle * {\n pointer-events: none;\n}\n.dough-toggle.dough-toggle-disabled, .dough-toggle.dough-toggle-readonly {\n pointer-events: none !important;\n}\n.dough-toggle.dough-toggle-disabled *, .dough-toggle.dough-toggle-readonly * {\n pointer-events: none !important;\n}\n.dough-toggle.dough-toggle-disabled {\n opacity: 0.5;\n}";
758
768
  styleInject(css_248z$3);
759
769
 
760
770
  var Toggle = forwardRef(function (props, ref) {
@@ -845,7 +855,7 @@ var LayoutFlexBox = function (props) {
845
855
  };
846
856
  LayoutFlexBox.displayName = "LayoutFlexBox";
847
857
 
848
- var css_248z$6 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-typo {\n font-family: \"Roboto\", sans-serif;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n box-sizing: border-box;\n margin: 0;\n user-select: text;\n position: relative;\n}\n.dough-typo.dough-text-nowrap {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dough-typo.dough-text-ellipsis {\n text-overflow: ellipsis;\n}\n.dough-typo.dough-text-align-left {\n text-align: left;\n}\n.dough-typo.dough-text-align-right {\n text-align: right;\n}\n.dough-typo.dough-text-align-center {\n text-align: center;\n}\n.dough-typo.dough-text-align-inherit {\n text-align: inherit;\n}\n.dough-typo.dough-text-align-justify {\n text-align: justify;\n}\n.dough-typo.dough-text {\n line-height: 1.3rem;\n}\n.dough-typo.dough-text-h1 {\n font-size: 1.625rem;\n line-height: 1.875rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h1 input[type=text],\n.dough-typo.dough-text-h1 .dough-fe-label {\n font-size: 1.625rem !important;\n font-weight: 700 !important;\n top: 0.40625rem;\n}\n.dough-typo.dough-text-h2 {\n font-size: 1.5rem;\n line-height: 1.75rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h2 input[type=text],\n.dough-typo.dough-text-h2 .dough-fe-label {\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n top: 0.375rem;\n}\n.dough-typo.dough-text-h3 {\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h3 input[type=text],\n.dough-typo.dough-text-h3 .dough-fe-label {\n font-size: 1.25rem !important;\n font-weight: 700 !important;\n top: 0.3125rem;\n}\n.dough-typo.dough-text-h4 {\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h4 input[type=text],\n.dough-typo.dough-text-h4 .dough-fe-label {\n font-size: 1.125rem !important;\n font-weight: 700 !important;\n top: 0.28125rem;\n}\n.dough-typo.dough-text-h5 {\n font-size: 1rem;\n line-height: 1.175rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h5 input[type=text],\n.dough-typo.dough-text-h5 .dough-fe-label {\n font-size: 1rem !important;\n font-weight: 700 !important;\n top: 0.25rem;\n}\n.dough-typo.dough-text-h6 {\n font-size: 0.875rem;\n line-height: 1.3rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h6 input[type=text],\n.dough-typo.dough-text-h6 .dough-fe-label {\n font-size: 0.875rem !important;\n font-weight: 700 !important;\n top: 0.21875rem;\n}\n.dough-typo.dough-text-h7 {\n font-size: 0.8125rem;\n line-height: 1.175rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h7 input[type=text],\n.dough-typo.dough-text-h7 .dough-fe-label {\n font-size: 0.8125rem !important;\n font-weight: 700 !important;\n top: 0.203125rem;\n}\n.dough-typo.dough-text-subtitle {\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n box-sizing: border-box;\n font-weight: 400;\n font-size: 0.8125rem;\n line-height: 0.94rem;\n}\n.dough-typo.dough-text-subtitle:not([class*=dough-color-text]) {\n color: #9e9e9e;\n}\n.dough-typo.dough-text-paragraph, .dough-typo.dough-text-paragraph p {\n font-size: 0.875rem;\n}\n.dough-typo.dough-text-small, .dough-typo.dough-text-small * {\n line-height: 0.94rem;\n font-size: 0.8125rem;\n}\n.dough-typo.dough-text-xsmall, .dough-typo.dough-text-xsmall * {\n line-height: 0.8rem;\n font-size: 0.75rem;\n}\n.dough-typo.dough-text-tiny, .dough-typo.dough-text-tiny * {\n line-height: 0.6875rem;\n font-size: 0.6875rem;\n}\n.dough-typo.dough-text-italic {\n font-style: italic;\n}\n.dough-typo.dough-text-strong, .dough-typo.dough-text-strong * {\n font-weight: 700;\n}\n.dough-typo.dough-text-underlined {\n text-decoration: underline;\n}\n.dough-typo.dough-text-strikethrough {\n text-decoration: line-through;\n}";
858
+ var css_248z$6 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-typo {\n font-family: \"Roboto\", sans-serif;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n box-sizing: border-box;\n margin: 0;\n user-select: text;\n position: relative;\n}\n.dough-typo.dough-text-nowrap {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dough-typo.dough-text-ellipsis {\n text-overflow: ellipsis;\n}\n.dough-typo.dough-text-align-left {\n text-align: left;\n}\n.dough-typo.dough-text-align-right {\n text-align: right;\n}\n.dough-typo.dough-text-align-center {\n text-align: center;\n}\n.dough-typo.dough-text-align-inherit {\n text-align: inherit;\n}\n.dough-typo.dough-text-align-justify {\n text-align: justify;\n}\n.dough-typo.dough-text {\n line-height: 1.3rem;\n}\n.dough-typo.dough-text-h1 {\n font-size: 1.625rem;\n line-height: 1.875rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h1 input[type=text],\n.dough-typo.dough-text-h1 .dough-fe-label {\n font-size: 1.625rem !important;\n font-weight: 700 !important;\n top: 0.40625rem;\n}\n.dough-typo.dough-text-h2 {\n font-size: 1.5rem;\n line-height: 1.75rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h2 input[type=text],\n.dough-typo.dough-text-h2 .dough-fe-label {\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n top: 0.375rem;\n}\n.dough-typo.dough-text-h3 {\n font-size: 1.25rem;\n line-height: 1.5rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h3 input[type=text],\n.dough-typo.dough-text-h3 .dough-fe-label {\n font-size: 1.25rem !important;\n font-weight: 700 !important;\n top: 0.3125rem;\n}\n.dough-typo.dough-text-h4 {\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h4 input[type=text],\n.dough-typo.dough-text-h4 .dough-fe-label {\n font-size: 1.125rem !important;\n font-weight: 700 !important;\n top: 0.28125rem;\n}\n.dough-typo.dough-text-h5 {\n font-size: 1rem;\n line-height: 1.175rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h5 input[type=text],\n.dough-typo.dough-text-h5 .dough-fe-label {\n font-size: 1rem !important;\n font-weight: 700 !important;\n top: 0.25rem;\n}\n.dough-typo.dough-text-h6 {\n font-size: 0.875rem;\n line-height: 1.3rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h6 input[type=text],\n.dough-typo.dough-text-h6 .dough-fe-label {\n font-size: 0.875rem !important;\n font-weight: 700 !important;\n top: 0.21875rem;\n}\n.dough-typo.dough-text-h7 {\n font-size: 0.8125rem;\n line-height: 1.175rem;\n font-weight: 700;\n min-width: 100%;\n display: block;\n}\n.dough-typo.dough-text-h7 input[type=text],\n.dough-typo.dough-text-h7 .dough-fe-label {\n font-size: 0.8125rem !important;\n font-weight: 700 !important;\n top: 0.203125rem;\n}\n.dough-typo.dough-text-subtitle {\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n box-sizing: border-box;\n font-weight: 400;\n font-size: 0.8125rem;\n line-height: 0.94rem;\n}\n.dough-typo.dough-text-subtitle:not([class*=dough-color-text]) {\n color: rgb(158, 158, 158);\n}\n.dough-typo.dough-text-paragraph, .dough-typo.dough-text-paragraph p {\n font-size: 0.875rem;\n}\n.dough-typo.dough-text-small, .dough-typo.dough-text-small * {\n line-height: 0.94rem;\n font-size: 0.8125rem;\n}\n.dough-typo.dough-text-xsmall, .dough-typo.dough-text-xsmall * {\n line-height: 0.8rem;\n font-size: 0.75rem;\n}\n.dough-typo.dough-text-tiny, .dough-typo.dough-text-tiny * {\n line-height: 0.6875rem;\n font-size: 0.6875rem;\n}\n.dough-typo.dough-text-italic {\n font-style: italic;\n}\n.dough-typo.dough-text-strong, .dough-typo.dough-text-strong * {\n font-weight: 700;\n}\n.dough-typo.dough-text-underlined {\n text-decoration: underline;\n}\n.dough-typo.dough-text-strikethrough {\n text-decoration: line-through;\n}";
849
859
  styleInject(css_248z$6);
850
860
 
851
861
  var TextAlignment;
@@ -952,7 +962,7 @@ var ToggleWithText = forwardRef(function (props, ref) {
952
962
  });
953
963
  ToggleWithText.displayName = "ToggleWithText";
954
964
 
955
- var css_248z$7 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-card-footer {\n padding-top: 8px !important;\n}\n\n.dough-footer-wrapper {\n flex-flow: row nowrap;\n align-items: center;\n}\n.dough-footer-wrapper.dough-header-footer-align-left {\n justify-content: flex-start;\n text-align: left;\n}\n.dough-footer-wrapper.dough-header-footer-align-left > .dough-button-wrapper:not(:last-child) {\n margin-right: 8px;\n}\n.dough-footer-wrapper.dough-header-footer-align-right {\n justify-content: flex-end;\n text-align: right;\n}\n.dough-footer-wrapper.dough-header-footer-align-right > .dough-button-wrapper:not(:first-child) {\n margin-left: 8px;\n}\n.dough-footer-wrapper.dough-header-footer-align-center {\n justify-content: center;\n text-align: center;\n}\n.dough-footer-wrapper > .dough-button-wrapper:not(:first-child) {\n margin-left: 8px;\n}\n\n.dough-header-wrapper {\n flex-flow: column nowrap;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 1.125rem;\n font-weight: 700;\n color: #444444;\n color: var(--dough-color-text-dark);\n}\n.dough-header-wrapper.dough-header-footer-align-left {\n align-items: flex-start;\n text-align: left;\n}\n.dough-header-wrapper.dough-header-footer-align-right {\n align-items: flex-end;\n text-align: right;\n}\n.dough-header-wrapper.dough-header-footer-align-center {\n align-items: center;\n text-align: center;\n}\n\n.dough-header-wrapper,\n.dough-footer-wrapper {\n width: 100%;\n display: flex;\n}";
965
+ var css_248z$7 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-card-footer {\n padding-top: 8px !important;\n}\n\n.dough-footer-wrapper {\n flex-flow: row nowrap;\n align-items: center;\n}\n.dough-footer-wrapper.dough-header-footer-align-left {\n justify-content: flex-start;\n text-align: left;\n}\n.dough-footer-wrapper.dough-header-footer-align-left > .dough-button-wrapper:not(:last-child) {\n margin-right: 8px;\n}\n.dough-footer-wrapper.dough-header-footer-align-right {\n justify-content: flex-end;\n text-align: right;\n}\n.dough-footer-wrapper.dough-header-footer-align-right > .dough-button-wrapper:not(:first-child) {\n margin-left: 8px;\n}\n.dough-footer-wrapper.dough-header-footer-align-center {\n justify-content: center;\n text-align: center;\n}\n.dough-footer-wrapper > .dough-button-wrapper:not(:first-child) {\n margin-left: 8px;\n}\n\n.dough-header-wrapper {\n flex-flow: column nowrap;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 1.125rem;\n font-weight: 700;\n color: rgb(68, 68, 68);\n color: var(--dough-color-text-dark);\n}\n.dough-header-wrapper.dough-header-footer-align-left {\n align-items: flex-start;\n text-align: left;\n}\n.dough-header-wrapper.dough-header-footer-align-right {\n align-items: flex-end;\n text-align: right;\n}\n.dough-header-wrapper.dough-header-footer-align-center {\n align-items: center;\n text-align: center;\n}\n\n.dough-header-wrapper,\n.dough-footer-wrapper {\n width: 100%;\n display: flex;\n}";
956
966
  styleInject(css_248z$7);
957
967
 
958
968
  var Footer = function (props) {
@@ -977,10 +987,10 @@ var checkComponentType = function (component, typeToCheck) {
977
987
  return false;
978
988
  };
979
989
 
980
- var css_248z$8 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-card-wrapper {\n width: 100%;\n}\n.dough-card-wrapper.dough-card-border-style-dashed {\n border-style: dashed;\n border-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAEt2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTUiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTUiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIxNSIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjE1IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDktMjRUMDk6MDk6NTcrMDI6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDktMjRUMDk6MDk6NTcrMDI6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgUGhvdG8gKEp1bCAzMCAyMDIwKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yNFQwOTowOTo1NyswMjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IvlipwAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/Bvk1GkWysHgJK+RHTWyUkYaapDHKr82bN29m1Px4vfck2SpbRYmNXwv+ArbKWikiJSsLa2LD9Jw3o0Yy53bu+dzvved077ngiaS0tFXRC+mMbYaDAWV2bl6peqaGZrxAjapZxsjUVIiS9nFHmRtvut1apc/9a3Ux3dKgrFp4WDNMW3hcOLRiGy5vCzdpSTUmfCrcZcoFhW9dPVrgF5cTBf5y2YyER8HTIKwkfnH0F2tJMy0sL6c9nVrWfu7jvsSrZ2amJbaJt2IRJkgAhQnGGMVPH0My++mmnx5ZUSK/N58/SVZyNZkNVjFZIkESmy5Rl6W6LjEuui4jxarb/799teID/YXq3gBUPjnOWwdUbUFu03E+Dx0ndwTlj3CRKeZnD2DwXfTNota+D751OLssatEdON+AlgdDNdW8VC7uicfh9QTq56DxGmoXCj372ef4HiJr8lVXsLsHnXLet/gN5hFnq5S3a1gAAAAJcEhZcwAACxMAAAsTAQCanBgAAABNSURBVCiR7ZPLCcBACAVHW7D/El8NuychiIT9nAKZo/gYRDUASYMHEWEUuh6vxVUkDctwZ3sLAviJNbkK/2zy0T1bd9srjwHgO7NWwQTxRCdjEaBLJwAAAABJRU5ErkJggg==\") 1 round;\n}\n.dough-card-wrapper.dough-card-border-style-dotted {\n border-style: dotted;\n}\n.dough-card-wrapper > .dough-card-header + .dough-card-content {\n border-top: 1px solid #e6e6e6;\n border-top: 1px solid var(--dough-color-gray-5);\n}\n\n@media (prefers-color-scheme: dark) {\n .dough-card-wrapper > .dough-card-header + .dough-card-content {\n border-top: 1px solid var(--dough-color-gray-5);\n }\n}";
990
+ var css_248z$8 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-card-wrapper {\n width: 100%;\n}\n.dough-card-wrapper.dough-card-border-style-dashed {\n border-style: dashed;\n border-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAEt2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTUiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTUiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIxNSIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjE1IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDktMjRUMDk6MDk6NTcrMDI6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDktMjRUMDk6MDk6NTcrMDI6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgUGhvdG8gKEp1bCAzMCAyMDIwKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yNFQwOTowOTo1NyswMjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IvlipwAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/Bvk1GkWysHgJK+RHTWyUkYaapDHKr82bN29m1Px4vfck2SpbRYmNXwv+ArbKWikiJSsLa2LD9Jw3o0Yy53bu+dzvved077ngiaS0tFXRC+mMbYaDAWV2bl6peqaGZrxAjapZxsjUVIiS9nFHmRtvut1apc/9a3Ux3dKgrFp4WDNMW3hcOLRiGy5vCzdpSTUmfCrcZcoFhW9dPVrgF5cTBf5y2YyER8HTIKwkfnH0F2tJMy0sL6c9nVrWfu7jvsSrZ2amJbaJt2IRJkgAhQnGGMVPH0My++mmnx5ZUSK/N58/SVZyNZkNVjFZIkESmy5Rl6W6LjEuui4jxarb/799teID/YXq3gBUPjnOWwdUbUFu03E+Dx0ndwTlj3CRKeZnD2DwXfTNota+D751OLssatEdON+AlgdDNdW8VC7uicfh9QTq56DxGmoXCj372ef4HiJr8lVXsLsHnXLet/gN5hFnq5S3a1gAAAAJcEhZcwAACxMAAAsTAQCanBgAAABNSURBVCiR7ZPLCcBACAVHW7D/El8NuychiIT9nAKZo/gYRDUASYMHEWEUuh6vxVUkDctwZ3sLAviJNbkK/2zy0T1bd9srjwHgO7NWwQTxRCdjEaBLJwAAAABJRU5ErkJggg==\") 1 round;\n}\n.dough-card-wrapper.dough-card-border-style-dotted {\n border-style: dotted;\n}\n.dough-card-wrapper > .dough-card-header + .dough-card-content {\n border-top: 1px solid rgb(230, 230, 230);\n border-top: 1px solid var(--dough-color-gray-5);\n}\n\n@media (prefers-color-scheme: dark) {\n .dough-card-wrapper > .dough-card-header + .dough-card-content {\n border-top: 1px solid var(--dough-color-gray-5);\n }\n}";
981
991
  styleInject(css_248z$8);
982
992
 
983
- var css_248z$9 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-box {\n display: block;\n box-sizing: border-box;\n position: relative;\n margin: 0;\n font-family: \"Roboto\", sans-serif;\n font-size: 0.875rem;\n}\n.dough-box.dough-box-absolute {\n position: absolute !important;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n}\n.dough-box.dough-box-border {\n border: 1px solid #e6e6e6;\n border: 1px solid var(--dough-color-gray-5);\n}\n.dough-box.dough-box-border-radius {\n border-radius: 12px;\n}\n.dough-box.dough-box-border-radius .dough-box.dough-box-border-radius {\n border-radius: 6px;\n}\n.dough-box.dough-box-border-rounded {\n border-radius: 32px;\n}\n.dough-box.dough-box-shadow {\n box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);\n}\n.dough-box.dough-box-flex {\n display: flex;\n width: 100%;\n overflow: hidden;\n}\n.dough-box.dough-box-inline-flex {\n display: inline-flex;\n}\n.dough-box.dough-box-overflow-hidden {\n overflow: hidden;\n}\n.dough-box.dough-box-overflow-auto {\n overflow: auto;\n}\n.dough-box.dough-box-overflow-scroll {\n overflow: scroll;\n}\n.dough-box.dough-box-overflow-visible {\n overflow: visible;\n}\n.dough-box.dough-box-overflow-x-hidden {\n overflow-x: hidden;\n}\n.dough-box.dough-box-overflow-x-auto {\n overflow-x: auto;\n}\n.dough-box.dough-box-overflow-x-scroll {\n overflow-x: scroll;\n}\n.dough-box.dough-box-overflow-x-visible {\n overflow-x: visible;\n}\n.dough-box.dough-box-overflow-y-hidden {\n overflow-y: hidden;\n}\n.dough-box.dough-box-overflow-y-auto {\n overflow-y: auto;\n}\n.dough-box.dough-box-overflow-y-scroll {\n overflow-y: scroll;\n}\n.dough-box.dough-box-overflow-y-visible {\n overflow-y: visible;\n}\n.dough-box.dough-flex-direction-row {\n flex-direction: row;\n}\n.dough-box.dough-flex-direction-row-reverse {\n flex-direction: row-reverse;\n}\n.dough-box.dough-flex-direction-column {\n flex-direction: column;\n}\n.dough-box.dough-flex-direction-column-reverse {\n flex-direction: column-reverse;\n}\n.dough-box.dough-flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n.dough-box.dough-flex-wrap-wrap {\n flex-wrap: wrap;\n}\n.dough-box.dough-flex-wrap-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n.dough-box.dough-flex-justify-content-flex-start {\n justify-content: flex-start;\n}\n.dough-box.dough-flex-justify-content-start {\n justify-content: start;\n}\n.dough-box.dough-flex-justify-content-flex-end {\n justify-content: flex-end;\n}\n.dough-box.dough-flex-justify-content-end {\n justify-content: end;\n}\n.dough-box.dough-flex-justify-content-center {\n justify-content: center;\n}\n.dough-box.dough-flex-justify-content-space-between {\n justify-content: space-between;\n}\n.dough-box.dough-flex-justify-content-space-around {\n justify-content: space-around;\n}\n.dough-box.dough-flex-justify-content-space-evenly {\n justify-content: space-evenly;\n}\n.dough-box.dough-flex-align-items-flex-start {\n align-items: flex-start;\n}\n.dough-box.dough-flex-align-items-flex-end {\n align-items: flex-end;\n}\n.dough-box.dough-flex-align-items-center {\n align-items: center;\n}\n.dough-box.dough-flex-align-items-stretch {\n align-items: stretch;\n}\n.dough-box.dough-flex-align-items-baseline {\n align-items: baseline;\n}\n.dough-box.dough-flex-align-content-flex-start {\n align-content: flex-start;\n}\n.dough-box.dough-flex-align-content-flex-end {\n align-content: flex-end;\n}\n.dough-box.dough-flex-align-content-center {\n align-content: center;\n}\n.dough-box.dough-flex-align-content-stretch {\n align-content: stretch;\n}\n.dough-box.dough-flex-align-content-space-between {\n align-content: space-between;\n}\n.dough-box.dough-flex-align-content-space-around {\n align-content: space-around;\n}\n.dough-box.dough-flex-align-self-flex-start {\n align-self: flex-start;\n}\n.dough-box.dough-flex-align-self-flex-end {\n align-self: flex-end;\n}\n.dough-box.dough-flex-align-self-center {\n align-self: center;\n}\n.dough-box.dough-flex-align-self-stretch {\n align-self: stretch;\n}\n.dough-box.dough-flex-align-self-baseline {\n align-self: baseline;\n}\n.dough-box.dough-padding-top-none {\n padding-top: 0;\n}\n.dough-box.dough-padding-right-none {\n padding-right: 0;\n}\n.dough-box.dough-padding-bottom-none {\n padding-bottom: 0;\n}\n.dough-box.dough-padding-left-none {\n padding-left: 0;\n}\n.dough-box.dough-padding-none {\n padding: 0;\n}\n.dough-box.dough-padding-top-huge {\n padding-top: 48px;\n}\n.dough-box.dough-padding-right-huge {\n padding-right: 48px;\n}\n.dough-box.dough-padding-bottom-huge {\n padding-bottom: 48px;\n}\n.dough-box.dough-padding-left-huge {\n padding-left: 48px;\n}\n.dough-box.dough-padding-huge {\n padding: 48px;\n}\n.dough-box.dough-padding-top-extra-large {\n padding-top: 40px;\n}\n.dough-box.dough-padding-right-extra-large {\n padding-right: 40px;\n}\n.dough-box.dough-padding-bottom-extra-large {\n padding-bottom: 40px;\n}\n.dough-box.dough-padding-left-extra-large {\n padding-left: 40px;\n}\n.dough-box.dough-padding-extra-large {\n padding: 40px;\n}\n.dough-box.dough-padding-top-large {\n padding-top: 32px;\n}\n.dough-box.dough-padding-right-large {\n padding-right: 32px;\n}\n.dough-box.dough-padding-bottom-large {\n padding-bottom: 32px;\n}\n.dough-box.dough-padding-left-large {\n padding-left: 32px;\n}\n.dough-box.dough-padding-large {\n padding: 32px;\n}\n.dough-box.dough-padding-top-normal {\n padding-top: 24px;\n}\n.dough-box.dough-padding-right-normal {\n padding-right: 24px;\n}\n.dough-box.dough-padding-bottom-normal {\n padding-bottom: 24px;\n}\n.dough-box.dough-padding-left-normal {\n padding-left: 24px;\n}\n.dough-box.dough-padding-normal {\n padding: 24px;\n}\n.dough-box.dough-padding-top-small {\n padding-top: 16px;\n}\n.dough-box.dough-padding-right-small {\n padding-right: 16px;\n}\n.dough-box.dough-padding-bottom-small {\n padding-bottom: 16px;\n}\n.dough-box.dough-padding-left-small {\n padding-left: 16px;\n}\n.dough-box.dough-padding-small {\n padding: 16px;\n}\n.dough-box.dough-padding-top-extra-small {\n padding-top: 8px;\n}\n.dough-box.dough-padding-right-extra-small {\n padding-right: 8px;\n}\n.dough-box.dough-padding-bottom-extra-small {\n padding-bottom: 8px;\n}\n.dough-box.dough-padding-left-extra-small {\n padding-left: 8px;\n}\n.dough-box.dough-padding-extra-small {\n padding: 8px;\n}\n.dough-box.dough-padding-top-tiny {\n padding-top: 4px;\n}\n.dough-box.dough-padding-right-tiny {\n padding-right: 4px;\n}\n.dough-box.dough-padding-bottom-tiny {\n padding-bottom: 4px;\n}\n.dough-box.dough-padding-left-tiny {\n padding-left: 4px;\n}\n.dough-box.dough-padding-tiny {\n padding: 4px;\n}";
993
+ var css_248z$9 = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-box {\n display: block;\n box-sizing: border-box;\n position: relative;\n margin: 0;\n font-family: \"Roboto\", sans-serif;\n font-size: 0.875rem;\n}\n.dough-box.dough-box-absolute {\n position: absolute !important;\n top: 0;\n left: 0;\n z-index: 0;\n pointer-events: none;\n}\n.dough-box.dough-box-border {\n border: 1px solid rgb(230, 230, 230);\n border: 1px solid var(--dough-color-gray-5);\n}\n.dough-box.dough-box-border-radius {\n border-radius: 12px;\n}\n.dough-box.dough-box-border-radius .dough-box.dough-box-border-radius {\n border-radius: 6px;\n}\n.dough-box.dough-box-border-rounded {\n border-radius: 32px;\n}\n.dough-box.dough-box-shadow {\n box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);\n}\n.dough-box.dough-box-flex {\n display: flex;\n width: 100%;\n overflow: hidden;\n}\n.dough-box.dough-box-inline-flex {\n display: inline-flex;\n}\n.dough-box.dough-box-overflow-hidden {\n overflow: hidden;\n}\n.dough-box.dough-box-overflow-auto {\n overflow: auto;\n}\n.dough-box.dough-box-overflow-scroll {\n overflow: scroll;\n}\n.dough-box.dough-box-overflow-visible {\n overflow: visible;\n}\n.dough-box.dough-box-overflow-x-hidden {\n overflow-x: hidden;\n}\n.dough-box.dough-box-overflow-x-auto {\n overflow-x: auto;\n}\n.dough-box.dough-box-overflow-x-scroll {\n overflow-x: scroll;\n}\n.dough-box.dough-box-overflow-x-visible {\n overflow-x: visible;\n}\n.dough-box.dough-box-overflow-y-hidden {\n overflow-y: hidden;\n}\n.dough-box.dough-box-overflow-y-auto {\n overflow-y: auto;\n}\n.dough-box.dough-box-overflow-y-scroll {\n overflow-y: scroll;\n}\n.dough-box.dough-box-overflow-y-visible {\n overflow-y: visible;\n}\n.dough-box.dough-flex-direction-row {\n flex-direction: row;\n}\n.dough-box.dough-flex-direction-row-reverse {\n flex-direction: row-reverse;\n}\n.dough-box.dough-flex-direction-column {\n flex-direction: column;\n}\n.dough-box.dough-flex-direction-column-reverse {\n flex-direction: column-reverse;\n}\n.dough-box.dough-flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n.dough-box.dough-flex-wrap-wrap {\n flex-wrap: wrap;\n}\n.dough-box.dough-flex-wrap-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n.dough-box.dough-flex-justify-content-flex-start {\n justify-content: flex-start;\n}\n.dough-box.dough-flex-justify-content-start {\n justify-content: start;\n}\n.dough-box.dough-flex-justify-content-flex-end {\n justify-content: flex-end;\n}\n.dough-box.dough-flex-justify-content-end {\n justify-content: end;\n}\n.dough-box.dough-flex-justify-content-center {\n justify-content: center;\n}\n.dough-box.dough-flex-justify-content-space-between {\n justify-content: space-between;\n}\n.dough-box.dough-flex-justify-content-space-around {\n justify-content: space-around;\n}\n.dough-box.dough-flex-justify-content-space-evenly {\n justify-content: space-evenly;\n}\n.dough-box.dough-flex-align-items-flex-start {\n align-items: flex-start;\n}\n.dough-box.dough-flex-align-items-flex-end {\n align-items: flex-end;\n}\n.dough-box.dough-flex-align-items-center {\n align-items: center;\n}\n.dough-box.dough-flex-align-items-stretch {\n align-items: stretch;\n}\n.dough-box.dough-flex-align-items-baseline {\n align-items: baseline;\n}\n.dough-box.dough-flex-align-content-flex-start {\n align-content: flex-start;\n}\n.dough-box.dough-flex-align-content-flex-end {\n align-content: flex-end;\n}\n.dough-box.dough-flex-align-content-center {\n align-content: center;\n}\n.dough-box.dough-flex-align-content-stretch {\n align-content: stretch;\n}\n.dough-box.dough-flex-align-content-space-between {\n align-content: space-between;\n}\n.dough-box.dough-flex-align-content-space-around {\n align-content: space-around;\n}\n.dough-box.dough-flex-align-self-flex-start {\n align-self: flex-start;\n}\n.dough-box.dough-flex-align-self-flex-end {\n align-self: flex-end;\n}\n.dough-box.dough-flex-align-self-center {\n align-self: center;\n}\n.dough-box.dough-flex-align-self-stretch {\n align-self: stretch;\n}\n.dough-box.dough-flex-align-self-baseline {\n align-self: baseline;\n}\n.dough-box.dough-padding-top-none {\n padding-top: 0;\n}\n.dough-box.dough-padding-right-none {\n padding-right: 0;\n}\n.dough-box.dough-padding-bottom-none {\n padding-bottom: 0;\n}\n.dough-box.dough-padding-left-none {\n padding-left: 0;\n}\n.dough-box.dough-padding-none {\n padding: 0;\n}\n.dough-box.dough-padding-top-huge {\n padding-top: 48px;\n}\n.dough-box.dough-padding-right-huge {\n padding-right: 48px;\n}\n.dough-box.dough-padding-bottom-huge {\n padding-bottom: 48px;\n}\n.dough-box.dough-padding-left-huge {\n padding-left: 48px;\n}\n.dough-box.dough-padding-huge {\n padding: 48px;\n}\n.dough-box.dough-padding-top-extra-large {\n padding-top: 40px;\n}\n.dough-box.dough-padding-right-extra-large {\n padding-right: 40px;\n}\n.dough-box.dough-padding-bottom-extra-large {\n padding-bottom: 40px;\n}\n.dough-box.dough-padding-left-extra-large {\n padding-left: 40px;\n}\n.dough-box.dough-padding-extra-large {\n padding: 40px;\n}\n.dough-box.dough-padding-top-large {\n padding-top: 32px;\n}\n.dough-box.dough-padding-right-large {\n padding-right: 32px;\n}\n.dough-box.dough-padding-bottom-large {\n padding-bottom: 32px;\n}\n.dough-box.dough-padding-left-large {\n padding-left: 32px;\n}\n.dough-box.dough-padding-large {\n padding: 32px;\n}\n.dough-box.dough-padding-top-normal {\n padding-top: 24px;\n}\n.dough-box.dough-padding-right-normal {\n padding-right: 24px;\n}\n.dough-box.dough-padding-bottom-normal {\n padding-bottom: 24px;\n}\n.dough-box.dough-padding-left-normal {\n padding-left: 24px;\n}\n.dough-box.dough-padding-normal {\n padding: 24px;\n}\n.dough-box.dough-padding-top-small {\n padding-top: 16px;\n}\n.dough-box.dough-padding-right-small {\n padding-right: 16px;\n}\n.dough-box.dough-padding-bottom-small {\n padding-bottom: 16px;\n}\n.dough-box.dough-padding-left-small {\n padding-left: 16px;\n}\n.dough-box.dough-padding-small {\n padding: 16px;\n}\n.dough-box.dough-padding-top-extra-small {\n padding-top: 8px;\n}\n.dough-box.dough-padding-right-extra-small {\n padding-right: 8px;\n}\n.dough-box.dough-padding-bottom-extra-small {\n padding-bottom: 8px;\n}\n.dough-box.dough-padding-left-extra-small {\n padding-left: 8px;\n}\n.dough-box.dough-padding-extra-small {\n padding: 8px;\n}\n.dough-box.dough-padding-top-tiny {\n padding-top: 4px;\n}\n.dough-box.dough-padding-right-tiny {\n padding-right: 4px;\n}\n.dough-box.dough-padding-bottom-tiny {\n padding-bottom: 4px;\n}\n.dough-box.dough-padding-left-tiny {\n padding-left: 4px;\n}\n.dough-box.dough-padding-tiny {\n padding: 4px;\n}";
984
994
  styleInject(css_248z$9);
985
995
 
986
996
  var validateInput = function (props, value) {
@@ -1258,7 +1268,7 @@ var Card = function (props) {
1258
1268
  };
1259
1269
  Card.displayName = "Card";
1260
1270
 
1261
- var css_248z$a = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-container:not(.dough-color-transparent):not(.dough-color-gray-6):not(.dough-color-gray-5) .dough-button.dough-color-transparent {\n color: white;\n color: var(--dough-color-white);\n}\n.dough-container:not(.dough-color-transparent):not(.dough-color-gray-6):not(.dough-color-gray-5) .dough-button.dough-color-transparent path {\n fill: white;\n fill: var(--dough-color-white);\n}\n.dough-container.dough-container-absolute {\n position: absolute !important;\n top: 0;\n left: 0;\n z-index: 0;\n}";
1271
+ var css_248z$a = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-container:not(.dough-color-transparent):not(.dough-color-gray-6):not(.dough-color-gray-5) .dough-button.dough-color-transparent {\n color: rgb(255, 255, 255);\n color: var(--dough-color-white);\n}\n.dough-container:not(.dough-color-transparent):not(.dough-color-gray-6):not(.dough-color-gray-5) .dough-button.dough-color-transparent path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-white);\n}\n.dough-container.dough-container-absolute {\n position: absolute !important;\n top: 0;\n left: 0;\n z-index: 0;\n}";
1262
1272
  styleInject(css_248z$a);
1263
1273
 
1264
1274
  var Container = function (props) {
@@ -1310,7 +1320,7 @@ var generateUID = function () {
1310
1320
  ("000" + secondPart.toString(36)).slice(-3));
1311
1321
  };
1312
1322
 
1313
- var css_248z$b = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-drop-area-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform-origin: center center;\n font-family: \"Roboto\", sans-serif;\n}\nbody:not(.no-transition) .dough-drop-area-wrapper {\n transition: opacity 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-drop-area-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-drop-area-wrapper > .dough-drop-area-container {\n pointer-events: fill;\n max-height: calc(80vh - 16px);\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n background-color: white;\n background-color: var(--dough-color-theme);\n box-sizing: border-box;\n border-radius: 12px;\n box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow {\n pointer-events: none;\n position: absolute;\n z-index: 50;\n width: 32px !important;\n height: 16px !important;\n margin-top: -16px;\n overflow: hidden;\n min-width: initial !important;\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow:before {\n content: \"\";\n background-color: white;\n background-color: var(--dough-color-theme);\n position: absolute;\n top: 8px;\n left: 4px;\n z-index: 10;\n width: 16px;\n height: 16px;\n transform: translate3d(0, 0, 0) rotateZ(45deg);\n box-shadow: 0 24px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow.to-up {\n margin-top: initial;\n margin-bottom: -16px;\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow.to-up:before {\n top: -8px;\n box-shadow: 0 -24px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow,\n.dough-drop-area-wrapper > .dough-drop-area-container {\n transform: translate3d(0, -4px, 0);\n}\nbody:not(.no-transition) .dough-drop-area-wrapper > .dough-drop-area-arrow,\nbody:not(.no-transition) .dough-drop-area-wrapper > .dough-drop-area-container {\n transition: transform 250ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-drop-area-wrapper > .dough-drop-area-arrow,\nbody.no-transition .dough-drop-area-wrapper > .dough-drop-area-container {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-drop-area-wrapper.visible {\n opacity: 1;\n}\n.dough-drop-area-wrapper.visible > .dough-drop-area-arrow,\n.dough-drop-area-wrapper.visible > .dough-drop-area-container {\n transform: translate3d(0, 0, 0) !important;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper.visible {\n pointer-events: all;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper > .dough-drop-area-arrow {\n display: none !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper > .dough-drop-area-container {\n position: absolute;\n top: initial !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 2;\n width: 100% !important;\n height: auto !important;\n min-height: 1vh !important;\n max-height: 85vh !important;\n box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);\n transform: translate3d(0, 20vh, 0);\n border-radius: 0;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper.visible {\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper.visible {\n pointer-events: all;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper > .dough-drop-area-arrow {\n display: none !important;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper > .dough-drop-area-container {\n position: absolute;\n top: initial !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 2;\n width: 100% !important;\n height: auto !important;\n min-height: 1vh !important;\n max-height: 85vh !important;\n box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);\n transform: translate3d(0, 20vh, 0);\n border-radius: 0;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper.visible {\n background-color: rgba(0, 0, 0, 0.4);\n }\n}";
1323
+ var css_248z$b = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-drop-area-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform-origin: center center;\n font-family: \"Roboto\", sans-serif;\n}\nbody:not(.no-transition) .dough-drop-area-wrapper {\n transition: opacity 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-drop-area-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-drop-area-wrapper > .dough-drop-area-container {\n pointer-events: fill;\n max-height: calc(80vh - 16px);\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-theme);\n box-sizing: border-box;\n border-radius: 12px;\n box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow {\n pointer-events: none;\n position: absolute;\n z-index: 50;\n width: 32px !important;\n height: 16px !important;\n margin-top: -16px;\n overflow: hidden;\n min-width: initial !important;\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow:before {\n content: \"\";\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-theme);\n position: absolute;\n top: 8px;\n left: 4px;\n z-index: 10;\n width: 16px;\n height: 16px;\n transform: translate3d(0, 0, 0) rotateZ(45deg);\n box-shadow: 0 24px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow.to-up {\n margin-top: initial;\n margin-bottom: -16px;\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow.to-up:before {\n top: -8px;\n box-shadow: 0 -24px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow,\n.dough-drop-area-wrapper > .dough-drop-area-container {\n transform: translate3d(0, -4px, 0);\n}\nbody:not(.no-transition) .dough-drop-area-wrapper > .dough-drop-area-arrow,\nbody:not(.no-transition) .dough-drop-area-wrapper > .dough-drop-area-container {\n transition: transform 250ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-drop-area-wrapper > .dough-drop-area-arrow,\nbody.no-transition .dough-drop-area-wrapper > .dough-drop-area-container {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-drop-area-wrapper.visible {\n opacity: 1;\n}\n.dough-drop-area-wrapper.visible > .dough-drop-area-arrow,\n.dough-drop-area-wrapper.visible > .dough-drop-area-container {\n transform: translate3d(0, 0, 0) !important;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper.visible {\n pointer-events: all;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper > .dough-drop-area-arrow {\n display: none !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper > .dough-drop-area-container {\n position: absolute;\n top: initial !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 2;\n width: 100% !important;\n height: auto !important;\n min-height: 1vh !important;\n max-height: 85vh !important;\n box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);\n transform: translate3d(0, 20vh, 0);\n border-radius: 0;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper.visible {\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper.visible {\n pointer-events: all;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper > .dough-drop-area-arrow {\n display: none !important;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper > .dough-drop-area-container {\n position: absolute;\n top: initial !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 2;\n width: 100% !important;\n height: auto !important;\n min-height: 1vh !important;\n max-height: 85vh !important;\n box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);\n transform: translate3d(0, 20vh, 0);\n border-radius: 0;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper.visible {\n background-color: rgba(0, 0, 0, 0.4);\n }\n}";
1314
1324
  styleInject(css_248z$b);
1315
1325
 
1316
1326
  var TOP_MARGIN = 4;
@@ -1509,28 +1519,24 @@ var DropArea = function (props) {
1509
1519
  };
1510
1520
  DropArea.displayName = "DropArea";
1511
1521
 
1512
- var css_248z$c = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-drop-menu {\n display: inline-block;\n line-height: 0;\n}\nhtml.dough-IE11 .dough-drop-menu {\n line-height: normal;\n}\n.dough-drop-menu.dough-dropmenu-as-line {\n opacity: 0;\n height: 0px !important;\n width: 100% !important;\n overflow: hidden;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n transform: translate3d(0, 4px, 0);\n}\n.dough-drop-menu.dough-dropmenu-full-width {\n width: 100% !important;\n}\n\n.dough-drop-menu-buttons-container {\n position: relative;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper {\n margin: 8px;\n cursor: pointer;\n box-sizing: border-box;\n border-radius: 6px;\n width: calc(100% - 16px) !important;\n height: 40px;\n align-items: center;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper + .dough-drop-menu-button-wrapper {\n margin-top: -8px;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:not(:hover) {\n background-color: transparent !important;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button-wrapper,\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button {\n width: 100%;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:hover .dough-drop-menu-link {\n color: white;\n filter: brightness(100%) !important;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-drop-menu-link {\n width: 100%;\n box-sizing: border-box;\n padding: 8px;\n font-size: 0.875rem;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-drop-menu-inner-button,\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-drop-menu-link {\n white-space: nowrap;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button {\n transition-duration: 0ms;\n justify-content: flex-start;\n min-height: 32px;\n padding-top: 4px;\n padding-bottom: 4px;\n}\nhtml.dough-IE11 .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button {\n padding-top: 8px;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button > .dough-button-label {\n font-weight: 400;\n font-size: 0.875rem;\n width: 100% !important;\n text-align: left;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button .dough-button-background-wrapper {\n background-color: transparent !important;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n display: none;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:hover .dough-button.dough-color-transparent,\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:hover .dough-button.dough-color-transparent * {\n color: white;\n}\n\nbody:not(.dough-no-viewport-control) .dough-min-viewport-size-small .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small {\n height: 32px;\n}\nbody:not(.dough-no-viewport-control) .dough-min-viewport-size-small .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-drop-menu-link {\n font-size: 0.8125rem;\n}\nbody:not(.dough-no-viewport-control) .dough-min-viewport-size-small .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-button > .dough-button-label {\n font-size: 0.8125rem;\n}\n\n@media only screen and (min-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small {\n height: 32px;\n }\n body:not(.dough-no-viewport-control) .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-drop-menu-link {\n font-size: 0.8125rem;\n }\n body:not(.dough-no-viewport-control) .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-button > .dough-button-label {\n font-size: 0.8125rem;\n }\n}";
1522
+ var css_248z$c = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-drop-menu {\n display: inline-block;\n line-height: 0;\n}\nhtml.dough-IE11 .dough-drop-menu {\n line-height: normal;\n}\n.dough-drop-menu.dough-dropmenu-as-line {\n opacity: 0;\n height: 0px !important;\n width: 100% !important;\n overflow: hidden;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n transform: translate3d(0, 4px, 0);\n}\n.dough-drop-menu.dough-dropmenu-full-width {\n width: 100% !important;\n}\n\n.dough-drop-menu-buttons-container {\n position: relative;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper {\n margin: 8px;\n cursor: pointer;\n box-sizing: border-box;\n border-radius: 6px;\n width: calc(100% - 16px) !important;\n height: 40px;\n align-items: center;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper + .dough-drop-menu-button-wrapper {\n margin-top: -8px;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:not(:hover) {\n background-color: transparent !important;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button-wrapper,\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button {\n width: 100%;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:hover .dough-drop-menu-link {\n color: rgb(255, 255, 255);\n filter: brightness(100%) !important;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-drop-menu-link {\n width: 100%;\n box-sizing: border-box;\n padding: 8px;\n font-size: 0.875rem;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-drop-menu-inner-button,\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-drop-menu-link {\n white-space: nowrap;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button {\n transition-duration: 0ms;\n justify-content: flex-start;\n min-height: 32px;\n padding-top: 4px;\n padding-bottom: 4px;\n}\nhtml.dough-IE11 .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button {\n padding-top: 8px;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button > .dough-button-label {\n font-weight: 400;\n font-size: 0.875rem;\n width: 100% !important;\n text-align: left;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button .dough-button-background-wrapper {\n background-color: transparent !important;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n display: none;\n}\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:hover .dough-button.dough-color-transparent,\n.dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper:hover .dough-button.dough-color-transparent * {\n color: rgb(255, 255, 255);\n}\n\nbody:not(.dough-no-viewport-control) .dough-min-viewport-size-small .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small {\n height: 32px;\n}\nbody:not(.dough-no-viewport-control) .dough-min-viewport-size-small .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-drop-menu-link {\n font-size: 0.8125rem;\n}\nbody:not(.dough-no-viewport-control) .dough-min-viewport-size-small .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-button > .dough-button-label {\n font-size: 0.8125rem;\n}\n\n@media only screen and (min-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small {\n height: 32px;\n }\n body:not(.dough-no-viewport-control) .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-drop-menu-link {\n font-size: 0.8125rem;\n }\n body:not(.dough-no-viewport-control) .dough-drop-menu-buttons-container .dough-drop-menu-button-wrapper.dough-drop-menu-button-wrapper-small .dough-button > .dough-button-label {\n font-size: 0.8125rem;\n }\n}";
1513
1523
  styleInject(css_248z$c);
1514
1524
 
1515
- var DropMenu = forwardRef(function (props, ref) {
1516
- var _a = props.alignIconRight, alignIconRight = _a === void 0 ? false : _a, _b = props.color, color = _b === void 0 ? Colors.TRANSPARENT : _b, _c = props.closeOnClickOutside, closeOnClickOutside = _c === void 0 ? true : _c, _d = props.closeOnEscape, closeOnEscape = _d === void 0 ? true : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, _f = props.showCaret, showCaret = _f === void 0 ? true : _f, _g = props.rightShift, rightShift = _g === void 0 ? 0 : _g, _h = props.shadow, shadow = _h === void 0 ? false : _h, _j = props.show, show = _j === void 0 ? false : _j, _k = props.rounded, rounded = _k === void 0 ? true : _k, _l = props.icon, icon = _l === void 0 ? React.createElement(EllipsisVIcon, null) : _l, _m = props.size, size = _m === void 0 ? Sizes.SMALL : _m, _o = props.innerButtonSize, innerButtonSize = _o === void 0 ? Sizes.NORMAL : _o;
1525
+ var DropMenu = forwardRef(function (_a, ref) {
1526
+ var _b = _a.alignIconRight, alignIconRight = _b === void 0 ? false : _b, _c = _a.color, color = _c === void 0 ? Colors.TRANSPARENT : _c, _d = _a.closeOnClickOutside, closeOnClickOutside = _d === void 0 ? true : _d, _e = _a.closeOnEscape, closeOnEscape = _e === void 0 ? true : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.showCaret, showCaret = _g === void 0 ? true : _g, _h = _a.rightShift, rightShift = _h === void 0 ? 0 : _h, _j = _a.shadow, shadow = _j === void 0 ? false : _j, _k = _a.show, show = _k === void 0 ? false : _k, _l = _a.rounded, rounded = _l === void 0 ? true : _l, _m = _a.icon, icon = _m === void 0 ? React.createElement(EllipsisVIcon, null) : _m, _o = _a.size, size = _o === void 0 ? Sizes.SMALL : _o, _p = _a.innerButtonSize, innerButtonSize = _p === void 0 ? Sizes.NORMAL : _p, ButtonComponent = _a.ButtonComponent, className = _a.className, onOpen = _a.onOpen, onClose = _a.onClose, children = _a.children, asInvisibleLine = _a.asInvisibleLine, alignFromRight = _a.alignFromRight, alignToCenter = _a.alignToCenter, dataAttributes = _a.dataAttributes, padding = _a.padding, label = _a.label, fullWidth = _a.fullWidth, strictToReferenceWidth = _a.strictToReferenceWidth, buttonClassName = _a.buttonClassName, overlaySelector = _a.overlaySelector, overlayWidth = _a.overlayWidth;
1517
1527
  var componentRef = useRef(null);
1518
- var _p = useState(false), showDropArea = _p[0], setShowDropArea = _p[1];
1528
+ var _q = useState(false), showDropArea = _q[0], setShowDropArea = _q[1];
1519
1529
  var openDropArea = function (e) {
1520
1530
  var _a, _b;
1521
1531
  cancelEvent(e);
1522
1532
  (_b = (_a = componentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".dough-drop-menu-button")) === null || _b === void 0 ? void 0 : _b.classList.add("dough-drop-menu-button-open");
1523
- if (props.onOpen) {
1524
- props.onOpen();
1525
- }
1533
+ onOpen === null || onOpen === void 0 ? void 0 : onOpen();
1526
1534
  setShowDropArea(true);
1527
1535
  };
1528
1536
  var closeDropArea = function () {
1529
1537
  var _a, _b;
1530
1538
  (_b = (_a = componentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".dough-drop-menu-button")) === null || _b === void 0 ? void 0 : _b.classList.remove("dough-drop-menu-button-open");
1531
- if (props.onClose) {
1532
- props.onClose();
1533
- }
1539
+ onClose === null || onClose === void 0 ? void 0 : onClose();
1534
1540
  setShowDropArea(false);
1535
1541
  };
1536
1542
  useImperativeHandle(ref, function () { return ({
@@ -1542,7 +1548,7 @@ var DropMenu = forwardRef(function (props, ref) {
1542
1548
  },
1543
1549
  }); });
1544
1550
  var getButtons = function () {
1545
- var childList = Children.toArray(props.children);
1551
+ var childList = Children.toArray(children);
1546
1552
  // TODO: Chould not find specific decleration for the below child.
1547
1553
  return childList.map(function (child, i) {
1548
1554
  var _a;
@@ -1573,6 +1579,30 @@ var DropMenu = forwardRef(function (props, ref) {
1573
1579
  return child;
1574
1580
  });
1575
1581
  };
1582
+ var renderButtonComponent = function () {
1583
+ var buttonProps = {
1584
+ className: cn("dough-drop-menu-button", buttonClassName),
1585
+ color: color,
1586
+ disabled: disabled,
1587
+ icon: icon,
1588
+ alignIconRight: alignIconRight,
1589
+ padding: padding,
1590
+ fullWidth: fullWidth,
1591
+ label: label,
1592
+ rounded: rounded,
1593
+ size: size,
1594
+ shadow: shadow,
1595
+ onClick: function (e) {
1596
+ if (showDropArea === true) {
1597
+ closeDropArea();
1598
+ }
1599
+ else {
1600
+ openDropArea(e);
1601
+ }
1602
+ },
1603
+ };
1604
+ return ButtonComponent ? (React.createElement(ButtonComponent, __assign({}, buttonProps))) : (React.createElement(Button, __assign({}, buttonProps)));
1605
+ };
1576
1606
  useEffect(function () {
1577
1607
  if (show !== undefined && show !== showDropArea) {
1578
1608
  if (show === true) {
@@ -1584,23 +1614,16 @@ var DropMenu = forwardRef(function (props, ref) {
1584
1614
  }
1585
1615
  }, [show]);
1586
1616
  return (React.createElement("div", __assign({ className: cn("dough-drop-menu", {
1587
- "dough-dropmenu-as-line": props.asInvisibleLine,
1588
- "dough-dropmenu-full-width": props.fullWidth,
1589
- }), ref: componentRef }, props.dataAttributes),
1590
- props.asInvisibleLine !== true && (React.createElement(Button, { className: cn("dough-drop-menu-button", props.buttonClassName), color: color, disabled: disabled, icon: icon, alignIconRight: alignIconRight, padding: props.padding, fullWidth: props.fullWidth, label: props.label, onClick: function (e) {
1591
- if (showDropArea === true) {
1592
- closeDropArea();
1593
- }
1594
- else {
1595
- openDropArea(e);
1596
- }
1597
- }, rounded: rounded, size: size, shadow: shadow })),
1598
- React.createElement(DropArea, { overlaySelector: props.overlaySelector, rightShift: rightShift, alignFromRight: props.alignFromRight, alignToCenter: props.alignToCenter, closeOnClickOutside: closeOnClickOutside, closeOnEscape: closeOnEscape, onHide: closeDropArea, referenceElement: componentRef, show: showDropArea, showCaret: showCaret, strictToReferenceWidth: props.strictToReferenceWidth, width: props.overlayWidth ? props.overlayWidth : "auto" },
1599
- React.createElement(LayoutContainer, { className: cn("dough-drop-menu-buttons-container", props.className), layoutType: Direction.VERTICAL, dataAttributes: props.dataAttributes }, getButtons()))));
1617
+ "dough-dropmenu-as-line": asInvisibleLine,
1618
+ "dough-dropmenu-full-width": fullWidth,
1619
+ }), ref: componentRef }, dataAttributes),
1620
+ asInvisibleLine !== true && renderButtonComponent(),
1621
+ React.createElement(DropArea, { overlaySelector: overlaySelector, rightShift: rightShift, alignFromRight: alignFromRight, alignToCenter: alignToCenter, closeOnClickOutside: closeOnClickOutside, closeOnEscape: closeOnEscape, onHide: closeDropArea, referenceElement: componentRef, show: showDropArea, showCaret: showCaret, strictToReferenceWidth: strictToReferenceWidth, width: overlayWidth || "auto" },
1622
+ React.createElement(LayoutContainer, { className: cn("dough-drop-menu-buttons-container", className), layoutType: Direction.VERTICAL, dataAttributes: dataAttributes }, getButtons()))));
1600
1623
  });
1601
1624
  DropMenu.displayName = "DropMenu";
1602
1625
 
1603
- var css_248z$d = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper {\n position: relative;\n display: block;\n box-sizing: border-box;\n min-width: 100%;\n margin-top: 2px;\n margin-bottom: 2px;\n font-family: \"Roboto\", sans-serif;\n cursor: default;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-fe-wrapper + .dough-fe-wrapper {\n margin-top: 16px;\n}\n.dough-fe-wrapper * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper {\n display: flex;\n flex-flow: column wrap;\n justify-content: flex-start;\n align-items: flex-start;\n box-sizing: border-box;\n border-radius: 6px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper {\n transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label {\n order: 1;\n font-size: 0.8125rem;\n transform: translate3d(12px, 28px, 0);\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n box-sizing: border-box;\n height: 16px;\n overflow: visible;\n pointer-events: none;\n position: relative;\n z-index: 2;\n padding: 0 4px 0 4px;\n margin-top: -16px;\n margin-left: -2px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label.as-placeholder {\n font-size: 0.875rem;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-helper {\n display: none;\n order: 3;\n font-size: 0.8125rem;\n margin-top: 4px;\n margin-left: 16px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n font-family: \"Roboto\", sans-serif;\n border-width: 2px;\n border-style: solid;\n border-top-style: none;\n border-radius: 6px;\n padding: 0;\n padding-top: 2px;\n flex: 1;\n width: 100%;\n box-sizing: border-box;\n color: #6e6f75;\n color: var(--dough-color-text-default);\n font-size: 0.875rem;\n box-shadow: none;\n order: 2;\n position: relative;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n flex: 1 1 auto;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.dough-input-wrapper-clickable {\n cursor: pointer;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border {\n position: absolute;\n top: 0;\n right: -2px;\n left: -2px;\n width: auto;\n height: 50%;\n color: rgba(0, 0, 0, 0);\n overflow: hidden;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n pointer-events: none;\n border-color: inherit;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > span:not([class]) {\n padding: 0 4px 0 4px;\n display: none;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n height: 100%;\n border-color: inherit;\n position: relative;\n overflow: hidden;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after:before,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: -100%;\n left: 0;\n width: auto;\n height: auto;\n min-width: 16px;\n border-width: 2px;\n border-style: solid;\n border-bottom: none;\n border-color: inherit;\n border-radius: 6px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n display: none;\n width: 8px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n right: -100%;\n min-width: 48px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n flex: 1;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.with-fields {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n border: none;\n width: 100%;\n box-sizing: border-box;\n color: #6e6f75;\n color: var(--dough-color-text-default);\n font-size: 0.875rem;\n text-rendering: geometricPrecision;\n background-color: transparent;\n padding: 2px 12px 2px 12px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n min-height: 36px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n height: 36px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n min-height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input {\n width: 1%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n overflow: hidden;\n min-width: 32px;\n padding-left: 2px;\n padding-right: 2px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + input, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + textarea {\n padding-left: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) {\n display: inline-block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before {\n left: -50%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > .dough-input-element-top-border-before {\n display: block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:before {\n opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n transform: translate3d(12px, 8px, 0) !important;\n opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label.as-placeholder {\n opacity: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) {\n border-color: #d2d2d2;\n border-color: var(--dough-color-input-border);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) + .dough-fe-label:not(.as-placeholder) {\n color: #6e6f75;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error {\n border-color: #bf2900;\n border-color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error + .dough-fe-label {\n color: #bf2900;\n color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error ~ .dough-fe-helper {\n display: initial;\n color: #bf2900;\n color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .arrow-icon-container {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n width: 16px;\n height: 16px;\n margin-top: -8px;\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon {\n width: 0.875em;\n display: inline-block;\n font-size: inherit;\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon > path {\n fill: #9f9f9f;\n}\n.dough-fe-wrapper.dough-mandatory > .dough-fe-input-wrapper > .dough-fe-label:after {\n content: \"*\";\n margin-left: 2px;\n}\n.dough-fe-wrapper[readOnly], .dough-fe-wrapper[disabled] {\n pointer-events: none;\n}\n.dough-fe-wrapper[readOnly] *, .dough-fe-wrapper[disabled] * {\n pointer-events: none !important;\n}\n.dough-fe-wrapper[disabled] {\n opacity: 0.5;\n}\n.dough-fe-wrapper[disabled] .dough-fe-wrapper[disabled] {\n opacity: 1;\n}\n.dough-fe-wrapper.dough-fe-borderless {\n margin: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label {\n border: none !important;\n transform: translate3d(-4px, 16px, 0);\n margin-left: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label:before {\n display: none;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element {\n border: none;\n background-color: transparent !important;\n min-height: auto;\n padding-top: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n padding: 0 !important;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n min-height: auto;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element {\n padding-top: 2px !important;\n justify-content: flex-start;\n min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n padding-top: 2px !important;\n justify-content: flex-end;\n min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n transform: translate3d(-4px, -4px, 0) !important;\n}\n\n.dough-hidden-input {\n display: none !important;\n}";
1626
+ var css_248z$d = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper {\n position: relative;\n display: block;\n box-sizing: border-box;\n min-width: 100%;\n margin-top: 2px;\n margin-bottom: 2px;\n font-family: \"Roboto\", sans-serif;\n cursor: default;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-fe-wrapper + .dough-fe-wrapper {\n margin-top: 16px;\n}\n.dough-fe-wrapper * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\nbody:not(.no-transition) .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper.dough-fe-label-animate > .dough-fe-input-wrapper > .dough-fe-label {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper {\n display: flex;\n flex-flow: column wrap;\n justify-content: flex-start;\n align-items: flex-start;\n box-sizing: border-box;\n border-radius: 6px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper {\n transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label {\n order: 1;\n font-size: 0.8125rem;\n transform: translate3d(12px, 28px, 0);\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n box-sizing: border-box;\n height: 16px;\n overflow: visible;\n pointer-events: none;\n position: relative;\n z-index: 2;\n padding: 0 4px 0 4px;\n margin-top: -16px;\n margin-left: -2px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-label.as-placeholder {\n font-size: 0.875rem;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-fe-helper {\n display: none;\n order: 3;\n font-size: 0.8125rem;\n margin-top: 4px;\n margin-left: 16px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n font-family: \"Roboto\", sans-serif;\n border-width: 2px;\n border-style: solid;\n border-top-style: none;\n border-radius: 6px;\n padding: 0;\n padding-top: 2px;\n flex: 1;\n width: 100%;\n box-sizing: border-box;\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n font-size: 0.875rem;\n box-shadow: none;\n order: 2;\n position: relative;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n flex: 1 1 auto;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.dough-input-wrapper-clickable {\n cursor: pointer;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border {\n position: absolute;\n top: 0;\n right: -2px;\n left: -2px;\n width: auto;\n height: 50%;\n color: rgba(0, 0, 0, 0);\n overflow: hidden;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n pointer-events: none;\n border-color: inherit;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > span:not([class]) {\n padding: 0 4px 0 4px;\n display: none;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n height: 100%;\n border-color: inherit;\n position: relative;\n overflow: hidden;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after:before,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: -100%;\n left: 0;\n width: auto;\n height: auto;\n min-width: 16px;\n border-width: 2px;\n border-style: solid;\n border-bottom: none;\n border-color: inherit;\n border-radius: 6px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before {\n display: none;\n width: 8px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-before:before {\n right: -100%;\n min-width: 48px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n flex: 1;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-input-element-top-border > .dough-input-element-top-border-after {\n flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.with-fields {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n border: none;\n width: 100%;\n box-sizing: border-box;\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n font-size: 0.875rem;\n text-rendering: geometricPrecision;\n background-color: transparent;\n padding: 2px 12px 2px 12px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > textarea,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container {\n flex: 1 1 auto;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n min-height: 36px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n height: 36px;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n min-height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .value-container-small {\n height: 28px;\n}\nhtml.dough-IE11 .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > input {\n width: 1%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n overflow: hidden;\n min-width: 32px;\n padding-left: 2px;\n padding-right: 2px;\n}\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody:not(.no-transition) .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n transition: border 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\nbody.no-transition .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + input, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element + textarea {\n padding-left: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) {\n display: inline-block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > span:not([class]) + .dough-input-element-top-border-after:before {\n left: -50%;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus > .dough-input-element-top-border > .dough-input-element-top-border-before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active > .dough-input-element-top-border > .dough-input-element-top-border-before {\n display: block;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:before, .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:before {\n opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n transform: translate3d(12px, 8px, 0) !important;\n opacity: 1;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label.as-placeholder {\n opacity: 0;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) {\n border-color: rgb(210, 210, 210);\n border-color: var(--dough-color-input-border);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element:not(:focus):not(.active):not(.validation-error) + .dough-fe-label:not(.as-placeholder) {\n color: rgb(110, 111, 117);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error {\n border-color: rgb(191, 41, 0);\n border-color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error + .dough-fe-label {\n color: rgb(191, 41, 0);\n color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper > .dough-input-element.validation-error ~ .dough-fe-helper {\n display: initial;\n color: rgb(191, 41, 0);\n color: var(--dough-color-status-danger);\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .arrow-icon-container {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n width: 16px;\n height: 16px;\n margin-top: -8px;\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon {\n width: 0.875em;\n display: inline-block;\n font-size: inherit;\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.dough-fe-wrapper > .dough-fe-input-wrapper .dough-inline-svg-icon > path {\n fill: rgb(159, 159, 159);\n}\n.dough-fe-wrapper.dough-mandatory > .dough-fe-input-wrapper > .dough-fe-label:after {\n content: \"*\";\n margin-left: 2px;\n}\n.dough-fe-wrapper[readOnly], .dough-fe-wrapper[disabled] {\n pointer-events: none;\n}\n.dough-fe-wrapper[readOnly] *, .dough-fe-wrapper[disabled] * {\n pointer-events: none !important;\n}\n.dough-fe-wrapper[disabled] {\n opacity: 0.5;\n}\n.dough-fe-wrapper[disabled] .dough-fe-wrapper[disabled] {\n opacity: 1;\n}\n.dough-fe-wrapper.dough-fe-borderless {\n margin: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label {\n border: none !important;\n transform: translate3d(-4px, 16px, 0);\n margin-left: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-fe-label:before {\n display: none;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element {\n border: none;\n background-color: transparent !important;\n min-height: auto;\n padding-top: 0;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > textarea,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n padding: 0 !important;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > input,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .value-container,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element,\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n min-height: auto;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-left-element {\n padding-top: 2px !important;\n justify-content: flex-start;\n min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element > .dough-fe-right-element {\n padding-top: 2px !important;\n justify-content: flex-end;\n min-width: 20px;\n}\n.dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.filled + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element:focus + .dough-fe-label:not(.as-placeholder), .dough-fe-wrapper.dough-fe-borderless > .dough-fe-input-wrapper > .dough-input-element.active + .dough-fe-label:not(.as-placeholder) {\n transform: translate3d(-4px, -4px, 0) !important;\n}\n\n.dough-hidden-input {\n display: none !important;\n}";
1604
1627
  styleInject(css_248z$d);
1605
1628
 
1606
1629
  // TODO in the future type declerations will be also added here
@@ -1775,7 +1798,7 @@ var TextInput = forwardRef(function (props, ref) {
1775
1798
  });
1776
1799
  TextInput.displayName = "TextInput";
1777
1800
 
1778
- var css_248z$e = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-time-picker {\n width: 100%;\n height: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 12px 0px 12px !important;\n box-sizing: border-box;\n}\n.dough-time-picker > input,\n.dough-time-picker > .value-container {\n padding: 0 !important;\n cursor: pointer;\n}\n\n.dough-time-picker-options-wrapper {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n max-height: 240px;\n padding-bottom: 200px;\n}\n.dough-time-picker-options-wrapper > .dough-time-picker-option {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 12px;\n font-size: 0.85rem;\n cursor: pointer;\n pointer-events: all;\n}\n.dough-time-picker-options-wrapper > .dough-time-picker-option:not(.dough-time-picker-selected-option) {\n background-color: rgba(255, 255, 255, 0);\n background-color: var(--dough-color-transparent);\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-time-picker-options-wrapper > .dough-time-picker-option:not(.dough-time-picker-selected-option):hover {\n background-color: whitesmoke;\n background-color: var(--dough-color-gray-6);\n}";
1801
+ var css_248z$e = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-time-picker {\n width: 100%;\n height: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 12px 0px 12px !important;\n box-sizing: border-box;\n}\n.dough-time-picker > input,\n.dough-time-picker > .value-container {\n padding: 0 !important;\n cursor: pointer;\n}\n\n.dough-time-picker-options-wrapper {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n max-height: 240px;\n padding-bottom: 200px;\n}\n.dough-time-picker-options-wrapper > .dough-time-picker-option {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 12px;\n font-size: 0.85rem;\n cursor: pointer;\n pointer-events: all;\n}\n.dough-time-picker-options-wrapper > .dough-time-picker-option:not(.dough-time-picker-selected-option) {\n background-color: rgba(255, 255, 255, 0);\n background-color: var(--dough-color-transparent);\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n}\n.dough-time-picker-options-wrapper > .dough-time-picker-option:not(.dough-time-picker-selected-option):hover {\n background-color: rgb(245, 245, 245);\n background-color: var(--dough-color-gray-6);\n}";
1779
1802
  styleInject(css_248z$e);
1780
1803
 
1781
1804
  var BreakpointViewer = function (props) {
@@ -2360,7 +2383,7 @@ var DateTimeCalendar = function (props) {
2360
2383
  };
2361
2384
  DateTimeCalendar.displayName = "DateTimeCalendar";
2362
2385
 
2363
- var css_248z$h = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-date-time-fe-wrapper {\n margin-top: 0;\n margin-bottom: 0;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector {\n font-family: \"Roboto\", sans-serif;\n width: 100%;\n order: 2;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-fe-label {\n font-size: 0.875rem;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector {\n font-size: 0.875rem;\n padding: 8px;\n width: 100%;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n position: relative;\n background: none;\n border: none;\n min-height: 32px;\n min-width: 34px;\n width: 100%;\n position: relative;\n cursor: pointer;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n margin-top: 8px;\n}\nhtml.dough-IE11 .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n height: 32px;\n}\nbody:not(.no-transition) .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n transition: all 200ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile.dough-day-tile-disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: default;\n color: #6e6f75;\n color: var(--dough-color-transparent-alternate);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile.dough-day-tile-disabled > .dough-date-time-tile-after,\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile.dough-day-tile-disabled > .dough-date-time-tile-before {\n display: none;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile > .dough-day-tile-text {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n position: relative;\n z-index: 20;\n font-size: 0.6875rem;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after,\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 5;\n width: auto;\n height: 32px;\n}\nbody:not(.no-transition) .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after,\nbody:not(.no-transition) .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-before {\n transition: all 200ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after,\nbody.no-transition .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-before {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after {\n width: 32px;\n left: 50%;\n margin-left: -16px;\n border-radius: 16px;\n z-index: 10;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled):not(:hover):not(.dough-day-selected):not(.dough-day-start-in-range):not(.dough-day-end-in-range):not(.dough-day-in-range) {\n color: #6e6f75;\n color: var(--dough-color-transparent-alternate);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled):not(:hover):not(.dough-day-selected):not(.dough-day-start-in-range):not(.dough-day-end-in-range):not(.dough-day-in-range) > .dough-date-time-tile-after {\n background-color: rgba(255, 255, 255, 0);\n background-color: var(--dough-color-transparent);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled):not(:hover):not(.dough-day-selected):not(.dough-day-start-in-range):not(.dough-day-end-in-range):not(.dough-day-in-range).dough-day-tile-today > .dough-date-time-tile-after:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 20;\n width: auto;\n height: auto;\n border-radius: 100%;\n border: 2px solid #4484c7;\n border: 2px solid var(--dough-color-header);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-start-in-range > .dough-date-time-tile-before, .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-end-in-range > .dough-date-time-tile-before {\n width: auto;\n filter: brightness(130%);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-start-in-range > .dough-date-time-tile-before {\n left: 50%;\n right: 0;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-end-in-range > .dough-date-time-tile-before {\n left: 0;\n right: 50%;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-start-in-range.dough-day-end-in-range > .dough-date-time-tile-before {\n display: none;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range > .dough-date-time-tile-before {\n width: auto;\n left: 0;\n right: 0;\n filter: brightness(130%);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range > .dough-date-time-tile-after {\n display: none;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range.dough-day-start-of-month > .dough-date-time-tile-before {\n border-top-left-radius: 16px !important;\n border-bottom-left-radius: 16px !important;\n left: 50% !important;\n margin-left: -16px !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range.dough-day-end-of-month > .dough-date-time-tile-before {\n border-top-right-radius: 16px !important;\n border-bottom-right-radius: 16px !important;\n right: 50% !important;\n margin-right: -16px !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-layout-flexbox > .dough-layout-flexbox-content > .dough-layout > .dough-layout-flexbox:first-child .dough-day-tile > .dough-date-time-tile-before {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n left: 50%;\n margin-left: -16px;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-layout-flexbox > .dough-layout-flexbox-content > .dough-layout > .dough-layout-flexbox:last-child .dough-day-tile > .dough-date-time-tile-before {\n border-top-right-radius: 16px;\n border-bottom-right-radius: 16px;\n right: 50%;\n margin-right: -16px;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-caption-item {\n cursor: pointer;\n color: #444444;\n color: var(--dough-color-text-dark);\n font-weight: 700;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector > .value-container {\n font-size: 0.875rem;\n}\n\n.year-month-selector .dough-layout-flexbox:not(:last-child) {\n padding-right: 8px;\n}\n\n.dough-date-time-field {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\nbody:not(.no-transition) .dough-date-time-field {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-field {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n\n.dough-date-time-month-year-selection {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n opacity: 0;\n transform: translate3d(0, -16px, 0);\n}\n.dough-date-time-month-year-selection:not(.dough-year-selection):not(.dough-month-selection) {\n pointer-events: none;\n}\n.dough-date-time-month-year-selection:not(.dough-year-selection):not(.dough-month-selection) * {\n pointer-events: none;\n}\nbody:not(.no-transition) .dough-date-time-month-year-selection {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-month-year-selection {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection {\n display: none;\n padding-top: 8px;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 8px;\n box-sizing: border-box;\n /* > .dough-layout-flexbox-content {\n position: absolute;\n } */\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item {\n width: 33.333%;\n flex: 1 33.333%;\n height: 25%;\n box-sizing: border-box;\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\nhtml.dough-IE11 .dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item {\n flex: 1 33.333% 1 33.333% auto;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item > .month-year-selectable-item-value-text {\n padding: 8px;\n border-radius: 3px;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item:not(.selected) > .month-year-selectable-item-value-text {\n background-color: var(--dough-color-transparent);\n color: var(--dough-color-transparent-alternate);\n}\n.dough-date-time-month-year-selection.dough-year-selection, .dough-date-time-month-year-selection.dough-month-selection {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.dough-date-time-month-year-selection.dough-year-selection ~ .dough-date-time-field, .dough-date-time-month-year-selection.dough-month-selection ~ .dough-date-time-field {\n opacity: 0;\n transform: translate3d(0, 4px, 0);\n pointer-events: none;\n}\n.dough-date-time-month-year-selection.dough-year-selection ~ .dough-date-time-field *, .dough-date-time-month-year-selection.dough-month-selection ~ .dough-date-time-field * {\n pointer-events: none !important;\n}\n.dough-date-time-month-year-selection.dough-year-selection > .dough-year-selection {\n display: flex;\n}\n.dough-date-time-month-year-selection.dough-month-selection > .dough-month-selection {\n display: flex;\n}";
2386
+ var css_248z$h = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-date-time-fe-wrapper {\n margin-top: 0;\n margin-bottom: 0;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector {\n font-family: \"Roboto\", sans-serif;\n width: 100%;\n order: 2;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-fe-label {\n font-size: 0.875rem;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector {\n font-size: 0.875rem;\n padding: 8px;\n width: 100%;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n position: relative;\n background: none;\n border: none;\n min-height: 32px;\n min-width: 34px;\n width: 100%;\n position: relative;\n cursor: pointer;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n margin-top: 8px;\n}\nhtml.dough-IE11 .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n height: 32px;\n}\nbody:not(.no-transition) .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n transition: all 200ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile.dough-day-tile-disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: default;\n color: rgb(110, 111, 117);\n color: var(--dough-color-transparent-alternate);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile.dough-day-tile-disabled > .dough-date-time-tile-after,\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile.dough-day-tile-disabled > .dough-date-time-tile-before {\n display: none;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile > .dough-day-tile-text {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n position: relative;\n z-index: 20;\n font-size: 0.6875rem;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after,\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 5;\n width: auto;\n height: 32px;\n}\nbody:not(.no-transition) .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after,\nbody:not(.no-transition) .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-before {\n transition: all 200ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after,\nbody.no-transition .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-before {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled) > .dough-date-time-tile-after {\n width: 32px;\n left: 50%;\n margin-left: -16px;\n border-radius: 16px;\n z-index: 10;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled):not(:hover):not(.dough-day-selected):not(.dough-day-start-in-range):not(.dough-day-end-in-range):not(.dough-day-in-range) {\n color: rgb(110, 111, 117);\n color: var(--dough-color-transparent-alternate);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled):not(:hover):not(.dough-day-selected):not(.dough-day-start-in-range):not(.dough-day-end-in-range):not(.dough-day-in-range) > .dough-date-time-tile-after {\n background-color: rgba(255, 255, 255, 0);\n background-color: var(--dough-color-transparent);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled):not(:hover):not(.dough-day-selected):not(.dough-day-start-in-range):not(.dough-day-end-in-range):not(.dough-day-in-range).dough-day-tile-today > .dough-date-time-tile-after:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 20;\n width: auto;\n height: auto;\n border-radius: 100%;\n border: 2px solid rgb(68, 132, 199);\n border: 2px solid var(--dough-color-header);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-start-in-range > .dough-date-time-tile-before, .dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-end-in-range > .dough-date-time-tile-before {\n width: auto;\n filter: brightness(130%);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-start-in-range > .dough-date-time-tile-before {\n left: 50%;\n right: 0;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-end-in-range > .dough-date-time-tile-before {\n left: 0;\n right: 50%;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-start-in-range.dough-day-end-in-range > .dough-date-time-tile-before {\n display: none;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range > .dough-date-time-tile-before {\n width: auto;\n left: 0;\n right: 0;\n filter: brightness(130%);\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range > .dough-date-time-tile-after {\n display: none;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range.dough-day-start-of-month > .dough-date-time-tile-before {\n border-top-left-radius: 16px !important;\n border-bottom-left-radius: 16px !important;\n left: 50% !important;\n margin-left: -16px !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-day-tile:not(.dough-day-tile-disabled).dough-day-in-range.dough-day-end-of-month > .dough-date-time-tile-before {\n border-top-right-radius: 16px !important;\n border-bottom-right-radius: 16px !important;\n right: 50% !important;\n margin-right: -16px !important;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-layout-flexbox > .dough-layout-flexbox-content > .dough-layout > .dough-layout-flexbox:first-child .dough-day-tile > .dough-date-time-tile-before {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n left: 50%;\n margin-left: -16px;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-calendar .dough-date-selector .dough-layout-flexbox > .dough-layout-flexbox-content > .dough-layout > .dough-layout-flexbox:last-child .dough-day-tile > .dough-date-time-tile-before {\n border-top-right-radius: 16px;\n border-bottom-right-radius: 16px;\n right: 50%;\n margin-right: -16px;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector .dough-date-time-caption-item {\n cursor: pointer;\n color: rgb(68, 68, 68);\n color: var(--dough-color-text-dark);\n font-weight: 700;\n}\n.dough-date-time-fe-wrapper .dough-date-time-selector > .value-container {\n font-size: 0.875rem;\n}\n\n.year-month-selector .dough-layout-flexbox:not(:last-child) {\n padding-right: 8px;\n}\n\n.dough-date-time-field {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\nbody:not(.no-transition) .dough-date-time-field {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-field {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n\n.dough-date-time-month-year-selection {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n opacity: 0;\n transform: translate3d(0, -16px, 0);\n}\n.dough-date-time-month-year-selection:not(.dough-year-selection):not(.dough-month-selection) {\n pointer-events: none;\n}\n.dough-date-time-month-year-selection:not(.dough-year-selection):not(.dough-month-selection) * {\n pointer-events: none;\n}\nbody:not(.no-transition) .dough-date-time-month-year-selection {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-date-time-month-year-selection {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection {\n display: none;\n padding-top: 8px;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 8px;\n box-sizing: border-box;\n /* > .dough-layout-flexbox-content {\n position: absolute;\n } */\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item {\n width: 33.333%;\n flex: 1 33.333%;\n height: 25%;\n box-sizing: border-box;\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\nhtml.dough-IE11 .dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item {\n flex: 1 33.333% 1 33.333% auto;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item > .month-year-selectable-item-value-text {\n padding: 8px;\n border-radius: 3px;\n}\n.dough-date-time-month-year-selection > .dough-month-year-selection .month-year-selectable-range .month-year-selectable-item:not(.selected) > .month-year-selectable-item-value-text {\n background-color: var(--dough-color-transparent);\n color: var(--dough-color-transparent-alternate);\n}\n.dough-date-time-month-year-selection.dough-year-selection, .dough-date-time-month-year-selection.dough-month-selection {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.dough-date-time-month-year-selection.dough-year-selection ~ .dough-date-time-field, .dough-date-time-month-year-selection.dough-month-selection ~ .dough-date-time-field {\n opacity: 0;\n transform: translate3d(0, 4px, 0);\n pointer-events: none;\n}\n.dough-date-time-month-year-selection.dough-year-selection ~ .dough-date-time-field *, .dough-date-time-month-year-selection.dough-month-selection ~ .dough-date-time-field * {\n pointer-events: none !important;\n}\n.dough-date-time-month-year-selection.dough-year-selection > .dough-year-selection {\n display: flex;\n}\n.dough-date-time-month-year-selection.dough-month-selection > .dough-month-selection {\n display: flex;\n}";
2364
2387
  styleInject(css_248z$h);
2365
2388
 
2366
2389
  var MONTH_YEAR_SELECTION_TYPES = {
@@ -2899,7 +2922,7 @@ var TextArea = forwardRef(function (props, ref) {
2899
2922
  });
2900
2923
  TextArea.displayName = "TextArea";
2901
2924
 
2902
- var css_248z$k = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tag-item {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding: 2px 8px 2px 8px;\n height: 24px;\n box-sizing: border-box;\n margin: 2px;\n margin-left: 0;\n border-radius: 3px;\n font-size: 0.6875rem;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-tag-item .dough-button-wrapper {\n width: 12px;\n height: 12px;\n min-height: 12px;\n min-width: 12px;\n padding: 0;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button {\n width: 12px;\n height: 12px;\n min-height: 12px;\n min-width: 12px;\n padding: 0;\n margin-left: 4px;\n margin-right: -4px;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-button-background-wrapper {\n display: none;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-inline-svg-icon {\n width: 12px;\n height: 12px;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-inline-svg-icon path {\n fill: white;\n fill: var(--dough-color-white);\n}";
2925
+ var css_248z$k = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tag-item {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding: 2px 8px 2px 8px;\n height: 24px;\n box-sizing: border-box;\n margin: 2px;\n margin-left: 0;\n border-radius: 3px;\n font-size: 0.6875rem;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-tag-item .dough-button-wrapper {\n width: 12px;\n height: 12px;\n min-height: 12px;\n min-width: 12px;\n padding: 0;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button {\n width: 12px;\n height: 12px;\n min-height: 12px;\n min-width: 12px;\n padding: 0;\n margin-left: 4px;\n margin-right: -4px;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-button-background-wrapper {\n display: none;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-inline-svg-icon {\n width: 12px;\n height: 12px;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-inline-svg-icon path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-white);\n}";
2903
2926
  styleInject(css_248z$k);
2904
2927
 
2905
2928
  var Tag = function (props) { return (React.createElement("div", __assign({ className: cn("dough-tag-item", props.color ? props.color : Colors.HEADER, props.className) }, props.dataAttributes),
@@ -3556,7 +3579,7 @@ var Spinner = function (props) {
3556
3579
  };
3557
3580
  Spinner.displayName = "Spinner";
3558
3581
 
3559
- var css_248z$m = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-selectbox {\n cursor: pointer;\n}\n.dough-selectbox .value-container {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n overflow: hidden;\n z-index: 90;\n position: relative;\n}\n\n.dough-selectbox-option-wrapper {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 10px;\n font-size: 0.85rem;\n cursor: pointer;\n pointer-events: all;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-option-disabled {\n opacity: 0.5;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-option-disabled, .dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-option-not-selectable {\n pointer-events: none;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-filtered {\n display: none !important;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-empty-option {\n opacity: 0.5;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option:not(.dough-selectbox-selected-option):hover {\n background-color: whitesmoke;\n background-color: var(--dough-color-gray-6);\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option:not(.dough-selectbox-selected-option) {\n background-color: rgba(255, 255, 255, 0);\n background-color: var(--dough-color-transparent);\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option-wrapper > .dough-selectbox-option {\n padding-left: 16px;\n padding-right: 0;\n}\n\n.dough-selectbox-filter-container {\n position: relative;\n z-index: 20;\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 0 16px 0 16px !important;\n order: 1;\n border-bottom: 1px solid #ededed;\n height: 40px;\n overflow: hidden;\n background-color: white;\n background-color: var(--dough-color-white);\n}\n.dough-selectbox-filter-container > .dough-layout-flexbox-content {\n height: 100%;\n}\n.to-up .dough-selectbox-filter-container {\n order: 3;\n border-bottom: none;\n border-top: 1px solid #ededed;\n}\n\n.dough-selectbox-options-container {\n position: relative;\n z-index: 10;\n order: 2;\n max-height: 40vh;\n margin-top: -40px;\n padding-top: 40px !important;\n overflow: auto;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-selectbox-filter-container {\n order: 1 !important;\n border-top: none !important;\n border-bottom: 1px solid #ededed !important;\n}\n\n@media only screen and (max-width: 768px) {\n body:not(.dough-no-viewport-control) .dough-selectbox-filter-container {\n order: 1 !important;\n border-top: none !important;\n border-bottom: 1px solid #ededed !important;\n }\n}";
3582
+ var css_248z$m = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-selectbox {\n cursor: pointer;\n}\n.dough-selectbox .value-container {\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n overflow: hidden;\n z-index: 90;\n position: relative;\n}\n\n.dough-selectbox-option-wrapper {\n display: flex;\n flex-flow: column nowrap;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 10px;\n font-size: 0.85rem;\n cursor: pointer;\n pointer-events: all;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-option-disabled {\n opacity: 0.5;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-option-disabled, .dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-option-not-selectable {\n pointer-events: none;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-filtered {\n display: none !important;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option.dough-selectbox-empty-option {\n opacity: 0.5;\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option:not(.dough-selectbox-selected-option):hover {\n background-color: rgb(245, 245, 245);\n background-color: var(--dough-color-gray-6);\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option:not(.dough-selectbox-selected-option) {\n background-color: rgba(255, 255, 255, 0);\n background-color: var(--dough-color-transparent);\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n}\n.dough-selectbox-option-wrapper > .dough-selectbox-option-wrapper > .dough-selectbox-option {\n padding-left: 16px;\n padding-right: 0;\n}\n\n.dough-selectbox-filter-container {\n position: relative;\n z-index: 20;\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: 0 16px 0 16px !important;\n order: 1;\n border-bottom: 1px solid #ededed;\n height: 40px;\n overflow: hidden;\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-white);\n}\n.dough-selectbox-filter-container > .dough-layout-flexbox-content {\n height: 100%;\n}\n.to-up .dough-selectbox-filter-container {\n order: 3;\n border-bottom: none;\n border-top: 1px solid #ededed;\n}\n\n.dough-selectbox-options-container {\n position: relative;\n z-index: 10;\n order: 2;\n max-height: 40vh;\n margin-top: -40px;\n padding-top: 40px !important;\n overflow: auto;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-selectbox-filter-container {\n order: 1 !important;\n border-top: none !important;\n border-bottom: 1px solid #ededed !important;\n}\n\n@media only screen and (max-width: 768px) {\n body:not(.dough-no-viewport-control) .dough-selectbox-filter-container {\n order: 1 !important;\n border-top: none !important;\n border-bottom: 1px solid #ededed !important;\n }\n}";
3560
3583
  styleInject(css_248z$m);
3561
3584
 
3562
3585
  var InvalidChars = "[\\[\\]?*+|{}\\\\()@.\n\r]";
@@ -3874,7 +3897,7 @@ var SelectBox = forwardRef(function (props, ref) {
3874
3897
  });
3875
3898
  SelectBox.displayName = "SelectBox";
3876
3899
 
3877
- var css_248z$n = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper.dough-checkbox-fe-wrapper {\n margin-top: 0;\n margin-bottom: 0;\n}\n.dough-fe-wrapper.dough-checkbox-fe-wrapper + .dough-fe-wrapper.dough-checkbox-fe-wrapper {\n margin-top: 8px;\n}\n\n.dough-selection-container {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n box-sizing: border-box;\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-selection-container * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\nhtml.dough-IE11 .dough-selection-container {\n flex-basis: 32px;\n}\n.dough-selection-container .dough-fe-label {\n font-size: 0.875rem;\n width: 100%;\n}\n.dough-selection-container .dough-selection-button {\n width: 24px;\n min-width: 24px;\n max-width: 24px;\n height: 24px;\n min-height: 24px;\n max-height: 24px;\n}\n.dough-selection-container .dough-selection-button.dough-checkbox-size-small {\n width: 16px;\n min-width: 16px;\n max-width: 16px;\n height: 16px;\n min-height: 16px;\n max-height: 16px;\n}\n.dough-selection-container .dough-selection-button > .dough-button {\n padding: 0;\n margin: 0;\n min-width: 100% !important;\n max-width: 100% !important;\n width: 100% !important;\n height: 100% !important;\n min-height: 100% !important;\n max-height: 100% !important;\n overflow: hidden;\n}\n.dough-selection-container .dough-selection-button > .dough-button:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n border: 2px solid #d2d2d2;\n border: 2px solid var(--dough-color-input-border);\n border-radius: 6px;\n}\nbody:not(.no-transition) .dough-selection-container .dough-selection-button > .dough-button:after {\n transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-selection-container .dough-selection-button > .dough-button:after {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\nhtml.dough-IE11 .dough-selection-container .dough-selection-button > .dough-button {\n padding: 0;\n margin: 0;\n}\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon {\n width: 24px;\n height: 24px;\n}\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(0.2);\n width: 16px;\n height: 16px;\n}\nbody:not(.no-transition) .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\nbody:not(.no-transition) .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\nbody.no-transition .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon path,\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa path {\n fill: white;\n fill: var(--dough-color-header-alternate);\n}\n.dough-selection-container .dough-selection-button:focus > .dough-button:after {\n border-color: #4484c7;\n border-color: var(--dough-color-primary);\n}\n.dough-selection-container .dough-selection-button > .dough-button {\n box-shadow: none !important;\n}\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button .dough-button-background-wrapper {\n background-color: transparent !important;\n}\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n display: none;\n}\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon path,\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa path {\n fill: #6e6f75;\n fill: var(--dough-color-transparent-alternate);\n}\n.dough-selection-container.checked .dough-selection-button > .dough-button:after {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\n.dough-selection-container.checked .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\n.dough-selection-container.checked .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n}\n.dough-selection-container.checked .dough-selection-button > .dough-button.dough-button-size-small > .dough-button-icon > .dough-inline-svg-icon,\n.dough-selection-container.checked .dough-selection-button > .dough-button.dough-button-size-small > .dough-button-icon > .svg-inline--fa {\n transform: translate3d(0, 0, 0) perspective(0px) scale(0.6);\n}\n.dough-selection-container.rounded .dough-selection-button > .dough-button:after {\n border-radius: 100%;\n}\n.dough-selection-container .dough-selection-left-box {\n cursor: pointer;\n padding: 0;\n}\n.dough-selection-container .dough-selection-right-box {\n cursor: pointer;\n}\n.dough-selection-container .dough-selection-right-box:not(:empty) {\n padding-left: 8px;\n}\n\n.dough-fe-radio-group .dough-fe-group-label {\n font-size: 0.875rem;\n font-weight: 700;\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-fe-radio-group .dough-fe-wrapper.dough-checkbox-fe-wrapper {\n margin-top: 4px !important;\n}";
3900
+ var css_248z$n = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fe-wrapper.dough-checkbox-fe-wrapper {\n margin-top: 0;\n margin-bottom: 0;\n}\n.dough-fe-wrapper.dough-checkbox-fe-wrapper + .dough-fe-wrapper.dough-checkbox-fe-wrapper {\n margin-top: 8px;\n}\n\n.dough-selection-container {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n box-sizing: border-box;\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n}\n.dough-selection-container * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\nhtml.dough-IE11 .dough-selection-container {\n flex-basis: 32px;\n}\n.dough-selection-container .dough-fe-label {\n font-size: 0.875rem;\n width: 100%;\n}\n.dough-selection-container .dough-selection-button {\n width: 24px;\n min-width: 24px;\n max-width: 24px;\n height: 24px;\n min-height: 24px;\n max-height: 24px;\n}\n.dough-selection-container .dough-selection-button.dough-checkbox-size-small {\n width: 16px;\n min-width: 16px;\n max-width: 16px;\n height: 16px;\n min-height: 16px;\n max-height: 16px;\n}\n.dough-selection-container .dough-selection-button > .dough-button {\n padding: 0;\n margin: 0;\n min-width: 100% !important;\n max-width: 100% !important;\n width: 100% !important;\n height: 100% !important;\n min-height: 100% !important;\n max-height: 100% !important;\n overflow: hidden;\n}\n.dough-selection-container .dough-selection-button > .dough-button:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n border: 2px solid rgb(210, 210, 210);\n border: 2px solid var(--dough-color-input-border);\n border-radius: 6px;\n}\nbody:not(.no-transition) .dough-selection-container .dough-selection-button > .dough-button:after {\n transition: all 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-selection-container .dough-selection-button > .dough-button:after {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\nhtml.dough-IE11 .dough-selection-container .dough-selection-button > .dough-button {\n padding: 0;\n margin: 0;\n}\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon {\n width: 24px;\n height: 24px;\n}\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(0.2);\n width: 16px;\n height: 16px;\n}\nbody:not(.no-transition) .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\nbody:not(.no-transition) .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\nbody.no-transition .dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon path,\n.dough-selection-container .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-header-alternate);\n}\n.dough-selection-container .dough-selection-button:focus > .dough-button:after {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-primary);\n}\n.dough-selection-container .dough-selection-button > .dough-button {\n box-shadow: none !important;\n}\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button .dough-button-background-wrapper {\n background-color: transparent !important;\n}\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button .dough-button-background-wrapper > .dough-button-background-glow {\n display: none;\n}\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon path,\n.dough-selection-container:not(.checked) .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa path {\n fill: rgb(110, 111, 117);\n fill: var(--dough-color-transparent-alternate);\n}\n.dough-selection-container.checked .dough-selection-button > .dough-button:after {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\n.dough-selection-container.checked .dough-selection-button > .dough-button > .dough-button-icon > .dough-inline-svg-icon,\n.dough-selection-container.checked .dough-selection-button > .dough-button > .dough-button-icon > .svg-inline--fa {\n opacity: 1;\n transform: translate3d(0, 0, 0) scale(1);\n}\n.dough-selection-container.checked .dough-selection-button > .dough-button.dough-button-size-small > .dough-button-icon > .dough-inline-svg-icon,\n.dough-selection-container.checked .dough-selection-button > .dough-button.dough-button-size-small > .dough-button-icon > .svg-inline--fa {\n transform: translate3d(0, 0, 0) perspective(0px) scale(0.6);\n}\n.dough-selection-container.rounded .dough-selection-button > .dough-button:after {\n border-radius: 100%;\n}\n.dough-selection-container .dough-selection-left-box {\n cursor: pointer;\n padding: 0;\n}\n.dough-selection-container .dough-selection-right-box {\n cursor: pointer;\n}\n.dough-selection-container .dough-selection-right-box:not(:empty) {\n padding-left: 8px;\n}\n\n.dough-fe-radio-group .dough-fe-group-label {\n font-size: 0.875rem;\n font-weight: 700;\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n}\n.dough-fe-radio-group .dough-fe-wrapper.dough-checkbox-fe-wrapper {\n margin-top: 4px !important;\n}";
3878
3901
  styleInject(css_248z$n);
3879
3902
 
3880
3903
  var CheckBox = forwardRef(function (props, ref) {
@@ -3925,7 +3948,7 @@ var CheckBox = forwardRef(function (props, ref) {
3925
3948
  });
3926
3949
  CheckBox.displayName = "CheckBox";
3927
3950
 
3928
- var css_248z$o = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-switch-container {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n font-size: 0.875rem;\n width: 100%;\n box-sizing: border-box;\n}\n.dough-switch-container * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-switch-container .dough-switch-cover {\n -webkit-tap-highlight-color: transparent;\n pointer-events: all;\n margin: 2px 0 2px 0;\n cursor: pointer;\n width: 32px;\n height: 20px;\n border-radius: 40px;\n position: relative;\n}\nbody:not(.no-transition) .dough-switch-container .dough-switch-cover {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-switch-container .dough-switch-cover {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-switch-container .dough-switch-cover > .dough-switch-pill {\n position: absolute;\n top: 2px;\n left: 2px;\n z-index: 2;\n width: 16px;\n height: 16px;\n transform: translate3d(0, 0, 0);\n border-radius: 100%;\n background-color: white;\n background-color: var(--dough-color-white);\n}\nbody:not(.no-transition) .dough-switch-container .dough-switch-cover > .dough-switch-pill {\n transition: all 650ms cubic-bezier(0.25, 1.2, 0, 1);\n}\nbody.no-transition .dough-switch-container .dough-switch-cover > .dough-switch-pill {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-switch-container:not(.checked) .dough-switch-cover {\n background-color: #e6e6e6;\n background-color: var(--dough-color-gray-5);\n}\n.dough-switch-container.checked .dough-switch-cover > .dough-switch-pill {\n transform: translate3d(12px, 0, 0);\n}\n.dough-switch-container .dough-selection-right-box:not(:empty) {\n padding-left: 8px !important;\n}";
3951
+ var css_248z$o = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-switch-container {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n font-size: 0.875rem;\n width: 100%;\n box-sizing: border-box;\n}\n.dough-switch-container * {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.dough-switch-container .dough-switch-cover {\n -webkit-tap-highlight-color: transparent;\n pointer-events: all;\n margin: 2px 0 2px 0;\n cursor: pointer;\n width: 32px;\n height: 20px;\n border-radius: 40px;\n position: relative;\n}\nbody:not(.no-transition) .dough-switch-container .dough-switch-cover {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-switch-container .dough-switch-cover {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-switch-container .dough-switch-cover > .dough-switch-pill {\n position: absolute;\n top: 2px;\n left: 2px;\n z-index: 2;\n width: 16px;\n height: 16px;\n transform: translate3d(0, 0, 0);\n border-radius: 100%;\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-white);\n}\nbody:not(.no-transition) .dough-switch-container .dough-switch-cover > .dough-switch-pill {\n transition: all 650ms cubic-bezier(0.25, 1.2, 0, 1);\n}\nbody.no-transition .dough-switch-container .dough-switch-cover > .dough-switch-pill {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-switch-container:not(.checked) .dough-switch-cover {\n background-color: rgb(230, 230, 230);\n background-color: var(--dough-color-gray-5);\n}\n.dough-switch-container.checked .dough-switch-cover > .dough-switch-pill {\n transform: translate3d(12px, 0, 0);\n}\n.dough-switch-container .dough-selection-right-box:not(:empty) {\n padding-left: 8px !important;\n}";
3929
3952
  styleInject(css_248z$o);
3930
3953
 
3931
3954
  var Switch = forwardRef(function (props, ref) {
@@ -4071,7 +4094,7 @@ Badge.displayName = "Badge";
4071
4094
  var BR = function () { return (React.createElement(Spacer, { type: Direction.VERTICAL, size: Sizes.NONE })); };
4072
4095
  BR.displayName = "BR";
4073
4096
 
4074
- var css_248z$r = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-strength-indicator {\n width: 100%;\n height: 4px;\n margin: 4px 0 0 0 !important;\n box-sizing: border-box;\n overflow: hidden;\n background-color: #e6e6e6;\n background-color: var(--dough-color-gray-5);\n position: relative;\n transform: translateZ(0);\n}\n.dough-strength-indicator.dough-strength-indicator-tall {\n height: 8px;\n}\n.dough-strength-indicator.dough-strength-indicator-extra-tall {\n height: 24px;\n margin: 0 !important;\n}\n.dough-strength-indicator.dough-strength-indicator-rounded {\n border-radius: 4px;\n /* > .dough-strength-block {\n border-radius: $dough-token-spacer-half;\n } */\n}\n.dough-strength-indicator > .dough-strength-block {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 5;\n width: 0;\n height: auto;\n transform-origin: left center;\n transform: translate3d(0, 0, 0);\n}\nbody:not(.no-transition) .dough-strength-indicator > .dough-strength-block {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-strength-indicator > .dough-strength-block {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-strength-indicator > .dough-strength-block.weak {\n background-color: #bf2900;\n background-color: var(--dough-color-status-danger);\n}\n.dough-strength-indicator > .dough-strength-block.normal {\n background-color: #ff8800;\n background-color: var(--dough-color-status-warning);\n}\n.dough-strength-indicator > .dough-strength-block.fine {\n background-color: #008800;\n background-color: var(--dough-color-status-success);\n}";
4097
+ var css_248z$r = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-strength-indicator {\n width: 100%;\n height: 4px;\n margin: 4px 0 0 0 !important;\n box-sizing: border-box;\n overflow: hidden;\n background-color: rgb(230, 230, 230);\n background-color: var(--dough-color-gray-5);\n position: relative;\n transform: translateZ(0);\n}\n.dough-strength-indicator.dough-strength-indicator-tall {\n height: 8px;\n}\n.dough-strength-indicator.dough-strength-indicator-extra-tall {\n height: 24px;\n margin: 0 !important;\n}\n.dough-strength-indicator.dough-strength-indicator-rounded {\n border-radius: 4px;\n /* > .dough-strength-block {\n border-radius: $dough-token-spacer-half;\n } */\n}\n.dough-strength-indicator > .dough-strength-block {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 5;\n width: 0;\n height: auto;\n transform-origin: left center;\n transform: translate3d(0, 0, 0);\n}\nbody:not(.no-transition) .dough-strength-indicator > .dough-strength-block {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-strength-indicator > .dough-strength-block {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-strength-indicator > .dough-strength-block.weak {\n background-color: rgb(191, 41, 0);\n background-color: var(--dough-color-status-danger);\n}\n.dough-strength-indicator > .dough-strength-block.normal {\n background-color: rgb(255, 136, 0);\n background-color: var(--dough-color-status-warning);\n}\n.dough-strength-indicator > .dough-strength-block.fine {\n background-color: rgb(0, 136, 0);\n background-color: var(--dough-color-status-success);\n}";
4075
4098
  styleInject(css_248z$r);
4076
4099
 
4077
4100
  var StrengthIndicator = function (props) {
@@ -4102,7 +4125,7 @@ var StrengthIndicator = function (props) {
4102
4125
  };
4103
4126
  StrengthIndicator.displayName = "StrengthIndicator";
4104
4127
 
4105
- var css_248z$s = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-dialog-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(0.975);\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding: 16px;\n box-sizing: border-box;\n}\nbody:not(.no-transition) .dough-dialog-wrapper {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-dialog-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-dialog-wrapper:not(.dough-dialog-scroll-in-overlay) > .dough-dialog-container > .dough-dialog-content > .dough-card-wrapper {\n max-height: 100%;\n}\n.dough-dialog-wrapper:not(.dough-dialog-scroll-in-overlay) > .dough-dialog-container:not(.full-screen) > .dough-dialog-content {\n max-height: calc(100vh - 32px);\n}\n.dough-dialog-wrapper:not(.dough-dialog-scroll-in-overlay) > .dough-dialog-container.full-screen > .dough-dialog-content > .dough-card-wrapper {\n height: calc(100vh - 32px);\n height: calc(\n -webkit-fill-available - 32px\n );\n}\n.dough-dialog-wrapper > .dough-dialog-container {\n overflow: hidden;\n box-sizing: border-box;\n pointer-events: none;\n display: block;\n min-width: 20vw;\n display: flex;\n flex-flow: column nowrap;\n overflow: hidden;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content {\n pointer-events: all;\n position: relative;\n display: block;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content.dough-dialog-with-close-button .dough-header-wrapper.dough-header-footer-align-center {\n padding-left: 32px;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content .dough-dialog-close-button .dough-inline-svg-icon {\n width: 24px;\n height: 24px;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content .dough-dialog-close-button .dough-inline-svg-icon path {\n fill: #9f9f9f;\n fill: var(--dough-color-gray-3);\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content > .dough-card-wrapper {\n max-width: calc(100vw - 32px);\n border-radius: 12px;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content > .dough-card-wrapper > .dough-layout {\n max-height: 100%;\n overflow: hidden;\n}\n.dough-dialog-wrapper > .dough-dialog-container:not(.full-screen) {\n justify-content: center;\n}\n.dough-dialog-wrapper > .dough-dialog-container:not(.full-screen) > .dough-dialog-content {\n min-width: 20vw;\n max-width: calc(100vw - 32px);\n}\n.dough-dialog-wrapper > .dough-dialog-container:not(.full-screen) > .dough-dialog-content > .dough-card-wrapper {\n width: auto;\n height: auto;\n margin: inherit;\n}\n.dough-dialog-wrapper > .dough-dialog-container.full-screen {\n width: calc(100vw - 32px);\n height: calc(100vh - 32px);\n}\n.dough-dialog-wrapper > .dough-dialog-container.full-screen > .dough-dialog-content {\n width: 100%;\n height: 100%;\n}\n.dough-dialog-wrapper.visible:not(:empty) {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n pointer-events: all;\n}\n.dough-dialog-wrapper.dough-dialog-scroll-in-overlay {\n justify-content: flex-start;\n bottom: unset;\n min-height: 100vh;\n min-height: -webkit-fill-available;\n max-height: 100vh;\n max-height: -webkit-fill-available;\n overflow-y: auto;\n}\n.dough-dialog-wrapper.dough-dialog-scroll-in-overlay > .dough-dialog-container {\n flex: 0 0 auto;\n}\n.dough-dialog-wrapper.dough-dialog-scroll-in-overlay > .dough-dialog-container > .dough-dialog-content + .dough-box {\n display: none;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-dialog-wrapper > .dough-dialog-container.as-content {\n margin-top: 0;\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-dialog-wrapper > .dough-dialog-container.as-content {\n margin-top: 0;\n }\n}";
4128
+ var css_248z$s = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-dialog-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform: translate3d(0, 0, 0) scale(0.975);\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding: 16px;\n box-sizing: border-box;\n}\nbody:not(.no-transition) .dough-dialog-wrapper {\n transition: all 500ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-dialog-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-dialog-wrapper:not(.dough-dialog-scroll-in-overlay) > .dough-dialog-container > .dough-dialog-content > .dough-card-wrapper {\n max-height: 100%;\n}\n.dough-dialog-wrapper:not(.dough-dialog-scroll-in-overlay) > .dough-dialog-container:not(.full-screen) > .dough-dialog-content {\n max-height: calc(100vh - 32px);\n}\n.dough-dialog-wrapper:not(.dough-dialog-scroll-in-overlay) > .dough-dialog-container.full-screen > .dough-dialog-content > .dough-card-wrapper {\n height: calc(100vh - 32px);\n height: calc(\n -webkit-fill-available - 32px\n );\n}\n.dough-dialog-wrapper > .dough-dialog-container {\n overflow: hidden;\n box-sizing: border-box;\n pointer-events: none;\n display: block;\n min-width: 20vw;\n display: flex;\n flex-flow: column nowrap;\n overflow: hidden;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content {\n pointer-events: all;\n position: relative;\n display: block;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content.dough-dialog-with-close-button .dough-header-wrapper.dough-header-footer-align-center {\n padding-left: 32px;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content .dough-dialog-close-button .dough-inline-svg-icon {\n width: 24px;\n height: 24px;\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content .dough-dialog-close-button .dough-inline-svg-icon path {\n fill: rgb(159, 159, 159);\n fill: var(--dough-color-gray-3);\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content > .dough-card-wrapper {\n max-width: calc(100vw - 32px);\n border-radius: 12px;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n.dough-dialog-wrapper > .dough-dialog-container > .dough-dialog-content > .dough-card-wrapper > .dough-layout {\n max-height: 100%;\n overflow: hidden;\n}\n.dough-dialog-wrapper > .dough-dialog-container:not(.full-screen) {\n justify-content: center;\n}\n.dough-dialog-wrapper > .dough-dialog-container:not(.full-screen) > .dough-dialog-content {\n min-width: 20vw;\n max-width: calc(100vw - 32px);\n}\n.dough-dialog-wrapper > .dough-dialog-container:not(.full-screen) > .dough-dialog-content > .dough-card-wrapper {\n width: auto;\n height: auto;\n margin: inherit;\n}\n.dough-dialog-wrapper > .dough-dialog-container.full-screen {\n width: calc(100vw - 32px);\n height: calc(100vh - 32px);\n}\n.dough-dialog-wrapper > .dough-dialog-container.full-screen > .dough-dialog-content {\n width: 100%;\n height: 100%;\n}\n.dough-dialog-wrapper.visible:not(:empty) {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n pointer-events: all;\n}\n.dough-dialog-wrapper.dough-dialog-scroll-in-overlay {\n justify-content: flex-start;\n bottom: unset;\n min-height: 100vh;\n min-height: -webkit-fill-available;\n max-height: 100vh;\n max-height: -webkit-fill-available;\n overflow-y: auto;\n}\n.dough-dialog-wrapper.dough-dialog-scroll-in-overlay > .dough-dialog-container {\n flex: 0 0 auto;\n}\n.dough-dialog-wrapper.dough-dialog-scroll-in-overlay > .dough-dialog-container > .dough-dialog-content + .dough-box {\n display: none;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-dialog-wrapper > .dough-dialog-container.as-content {\n margin-top: 0;\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-dialog-wrapper > .dough-dialog-container.as-content {\n margin-top: 0;\n }\n}";
4106
4129
  styleInject(css_248z$s);
4107
4130
 
4108
4131
  var Dialog = function (props) {
@@ -4192,7 +4215,7 @@ var Dialog = function (props) {
4192
4215
  };
4193
4216
  Dialog.displayName = "Dialog";
4194
4217
 
4195
- var css_248z$t = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tooltip {\n display: inline;\n position: relative;\n pointer-events: all;\n}\n.dough-tooltip.dough-tooltip-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-tooltip.disabled {\n pointer-events: none;\n}\n\n.dough-tooltip-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n transform: translate3d(0, 4px, 0);\n overflow: hidden;\n pointer-events: none;\n font-family: \"Roboto\", sans-serif;\n opacity: 0;\n transform-origin: center center;\n}\nbody:not(.no-transition) .dough-tooltip-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tooltip-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container {\n overflow: visible;\n display: block;\n padding: 0;\n box-sizing: border-box;\n pointer-events: none;\n position: relative;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-content {\n position: absolute;\n z-index: 10;\n background-color: black;\n padding: 8px;\n border-radius: 12px;\n font-size: 0.8125rem;\n box-sizing: border-box;\n color: white;\n color: var(--dough-color-white);\n max-width: 60vw;\n display: inline-block;\n overflow: hidden;\n transform: translate3d(-50%, 0, 0);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n position: absolute;\n z-index: 20;\n width: 12px;\n height: 6px;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg {\n transform: translate3d(0, 0, 0) rotateZ(180deg);\n width: 100%;\n height: 100%;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg > polygon {\n fill: rgba(0, 0, 0, 0.75);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-content {\n background-color: white;\n background-color: var(--dough-color-white);\n box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);\n color: #6e6f75;\n color: var(--dough-color-text-default);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-arrow > svg > polygon {\n fill: white;\n fill: var(--dough-color-white);\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-content {\n bottom: -7px;\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-arrow {\n top: -1.5px;\n transform: translate3d(-50%, 7.75px, 0) rotateZ(0deg);\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-content {\n top: 2px;\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-arrow {\n top: 4.5px;\n transform: translate3d(-50%, -8px, 0) rotateZ(180deg);\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(0, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-arrow {\n left: 3.25px;\n transform: translate3d(-12px, -1px, 0) rotateZ(90deg);\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(-100%, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-arrow {\n left: -15px;\n transform: translate3d(12px, -1px, 0) rotateZ(-90deg);\n}\n.dough-tooltip-wrapper.visible:not(:empty) {\n opacity: 1;\n}\n.dough-tooltip-wrapper.visible:not(:empty).up {\n transform: translate3d(0, -12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).down {\n transform: translate3d(0, 12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).right {\n transform: translate3d(8px, 4px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).left {\n transform: translate3d(-8px, 4px, 0);\n}";
4218
+ var css_248z$t = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tooltip {\n display: inline;\n position: relative;\n pointer-events: all;\n}\n.dough-tooltip.dough-tooltip-full-width {\n width: 100%;\n box-sizing: border-box;\n}\n.dough-tooltip.disabled {\n pointer-events: none;\n}\n\n.dough-tooltip-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n transform: translate3d(0, 4px, 0);\n overflow: hidden;\n pointer-events: none;\n font-family: \"Roboto\", sans-serif;\n opacity: 0;\n transform-origin: center center;\n}\nbody:not(.no-transition) .dough-tooltip-wrapper {\n transition: all 450ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tooltip-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container {\n overflow: visible;\n display: block;\n padding: 0;\n box-sizing: border-box;\n pointer-events: none;\n position: relative;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-content {\n position: absolute;\n z-index: 10;\n background-color: rgb(0, 0, 0);\n padding: 8px;\n border-radius: 12px;\n font-size: 0.8125rem;\n box-sizing: border-box;\n color: rgb(255, 255, 255);\n color: var(--dough-color-white);\n max-width: 60vw;\n display: inline-block;\n overflow: hidden;\n transform: translate3d(-50%, 0, 0);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow {\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n position: absolute;\n z-index: 20;\n width: 12px;\n height: 6px;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg {\n transform: translate3d(0, 0, 0) rotateZ(180deg);\n width: 100%;\n height: 100%;\n}\n.dough-tooltip-wrapper > .dough-tooltip-container > .dough-tooltip-arrow > svg > polygon {\n fill: rgba(0, 0, 0, 0.75);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-content {\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-white);\n box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);\n color: rgb(110, 111, 117);\n color: var(--dough-color-text-default);\n}\n.dough-tooltip-wrapper > .dough-tooltip-container.light > .dough-tooltip-arrow > svg > polygon {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-white);\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-content {\n bottom: -7px;\n}\n.dough-tooltip-wrapper.up > .dough-tooltip-container > .dough-tooltip-arrow {\n top: -1.5px;\n transform: translate3d(-50%, 7.75px, 0) rotateZ(0deg);\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-content {\n top: 2px;\n}\n.dough-tooltip-wrapper.down > .dough-tooltip-container > .dough-tooltip-arrow {\n top: 4.5px;\n transform: translate3d(-50%, -8px, 0) rotateZ(180deg);\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(0, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.right > .dough-tooltip-container > .dough-tooltip-arrow {\n left: 3.25px;\n transform: translate3d(-12px, -1px, 0) rotateZ(90deg);\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-content {\n transform: translate3d(-100%, -50%, 0);\n top: 2px;\n}\n.dough-tooltip-wrapper.left > .dough-tooltip-container > .dough-tooltip-arrow {\n left: -15px;\n transform: translate3d(12px, -1px, 0) rotateZ(-90deg);\n}\n.dough-tooltip-wrapper.visible:not(:empty) {\n opacity: 1;\n}\n.dough-tooltip-wrapper.visible:not(:empty).up {\n transform: translate3d(0, -12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).down {\n transform: translate3d(0, 12px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).right {\n transform: translate3d(8px, 4px, 0);\n}\n.dough-tooltip-wrapper.visible:not(:empty).left {\n transform: translate3d(-8px, 4px, 0);\n}";
4196
4219
  styleInject(css_248z$t);
4197
4220
 
4198
4221
  var TooltipDirection;
@@ -4401,7 +4424,7 @@ var AppWrapper = function (props) {
4401
4424
  };
4402
4425
  AppWrapper.displayName = "AppWrapper";
4403
4426
 
4404
- var css_248z$w = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-panel-overlay-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100vh;\n position: absolute !important;\n height: -webkit-fill-available;\n min-height: 100%;\n transform: translate3d(0, 0, 0);\n padding: 80px 96px 40px 96px;\n max-width: 608px;\n box-sizing: border-box;\n background-color: white;\n background-color: var(--dough-color-theme);\n box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);\n overflow: auto;\n pointer-events: all;\n}\nbody:not(.no-transition) .dough-panel-overlay-wrapper {\n transition: transform 1000ms cubic-bezier(0.6, 0.25, 0, 1);\n}\nbody.no-transition .dough-panel-overlay-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-panel-overlay-wrapper.dough-panel-overlay-not-cover-header {\n height: calc(100% - 56px);\n min-height: calc(100% - 56px);\n top: 56px;\n}\n.dough-panel-overlay-wrapper.dough-panel-overlay-hide {\n transform: translate3d(105%, 0, 0);\n}\n.dough-panel-overlay-wrapper.dough-panel-overlay-fixed-to-right {\n box-shadow: -2px 0 10px rgba(0, 0, 0, 0.08);\n}\n.dough-panel-overlay-wrapper.dough-padding-top-none {\n padding-top: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-none {\n padding-right: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-none {\n padding-bottom: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-none {\n padding-left: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-none {\n padding: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-huge {\n padding-top: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-huge {\n padding-right: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-huge {\n padding-bottom: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-huge {\n padding-left: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-huge {\n padding: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-extra-large {\n padding-top: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-extra-large {\n padding-right: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-extra-large {\n padding-bottom: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-extra-large {\n padding-left: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-extra-large {\n padding: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-large {\n padding-top: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-large {\n padding-right: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-large {\n padding-bottom: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-large {\n padding-left: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-large {\n padding: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-normal {\n padding-top: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-normal {\n padding-right: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-normal {\n padding-bottom: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-normal {\n padding-left: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-normal {\n padding: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-small {\n padding-top: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-small {\n padding-right: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-small {\n padding-bottom: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-small {\n padding-left: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-small {\n padding: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-extra-small {\n padding-top: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-extra-small {\n padding-right: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-extra-small {\n padding-bottom: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-extra-small {\n padding-left: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-extra-small {\n padding: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-tiny {\n padding-top: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-tiny {\n padding-right: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-tiny {\n padding-bottom: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-tiny {\n padding-left: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-tiny {\n padding: 4px;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 24px !important;\n min-width: auto;\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 24px !important;\n min-width: auto;\n }\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 56px;\n max-width: 576px;\n box-shadow: 0px 0 6px rgba(0, 0, 0, 0.2);\n right: initial;\n}\n\n@media only screen and (max-width: 768px) {\n body:not(.dough-no-viewport-control) .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 56px;\n max-width: 576px;\n box-shadow: 0px 0 6px rgba(0, 0, 0, 0.2);\n right: initial;\n }\n}";
4427
+ var css_248z$w = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-panel-overlay-wrapper {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100vh;\n position: absolute !important;\n height: -webkit-fill-available;\n min-height: 100%;\n transform: translate3d(0, 0, 0);\n padding: 80px 96px 40px 96px;\n max-width: 608px;\n box-sizing: border-box;\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-theme);\n box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);\n overflow: auto;\n pointer-events: all;\n}\nbody:not(.no-transition) .dough-panel-overlay-wrapper {\n transition: transform 1000ms cubic-bezier(0.6, 0.25, 0, 1);\n}\nbody.no-transition .dough-panel-overlay-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-panel-overlay-wrapper.dough-panel-overlay-not-cover-header {\n height: calc(100% - 56px);\n min-height: calc(100% - 56px);\n top: 56px;\n}\n.dough-panel-overlay-wrapper.dough-panel-overlay-hide {\n transform: translate3d(105%, 0, 0);\n}\n.dough-panel-overlay-wrapper.dough-panel-overlay-fixed-to-right {\n box-shadow: -2px 0 10px rgba(0, 0, 0, 0.08);\n}\n.dough-panel-overlay-wrapper.dough-padding-top-none {\n padding-top: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-none {\n padding-right: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-none {\n padding-bottom: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-none {\n padding-left: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-none {\n padding: 0;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-huge {\n padding-top: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-huge {\n padding-right: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-huge {\n padding-bottom: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-huge {\n padding-left: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-huge {\n padding: 48px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-extra-large {\n padding-top: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-extra-large {\n padding-right: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-extra-large {\n padding-bottom: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-extra-large {\n padding-left: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-extra-large {\n padding: 40px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-large {\n padding-top: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-large {\n padding-right: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-large {\n padding-bottom: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-large {\n padding-left: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-large {\n padding: 32px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-normal {\n padding-top: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-normal {\n padding-right: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-normal {\n padding-bottom: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-normal {\n padding-left: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-normal {\n padding: 24px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-small {\n padding-top: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-small {\n padding-right: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-small {\n padding-bottom: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-small {\n padding-left: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-small {\n padding: 16px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-extra-small {\n padding-top: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-extra-small {\n padding-right: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-extra-small {\n padding-bottom: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-extra-small {\n padding-left: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-extra-small {\n padding: 8px;\n}\n.dough-panel-overlay-wrapper.dough-padding-top-tiny {\n padding-top: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-right-tiny {\n padding-right: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-bottom-tiny {\n padding-bottom: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-left-tiny {\n padding-left: 4px;\n}\n.dough-panel-overlay-wrapper.dough-padding-tiny {\n padding: 4px;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 24px !important;\n min-width: auto;\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 24px !important;\n min-width: auto;\n }\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 56px;\n max-width: 576px;\n box-shadow: 0px 0 6px rgba(0, 0, 0, 0.2);\n right: initial;\n}\n\n@media only screen and (max-width: 768px) {\n body:not(.dough-no-viewport-control) .dough-panel-overlay-wrapper:not(.dough-panel-overlay-fixed-to-right) {\n padding: 56px;\n max-width: 576px;\n box-shadow: 0px 0 6px rgba(0, 0, 0, 0.2);\n right: initial;\n }\n}";
4405
4428
  styleInject(css_248z$w);
4406
4429
 
4407
4430
  var PanelOverlay = function (props) {
@@ -4425,7 +4448,7 @@ var PanelOverlay = function (props) {
4425
4448
  };
4426
4449
  PanelOverlay.displayName = "PanelOverlay";
4427
4450
 
4428
- var css_248z$x = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-alert-textbox {\n font-family: \"Roboto\", sans-serif;\n display: block;\n width: 100%;\n position: relative;\n padding: 16px 24px 16px 28px;\n border-radius: 12px;\n box-sizing: border-box;\n}\n.dough-alert-textbox > .before {\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n width: auto;\n height: auto;\n opacity: 0.05;\n border-radius: 12px;\n}\n.dough-alert-textbox > .after {\n border-radius: 12px;\n position: absolute;\n top: 8px;\n bottom: 8px;\n left: 8px;\n z-index: 5;\n width: 4px;\n height: auto;\n}\n.dough-alert-textbox > .dough-alert-textbox-title {\n margin-bottom: 4px;\n}\n.dough-alert-textbox.dough-alert-status-neutral > .before,\n.dough-alert-textbox.dough-alert-status-neutral > .after {\n background-color: #4484c7;\n background-color: var(--dough-color-primary);\n}\n.dough-alert-textbox.dough-alert-status-success > .before,\n.dough-alert-textbox.dough-alert-status-success > .after {\n background-color: #008800;\n background-color: var(--dough-color-status-success);\n}\n.dough-alert-textbox.dough-alert-status-warning > .before,\n.dough-alert-textbox.dough-alert-status-warning > .after {\n background-color: #ff8800;\n background-color: var(--dough-color-status-warning);\n}\n.dough-alert-textbox.dough-alert-status-error > .before,\n.dough-alert-textbox.dough-alert-status-error > .after {\n background-color: #bf2900;\n background-color: var(--dough-color-status-danger);\n}";
4451
+ var css_248z$x = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-alert-textbox {\n font-family: \"Roboto\", sans-serif;\n display: block;\n width: 100%;\n position: relative;\n padding: 16px 24px 16px 28px;\n border-radius: 12px;\n box-sizing: border-box;\n}\n.dough-alert-textbox > .before {\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n width: auto;\n height: auto;\n opacity: 0.05;\n border-radius: 12px;\n}\n.dough-alert-textbox > .after {\n border-radius: 12px;\n position: absolute;\n top: 8px;\n bottom: 8px;\n left: 8px;\n z-index: 5;\n width: 4px;\n height: auto;\n}\n.dough-alert-textbox > .dough-alert-textbox-title {\n margin-bottom: 4px;\n}\n.dough-alert-textbox.dough-alert-status-neutral > .before,\n.dough-alert-textbox.dough-alert-status-neutral > .after {\n background-color: rgb(68, 132, 199);\n background-color: var(--dough-color-primary);\n}\n.dough-alert-textbox.dough-alert-status-success > .before,\n.dough-alert-textbox.dough-alert-status-success > .after {\n background-color: rgb(0, 136, 0);\n background-color: var(--dough-color-status-success);\n}\n.dough-alert-textbox.dough-alert-status-warning > .before,\n.dough-alert-textbox.dough-alert-status-warning > .after {\n background-color: rgb(255, 136, 0);\n background-color: var(--dough-color-status-warning);\n}\n.dough-alert-textbox.dough-alert-status-error > .before,\n.dough-alert-textbox.dough-alert-status-error > .after {\n background-color: rgb(191, 41, 0);\n background-color: var(--dough-color-status-danger);\n}";
4429
4452
  styleInject(css_248z$x);
4430
4453
 
4431
4454
  var AlertText = function (props) {
@@ -4438,7 +4461,7 @@ var AlertText = function (props) {
4438
4461
  };
4439
4462
  AlertText.displayName = "AlertText";
4440
4463
 
4441
- var css_248z$y = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-notification-wrapper {\n pointer-events: all;\n width: 100%;\n margin-bottom: 8px;\n position: relative;\n opacity: 0;\n transform: translate3d(0, 16px, 0);\n transform-origin: top center;\n font-family: \"Roboto\", sans-serif;\n border-radius: 12px;\n}\nbody:not(.no-transition) .dough-notification-wrapper {\n transition: all 1000ms cubic-bezier(0.25, 1.3, 0, 1);\n}\nbody.no-transition .dough-notification-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-notification-wrapper.dough-notification-clickable {\n cursor: pointer;\n}\n.dough-notification-wrapper.dough-notification-show {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n pointer-events: fill;\n}\n.dough-notification-wrapper > .dough-notification-close-button {\n position: absolute;\n top: 4px;\n right: 4px;\n width: auto;\n height: auto;\n}\n.dough-notification-wrapper > .dough-notification-close-button > .dough-button {\n width: 24px;\n height: 24px;\n min-width: 24px;\n min-height: 24px;\n}\n.dough-notification-wrapper .dough-notification-card {\n box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-notification-wrapper.dough-notification-as-toast {\n text-align: center;\n}\n.dough-notification-wrapper.dough-notification-as-toast .dough-notification-card {\n display: inline-block;\n width: auto !important;\n background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.dough-notification-wrapper.dough-notification-as-toast .dough-notification-card .dough-notification-content-container {\n padding-right: 0;\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper {\n width: 24px;\n height: 24px;\n box-sizing: border-box;\n border-radius: 100%;\n border: 2px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper > .dough-inline-svg-icon {\n width: 70%;\n height: 70%;\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-neutral {\n border-color: #4484c7;\n border-color: var(--dough-color-primary);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-neutral > .dough-inline-svg-icon path {\n fill: #4484c7;\n fill: var(--dough-color-primary);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-success {\n border-color: #008800;\n border-color: var(--dough-color-status-success);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-success > .dough-inline-svg-icon path {\n fill: #008800;\n fill: var(--dough-color-status-success);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-warning {\n border-color: #ff8800;\n border-color: var(--dough-color-status-warning);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-warning > .dough-inline-svg-icon path {\n fill: #ff8800;\n fill: var(--dough-color-status-warning);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-error {\n border-color: #bf2900;\n border-color: var(--dough-color-status-danger);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-error > .dough-inline-svg-icon path {\n fill: #bf2900;\n fill: var(--dough-color-status-danger);\n}\n.dough-notification-wrapper .dough-notification-title-container,\n.dough-notification-wrapper .dough-notification-content-container {\n padding-right: 12px;\n}";
4464
+ var css_248z$y = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-notification-wrapper {\n pointer-events: all;\n width: 100%;\n margin-bottom: 8px;\n position: relative;\n opacity: 0;\n transform: translate3d(0, 16px, 0);\n transform-origin: top center;\n font-family: \"Roboto\", sans-serif;\n border-radius: 12px;\n}\nbody:not(.no-transition) .dough-notification-wrapper {\n transition: all 1000ms cubic-bezier(0.25, 1.3, 0, 1);\n}\nbody.no-transition .dough-notification-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-notification-wrapper.dough-notification-clickable {\n cursor: pointer;\n}\n.dough-notification-wrapper.dough-notification-show {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n pointer-events: fill;\n}\n.dough-notification-wrapper > .dough-notification-close-button {\n position: absolute;\n top: 4px;\n right: 4px;\n width: auto;\n height: auto;\n}\n.dough-notification-wrapper > .dough-notification-close-button > .dough-button {\n width: 24px;\n height: 24px;\n min-width: 24px;\n min-height: 24px;\n}\n.dough-notification-wrapper .dough-notification-card {\n box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-notification-wrapper.dough-notification-as-toast {\n text-align: center;\n}\n.dough-notification-wrapper.dough-notification-as-toast .dough-notification-card {\n display: inline-block;\n width: auto !important;\n background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.dough-notification-wrapper.dough-notification-as-toast .dough-notification-card .dough-notification-content-container {\n padding-right: 0;\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper {\n width: 24px;\n height: 24px;\n box-sizing: border-box;\n border-radius: 100%;\n border: 2px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper > .dough-inline-svg-icon {\n width: 70%;\n height: 70%;\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-neutral {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-primary);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-neutral > .dough-inline-svg-icon path {\n fill: rgb(68, 132, 199);\n fill: var(--dough-color-primary);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-success {\n border-color: rgb(0, 136, 0);\n border-color: var(--dough-color-status-success);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-success > .dough-inline-svg-icon path {\n fill: rgb(0, 136, 0);\n fill: var(--dough-color-status-success);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-warning {\n border-color: rgb(255, 136, 0);\n border-color: var(--dough-color-status-warning);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-warning > .dough-inline-svg-icon path {\n fill: rgb(255, 136, 0);\n fill: var(--dough-color-status-warning);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-error {\n border-color: rgb(191, 41, 0);\n border-color: var(--dough-color-status-danger);\n}\n.dough-notification-wrapper .dough-notification-icon-wrapper.dough-notification-type-error > .dough-inline-svg-icon path {\n fill: rgb(191, 41, 0);\n fill: var(--dough-color-status-danger);\n}\n.dough-notification-wrapper .dough-notification-title-container,\n.dough-notification-wrapper .dough-notification-content-container {\n padding-right: 12px;\n}";
4442
4465
  styleInject(css_248z$y);
4443
4466
 
4444
4467
  var Notification = function (props) {
@@ -4536,7 +4559,7 @@ var Notification = function (props) {
4536
4559
  };
4537
4560
  Notification.displayName = "Notification";
4538
4561
 
4539
- var css_248z$z = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tabs-container {\n flex-flow: row nowrap !important;\n align-items: stretch !important;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n margin-bottom: -1px;\n}\n.dough-tabs-container.dough-tabs-container-divider.dough-tabs-container-top-border {\n border-top: 1px solid #e6e6e6;\n border-top: 1px solid var(--dough-color-gray-5);\n}\n.dough-tabs-container.dough-tabs-container-divider.dough-tabs-container-bottom-border {\n border-bottom: 1px solid #e6e6e6;\n border-bottom: 1px solid var(--dough-color-gray-5);\n}\nhtml.dough-IE11 .dough-tabs-container {\n margin-bottom: 0;\n}\n.dough-tabs-container > .dough-tab-item {\n padding: 0 !important;\n overflow: hidden;\n position: relative;\n height: 100%;\n}\nbody:not(.no-transition) .dough-tabs-container > .dough-tab-item {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tabs-container > .dough-tab-item {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tabs-container > .dough-tab-item.dough-tab-item-stretch-tabs {\n flex-grow: 1;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-button {\n width: 100% !important;\n height: 100% !important;\n min-width: 40px;\n color: #9e9e9e;\n color: var(--dough-color-text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-button > .dough-box {\n max-height: 60px;\n min-height: 60px;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border {\n position: absolute;\n right: 0;\n left: 0;\n z-index: 5;\n width: auto;\n height: 4px;\n transform: translate3d(0, 4px, 0);\n opacity: 0;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border.dough-tabs-container-top-border {\n top: 0;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border:not(.dough-tabs-container-top-border) {\n bottom: 0;\n}\nbody:not(.no-transition) .dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tabs-container > .dough-tab-item:hover > .dough-tab-item-button {\n color: #444444;\n color: var(--dough-color-text-dark);\n}\n.dough-tabs-container > .dough-tab-item.active > .dough-tab-item-button {\n color: #444444;\n color: var(--dough-color-text-dark);\n}\n.dough-tabs-container > .dough-tab-item.active > .dough-tab-item-selection-border {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.dough-tabs-container > .dough-tab-item.dough-tab-item-small > .dough-tab-item-button > .dough-box {\n max-height: 40px;\n min-height: 40px;\n}";
4562
+ var css_248z$z = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tabs-container {\n flex-flow: row nowrap !important;\n align-items: stretch !important;\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n margin-bottom: -1px;\n}\n.dough-tabs-container.dough-tabs-container-divider.dough-tabs-container-top-border {\n border-top: 1px solid rgb(230, 230, 230);\n border-top: 1px solid var(--dough-color-gray-5);\n}\n.dough-tabs-container.dough-tabs-container-divider.dough-tabs-container-bottom-border {\n border-bottom: 1px solid rgb(230, 230, 230);\n border-bottom: 1px solid var(--dough-color-gray-5);\n}\nhtml.dough-IE11 .dough-tabs-container {\n margin-bottom: 0;\n}\n.dough-tabs-container > .dough-tab-item {\n padding: 0 !important;\n overflow: hidden;\n position: relative;\n height: 100%;\n}\nbody:not(.no-transition) .dough-tabs-container > .dough-tab-item {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tabs-container > .dough-tab-item {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tabs-container > .dough-tab-item.dough-tab-item-stretch-tabs {\n flex-grow: 1;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-button {\n width: 100% !important;\n height: 100% !important;\n min-width: 40px;\n color: rgb(158, 158, 158);\n color: var(--dough-color-text-light);\n cursor: pointer;\n font-size: 0.75rem;\n font-weight: 700;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-button > .dough-box {\n max-height: 60px;\n min-height: 60px;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border {\n position: absolute;\n right: 0;\n left: 0;\n z-index: 5;\n width: auto;\n height: 4px;\n transform: translate3d(0, 4px, 0);\n opacity: 0;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border.dough-tabs-container-top-border {\n top: 0;\n}\n.dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border:not(.dough-tabs-container-top-border) {\n bottom: 0;\n}\nbody:not(.no-transition) .dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-tabs-container > .dough-tab-item > .dough-tab-item-selection-border {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-tabs-container > .dough-tab-item:hover > .dough-tab-item-button {\n color: rgb(68, 68, 68);\n color: var(--dough-color-text-dark);\n}\n.dough-tabs-container > .dough-tab-item.active > .dough-tab-item-button {\n color: rgb(68, 68, 68);\n color: var(--dough-color-text-dark);\n}\n.dough-tabs-container > .dough-tab-item.active > .dough-tab-item-selection-border {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.dough-tabs-container > .dough-tab-item.dough-tab-item-small > .dough-tab-item-button > .dough-box {\n max-height: 40px;\n min-height: 40px;\n}";
4540
4563
  styleInject(css_248z$z);
4541
4564
 
4542
4565
  var simplifyKey = function (key) {
@@ -4582,7 +4605,7 @@ var TabsContainer = function (props) {
4582
4605
  };
4583
4606
  TabsContainer.displayName = "TabsContainer";
4584
4607
 
4585
- var css_248z$A = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-collapser-container {\n display: block;\n width: 100%;\n box-sizing: border-box;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-collapser-container > .dough-collapser-title {\n cursor: pointer;\n user-select: none;\n}\n.dough-collapser-container > .dough-collapser-title * {\n user-select: none;\n}\n.dough-collapser-container > .dough-collapser-title .arrow-icon-container {\n width: 16px;\n height: 16px;\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n}\n.dough-collapser-container > .dough-collapser-title .arrow-icon-container .dough-inline-svg-icon {\n width: 0.875em;\n display: inline-block;\n font-size: inherit;\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.dough-collapser-container > .dough-collapser-title .arrow-icon-container .dough-inline-svg-icon > path {\n fill: #9f9f9f;\n}\n.dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner {\n display: block;\n width: 100%;\n box-sizing: border-box;\n opacity: 1;\n overflow: hidden;\n}\nbody:not(.no-transition) .dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner.dough-collapser-content-collapsed {\n opacity: 0;\n}";
4608
+ var css_248z$A = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-collapser-container {\n display: block;\n width: 100%;\n box-sizing: border-box;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-collapser-container > .dough-collapser-title {\n cursor: pointer;\n user-select: none;\n}\n.dough-collapser-container > .dough-collapser-title * {\n user-select: none;\n}\n.dough-collapser-container > .dough-collapser-title .arrow-icon-container {\n width: 16px;\n height: 16px;\n text-align: center;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n}\n.dough-collapser-container > .dough-collapser-title .arrow-icon-container .dough-inline-svg-icon {\n width: 0.875em;\n display: inline-block;\n font-size: inherit;\n height: 1em;\n overflow: visible;\n vertical-align: -0.125em;\n}\n.dough-collapser-container > .dough-collapser-title .arrow-icon-container .dough-inline-svg-icon > path {\n fill: rgb(159, 159, 159);\n}\n.dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner {\n display: block;\n width: 100%;\n box-sizing: border-box;\n opacity: 1;\n overflow: hidden;\n}\nbody:not(.no-transition) .dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner {\n transition: all 750ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-collapser-container > .dough-collapser-content .dough-collapser-content-inner.dough-collapser-content-collapsed {\n opacity: 0;\n}";
4586
4609
  styleInject(css_248z$A);
4587
4610
 
4588
4611
  var Collapser = function (props) {
@@ -4649,9 +4672,28 @@ var Collapser = function (props) {
4649
4672
  };
4650
4673
  Collapser.displayName = "Collapser";
4651
4674
 
4652
- var css_248z$B = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-steps-indicator {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n overflow: hidden;\n}\n.dough-steps-indicator.dough-steps-indicator-full-width {\n display: flex;\n width: 100%;\n padding: 8px;\n}\n.dough-steps-indicator > .dough-steps-indicator-step {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n background-color: #d2d2d2;\n background-color: var(--dough-color-gray-4);\n}\n.dough-steps-indicator > .dough-steps-indicator-step.dough-indicator-step-clickable {\n cursor: pointer;\n}\n.dough-steps-indicator > .dough-steps-indicator-step:not(:last-child) {\n margin-right: 8px;\n}\n.dough-steps-indicator > .dough-steps-indicator-step.dough-indicator-step-active {\n background-color: #4484c7;\n background-color: var(--dough-color-header);\n}";
4675
+ var css_248z$B = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-color-tile {\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.dough-color-tile.dough-color-tile-size-small {\n width: 24px;\n height: 24px;\n}\n.dough-color-tile.dough-color-tile-size-normal {\n width: 32px;\n height: 32px;\n}\n.dough-color-tile.dough-color-tile-size-large {\n width: 40px;\n height: 40px;\n}\n.dough-color-tile.dough-color-tile-size-extra-large {\n width: 48px;\n height: 48px;\n}";
4653
4676
  styleInject(css_248z$B);
4654
4677
 
4678
+ var ColorTile = forwardRef(function (_a, ref) {
4679
+ var className = _a.className, dataAttributes = _a.dataAttributes, color = _a.color, size = _a.size, absoluteColor = _a.absoluteColor, children = _a.children;
4680
+ var componentRef = useRef(null);
4681
+ useImperativeHandle(ref, function () {
4682
+ /* Runtime obtaining information about color.
4683
+ That is the nicest solution if we do not want to hardcode anywhere FixedColors */
4684
+ var color = componentRef.current &&
4685
+ window.getComputedStyle(componentRef.current).backgroundColor;
4686
+ return {
4687
+ getAbsoluteColor: function () { return (color === null ? undefined : color); },
4688
+ };
4689
+ });
4690
+ return (React.createElement("div", __assign({ className: cn("dough-color-tile", className, color, "dough-color-tile-size-" + size), style: { backgroundColor: absoluteColor }, ref: componentRef }, dataAttributes), children));
4691
+ });
4692
+ ColorTile.displayName = "ColorTile";
4693
+
4694
+ var css_248z$C = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-steps-indicator {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n overflow: hidden;\n}\n.dough-steps-indicator.dough-steps-indicator-full-width {\n display: flex;\n width: 100%;\n padding: 8px;\n}\n.dough-steps-indicator > .dough-steps-indicator-step {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n background-color: rgb(210, 210, 210);\n background-color: var(--dough-color-gray-4);\n}\n.dough-steps-indicator > .dough-steps-indicator-step.dough-indicator-step-clickable {\n cursor: pointer;\n}\n.dough-steps-indicator > .dough-steps-indicator-step:not(:last-child) {\n margin-right: 8px;\n}\n.dough-steps-indicator > .dough-steps-indicator-step.dough-indicator-step-active {\n background-color: rgb(68, 132, 199);\n background-color: var(--dough-color-header);\n}";
4695
+ styleInject(css_248z$C);
4696
+
4655
4697
  var StepsIndicator = function (props) {
4656
4698
  var _a = props.fullWidth, fullWidth = _a === void 0 ? false : _a, _b = props.activeStep, activeStep = _b === void 0 ? 0 : _b, _c = props.stepsAmount, stepsAmount = _c === void 0 ? 1 : _c;
4657
4699
  return (React.createElement("div", __assign({ className: cn("dough-steps-indicator", props.className, {
@@ -4672,8 +4714,8 @@ var StepsIndicator = function (props) {
4672
4714
  };
4673
4715
  StepsIndicator.displayName = "StepsIndicator";
4674
4716
 
4675
- var css_248z$C = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-avatar {\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n overflow: visible;\n border-radius: 100%;\n font-size: 0.8125rem;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-avatar.has-click {\n cursor: pointer;\n}\n.dough-avatar.has-padding {\n padding: 4px;\n}\n.dough-avatar.has-border {\n border: 3px solid rgba(0, 0, 0, 0);\n}\n.dough-avatar.has-border.dough-color-background-border {\n border-color: #eceffb;\n border-color: var(--dough-color-background);\n}\n.dough-avatar.has-border.dough-color-theme-border {\n border-color: white;\n border-color: var(--dough-color-theme);\n}\n.dough-avatar.has-border.dough-color-white-border {\n border-color: white;\n border-color: var(--dough-color-white);\n}\n.dough-avatar.has-border.dough-color-primary-border {\n border-color: #4484c7;\n border-color: var(--dough-color-primary);\n}\n.dough-avatar.has-border.dough-color-header-border {\n border-color: #4484c7;\n border-color: var(--dough-color-header);\n}\n.dough-avatar.has-border.dough-color-header-light-border {\n border-color: #5ea2e9;\n border-color: var(--dough-color-header-light);\n}\n.dough-avatar.has-border.dough-color-header-dark-border {\n border-color: #2f659f;\n border-color: var(--dough-color-header-dark);\n}\n.dough-avatar.has-border.dough-color-button-border {\n border-color: #47aa3c;\n border-color: var(--dough-color-button);\n}\n.dough-avatar.has-border.dough-color-like-border {\n border-color: #f24025;\n border-color: var(--dough-color-like);\n}\n.dough-avatar.has-border.dough-color-status-success-border {\n border-color: #008800;\n border-color: var(--dough-color-status-success);\n}\n.dough-avatar.has-border.dough-color-status-warning-border {\n border-color: #ff8800;\n border-color: var(--dough-color-status-warning);\n}\n.dough-avatar.has-border.dough-color-status-danger-border {\n border-color: #bf2900;\n border-color: var(--dough-color-status-danger);\n}\n.dough-avatar.has-border.dough-color-gray-1-border {\n border-color: #444444;\n border-color: var(--dough-color-gray-1);\n}\n.dough-avatar.has-border.dough-color-gray-2-border {\n border-color: dimgray;\n border-color: var(--dough-color-gray-2);\n}\n.dough-avatar.has-border.dough-color-gray-3-border {\n border-color: #9f9f9f;\n border-color: var(--dough-color-gray-3);\n}\n.dough-avatar.has-border.dough-color-gray-4-border {\n border-color: #d2d2d2;\n border-color: var(--dough-color-gray-4);\n}\n.dough-avatar.has-border.dough-color-gray-5-border {\n border-color: #e6e6e6;\n border-color: var(--dough-color-gray-5);\n}\n.dough-avatar.has-border.dough-color-gray-6-border {\n border-color: whitesmoke;\n border-color: var(--dough-color-gray-6);\n}\n.dough-avatar.has-border.dough-color-transparent-border {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\n.dough-avatar.size-extra-small {\n width: 16px !important;\n height: 16px !important;\n}\n.dough-avatar.size-small {\n width: 20px !important;\n height: 20px !important;\n}\n.dough-avatar.size-normal {\n width: 32px !important;\n height: 32px !important;\n}\n.dough-avatar.size-large {\n width: 40px !important;\n height: 40px !important;\n}\n.dough-avatar.size-extra-large {\n width: 48px !important;\n height: 48px !important;\n}\n.dough-avatar > .dough-avatar-content-wrapper {\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n box-sizing: border-box;\n}\n.dough-avatar > .dough-avatar-status-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n transform: rotateZ(135deg);\n pointer-events: none;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status {\n border: 3px solid rgba(0, 0, 0, 0);\n border-radius: 100%;\n pointer-events: initial;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n align-content: center;\n line-height: 0;\n transform: rotateZ(-135deg);\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n z-index: 10;\n width: 10px;\n height: 10px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-background-border {\n border-color: #eceffb;\n border-color: var(--dough-color-background);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-theme-border {\n border-color: white;\n border-color: var(--dough-color-theme);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-white-border {\n border-color: white;\n border-color: var(--dough-color-white);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-primary-border {\n border-color: #4484c7;\n border-color: var(--dough-color-primary);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-header-border {\n border-color: #4484c7;\n border-color: var(--dough-color-header);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-header-light-border {\n border-color: #5ea2e9;\n border-color: var(--dough-color-header-light);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-header-dark-border {\n border-color: #2f659f;\n border-color: var(--dough-color-header-dark);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-button-border {\n border-color: #47aa3c;\n border-color: var(--dough-color-button);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-like-border {\n border-color: #f24025;\n border-color: var(--dough-color-like);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-status-success-border {\n border-color: #008800;\n border-color: var(--dough-color-status-success);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-status-warning-border {\n border-color: #ff8800;\n border-color: var(--dough-color-status-warning);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-status-danger-border {\n border-color: #bf2900;\n border-color: var(--dough-color-status-danger);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-1-border {\n border-color: #444444;\n border-color: var(--dough-color-gray-1);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-2-border {\n border-color: dimgray;\n border-color: var(--dough-color-gray-2);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-3-border {\n border-color: #9f9f9f;\n border-color: var(--dough-color-gray-3);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-4-border {\n border-color: #d2d2d2;\n border-color: var(--dough-color-gray-4);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-5-border {\n border-color: #e6e6e6;\n border-color: var(--dough-color-gray-5);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-6-border {\n border-color: whitesmoke;\n border-color: var(--dough-color-gray-6);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-transparent-border {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-tiny {\n border-width: 2px;\n width: 8px;\n height: 8px;\n margin-top: -4px;\n margin-left: -4px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-extra-small {\n border-width: 2px;\n width: 10px;\n height: 10px;\n margin-top: -5px;\n margin-left: -5px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-small {\n border-width: 2px;\n width: 16px;\n height: 16px;\n margin-top: -8px;\n margin-left: -8px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-normal {\n width: 24px;\n height: 24px;\n margin-top: -12px;\n margin-left: -12px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-large {\n border-width: 4px;\n width: 32px;\n height: 32px;\n margin-top: -16px;\n margin-left: -16px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-extra-large {\n border-width: 4px;\n width: 40px;\n height: 40px;\n margin-top: -20px;\n margin-left: -20px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-huge {\n border-width: 4px;\n width: 48px;\n height: 48px;\n margin-top: -24px;\n margin-left: -24px;\n}\n.dough-avatar.disabled {\n pointer-events: none !important;\n cursor: default;\n opacity: 0.5;\n}\n.dough-avatar.disabled * {\n pointer-events: none !important;\n}";
4676
- styleInject(css_248z$C);
4717
+ var css_248z$D = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-avatar {\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n overflow: visible;\n border-radius: 100%;\n font-size: 0.8125rem;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-avatar.has-click {\n cursor: pointer;\n}\n.dough-avatar.has-padding {\n padding: 4px;\n}\n.dough-avatar.has-border {\n border: 3px solid rgba(0, 0, 0, 0);\n}\n.dough-avatar.has-border.dough-color-background-border {\n border-color: #eceffb;\n border-color: var(--dough-color-background);\n}\n.dough-avatar.has-border.dough-color-theme-border {\n border-color: rgb(255, 255, 255);\n border-color: var(--dough-color-theme);\n}\n.dough-avatar.has-border.dough-color-white-border {\n border-color: rgb(255, 255, 255);\n border-color: var(--dough-color-white);\n}\n.dough-avatar.has-border.dough-color-primary-border {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-primary);\n}\n.dough-avatar.has-border.dough-color-header-border {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-header);\n}\n.dough-avatar.has-border.dough-color-header-light-border {\n border-color: rgb(94, 162, 233);\n border-color: var(--dough-color-header-light);\n}\n.dough-avatar.has-border.dough-color-header-dark-border {\n border-color: rgb(47, 101, 159);\n border-color: var(--dough-color-header-dark);\n}\n.dough-avatar.has-border.dough-color-button-border {\n border-color: rgb(71, 170, 60);\n border-color: var(--dough-color-button);\n}\n.dough-avatar.has-border.dough-color-like-border {\n border-color: rgb(242, 64, 37);\n border-color: var(--dough-color-like);\n}\n.dough-avatar.has-border.dough-color-status-success-border {\n border-color: rgb(0, 136, 0);\n border-color: var(--dough-color-status-success);\n}\n.dough-avatar.has-border.dough-color-status-warning-border {\n border-color: rgb(255, 136, 0);\n border-color: var(--dough-color-status-warning);\n}\n.dough-avatar.has-border.dough-color-status-danger-border {\n border-color: rgb(191, 41, 0);\n border-color: var(--dough-color-status-danger);\n}\n.dough-avatar.has-border.dough-color-selector-1-border {\n border-color: rgb(250, 75, 52);\n border-color: var(--dough-color-selector-1);\n}\n.dough-avatar.has-border.dough-color-selector-2-border {\n border-color: rgb(255, 168, 34);\n border-color: var(--dough-color-selector-2);\n}\n.dough-avatar.has-border.dough-color-selector-3-border {\n border-color: rgb(0, 145, 255);\n border-color: var(--dough-color-selector-3);\n}\n.dough-avatar.has-border.dough-color-selector-4-border {\n border-color: rgb(20, 202, 215);\n border-color: var(--dough-color-selector-4);\n}\n.dough-avatar.has-border.dough-color-selector-5-border {\n border-color: rgb(143, 0, 255);\n border-color: var(--dough-color-selector-5);\n}\n.dough-avatar.has-border.dough-color-gray-1-border {\n border-color: rgb(68, 68, 68);\n border-color: var(--dough-color-gray-1);\n}\n.dough-avatar.has-border.dough-color-gray-2-border {\n border-color: rgb(105, 105, 105);\n border-color: var(--dough-color-gray-2);\n}\n.dough-avatar.has-border.dough-color-gray-3-border {\n border-color: rgb(159, 159, 159);\n border-color: var(--dough-color-gray-3);\n}\n.dough-avatar.has-border.dough-color-gray-4-border {\n border-color: rgb(210, 210, 210);\n border-color: var(--dough-color-gray-4);\n}\n.dough-avatar.has-border.dough-color-gray-5-border {\n border-color: rgb(230, 230, 230);\n border-color: var(--dough-color-gray-5);\n}\n.dough-avatar.has-border.dough-color-gray-6-border {\n border-color: rgb(245, 245, 245);\n border-color: var(--dough-color-gray-6);\n}\n.dough-avatar.has-border.dough-color-transparent-border {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\n.dough-avatar.size-extra-small {\n width: 16px !important;\n height: 16px !important;\n}\n.dough-avatar.size-small {\n width: 20px !important;\n height: 20px !important;\n}\n.dough-avatar.size-normal {\n width: 32px !important;\n height: 32px !important;\n}\n.dough-avatar.size-large {\n width: 40px !important;\n height: 40px !important;\n}\n.dough-avatar.size-extra-large {\n width: 48px !important;\n height: 48px !important;\n}\n.dough-avatar > .dough-avatar-content-wrapper {\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n box-sizing: border-box;\n}\n.dough-avatar > .dough-avatar-status-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n transform: rotateZ(135deg);\n pointer-events: none;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status {\n border: 3px solid rgba(0, 0, 0, 0);\n border-radius: 100%;\n pointer-events: initial;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n align-content: center;\n line-height: 0;\n transform: rotateZ(-135deg);\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 50%;\n z-index: 10;\n width: 10px;\n height: 10px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-background-border {\n border-color: #eceffb;\n border-color: var(--dough-color-background);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-theme-border {\n border-color: rgb(255, 255, 255);\n border-color: var(--dough-color-theme);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-white-border {\n border-color: rgb(255, 255, 255);\n border-color: var(--dough-color-white);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-primary-border {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-primary);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-header-border {\n border-color: rgb(68, 132, 199);\n border-color: var(--dough-color-header);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-header-light-border {\n border-color: rgb(94, 162, 233);\n border-color: var(--dough-color-header-light);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-header-dark-border {\n border-color: rgb(47, 101, 159);\n border-color: var(--dough-color-header-dark);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-button-border {\n border-color: rgb(71, 170, 60);\n border-color: var(--dough-color-button);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-like-border {\n border-color: rgb(242, 64, 37);\n border-color: var(--dough-color-like);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-status-success-border {\n border-color: rgb(0, 136, 0);\n border-color: var(--dough-color-status-success);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-status-warning-border {\n border-color: rgb(255, 136, 0);\n border-color: var(--dough-color-status-warning);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-status-danger-border {\n border-color: rgb(191, 41, 0);\n border-color: var(--dough-color-status-danger);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-selector-1-border {\n border-color: rgb(250, 75, 52);\n border-color: var(--dough-color-selector-1);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-selector-2-border {\n border-color: rgb(255, 168, 34);\n border-color: var(--dough-color-selector-2);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-selector-3-border {\n border-color: rgb(0, 145, 255);\n border-color: var(--dough-color-selector-3);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-selector-4-border {\n border-color: rgb(20, 202, 215);\n border-color: var(--dough-color-selector-4);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-selector-5-border {\n border-color: rgb(143, 0, 255);\n border-color: var(--dough-color-selector-5);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-1-border {\n border-color: rgb(68, 68, 68);\n border-color: var(--dough-color-gray-1);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-2-border {\n border-color: rgb(105, 105, 105);\n border-color: var(--dough-color-gray-2);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-3-border {\n border-color: rgb(159, 159, 159);\n border-color: var(--dough-color-gray-3);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-4-border {\n border-color: rgb(210, 210, 210);\n border-color: var(--dough-color-gray-4);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-5-border {\n border-color: rgb(230, 230, 230);\n border-color: var(--dough-color-gray-5);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-gray-6-border {\n border-color: rgb(245, 245, 245);\n border-color: var(--dough-color-gray-6);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.dough-color-transparent-border {\n border-color: rgba(255, 255, 255, 0);\n border-color: var(--dough-color-transparent);\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-tiny {\n border-width: 2px;\n width: 8px;\n height: 8px;\n margin-top: -4px;\n margin-left: -4px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-extra-small {\n border-width: 2px;\n width: 10px;\n height: 10px;\n margin-top: -5px;\n margin-left: -5px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-small {\n border-width: 2px;\n width: 16px;\n height: 16px;\n margin-top: -8px;\n margin-left: -8px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-normal {\n width: 24px;\n height: 24px;\n margin-top: -12px;\n margin-left: -12px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-large {\n border-width: 4px;\n width: 32px;\n height: 32px;\n margin-top: -16px;\n margin-left: -16px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-extra-large {\n border-width: 4px;\n width: 40px;\n height: 40px;\n margin-top: -20px;\n margin-left: -20px;\n}\n.dough-avatar > .dough-avatar-status-wrapper > .dough-avatar-status.size-huge {\n border-width: 4px;\n width: 48px;\n height: 48px;\n margin-top: -24px;\n margin-left: -24px;\n}\n.dough-avatar.disabled {\n pointer-events: none !important;\n cursor: default;\n opacity: 0.5;\n}\n.dough-avatar.disabled * {\n pointer-events: none !important;\n}";
4718
+ styleInject(css_248z$D);
4677
4719
 
4678
4720
  var Avatar = function (props) {
4679
4721
  var _a;
@@ -4705,8 +4747,8 @@ var Avatar = function (props) {
4705
4747
  };
4706
4748
  Avatar.displayName = "Avatar";
4707
4749
 
4708
- var css_248z$D = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fader {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-fader {\n display: none;\n}\n.dough-fader > .dough-fader-top {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: 20px;\n mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-bottom {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: 20px;\n mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-right {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 10;\n width: 20px;\n height: auto;\n mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-left {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: 20px;\n height: auto;\n mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader.dough-fader-dark > .dough-fader-top,\n.dough-fader.dough-fader-dark > .dough-fader-right,\n.dough-fader.dough-fader-dark > .dough-fader-bottom,\n.dough-fader.dough-fader-dark > .dough-fader-left {\n background-color: rgba(0, 0, 0, 0.4);\n}\n.dough-fader.dough-fader-full-size > .dough-fader-side {\n height: 100%;\n width: 100%;\n}\n.dough-fader > .dough-fader-side {\n pointer-events: none;\n display: none;\n}\n.dough-fader.dough-fader-top > .dough-fader-top {\n display: block;\n}\n.dough-fader.dough-fader-right > .dough-fader-right {\n display: block;\n}\n.dough-fader.dough-fader-bottom > .dough-fader-bottom {\n display: block;\n}\n.dough-fader.dough-fader-left > .dough-fader-left {\n display: block;\n}";
4709
- styleInject(css_248z$D);
4750
+ var css_248z$E = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fader {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-fader {\n display: none;\n}\n.dough-fader > .dough-fader-top {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: 20px;\n mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-bottom {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: 20px;\n mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-right {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 10;\n width: 20px;\n height: auto;\n mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-left {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: 20px;\n height: auto;\n mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader.dough-fader-dark > .dough-fader-top,\n.dough-fader.dough-fader-dark > .dough-fader-right,\n.dough-fader.dough-fader-dark > .dough-fader-bottom,\n.dough-fader.dough-fader-dark > .dough-fader-left {\n background-color: rgba(0, 0, 0, 0.4);\n}\n.dough-fader.dough-fader-full-size > .dough-fader-side {\n height: 100%;\n width: 100%;\n}\n.dough-fader > .dough-fader-side {\n pointer-events: none;\n display: none;\n}\n.dough-fader.dough-fader-top > .dough-fader-top {\n display: block;\n}\n.dough-fader.dough-fader-right > .dough-fader-right {\n display: block;\n}\n.dough-fader.dough-fader-bottom > .dough-fader-bottom {\n display: block;\n}\n.dough-fader.dough-fader-left > .dough-fader-left {\n display: block;\n}";
4751
+ styleInject(css_248z$E);
4710
4752
 
4711
4753
  var Fader = function (props) { return (React.createElement("span", __assign({ className: cn(props.className, "dough-fader", {
4712
4754
  "dough-fader-dark": props.dark,
@@ -4738,8 +4780,8 @@ var Fader = function (props) { return (React.createElement("span", __assign({ cl
4738
4780
  : Colors.THEME, "dough-fader-side dough-fader-left") }))); };
4739
4781
  Fader.displayName = "Fader";
4740
4782
 
4741
- var css_248z$E = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-overlay {\n display: none;\n}";
4742
- styleInject(css_248z$E);
4783
+ var css_248z$F = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-overlay {\n display: none;\n}";
4784
+ styleInject(css_248z$F);
4743
4785
 
4744
4786
  var Overlay = function (props) { return (React.createElement("span", __assign({ className: cn(props.className, "dough-overlay", props.color) }, props.dataAttributes, { style: {
4745
4787
  opacity: props.opacity,
@@ -4768,6 +4810,13 @@ var DesignTokens = {
4768
4810
  colorBrandHeaderDark: "#2f659f",
4769
4811
  colorLike: "#F24025",
4770
4812
  },
4813
+ fixedColors: {
4814
+ colorSelector1: "#fa4b34",
4815
+ colorSelector2: "#ffa822",
4816
+ colorSelector3: "#0091ff",
4817
+ colorSelector4: "#14cad7",
4818
+ colorSelector5: "#8f00ff",
4819
+ },
4771
4820
  textColors: {
4772
4821
  colorTextWarning: "#bf2900",
4773
4822
  colorTextSuccess: "#008800",
@@ -4850,8 +4899,8 @@ var IconArrowRight = {
4850
4899
  key: "arrow-right",
4851
4900
  };
4852
4901
 
4853
- var css_248z$F = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-horizontal-list-slider-container {\n transition: transform 450ms cubic-bezier(0.25, 1, 0, 1);\n}\n\n.dough-horizontal-list-slider-buttons-wrapper {\n z-index: 100 !important;\n pointer-events: none;\n}\n.dough-horizontal-list-slider-buttons-wrapper .dough-horizonal-list-slider-button-icon > svg {\n width: 15px;\n height: 15px;\n}\n\n@media not screen and (hover: hover) and (pointer: fine) {\n .dough-horizontal-list-slider-wrapper {\n padding-left: 16px;\n padding-right: 16px;\n overflow-x: auto !important;\n padding-bottom: 16px;\n margin-bottom: -16px;\n }\n\n .dough-horizontal-list-slider-slide-button {\n display: none !important;\n }\n\n .dough-horizontal-list-slider-fader > .dough-fader-right,\n.dough-horizontal-list-slider-fader > .dough-fader-left {\n display: block !important;\n }\n}";
4854
- styleInject(css_248z$F);
4902
+ var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-horizontal-list-slider-container {\n transition: transform 450ms cubic-bezier(0.25, 1, 0, 1);\n}\n\n.dough-horizontal-list-slider-buttons-wrapper {\n z-index: 100 !important;\n pointer-events: none;\n}\n.dough-horizontal-list-slider-buttons-wrapper .dough-horizonal-list-slider-button-icon > svg {\n width: 15px;\n height: 15px;\n}\n\n@media not screen and (hover: hover) and (pointer: fine) {\n .dough-horizontal-list-slider-wrapper {\n padding-left: 16px;\n padding-right: 16px;\n overflow-x: auto !important;\n padding-bottom: 16px;\n margin-bottom: -16px;\n }\n .dough-horizontal-list-slider-slide-button {\n display: none !important;\n }\n .dough-horizontal-list-slider-fader > .dough-fader-right,\n.dough-horizontal-list-slider-fader > .dough-fader-left {\n display: block !important;\n }\n}";
4903
+ styleInject(css_248z$G);
4855
4904
 
4856
4905
  var HorizontalListSlider = function (props) {
4857
4906
  var _a = useState(false), showLeftSlideButton = _a[0], setShowLeftSlideButton = _a[1];
@@ -4947,8 +4996,8 @@ var HorizontalListSlider = function (props) {
4947
4996
  };
4948
4997
  HorizontalListSlider.displayName = "HorizontalListSlider";
4949
4998
 
4950
- var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\nbody:not(.no-transition) .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: transform 750ms cubic-bezier(0.5, 0.25, 0.25, 1);\n}\nbody.no-transition .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-carouel-wrapper > .dough-carousel-touch-listener {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n width: auto;\n height: auto;\n background-color: rgba(255, 0, 0, 0.2);\n display: block;\n}\n\n@media not screen and (hover: hover) and (pointer: fine) {\n body:not(.no-transition) .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: transform 1000ms cubic-bezier(0.2, 0.75, 0, 1);\n }\n body.no-transition .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n }\n}";
4951
- styleInject(css_248z$G);
4999
+ var css_248z$H = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\nbody:not(.no-transition) .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: transform 750ms cubic-bezier(0.5, 0.25, 0.25, 1);\n}\nbody.no-transition .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-carouel-wrapper > .dough-carousel-touch-listener {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n width: auto;\n height: auto;\n background-color: rgba(255, 0, 0, 0.2);\n display: block;\n}\n\n@media not screen and (hover: hover) and (pointer: fine) {\n body:not(.no-transition) .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: transform 1000ms cubic-bezier(0.2, 0.75, 0, 1);\n }\n body.no-transition .dough-carouel-wrapper > .dough-carouel-container:not(.dough-carouel-container-no-anim) {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n }\n}";
5000
+ styleInject(css_248z$H);
4952
5001
 
4953
5002
  var Carousel = function (props) {
4954
5003
  var conatinerRef = useRef(null);
@@ -5046,8 +5095,8 @@ var Carousel = function (props) {
5046
5095
  };
5047
5096
  Carousel.displayName = "Carousel";
5048
5097
 
5049
- var css_248z$H = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\nbody:not(.no-transition) .dough-content-slider > .dough-content-slider-inner {\n transition: all 350ms cubic-bezier(0.2, 1, 0, 1);\n}\nbody.no-transition .dough-content-slider > .dough-content-slider-inner {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-content-slider > .dough-content-slider-inner.dough-content-slider-inner-to-left {\n transform: translate3d(-100%, 0, 0);\n opacity: 0;\n}\n.dough-content-slider > .dough-content-slider-inner.dough-content-slider-inner-to-right {\n transform: translate3d(100%, 0, 0);\n opacity: 0;\n}";
5050
- styleInject(css_248z$H);
5098
+ var css_248z$I = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\nbody:not(.no-transition) .dough-content-slider > .dough-content-slider-inner {\n transition: all 350ms cubic-bezier(0.2, 1, 0, 1);\n}\nbody.no-transition .dough-content-slider > .dough-content-slider-inner {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-content-slider > .dough-content-slider-inner.dough-content-slider-inner-to-left {\n transform: translate3d(-100%, 0, 0);\n opacity: 0;\n}\n.dough-content-slider > .dough-content-slider-inner.dough-content-slider-inner-to-right {\n transform: translate3d(100%, 0, 0);\n opacity: 0;\n}";
5099
+ styleInject(css_248z$I);
5051
5100
 
5052
5101
  var ContentSlider = function (props) {
5053
5102
  var _a = useState(props.children), appliedChildren = _a[0], setAppliedChildren = _a[1];
@@ -5091,8 +5140,8 @@ var ContentSlider = function (props) {
5091
5140
  };
5092
5141
  ContentSlider.displayName = "ContentSlider";
5093
5142
 
5094
- var css_248z$I = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-image-viewer {\n display: inline-flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n box-sizing: border-box;\n position: relative;\n z-index: 1;\n background-size: 0px 0px;\n}\n.dough-image-viewer.dough-image-border-radius {\n border-radius: 12px;\n}\n.dough-box.dough-box-border-radius .dough-image-viewer.dough-image-border-radius {\n border-radius: 6px;\n}\n.dough-image-viewer.has-border {\n padding: 3px;\n}\n.dough-image-viewer.has-border > .after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n width: auto;\n height: auto;\n}\n.dough-image-viewer > .dough-image-viewer-as-background {\n display: none;\n}\n.dough-image-viewer > img {\n position: relative;\n z-index: 5;\n object-fit: cover;\n width: 100%;\n height: 100%;\n object-position: center center;\n text-indent: -101%;\n overflow: hidden;\n}\nhtml.dough-IE11 .dough-image-viewer > img {\n opacity: 0;\n}\n.dough-image-viewer.dough-image-with-ratio > img {\n position: absolute;\n top: 0;\n left: 0;\n}\nhtml.dough-IE11 .dough-image-viewer > img {\n opacity: 0;\n}\nhtml.dough-IE11 .dough-image-viewer > .dough-image-viewer-as-background {\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: auto;\n height: auto;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n}\nhtml.dough-IE11 .dough-image-viewer.has-border > .dough-image-viewer-as-background {\n position: absolute;\n top: 3px;\n right: 3px;\n bottom: 3px;\n left: 3px;\n z-index: 1;\n width: auto;\n height: auto;\n}\n.dough-image-viewer.dough-image-viewer-fit-to-view > img {\n object-fit: contain;\n}\nhtml.dough-IE11 .dough-image-viewer.dough-image-viewer-fit-to-view > img {\n opacity: 0;\n}\nhtml.dough-IE11 .dough-image-viewer.dough-image-viewer-fit-to-view > .dough-image-viewer-as-background {\n background-size: contain;\n}\n.dough-image-viewer.size-extra-small {\n width: 32px !important;\n height: 32px !important;\n}\n.dough-image-viewer.size-extra-small > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-small {\n width: 64px !important;\n height: 64px !important;\n}\n.dough-image-viewer.size-small > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-normal {\n width: 96px !important;\n height: 96px !important;\n}\n.dough-image-viewer.size-normal > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-large {\n width: 128px !important;\n height: 128px !important;\n}\n.dough-image-viewer.size-large > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-extra-large {\n width: 160px !important;\n height: 160px !important;\n}\n.dough-image-viewer.size-extra-large > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.rounded {\n border-radius: 100%;\n}\n.dough-image-viewer.rounded > .dough-image-viewer-as-background,\n.dough-image-viewer.rounded > .after,\n.dough-image-viewer.rounded > img {\n border-radius: 100%;\n}\n.dough-image-viewer > .dough-image-viewer-content-container {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n}\nbody:not(.no-transition) .dough-image-viewer > .dough-image-viewer-content-container {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-image-viewer > .dough-image-viewer-content-container {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-image-viewer.dough-image-have-children-text-color * {\n color: inherit !important;\n}\n.dough-image-viewer.dough-image-viewer-show-children-on-hover > .dough-image-viewer-content-container {\n opacity: 0;\n pointer-events: none;\n}\n.dough-image-viewer.dough-image-viewer-show-children-on-hover:hover > .dough-image-viewer-content-container {\n opacity: 1;\n}\n.dough-image-viewer:not(:hover) .dough-image-show-only-on-image-hover {\n opacity: 0 !important;\n pointer-events: none !important;\n}";
5095
- styleInject(css_248z$I);
5143
+ var css_248z$J = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-image-viewer {\n display: inline-flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n box-sizing: border-box;\n position: relative;\n z-index: 1;\n background-size: 0px 0px;\n}\n.dough-image-viewer.dough-image-border-radius {\n border-radius: 12px;\n}\n.dough-box.dough-box-border-radius .dough-image-viewer.dough-image-border-radius {\n border-radius: 6px;\n}\n.dough-image-viewer.has-border {\n padding: 3px;\n}\n.dough-image-viewer.has-border > .after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n width: auto;\n height: auto;\n}\n.dough-image-viewer > .dough-image-viewer-as-background {\n display: none;\n}\n.dough-image-viewer > img {\n position: relative;\n z-index: 5;\n object-fit: cover;\n width: 100%;\n height: 100%;\n object-position: center center;\n text-indent: -101%;\n overflow: hidden;\n}\nhtml.dough-IE11 .dough-image-viewer > img {\n opacity: 0;\n}\n.dough-image-viewer.dough-image-with-ratio > img {\n position: absolute;\n top: 0;\n left: 0;\n}\nhtml.dough-IE11 .dough-image-viewer > img {\n opacity: 0;\n}\nhtml.dough-IE11 .dough-image-viewer > .dough-image-viewer-as-background {\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: auto;\n height: auto;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n}\nhtml.dough-IE11 .dough-image-viewer.has-border > .dough-image-viewer-as-background {\n position: absolute;\n top: 3px;\n right: 3px;\n bottom: 3px;\n left: 3px;\n z-index: 1;\n width: auto;\n height: auto;\n}\n.dough-image-viewer.dough-image-viewer-fit-to-view > img {\n object-fit: contain;\n}\nhtml.dough-IE11 .dough-image-viewer.dough-image-viewer-fit-to-view > img {\n opacity: 0;\n}\nhtml.dough-IE11 .dough-image-viewer.dough-image-viewer-fit-to-view > .dough-image-viewer-as-background {\n background-size: contain;\n}\n.dough-image-viewer.size-extra-small {\n width: 32px !important;\n height: 32px !important;\n}\n.dough-image-viewer.size-extra-small > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-small {\n width: 64px !important;\n height: 64px !important;\n}\n.dough-image-viewer.size-small > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-normal {\n width: 96px !important;\n height: 96px !important;\n}\n.dough-image-viewer.size-normal > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-large {\n width: 128px !important;\n height: 128px !important;\n}\n.dough-image-viewer.size-large > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.size-extra-large {\n width: 160px !important;\n height: 160px !important;\n}\n.dough-image-viewer.size-extra-large > img {\n width: 100%;\n height: 100%;\n}\n.dough-image-viewer.rounded {\n border-radius: 100%;\n}\n.dough-image-viewer.rounded > .dough-image-viewer-as-background,\n.dough-image-viewer.rounded > .after,\n.dough-image-viewer.rounded > img {\n border-radius: 100%;\n}\n.dough-image-viewer > .dough-image-viewer-content-container {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n}\nbody:not(.no-transition) .dough-image-viewer > .dough-image-viewer-content-container {\n transition: all 650ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-image-viewer > .dough-image-viewer-content-container {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-image-viewer.dough-image-have-children-text-color * {\n color: inherit !important;\n}\n.dough-image-viewer.dough-image-viewer-show-children-on-hover > .dough-image-viewer-content-container {\n opacity: 0;\n pointer-events: none;\n}\n.dough-image-viewer.dough-image-viewer-show-children-on-hover:hover > .dough-image-viewer-content-container {\n opacity: 1;\n}\n.dough-image-viewer:not(:hover) .dough-image-show-only-on-image-hover {\n opacity: 0 !important;\n pointer-events: none !important;\n}";
5144
+ styleInject(css_248z$J);
5096
5145
 
5097
5146
  var ImageContentShowOnHoverClassName = "dough-image-show-only-on-image-hover";
5098
5147
  var Image = function (props) {
@@ -5125,8 +5174,8 @@ var Image = function (props) {
5125
5174
  };
5126
5175
  Image.displayName = "Image";
5127
5176
 
5128
- var css_248z$J = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-image-carousel {\n position: relative;\n display: block;\n}\n.dough-image-carousel > .dough-image-carousel-item {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n display: block;\n opacity: 0;\n}";
5129
- styleInject(css_248z$J);
5177
+ var css_248z$K = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-image-carousel {\n position: relative;\n display: block;\n}\n.dough-image-carousel > .dough-image-carousel-item {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n display: block;\n opacity: 0;\n}";
5178
+ styleInject(css_248z$K);
5130
5179
 
5131
5180
  var ImageCarousel = function (props) {
5132
5181
  var _a = props.duration, duration = _a === void 0 ? 5000 : _a, _b = props.height, height = _b === void 0 ? "100%" : _b, _c = props.width, width = _c === void 0 ? "100%" : _c;
@@ -5193,8 +5242,8 @@ var ImageCarousel = function (props) {
5193
5242
  };
5194
5243
  ImageCarousel.displayName = "ImageCarousel";
5195
5244
 
5196
- var css_248z$K = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-table {\n font-family: \"Roboto\", sans-serif;\n}\n.dough-table > .dough-table-row-wrapper {\n font-size: 0.875rem;\n position: relative;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container {\n width: 100%;\n display: block;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container {\n position: absolute;\n top: 0;\n right: 8px;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n align-items: center;\n pointer-events: none;\n opacity: 0;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header {\n align-items: stretch;\n padding: 0;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell {\n padding: 16px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 1px !important;\n overflow: hidden;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.v-border,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.v-border {\n border-bottom: 1px solid #ededed;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.h-border:not(:first-child),\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.h-border:not(:first-child) {\n border-left: 1px solid #ededed;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.no-v-border,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.no-v-border {\n border-bottom: none !important;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.no-h-border,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.no-h-border {\n border-left: none !important;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header {\n font-weight: 700;\n background-color: whitesmoke;\n background-color: var(--dough-color-gray-6);\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container.keep-active > .dough-table-row-button-list-container, .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container:hover > .dough-table-row-button-list-container {\n opacity: 1;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container.keep-active > .dough-table-row.dough-table-row-clickable, .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container:hover > .dough-table-row.dough-table-row-clickable {\n cursor: pointer;\n background-color: whitesmoke;\n background-color: var(--dough-color-gray-6);\n}\n.dough-table.dough-table-vertical-borders > .dough-table-row-wrapper:not(:last-child) > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell,\n.dough-table.dough-table-vertical-borders > .dough-table-row-wrapper:not(:last-child) > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell:not(.no-v-border) {\n border-bottom: 1px solid #ededed;\n}\n.dough-table.dough-table-horizontal-borders > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell:not(:first-child):not(.no-h-border) {\n border-left: 1px solid #ededed;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container {\n opacity: 1;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container > .dough-drop-menu > .dough-button-wrapper > .dough-button {\n background-color: rgba(255, 255, 255, 0.5);\n background-color: rgba(var(--dough-color-white), 0.5);\n}\n\n@media only screen and (max-width: 768px) {\n body:not(.dough-no-viewport-control) .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container {\n opacity: 1;\n }\n body:not(.dough-no-viewport-control) .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container > .dough-drop-menu > .dough-button-wrapper > .dough-button {\n background-color: rgba(255, 255, 255, 0.5);\n background-color: rgba(var(--dough-color-white), 0.5);\n }\n}";
5197
- styleInject(css_248z$K);
5245
+ var css_248z$L = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-table {\n font-family: \"Roboto\", sans-serif;\n}\n.dough-table > .dough-table-row-wrapper {\n font-size: 0.875rem;\n position: relative;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container {\n width: 100%;\n display: block;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container {\n position: absolute;\n top: 0;\n right: 8px;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n align-items: center;\n pointer-events: none;\n opacity: 0;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header {\n align-items: stretch;\n padding: 0;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell {\n padding: 16px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 1px !important;\n overflow: hidden;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.v-border,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.v-border {\n border-bottom: 1px solid #ededed;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.h-border:not(:first-child),\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.h-border:not(:first-child) {\n border-left: 1px solid #ededed;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.no-v-border,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.no-v-border {\n border-bottom: none !important;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell.no-h-border,\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell.no-h-border {\n border-left: none !important;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header {\n font-weight: 700;\n background-color: rgb(245, 245, 245);\n background-color: var(--dough-color-gray-6);\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container.keep-active > .dough-table-row-button-list-container, .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container:hover > .dough-table-row-button-list-container {\n opacity: 1;\n}\n.dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container.keep-active > .dough-table-row.dough-table-row-clickable, .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container:hover > .dough-table-row.dough-table-row-clickable {\n cursor: pointer;\n background-color: rgb(245, 245, 245);\n background-color: var(--dough-color-gray-6);\n}\n.dough-table.dough-table-vertical-borders > .dough-table-row-wrapper:not(:last-child) > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell,\n.dough-table.dough-table-vertical-borders > .dough-table-row-wrapper:not(:last-child) > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-header > .dough-table-cell:not(.no-v-border) {\n border-bottom: 1px solid #ededed;\n}\n.dough-table.dough-table-horizontal-borders > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row > .dough-table-cell:not(:first-child):not(.no-h-border) {\n border-left: 1px solid #ededed;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container {\n opacity: 1;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-medium .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container > .dough-drop-menu > .dough-button-wrapper > .dough-button {\n background-color: rgba(255, 255, 255, 0.5);\n background-color: rgba(var(--dough-color-white), 0.5);\n}\n\n@media only screen and (max-width: 768px) {\n body:not(.dough-no-viewport-control) .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container {\n opacity: 1;\n }\n body:not(.dough-no-viewport-control) .dough-table > .dough-table-row-wrapper > .dough-layout-flexbox-content > .dough-table-row-container > .dough-table-row-button-list-container > .dough-drop-menu > .dough-button-wrapper > .dough-button {\n background-color: rgba(255, 255, 255, 0.5);\n background-color: rgba(var(--dough-color-white), 0.5);\n }\n}";
5246
+ styleInject(css_248z$L);
5198
5247
 
5199
5248
  var Table = function (props) {
5200
5249
  var _a = props.verticalBorders, verticalBorders = _a === void 0 ? true : _a, _b = props.horizontalBorders, horizontalBorders = _b === void 0 ? true : _b;
@@ -5250,8 +5299,8 @@ var TableCell = function (props) {
5250
5299
  };
5251
5300
  TableCell.displayName = "TableCell";
5252
5301
 
5253
- var css_248z$L = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-skeleton {\n display: inline-block;\n box-sizing: border-box;\n background-color: transparent;\n width: 100%;\n position: relative;\n overflow: hidden;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n pointer-events: all;\n transform: translateZ(0);\n cursor: default;\n}\n.dough-skeleton.dough-skeleton-fit-to-parent {\n height: 100%;\n}\n.dough-skeleton.dough-skeleton-circular {\n border-radius: 100%;\n}\n.dough-skeleton + .dough-skeleton {\n margin-top: 8px;\n}\n.dough-skeleton > div {\n position: relative;\n display: block;\n box-sizing: border-box;\n}\n.dough-skeleton > .dough-skeleton-row {\n width: 100%;\n height: 12px;\n border-radius: 4px;\n}\n.dough-skeleton > .dough-skeleton-row.dough-skeleton-row-half {\n width: 50%;\n}\n.dough-skeleton > .dough-skeleton-row.dough-skeleton-row-slim {\n height: 8px;\n}\n.dough-skeleton > .dough-skeleton-row.dough-skeleton-row-slim + .dough-skeleton-row:last-child {\n width: 65%;\n}\n.dough-skeleton > .dough-skeleton-row + .dough-skeleton-row {\n margin-top: 8px;\n}\n.dough-skeleton > .dough-skeleton-box.size-none {\n width: 0;\n height: 0;\n}\n.dough-skeleton > .dough-skeleton-box.size-huge {\n width: 48px;\n height: 48px;\n}\n.dough-skeleton > .dough-skeleton-box.size-extra-large {\n width: 40px;\n height: 40px;\n}\n.dough-skeleton > .dough-skeleton-box.size-large {\n width: 32px;\n height: 32px;\n}\n.dough-skeleton > .dough-skeleton-box.size-normal {\n width: 24px;\n height: 24px;\n}\n.dough-skeleton > .dough-skeleton-box.size-small {\n width: 16px;\n height: 16px;\n}\n.dough-skeleton > .dough-skeleton-box.size-extra-small {\n width: 8px;\n height: 8px;\n}\n.dough-skeleton > .dough-skeleton-box.size-tiny {\n width: 4px;\n height: 4px;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-fit-to-parent {\n width: 100% !important;\n height: 100% !important;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-circular {\n border-radius: 100%;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-h, .dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-v {\n position: relative;\n background-color: transparent !important;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-h > .after, .dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-v > .after {\n position: absolute;\n border-radius: 4px;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-h > .after {\n top: 4px;\n height: calc(100% - 8px);\n left: 0;\n width: 100%;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-v > .after {\n top: 0;\n height: 100%;\n left: 4px;\n width: calc(100% - 8px);\n}\n.dough-skeleton > div:not(:empty) > span {\n display: block;\n width: 100%;\n height: 100%;\n}\n.dough-skeleton.dough-skeleton-animated * {\n position: relative;\n}\n.dough-skeleton.dough-skeleton-animated > div:empty:before,\n.dough-skeleton.dough-skeleton-animated > div:not(:empty) > span:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 99;\n width: auto;\n height: auto;\n background-color: rgba(0, 0, 0, 0);\n opacity: 0.9;\n background-image: linear-gradient(-75deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 255, 0) 30%, white 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\n background-image: linear-gradient(-75deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 255, 0) 30%, var(--dough-color-theme) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\n background-size: 500% 500%;\n}\nbody:not(.no-transition) .dough-skeleton.dough-skeleton-animated > div:empty:before,\nbody:not(.no-transition) .dough-skeleton.dough-skeleton-animated > div:not(:empty) > span:before {\n animation: glass-reflection 2000ms 1000ms linear infinite;\n}\nbody.no-transition .dough-skeleton.dough-skeleton-animated > div:empty:before,\nbody.no-transition .dough-skeleton.dough-skeleton-animated > div:not(:empty) > span:before {\n animation: none 0ms linear;\n animation-delay: 0ms !important;\n}\n\n@keyframes glass-reflection {\n 0% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}";
5254
- styleInject(css_248z$L);
5302
+ var css_248z$M = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-skeleton {\n display: inline-block;\n box-sizing: border-box;\n background-color: transparent;\n width: 100%;\n position: relative;\n overflow: hidden;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n pointer-events: all;\n transform: translateZ(0);\n cursor: default;\n}\n.dough-skeleton.dough-skeleton-fit-to-parent {\n height: 100%;\n}\n.dough-skeleton.dough-skeleton-circular {\n border-radius: 100%;\n}\n.dough-skeleton + .dough-skeleton {\n margin-top: 8px;\n}\n.dough-skeleton > div {\n position: relative;\n display: block;\n box-sizing: border-box;\n}\n.dough-skeleton > .dough-skeleton-row {\n width: 100%;\n height: 12px;\n border-radius: 4px;\n}\n.dough-skeleton > .dough-skeleton-row.dough-skeleton-row-half {\n width: 50%;\n}\n.dough-skeleton > .dough-skeleton-row.dough-skeleton-row-slim {\n height: 8px;\n}\n.dough-skeleton > .dough-skeleton-row.dough-skeleton-row-slim + .dough-skeleton-row:last-child {\n width: 65%;\n}\n.dough-skeleton > .dough-skeleton-row + .dough-skeleton-row {\n margin-top: 8px;\n}\n.dough-skeleton > .dough-skeleton-box.size-none {\n width: 0;\n height: 0;\n}\n.dough-skeleton > .dough-skeleton-box.size-huge {\n width: 48px;\n height: 48px;\n}\n.dough-skeleton > .dough-skeleton-box.size-extra-large {\n width: 40px;\n height: 40px;\n}\n.dough-skeleton > .dough-skeleton-box.size-large {\n width: 32px;\n height: 32px;\n}\n.dough-skeleton > .dough-skeleton-box.size-normal {\n width: 24px;\n height: 24px;\n}\n.dough-skeleton > .dough-skeleton-box.size-small {\n width: 16px;\n height: 16px;\n}\n.dough-skeleton > .dough-skeleton-box.size-extra-small {\n width: 8px;\n height: 8px;\n}\n.dough-skeleton > .dough-skeleton-box.size-tiny {\n width: 4px;\n height: 4px;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-fit-to-parent {\n width: 100% !important;\n height: 100% !important;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-circular {\n border-radius: 100%;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-h, .dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-v {\n position: relative;\n background-color: transparent !important;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-h > .after, .dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-v > .after {\n position: absolute;\n border-radius: 4px;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-h > .after {\n top: 4px;\n height: calc(100% - 8px);\n left: 0;\n width: 100%;\n}\n.dough-skeleton > .dough-skeleton-box.dough-skeleton-rectangle-v > .after {\n top: 0;\n height: 100%;\n left: 4px;\n width: calc(100% - 8px);\n}\n.dough-skeleton > div:not(:empty) > span {\n display: block;\n width: 100%;\n height: 100%;\n}\n.dough-skeleton.dough-skeleton-animated * {\n position: relative;\n}\n.dough-skeleton.dough-skeleton-animated > div:empty:before,\n.dough-skeleton.dough-skeleton-animated > div:not(:empty) > span:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 99;\n width: auto;\n height: auto;\n background-color: rgba(0, 0, 0, 0);\n opacity: 0.9;\n background-image: linear-gradient(-75deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 255, 0) 30%, white 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\n background-image: linear-gradient(-75deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 255, 0) 30%, var(--dough-color-theme) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);\n background-size: 500% 500%;\n}\nbody:not(.no-transition) .dough-skeleton.dough-skeleton-animated > div:empty:before,\nbody:not(.no-transition) .dough-skeleton.dough-skeleton-animated > div:not(:empty) > span:before {\n animation: glass-reflection 2000ms 1000ms linear infinite;\n}\nbody.no-transition .dough-skeleton.dough-skeleton-animated > div:empty:before,\nbody.no-transition .dough-skeleton.dough-skeleton-animated > div:not(:empty) > span:before {\n animation: none 0ms linear;\n animation-delay: 0ms !important;\n}\n\n@keyframes glass-reflection {\n 0% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}";
5303
+ styleInject(css_248z$M);
5255
5304
 
5256
5305
  var SkeletonShape;
5257
5306
  (function (SkeletonShape) {
@@ -5292,8 +5341,8 @@ var Skeleton = function (props) {
5292
5341
  };
5293
5342
  Skeleton.displayName = "Skeleton";
5294
5343
 
5295
- var css_248z$M = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-grid {\n display: grid;\n box-sizing: border-box;\n}\nhtml.dough-IE11 .dough-grid {\n display: -ms-grid;\n}\n.dough-grid.dough-padding-top-none {\n padding-top: 0;\n}\n.dough-grid.dough-padding-right-none {\n padding-right: 0;\n}\n.dough-grid.dough-padding-bottom-none {\n padding-bottom: 0;\n}\n.dough-grid.dough-padding-left-none {\n padding-left: 0;\n}\n.dough-grid.dough-padding-none {\n padding: 0;\n}\n.dough-grid.dough-padding-top-huge {\n padding-top: 48px;\n}\n.dough-grid.dough-padding-right-huge {\n padding-right: 48px;\n}\n.dough-grid.dough-padding-bottom-huge {\n padding-bottom: 48px;\n}\n.dough-grid.dough-padding-left-huge {\n padding-left: 48px;\n}\n.dough-grid.dough-padding-huge {\n padding: 48px;\n}\n.dough-grid.dough-padding-top-extra-large {\n padding-top: 40px;\n}\n.dough-grid.dough-padding-right-extra-large {\n padding-right: 40px;\n}\n.dough-grid.dough-padding-bottom-extra-large {\n padding-bottom: 40px;\n}\n.dough-grid.dough-padding-left-extra-large {\n padding-left: 40px;\n}\n.dough-grid.dough-padding-extra-large {\n padding: 40px;\n}\n.dough-grid.dough-padding-top-large {\n padding-top: 32px;\n}\n.dough-grid.dough-padding-right-large {\n padding-right: 32px;\n}\n.dough-grid.dough-padding-bottom-large {\n padding-bottom: 32px;\n}\n.dough-grid.dough-padding-left-large {\n padding-left: 32px;\n}\n.dough-grid.dough-padding-large {\n padding: 32px;\n}\n.dough-grid.dough-padding-top-normal {\n padding-top: 24px;\n}\n.dough-grid.dough-padding-right-normal {\n padding-right: 24px;\n}\n.dough-grid.dough-padding-bottom-normal {\n padding-bottom: 24px;\n}\n.dough-grid.dough-padding-left-normal {\n padding-left: 24px;\n}\n.dough-grid.dough-padding-normal {\n padding: 24px;\n}\n.dough-grid.dough-padding-top-small {\n padding-top: 16px;\n}\n.dough-grid.dough-padding-right-small {\n padding-right: 16px;\n}\n.dough-grid.dough-padding-bottom-small {\n padding-bottom: 16px;\n}\n.dough-grid.dough-padding-left-small {\n padding-left: 16px;\n}\n.dough-grid.dough-padding-small {\n padding: 16px;\n}\n.dough-grid.dough-padding-top-extra-small {\n padding-top: 8px;\n}\n.dough-grid.dough-padding-right-extra-small {\n padding-right: 8px;\n}\n.dough-grid.dough-padding-bottom-extra-small {\n padding-bottom: 8px;\n}\n.dough-grid.dough-padding-left-extra-small {\n padding-left: 8px;\n}\n.dough-grid.dough-padding-extra-small {\n padding: 8px;\n}\n.dough-grid.dough-padding-top-tiny {\n padding-top: 4px;\n}\n.dough-grid.dough-padding-right-tiny {\n padding-right: 4px;\n}\n.dough-grid.dough-padding-bottom-tiny {\n padding-bottom: 4px;\n}\n.dough-grid.dough-padding-left-tiny {\n padding-left: 4px;\n}\n.dough-grid.dough-padding-tiny {\n padding: 4px;\n}\n\n.dough-grid-item {\n position: relative;\n display: block;\n}";
5296
- styleInject(css_248z$M);
5344
+ var css_248z$N = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-grid {\n display: grid;\n box-sizing: border-box;\n}\nhtml.dough-IE11 .dough-grid {\n display: -ms-grid;\n}\n.dough-grid.dough-padding-top-none {\n padding-top: 0;\n}\n.dough-grid.dough-padding-right-none {\n padding-right: 0;\n}\n.dough-grid.dough-padding-bottom-none {\n padding-bottom: 0;\n}\n.dough-grid.dough-padding-left-none {\n padding-left: 0;\n}\n.dough-grid.dough-padding-none {\n padding: 0;\n}\n.dough-grid.dough-padding-top-huge {\n padding-top: 48px;\n}\n.dough-grid.dough-padding-right-huge {\n padding-right: 48px;\n}\n.dough-grid.dough-padding-bottom-huge {\n padding-bottom: 48px;\n}\n.dough-grid.dough-padding-left-huge {\n padding-left: 48px;\n}\n.dough-grid.dough-padding-huge {\n padding: 48px;\n}\n.dough-grid.dough-padding-top-extra-large {\n padding-top: 40px;\n}\n.dough-grid.dough-padding-right-extra-large {\n padding-right: 40px;\n}\n.dough-grid.dough-padding-bottom-extra-large {\n padding-bottom: 40px;\n}\n.dough-grid.dough-padding-left-extra-large {\n padding-left: 40px;\n}\n.dough-grid.dough-padding-extra-large {\n padding: 40px;\n}\n.dough-grid.dough-padding-top-large {\n padding-top: 32px;\n}\n.dough-grid.dough-padding-right-large {\n padding-right: 32px;\n}\n.dough-grid.dough-padding-bottom-large {\n padding-bottom: 32px;\n}\n.dough-grid.dough-padding-left-large {\n padding-left: 32px;\n}\n.dough-grid.dough-padding-large {\n padding: 32px;\n}\n.dough-grid.dough-padding-top-normal {\n padding-top: 24px;\n}\n.dough-grid.dough-padding-right-normal {\n padding-right: 24px;\n}\n.dough-grid.dough-padding-bottom-normal {\n padding-bottom: 24px;\n}\n.dough-grid.dough-padding-left-normal {\n padding-left: 24px;\n}\n.dough-grid.dough-padding-normal {\n padding: 24px;\n}\n.dough-grid.dough-padding-top-small {\n padding-top: 16px;\n}\n.dough-grid.dough-padding-right-small {\n padding-right: 16px;\n}\n.dough-grid.dough-padding-bottom-small {\n padding-bottom: 16px;\n}\n.dough-grid.dough-padding-left-small {\n padding-left: 16px;\n}\n.dough-grid.dough-padding-small {\n padding: 16px;\n}\n.dough-grid.dough-padding-top-extra-small {\n padding-top: 8px;\n}\n.dough-grid.dough-padding-right-extra-small {\n padding-right: 8px;\n}\n.dough-grid.dough-padding-bottom-extra-small {\n padding-bottom: 8px;\n}\n.dough-grid.dough-padding-left-extra-small {\n padding-left: 8px;\n}\n.dough-grid.dough-padding-extra-small {\n padding: 8px;\n}\n.dough-grid.dough-padding-top-tiny {\n padding-top: 4px;\n}\n.dough-grid.dough-padding-right-tiny {\n padding-right: 4px;\n}\n.dough-grid.dough-padding-bottom-tiny {\n padding-bottom: 4px;\n}\n.dough-grid.dough-padding-left-tiny {\n padding-left: 4px;\n}\n.dough-grid.dough-padding-tiny {\n padding: 4px;\n}\n\n.dough-grid-item {\n position: relative;\n display: block;\n}";
5345
+ styleInject(css_248z$N);
5297
5346
 
5298
5347
  var _a;
5299
5348
  var IE11SpecificCases = {
@@ -5473,4 +5522,4 @@ GridItem.displayName = "GridItem";
5473
5522
 
5474
5523
  injectRobotoFont();
5475
5524
 
5476
- export { AlertStatus, AlertText, AppBackground, AppWrapper, Avatar, BR, Badge, BorderStyles, Box, BoxAlign, BoxAlignContent, BoxAlignment, BoxDirection, BoxDisplay, BoxJustifyContent, BoxOverflow, BoxWrap, BreadCrumb, BreakpointViewer, BreakpointViewportSizes, Button, ButtonInputType, Card, Carousel, CheckBox, Collapser, Colors, ColorsIcon, ColorsText, Container, ContentSlider, DatePicker, DateTime, DesignTokens, Dialog, Direction, Divider, DoughDateInput, DropMenu, Fader, Footer, Grid, GridContentAlignment, GridFlow, GridItem, GridItemsAlignment, H1, H2, H3, H4, H5, H6, H7, Header, HorizontalAlignment, HorizontalListSlider, Image, ImageCarousel, ImageContentShowOnHoverClassName, InputWrapper, LayoutContainer, LayoutFlexBox, Link, Notification, NumericInput, Overlay, PanelOverlay, Paragraph, RadioGroup, RadioOption, SelectBox, Sizes, Skeleton, SkeletonShape, Spacer, Spacings, Spinner, StepsIndicator, StrengthIndicator, Subtitle, Switch, Table, TableCell, TableRow, TableRowStyle, TabsContainer, Tag, Text, TextAlignment, TextArea, TextInput, TimePicker, Toggle, ToggleWithText, Tooltip, TooltipDirection, VerticalAlignment, cancelEvent, checkComponentType, cn, findParentBySelector, generateUID, hideLastDoughTooltip, setBreakpointSizeManually };
5525
+ export { AlertStatus, AlertText, AppBackground, AppWrapper, Avatar, BR, Badge, BorderStyles, Box, BoxAlign, BoxAlignContent, BoxAlignment, BoxDirection, BoxDisplay, BoxJustifyContent, BoxOverflow, BoxWrap, BreadCrumb, BreakpointViewer, BreakpointViewportSizes, Button, ButtonInputType, Card, Carousel, CheckBox, Collapser, ColorTile, Colors, ColorsIcon, ColorsText, Container, ContentSlider, DatePicker, DateTime, DesignTokens, Dialog, Direction, Divider, DoughDateInput, DropMenu, Fader, FixedColors, Footer, Grid, GridContentAlignment, GridFlow, GridItem, GridItemsAlignment, H1, H2, H3, H4, H5, H6, H7, Header, HorizontalAlignment, HorizontalListSlider, Image, ImageCarousel, ImageContentShowOnHoverClassName, InputWrapper, LayoutContainer, LayoutFlexBox, Link, Notification, NumericInput, Overlay, PanelOverlay, Paragraph, RadioGroup, RadioOption, SelectBox, Sizes, Skeleton, SkeletonShape, Spacer, Spacings, Spinner, StepsIndicator, StrengthIndicator, Subtitle, Switch, Table, TableCell, TableRow, TableRowStyle, TabsContainer, Tag, Text, TextAlignment, TextArea, TextInput, TimePicker, Toggle, ToggleWithText, Tooltip, TooltipDirection, VerticalAlignment, cancelEvent, checkComponentType, cn, findParentBySelector, generateUID, hideLastDoughTooltip, setBreakpointSizeManually };