npm - freemium-survey-components - Versions diffs - 2.0.4 → 2.0.6 - Mend

freemium-survey-components 2.0.4 → 2.0.6

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 (670) hide show

package/storybook-static/static/css/components-dropdown-Dropdown-stories.2e7b4f05.chunk.css ADDED Viewed

@@ -0,0 +1,5 @@
+.fsc-dropdown-base .other-input-option{margin-top:12px}.fsc-dropdown-base .fsc-dropdown-trigger{width:100%;font-weight:400;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));background-color:rgba(0,0,0,0);padding:10px 12px;display:flex;gap:8px;align-items:center;justify-content:space-between;outline:none;border:1px solid var(--brand-color, var(--default-brand-color));border-radius:4px;transition:all .2s ease-in-out}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-select-icon{display:grid;place-content:center}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-empty-placeholder{height:1.5rem}.fsc-dropdown-base .fsc-dropdown-trigger span:first-child{flex:1 1;text-align:left}.fsc-dropdown-base .fsc-dropdown-trigger:hover{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger:focus,.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open]{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger[data-placeholder]{color:#92a2b1;white-space:nowrap}.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open] .SelectIcon{transform:rotate(0deg)}.fsc-dropdown-base .fsc-dropdown-trigger[data-disabled]{cursor:not-allowed}.fsc-dropdown-content{gap:8px;padding:8px;overflow:auto;list-style:none;z-index:1000;border-radius:2px 2px 8px 8px;box-shadow:0px 10px 38px -10px rgba(22,23,24,.35),0px 10px 20px -15px rgba(22,23,24,.2);background-color:var(--question-background-color, var(--default-question-background-color));max-height:min(var(--radix-select-content-available-height),232px)}.fsc-dropdown-content[data-side=top]{flex-direction:column-reverse !important}.fsc-dropdown-content[data-state=open]{animation-name:basicShow}.fsc-dropdown-content[data-state=closed]{animation-name:basicShow}.fsc-dropdown-content .fsc-dropdown-viewport{scrollbar-width:thin}.fsc-dropdown-content .input-container:focus-within{border:1px solid var(--brand-color, var(--default-brand-color)) !important;box-shadow:unset !important}.fsc-dropdown-content .fsc-dropdown-item{padding:8px 12px;border-radius:4px;display:flex;gap:12px;align-items:center;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;outline:none;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color))}.fsc-dropdown-content .fsc-dropdown-item.hidden-item{display:none}.fsc-dropdown-content .fsc-dropdown-item[data-disabled]{pointer-events:none}.fsc-dropdown-content .fsc-dropdown-item[data-state=checked]{background:var(--brand-color, var(--default-brand-color));color:#fff}.fsc-dropdown-content .fsc-dropdown-item:not([data-state=checked])[data-highlighted]{background-color:#e5f2fd}
+.fsc-input-base{display:flex;flex-direction:column}.fsc-input-base .input-container{padding:10px 12px;display:flex;border-radius:4px;transition:all var(--fsc-transition-duration) ease-in-out;border:1px solid var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-container:focus-within{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-basic{display:flex;flex:1 1;gap:8px}.fsc-input-base .input-basic div.end-adornment{display:grid;place-content:center}.fsc-input-base .input-basic div.start-adornment{display:grid;place-content:center}.fsc-input-base textarea,.fsc-input-base input{line-height:1.5;font-weight:400;background-color:rgba(0,0,0,0);font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));border:unset;outline:unset;padding:unset;margin:unset}.fsc-input-base textarea::placeholder,.fsc-input-base input::placeholder{color:#92a2b1}.fsc-input-base.fsc-input input{flex:1 1}.fsc-input-base.fsc-textarea textarea{resize:none;min-height:84px}
+label.input-label{font-family:var(--fsc-font-family);color:#475867;font-size:.9em;font-style:normal;font-weight:600;line-height:20px;display:flex;margin-bottom:4px}label.input-label span{color:#d72d30}span.input-helper{margin-top:2px;font-size:.8em;font-weight:400;line-height:20px;color:#d72d30}
+/*# sourceMappingURL=components-dropdown-Dropdown-stories.2e7b4f05.chunk.css.map*/

package/storybook-static/static/css/components-dropdown-Dropdown-stories.2e7b4f05.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/components-dropdown-Dropdown-stories.2e7b4f05.chunk.css","mappings":"AACA;ACDA;ACAA","sources":["webpack://freemium-survey-components/./src/components/dropdown/style.scss","webpack://freemium-survey-components/./src/components/text-input/style.scss","webpack://freemium-survey-components/./src/components/style.scss"],"sourcesContent":[".fsc-dropdown-base {\n .other-input-option {\n margin-top: 12px;\n }\n .fsc-dropdown-trigger {\n width: 100%;\n font-weight: 400;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n background-color: transparent;\n padding: 10px 12px;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: space-between;\n outline: none;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n .fsc-dropdown-select-icon {\n display: grid;\n place-content: center;\n }\n .fsc-dropdown-empty-placeholder {\n height: 1.5rem;\n }\n span:first-child {\n flex: 1;\n text-align: left;\n }\n &:hover {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &:focus,\n &[data-state='open'] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &[data-placeholder] {\n color: #92a2b1;\n white-space: nowrap;\n }\n &[data-state='open'] {\n .SelectIcon {\n transform: rotate(0deg);\n }\n }\n &[data-disabled] {\n cursor: not-allowed;\n }\n }\n}\n\n.fsc-dropdown-content {\n gap: 8px;\n padding: 8px;\n overflow: auto;\n list-style: none;\n z-index: 1000;\n border-radius: 2px 2px 8px 8px;\n // border: 1px solid #384551;\n box-shadow:\n 0px 10px 38px -10px rgba(22, 23, 24, 0.35),\n 0px 10px 20px -15px rgba(22, 23, 24, 0.2);\n\n background-color: var(\n --question-background-color,\n var(--default-question-background-color)\n );\n // width: var(--radix-select-trigger-width);\n max-height: min(var(--radix-select-content-available-height), 232px);\n &[data-side='top'] {\n flex-direction: column-reverse !important;\n }\n &[data-state='open'] {\n animation-name: basicShow;\n }\n &[data-state='closed'] {\n animation-name: basicShow;\n }\n .fsc-dropdown-viewport {\n scrollbar-width: thin;\n }\n .input-container {\n &:focus-within {\n border: 1px solid var(--brand-color, var(--default-brand-color)) !important;\n box-shadow: unset !important;\n }\n }\n .fsc-dropdown-item {\n &.hidden-item {\n display: none;\n }\n padding: 8px 12px;\n border-radius: 4px;\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: space-between;\n position: relative;\n user-select: none;\n outline: none;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n &[data-disabled] {\n pointer-events: none;\n }\n &[data-state='checked'] {\n background: var(--brand-color, var(--default-brand-color));\n color: #fff;\n }\n &:not([data-state='checked'])[data-highlighted] {\n background-color: #e5f2fd;\n // transform: scale(1.02, 1.02);\n }\n }\n}\n",".fsc-input-base {\n display: flex;\n flex-direction: column;\n .input-container {\n padding: 10px 12px;\n display: flex;\n border-radius: 4px;\n transition: all var(--fsc-transition-duration) ease-in-out;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n &:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n }\n .input-basic {\n display: flex;\n flex: 1;\n gap: 8px;\n div.end-adornment {\n display: grid;\n place-content: center;\n }\n div.start-adornment {\n display: grid;\n place-content: center;\n }\n }\n textarea,\n input {\n line-height: 1.5;\n font-weight: 400;\n background-color: transparent;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n border: unset;\n outline: unset;\n padding: unset;\n margin: unset;\n &::placeholder {\n color: #92a2b1;\n }\n }\n &.fsc-input {\n input {\n flex: 1;\n }\n }\n &.fsc-textarea {\n textarea {\n resize: none;\n min-height: 84px;\n }\n }\n}\n\n@mixin mobileview {\n .fsc-input-base {\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview,\ndiv.surveyserv-widget-container.compact-container-style {\n @include mobileview();\n}\n","label.input-label {\n font-family: var(--fsc-font-family);\n color: #475867;\n font-size: 0.9em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n margin-bottom: 4px;\n span {\n color: #d72d30;\n }\n}\n\nspan.input-helper {\n margin-top: 2px;\n font-size: 0.8em;\n font-weight: 400;\n line-height: 20px;\n color: #d72d30;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/components-pickers-DatePicker-stories.8df7d6c3.chunk.css ADDED Viewed

@@ -0,0 +1,6 @@
+.fsc-dropdown-base .other-input-option{margin-top:12px}.fsc-dropdown-base .fsc-dropdown-trigger{width:100%;font-weight:400;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));background-color:rgba(0,0,0,0);padding:10px 12px;display:flex;gap:8px;align-items:center;justify-content:space-between;outline:none;border:1px solid var(--brand-color, var(--default-brand-color));border-radius:4px;transition:all .2s ease-in-out}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-select-icon{display:grid;place-content:center}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-empty-placeholder{height:1.5rem}.fsc-dropdown-base .fsc-dropdown-trigger span:first-child{flex:1 1;text-align:left}.fsc-dropdown-base .fsc-dropdown-trigger:hover{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger:focus,.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open]{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger[data-placeholder]{color:#92a2b1;white-space:nowrap}.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open] .SelectIcon{transform:rotate(0deg)}.fsc-dropdown-base .fsc-dropdown-trigger[data-disabled]{cursor:not-allowed}.fsc-dropdown-content{gap:8px;padding:8px;overflow:auto;list-style:none;z-index:1000;border-radius:2px 2px 8px 8px;box-shadow:0px 10px 38px -10px rgba(22,23,24,.35),0px 10px 20px -15px rgba(22,23,24,.2);background-color:var(--question-background-color, var(--default-question-background-color));max-height:min(var(--radix-select-content-available-height),232px)}.fsc-dropdown-content[data-side=top]{flex-direction:column-reverse !important}.fsc-dropdown-content[data-state=open]{animation-name:basicShow}.fsc-dropdown-content[data-state=closed]{animation-name:basicShow}.fsc-dropdown-content .fsc-dropdown-viewport{scrollbar-width:thin}.fsc-dropdown-content .input-container:focus-within{border:1px solid var(--brand-color, var(--default-brand-color)) !important;box-shadow:unset !important}.fsc-dropdown-content .fsc-dropdown-item{padding:8px 12px;border-radius:4px;display:flex;gap:12px;align-items:center;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;outline:none;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color))}.fsc-dropdown-content .fsc-dropdown-item.hidden-item{display:none}.fsc-dropdown-content .fsc-dropdown-item[data-disabled]{pointer-events:none}.fsc-dropdown-content .fsc-dropdown-item[data-state=checked]{background:var(--brand-color, var(--default-brand-color));color:#fff}.fsc-dropdown-content .fsc-dropdown-item:not([data-state=checked])[data-highlighted]{background-color:#e5f2fd}
+.fsc-input-base{display:flex;flex-direction:column}.fsc-input-base .input-container{padding:10px 12px;display:flex;border-radius:4px;transition:all var(--fsc-transition-duration) ease-in-out;border:1px solid var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-container:focus-within{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-basic{display:flex;flex:1 1;gap:8px}.fsc-input-base .input-basic div.end-adornment{display:grid;place-content:center}.fsc-input-base .input-basic div.start-adornment{display:grid;place-content:center}.fsc-input-base textarea,.fsc-input-base input{line-height:1.5;font-weight:400;background-color:rgba(0,0,0,0);font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));border:unset;outline:unset;padding:unset;margin:unset}.fsc-input-base textarea::placeholder,.fsc-input-base input::placeholder{color:#92a2b1}.fsc-input-base.fsc-input input{flex:1 1}.fsc-input-base.fsc-textarea textarea{resize:none;min-height:84px}
+label.input-label{font-family:var(--fsc-font-family);color:#475867;font-size:.9em;font-style:normal;font-weight:600;line-height:20px;display:flex;margin-bottom:4px}label.input-label span{color:#d72d30}span.input-helper{margin-top:2px;font-size:.8em;font-weight:400;line-height:20px;color:#d72d30}
+.fsc-picker{display:flex;flex-direction:column}.fsc-picker input.bp5-input,.fsc-picker input.bp5-timepicker-input{border-color:var(--brand-color, var(--default-brand-color))}.fsc-picker .bp5-input-group{display:flex}.fsc-picker .fsc-picker-tz-container{display:flex;gap:12px}.fsc-picker .fsc-picker-tz-container .bp5-input-group,.fsc-picker .fsc-picker-tz-container .fsc-dropdown-base{flex:1 1}input.bp5-input,input.bp5-timepicker-input{flex:1 1;padding:10px 12px;padding-right:12px !important;display:flex;border-radius:4px;background-color:rgba(0,0,0,0);transition:all var(--fsc-transition-duration) ease-in-out;border:1px solid var(--fsc-border-color);outline:unset;font-weight:500;line-height:20px;font-family:var(--fsc-font-family);font-size:var(--fsc-font-size);color:var(--question-text-color, var(--default-question-text-color))}input.bp5-input[type=number],input.bp5-timepicker-input[type=number]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input.bp5-input::placeholder,input.bp5-timepicker-input::placeholder{color:#92a2b1}input.bp5-input::-webkit-inner-spin-button,input.bp5-timepicker-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.bp5-input:focus,input.bp5-timepicker-input:focus{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}input.bp5-input:disabled,input.bp5-timepicker-input:disabled{background-color:#ebeff3;color:#7b8e9f}.bp5-portal *{box-sizing:border-box}.bp5-portal .bp5-popover-transition-container.bp5-overlay-content{border:1px solid #ebeff3;box-shadow:0px 2px 16px 0px rgba(18,52,77,.16);border-radius:6px;overflow:hidden;background:#fff;z-index:calc(var(--fsc-z-index) + 1) !important}.bp5-portal .bp5-datepicker-content{align-items:center;display:flex;flex-direction:column;background:var(--question-background-color, var(--default-question-background-color))}.bp5-portal .bp5-datepicker-content .fsc-dropdown-trigger{border-color:var(--fsc-border-color)}.bp5-portal .bp5-datepicker-content .rdp{--rdp-cell-size: 32px;--rdp-accent-color: #2c5cc5;--rdp-background-color: #ffffff;--rdp-accent-color-dark: #2c5cc5;--rdp-background-color-dark: #2f343c;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 2px solid rgba(0, 0, 0, 75%)}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-caption_dropdowns{display:flex;align-items:center;gap:8px}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-caption_dropdowns .rdp-vhidden{display:none}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-nav button.bp5-datepicker-nav-button{border:unset;padding:unset;margin:unset;background:unset;height:24px;width:24px;cursor:pointer}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-nav button.bp5-datepicker-nav-button span.bp5-icon.rdp-nav_icon path{fill:var(--question-text-color, --default-question-text-color)}.bp5-portal .bp5-datepicker-content .rdp .rdp-table{padding:0 8px 8px 8px}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_disabled,.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_outside{opacity:.5}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_today{border:1px solid rgba(17,20,24,.15) !important}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_selected{background:#2c5cc5 !important;color:#fff !important}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day:not([disabled]):not(.rdp-day_selected):hover{background:rgba(143,153,168,.15);color:#1c2127}.bp5-portal .bp5-datepicker-content .rdp .rdp-table thead{font-size:.8em;font-weight:500;letter-spacing:0px;text-align:center;color:var(--question-text-color, #475867);font-family:var(--fsc-font-family)}.bp5-portal .bp5-datepicker-content .rdp .rdp-table td button.bp5-button.rdp-day.rdp-day_outside{color:#92a2b1}.bp5-portal .bp5-datepicker-content .rdp .rdp-table td button.bp5-button.rdp-day{height:24px;width:24px;padding:0;margin:4px;font-size:var(--fsc-font-size);font-weight:400;letter-spacing:0px;text-align:center;color:var(--question-text-color, #12344d);background:unset;border-radius:4px;border:2px solid rgba(0,0,0,0)}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper{padding:0 8px 8px 8px}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker{justify-content:center;display:flex;gap:8px}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-timepicker-input-row{display:flex;gap:4px;align-items:center}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-icon.bp5-icon-double-caret-vertical{display:none}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-html-select select{border:1px solid var(--fsc-border-color);padding:10px 32px 10px 12px;font-weight:500;font-size:var(--fsc-font-size);line-height:20px;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OCA1LjY5OTg1QzMuODE0MTEgNS42OTgzNSAzLjYzNTYyIDUuNjI2OTUgMy40OTk5OCA1LjQ5OTg1TDAuMjA5OTg0IDIuMTk5ODVDMC4wNzMwMTkzIDIuMDY5NiAtMC4wMDQ1MTY2IDEuODg4ODYgLTAuMDA0NTE2NiAxLjY5OTg1Qy0wLjAwNDUxNjYgMS41MTA4NCAwLjA3MzAxOTMgMS4zMzAxIDAuMjA5OTg0IDEuMTk5ODVDMC4zNDAyMzcgMS4wNjI4OSAwLjUyMDk3MyAwLjk4NTM1MiAwLjcwOTk4NCAwLjk4NTM1MkMwLjg5ODk5NSAwLjk4NTM1MiAxLjA3OTczIDEuMDYyODkgMS4yMDk5OCAxLjE5OTg1TDMuOTk5OTggMy45OTk4NUw2Ljc5OTk4IDEuMjA5ODVDNi45MzAyNCAxLjA3Mjg5IDcuMTEwOTcgMC45OTUzNTIgNy4yOTk5OCAwLjk5NTM1MkM3LjQ4ODk5IDAuOTk1MzUyIDcuNjY5NzMgMS4wNzI4OSA3Ljc5OTk4IDEuMjA5ODVDNy45MzY5NSAxLjM0MDEgOC4wMTQ0OCAxLjUyMDg0IDguMDE0NDggMS43MDk4NUM4LjAxNDQ4IDEuODk4ODYgNy45MzY5NSAyLjA3OTYgNy43OTk5OCAyLjIwOTg1TDQuNDk5OTggNS40OTk4NUM0LjM2NDM1IDUuNjI2OTUgNC4xODU4NSA1LjY5ODM1IDMuOTk5OTggNS42OTk4NVoiIGZpbGw9IiMyNjQ5NjYiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;border-radius:4px;outline:unset;transition:all var(--fsc-transition-duration) ease-in-out}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-html-select select:focus{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.bp5-portal .bp5-datepicker-content .bp5-datepicker-footer{background:var(--background-color, #f5f7f9);border:1px solid #ebeff3;border-radius:0px 0px 4px 4px;width:100%;padding:8px;display:flex;justify-content:space-between;gap:8px}.bp5-portal .bp5-datepicker-content .bp5-datepicker-footer button.bp5-button{border:unset;padding:6px 12px;margin:unset;background:unset;cursor:pointer;font-family:var(--fsc-font-family);font-size:.8em;font-weight:500;line-height:14px;color:#2c5cc5;height:32px}@media(max-width: 550px){.freemium-survey-components .fsc-picker .fsc-picker-tz-container{flex-direction:column}}.freemium-survey-components.mobile-preview .fsc-picker .fsc-picker-tz-container{flex-direction:column}.freemium-survey-components.widget-survey-components.compact-style .fsc-picker .fsc-picker-tz-container{flex-direction:column}
+/*# sourceMappingURL=components-pickers-DatePicker-stories.8df7d6c3.chunk.css.map*/

package/storybook-static/static/css/components-pickers-DatePicker-stories.8df7d6c3.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/components-pickers-DatePicker-stories.8df7d6c3.chunk.css","mappings":"AACA;ACDA;ACAA;ACAA","sources":["webpack://freemium-survey-components/./src/components/dropdown/style.scss","webpack://freemium-survey-components/./src/components/text-input/style.scss","webpack://freemium-survey-components/./src/components/style.scss","webpack://freemium-survey-components/./src/components/pickers/style.scss"],"sourcesContent":[".fsc-dropdown-base {\n .other-input-option {\n margin-top: 12px;\n }\n .fsc-dropdown-trigger {\n width: 100%;\n font-weight: 400;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n background-color: transparent;\n padding: 10px 12px;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: space-between;\n outline: none;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n .fsc-dropdown-select-icon {\n display: grid;\n place-content: center;\n }\n .fsc-dropdown-empty-placeholder {\n height: 1.5rem;\n }\n span:first-child {\n flex: 1;\n text-align: left;\n }\n &:hover {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &:focus,\n &[data-state='open'] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &[data-placeholder] {\n color: #92a2b1;\n white-space: nowrap;\n }\n &[data-state='open'] {\n .SelectIcon {\n transform: rotate(0deg);\n }\n }\n &[data-disabled] {\n cursor: not-allowed;\n }\n }\n}\n\n.fsc-dropdown-content {\n gap: 8px;\n padding: 8px;\n overflow: auto;\n list-style: none;\n z-index: 1000;\n border-radius: 2px 2px 8px 8px;\n // border: 1px solid #384551;\n box-shadow:\n 0px 10px 38px -10px rgba(22, 23, 24, 0.35),\n 0px 10px 20px -15px rgba(22, 23, 24, 0.2);\n\n background-color: var(\n --question-background-color,\n var(--default-question-background-color)\n );\n // width: var(--radix-select-trigger-width);\n max-height: min(var(--radix-select-content-available-height), 232px);\n &[data-side='top'] {\n flex-direction: column-reverse !important;\n }\n &[data-state='open'] {\n animation-name: basicShow;\n }\n &[data-state='closed'] {\n animation-name: basicShow;\n }\n .fsc-dropdown-viewport {\n scrollbar-width: thin;\n }\n .input-container {\n &:focus-within {\n border: 1px solid var(--brand-color, var(--default-brand-color)) !important;\n box-shadow: unset !important;\n }\n }\n .fsc-dropdown-item {\n &.hidden-item {\n display: none;\n }\n padding: 8px 12px;\n border-radius: 4px;\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: space-between;\n position: relative;\n user-select: none;\n outline: none;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n &[data-disabled] {\n pointer-events: none;\n }\n &[data-state='checked'] {\n background: var(--brand-color, var(--default-brand-color));\n color: #fff;\n }\n &:not([data-state='checked'])[data-highlighted] {\n background-color: #e5f2fd;\n // transform: scale(1.02, 1.02);\n }\n }\n}\n",".fsc-input-base {\n display: flex;\n flex-direction: column;\n .input-container {\n padding: 10px 12px;\n display: flex;\n border-radius: 4px;\n transition: all var(--fsc-transition-duration) ease-in-out;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n &:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n }\n .input-basic {\n display: flex;\n flex: 1;\n gap: 8px;\n div.end-adornment {\n display: grid;\n place-content: center;\n }\n div.start-adornment {\n display: grid;\n place-content: center;\n }\n }\n textarea,\n input {\n line-height: 1.5;\n font-weight: 400;\n background-color: transparent;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n border: unset;\n outline: unset;\n padding: unset;\n margin: unset;\n &::placeholder {\n color: #92a2b1;\n }\n }\n &.fsc-input {\n input {\n flex: 1;\n }\n }\n &.fsc-textarea {\n textarea {\n resize: none;\n min-height: 84px;\n }\n }\n}\n\n@mixin mobileview {\n .fsc-input-base {\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview,\ndiv.surveyserv-widget-container.compact-container-style {\n @include mobileview();\n}\n","label.input-label {\n font-family: var(--fsc-font-family);\n color: #475867;\n font-size: 0.9em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n margin-bottom: 4px;\n span {\n color: #d72d30;\n }\n}\n\nspan.input-helper {\n margin-top: 2px;\n font-size: 0.8em;\n font-weight: 400;\n line-height: 20px;\n color: #d72d30;\n}\n",".fsc-picker {\n input.bp5-input,\n input.bp5-timepicker-input {\n border-color: var(--brand-color, var(--default-brand-color));\n }\n .bp5-input-group {\n display: flex;\n }\n .fsc-picker-tz-container {\n display: flex;\n gap: 12px;\n .bp5-input-group,\n .fsc-dropdown-base {\n flex: 1;\n }\n }\n display: flex;\n flex-direction: column;\n}\n\ninput.bp5-input,\ninput.bp5-timepicker-input {\n flex: 1;\n padding: 10px 12px;\n padding-right: 12px !important;\n display: flex;\n border-radius: 4px;\n background-color: transparent;\n transition: all var(--fsc-transition-duration) ease-in-out;\n border: 1px solid var(--fsc-border-color);\n outline: unset;\n font-weight: 500;\n line-height: 20px;\n font-family: var(--fsc-font-family);\n font-size: var(--fsc-font-size);\n color: var(--question-text-color, var(--default-question-text-color));\n &[type='number'] {\n width: fit-content;\n }\n &::placeholder {\n color: #92a2b1;\n }\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &:disabled {\n background-color: #ebeff3;\n color: #7b8e9f;\n }\n}\n\n.bp5-portal {\n * {\n box-sizing: border-box;\n }\n .bp5-popover-transition-container.bp5-overlay-content {\n border: 1px solid rgba(235, 239, 243, 1);\n box-shadow: 0px 2px 16px 0px rgba(18, 52, 77, 0.16);\n border-radius: 6px;\n overflow: hidden;\n background: #fff;\n z-index: calc(var(--fsc-z-index) + 1) !important;\n }\n .bp5-datepicker-content {\n align-items: center;\n display: flex;\n flex-direction: column;\n background: var(\n --question-background-color,\n var(--default-question-background-color)\n );\n .fsc-dropdown-trigger {\n border-color: var(--fsc-border-color);\n }\n .rdp {\n --rdp-cell-size: 32px;\n --rdp-accent-color: #2c5cc5;\n --rdp-background-color: #ffffff;\n --rdp-accent-color-dark: #2c5cc5;\n --rdp-background-color-dark: #2f343c;\n --rdp-outline: 2px solid var(--rdp-accent-color);\n --rdp-outline-selected: 2px solid rgba(0, 0, 0, 75%);\n\n .rdp-caption {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n padding: 16px;\n .rdp-caption_dropdowns {\n display: flex;\n align-items: center;\n gap: 8px;\n .rdp-vhidden {\n display: none;\n }\n }\n .rdp-nav {\n button.bp5-datepicker-nav-button {\n border: unset;\n padding: unset;\n margin: unset;\n background: unset;\n height: 24px;\n width: 24px;\n cursor: pointer;\n span.bp5-icon.rdp-nav_icon {\n path {\n fill: var(--question-text-color, --default-question-text-color);\n }\n }\n }\n }\n }\n .rdp-table {\n padding: 0 8px 8px 8px;\n .rdp-day_disabled,\n .rdp-day_outside {\n opacity: 0.5;\n }\n .rdp-day_today {\n border: 1px solid rgba(17, 20, 24, 0.15) !important;\n }\n .rdp-day_selected {\n background: #2c5cc5 !important;\n color: #ffffff !important;\n }\n .rdp-day:not([disabled]):not(.rdp-day_selected):hover {\n background: rgba(143, 153, 168, 0.15);\n color: #1c2127;\n }\n thead {\n font-size: 0.8em;\n font-weight: 500;\n letter-spacing: 0px;\n text-align: center;\n color: var(--question-text-color, #475867);\n font-family: var(--fsc-font-family);\n }\n td button.bp5-button.rdp-day.rdp-day_outside {\n color: #92a2b1;\n }\n td button.bp5-button.rdp-day {\n height: 24px;\n width: 24px;\n padding: 0;\n margin: 4px;\n font-size: var(--fsc-font-size);\n font-weight: 400;\n letter-spacing: 0px;\n text-align: center;\n color: var(--question-text-color, #12344d);\n background: unset;\n border-radius: 4px;\n border: 2px solid transparent;\n }\n }\n }\n .bp5-datepicker-timepicker-wrapper {\n padding: 0 8px 8px 8px;\n .bp5-timepicker {\n justify-content: center;\n display: flex;\n gap: 8px;\n .bp5-timepicker-input-row {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .bp5-icon.bp5-icon-double-caret-vertical {\n display: none;\n }\n .bp5-html-select select {\n border: 1px solid var(--fsc-border-color);\n padding: 10px 32px 10px 12px;\n font-weight: 500;\n font-size: var(--fsc-font-size);\n line-height: 20px;\n appearance: none;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OCA1LjY5OTg1QzMuODE0MTEgNS42OTgzNSAzLjYzNTYyIDUuNjI2OTUgMy40OTk5OCA1LjQ5OTg1TDAuMjA5OTg0IDIuMTk5ODVDMC4wNzMwMTkzIDIuMDY5NiAtMC4wMDQ1MTY2IDEuODg4ODYgLTAuMDA0NTE2NiAxLjY5OTg1Qy0wLjAwNDUxNjYgMS41MTA4NCAwLjA3MzAxOTMgMS4zMzAxIDAuMjA5OTg0IDEuMTk5ODVDMC4zNDAyMzcgMS4wNjI4OSAwLjUyMDk3MyAwLjk4NTM1MiAwLjcwOTk4NCAwLjk4NTM1MkMwLjg5ODk5NSAwLjk4NTM1MiAxLjA3OTczIDEuMDYyODkgMS4yMDk5OCAxLjE5OTg1TDMuOTk5OTggMy45OTk4NUw2Ljc5OTk4IDEuMjA5ODVDNi45MzAyNCAxLjA3Mjg5IDcuMTEwOTcgMC45OTUzNTIgNy4yOTk5OCAwLjk5NTM1MkM3LjQ4ODk5IDAuOTk1MzUyIDcuNjY5NzMgMS4wNzI4OSA3Ljc5OTk4IDEuMjA5ODVDNy45MzY5NSAxLjM0MDEgOC4wMTQ0OCAxLjUyMDg0IDguMDE0NDggMS43MDk4NUM4LjAxNDQ4IDEuODk4ODYgNy45MzY5NSAyLjA3OTYgNy43OTk5OCAyLjIwOTg1TDQuNDk5OTggNS40OTk4NUM0LjM2NDM1IDUuNjI2OTUgNC4xODU4NSA1LjY5ODM1IDMuOTk5OTggNS42OTk4NVoiIGZpbGw9IiMyNjQ5NjYiLz4KPC9zdmc+Cg==);\n background-repeat: no-repeat;\n background-position: right 0.7rem top 50%;\n background-size: 0.65rem auto;\n border-radius: 4px;\n outline: unset;\n transition: all var(--fsc-transition-duration) ease-in-out;\n &:focus {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n }\n }\n }\n .bp5-datepicker-footer {\n background: var(--background-color, #f5f7f9);\n border: 1px solid #ebeff3;\n border-radius: 0px 0px 4px 4px;\n width: 100%;\n padding: 8px;\n display: flex;\n justify-content: space-between;\n gap: 8px;\n button.bp5-button {\n border: unset;\n padding: 6px 12px;\n margin: unset;\n background: unset;\n cursor: pointer;\n font-family: var(--fsc-font-family);\n font-size: 0.8em;\n font-weight: 500;\n line-height: 14px;\n color: #2c5cc5;\n height: 32px;\n }\n }\n }\n}\n\n@mixin compactAndMobileWidgetStyles {\n .fsc-picker .fsc-picker-tz-container {\n flex-direction: column;\n }\n}\n\n@mixin mobileview {\n @include compactAndMobileWidgetStyles();\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview {\n @include mobileview();\n}\n.freemium-survey-components.widget-survey-components {\n &.compact-style {\n @include compactAndMobileWidgetStyles();\n }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/components-pickers-DateTimePicker-stories.ebe24670.chunk.css ADDED Viewed

@@ -0,0 +1,6 @@
+.fsc-picker{display:flex;flex-direction:column}.fsc-picker input.bp5-input,.fsc-picker input.bp5-timepicker-input{border-color:var(--brand-color, var(--default-brand-color))}.fsc-picker .bp5-input-group{display:flex}.fsc-picker .fsc-picker-tz-container{display:flex;gap:12px}.fsc-picker .fsc-picker-tz-container .bp5-input-group,.fsc-picker .fsc-picker-tz-container .fsc-dropdown-base{flex:1 1}input.bp5-input,input.bp5-timepicker-input{flex:1 1;padding:10px 12px;padding-right:12px !important;display:flex;border-radius:4px;background-color:rgba(0,0,0,0);transition:all var(--fsc-transition-duration) ease-in-out;border:1px solid var(--fsc-border-color);outline:unset;font-weight:500;line-height:20px;font-family:var(--fsc-font-family);font-size:var(--fsc-font-size);color:var(--question-text-color, var(--default-question-text-color))}input.bp5-input[type=number],input.bp5-timepicker-input[type=number]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input.bp5-input::placeholder,input.bp5-timepicker-input::placeholder{color:#92a2b1}input.bp5-input::-webkit-inner-spin-button,input.bp5-timepicker-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.bp5-input:focus,input.bp5-timepicker-input:focus{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}input.bp5-input:disabled,input.bp5-timepicker-input:disabled{background-color:#ebeff3;color:#7b8e9f}.bp5-portal *{box-sizing:border-box}.bp5-portal .bp5-popover-transition-container.bp5-overlay-content{border:1px solid #ebeff3;box-shadow:0px 2px 16px 0px rgba(18,52,77,.16);border-radius:6px;overflow:hidden;background:#fff;z-index:calc(var(--fsc-z-index) + 1) !important}.bp5-portal .bp5-datepicker-content{align-items:center;display:flex;flex-direction:column;background:var(--question-background-color, var(--default-question-background-color))}.bp5-portal .bp5-datepicker-content .fsc-dropdown-trigger{border-color:var(--fsc-border-color)}.bp5-portal .bp5-datepicker-content .rdp{--rdp-cell-size: 32px;--rdp-accent-color: #2c5cc5;--rdp-background-color: #ffffff;--rdp-accent-color-dark: #2c5cc5;--rdp-background-color-dark: #2f343c;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 2px solid rgba(0, 0, 0, 75%)}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-caption_dropdowns{display:flex;align-items:center;gap:8px}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-caption_dropdowns .rdp-vhidden{display:none}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-nav button.bp5-datepicker-nav-button{border:unset;padding:unset;margin:unset;background:unset;height:24px;width:24px;cursor:pointer}.bp5-portal .bp5-datepicker-content .rdp .rdp-caption .rdp-nav button.bp5-datepicker-nav-button span.bp5-icon.rdp-nav_icon path{fill:var(--question-text-color, --default-question-text-color)}.bp5-portal .bp5-datepicker-content .rdp .rdp-table{padding:0 8px 8px 8px}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_disabled,.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_outside{opacity:.5}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_today{border:1px solid rgba(17,20,24,.15) !important}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day_selected{background:#2c5cc5 !important;color:#fff !important}.bp5-portal .bp5-datepicker-content .rdp .rdp-table .rdp-day:not([disabled]):not(.rdp-day_selected):hover{background:rgba(143,153,168,.15);color:#1c2127}.bp5-portal .bp5-datepicker-content .rdp .rdp-table thead{font-size:.8em;font-weight:500;letter-spacing:0px;text-align:center;color:var(--question-text-color, #475867);font-family:var(--fsc-font-family)}.bp5-portal .bp5-datepicker-content .rdp .rdp-table td button.bp5-button.rdp-day.rdp-day_outside{color:#92a2b1}.bp5-portal .bp5-datepicker-content .rdp .rdp-table td button.bp5-button.rdp-day{height:24px;width:24px;padding:0;margin:4px;font-size:var(--fsc-font-size);font-weight:400;letter-spacing:0px;text-align:center;color:var(--question-text-color, #12344d);background:unset;border-radius:4px;border:2px solid rgba(0,0,0,0)}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper{padding:0 8px 8px 8px}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker{justify-content:center;display:flex;gap:8px}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-timepicker-input-row{display:flex;gap:4px;align-items:center}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-icon.bp5-icon-double-caret-vertical{display:none}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-html-select select{border:1px solid var(--fsc-border-color);padding:10px 32px 10px 12px;font-weight:500;font-size:var(--fsc-font-size);line-height:20px;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OCA1LjY5OTg1QzMuODE0MTEgNS42OTgzNSAzLjYzNTYyIDUuNjI2OTUgMy40OTk5OCA1LjQ5OTg1TDAuMjA5OTg0IDIuMTk5ODVDMC4wNzMwMTkzIDIuMDY5NiAtMC4wMDQ1MTY2IDEuODg4ODYgLTAuMDA0NTE2NiAxLjY5OTg1Qy0wLjAwNDUxNjYgMS41MTA4NCAwLjA3MzAxOTMgMS4zMzAxIDAuMjA5OTg0IDEuMTk5ODVDMC4zNDAyMzcgMS4wNjI4OSAwLjUyMDk3MyAwLjk4NTM1MiAwLjcwOTk4NCAwLjk4NTM1MkMwLjg5ODk5NSAwLjk4NTM1MiAxLjA3OTczIDEuMDYyODkgMS4yMDk5OCAxLjE5OTg1TDMuOTk5OTggMy45OTk4NUw2Ljc5OTk4IDEuMjA5ODVDNi45MzAyNCAxLjA3Mjg5IDcuMTEwOTcgMC45OTUzNTIgNy4yOTk5OCAwLjk5NTM1MkM3LjQ4ODk5IDAuOTk1MzUyIDcuNjY5NzMgMS4wNzI4OSA3Ljc5OTk4IDEuMjA5ODVDNy45MzY5NSAxLjM0MDEgOC4wMTQ0OCAxLjUyMDg0IDguMDE0NDggMS43MDk4NUM4LjAxNDQ4IDEuODk4ODYgNy45MzY5NSAyLjA3OTYgNy43OTk5OCAyLjIwOTg1TDQuNDk5OTggNS40OTk4NUM0LjM2NDM1IDUuNjI2OTUgNC4xODU4NSA1LjY5ODM1IDMuOTk5OTggNS42OTk4NVoiIGZpbGw9IiMyNjQ5NjYiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;border-radius:4px;outline:unset;transition:all var(--fsc-transition-duration) ease-in-out}.bp5-portal .bp5-datepicker-content .bp5-datepicker-timepicker-wrapper .bp5-timepicker .bp5-html-select select:focus{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.bp5-portal .bp5-datepicker-content .bp5-datepicker-footer{background:var(--background-color, #f5f7f9);border:1px solid #ebeff3;border-radius:0px 0px 4px 4px;width:100%;padding:8px;display:flex;justify-content:space-between;gap:8px}.bp5-portal .bp5-datepicker-content .bp5-datepicker-footer button.bp5-button{border:unset;padding:6px 12px;margin:unset;background:unset;cursor:pointer;font-family:var(--fsc-font-family);font-size:.8em;font-weight:500;line-height:14px;color:#2c5cc5;height:32px}@media(max-width: 550px){.freemium-survey-components .fsc-picker .fsc-picker-tz-container{flex-direction:column}}.freemium-survey-components.mobile-preview .fsc-picker .fsc-picker-tz-container{flex-direction:column}.freemium-survey-components.widget-survey-components.compact-style .fsc-picker .fsc-picker-tz-container{flex-direction:column}
+.fsc-dropdown-base .other-input-option{margin-top:12px}.fsc-dropdown-base .fsc-dropdown-trigger{width:100%;font-weight:400;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));background-color:rgba(0,0,0,0);padding:10px 12px;display:flex;gap:8px;align-items:center;justify-content:space-between;outline:none;border:1px solid var(--brand-color, var(--default-brand-color));border-radius:4px;transition:all .2s ease-in-out}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-select-icon{display:grid;place-content:center}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-empty-placeholder{height:1.5rem}.fsc-dropdown-base .fsc-dropdown-trigger span:first-child{flex:1 1;text-align:left}.fsc-dropdown-base .fsc-dropdown-trigger:hover{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger:focus,.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open]{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger[data-placeholder]{color:#92a2b1;white-space:nowrap}.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open] .SelectIcon{transform:rotate(0deg)}.fsc-dropdown-base .fsc-dropdown-trigger[data-disabled]{cursor:not-allowed}.fsc-dropdown-content{gap:8px;padding:8px;overflow:auto;list-style:none;z-index:1000;border-radius:2px 2px 8px 8px;box-shadow:0px 10px 38px -10px rgba(22,23,24,.35),0px 10px 20px -15px rgba(22,23,24,.2);background-color:var(--question-background-color, var(--default-question-background-color));max-height:min(var(--radix-select-content-available-height),232px)}.fsc-dropdown-content[data-side=top]{flex-direction:column-reverse !important}.fsc-dropdown-content[data-state=open]{animation-name:basicShow}.fsc-dropdown-content[data-state=closed]{animation-name:basicShow}.fsc-dropdown-content .fsc-dropdown-viewport{scrollbar-width:thin}.fsc-dropdown-content .input-container:focus-within{border:1px solid var(--brand-color, var(--default-brand-color)) !important;box-shadow:unset !important}.fsc-dropdown-content .fsc-dropdown-item{padding:8px 12px;border-radius:4px;display:flex;gap:12px;align-items:center;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;outline:none;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color))}.fsc-dropdown-content .fsc-dropdown-item.hidden-item{display:none}.fsc-dropdown-content .fsc-dropdown-item[data-disabled]{pointer-events:none}.fsc-dropdown-content .fsc-dropdown-item[data-state=checked]{background:var(--brand-color, var(--default-brand-color));color:#fff}.fsc-dropdown-content .fsc-dropdown-item:not([data-state=checked])[data-highlighted]{background-color:#e5f2fd}
+.fsc-input-base{display:flex;flex-direction:column}.fsc-input-base .input-container{padding:10px 12px;display:flex;border-radius:4px;transition:all var(--fsc-transition-duration) ease-in-out;border:1px solid var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-container:focus-within{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-basic{display:flex;flex:1 1;gap:8px}.fsc-input-base .input-basic div.end-adornment{display:grid;place-content:center}.fsc-input-base .input-basic div.start-adornment{display:grid;place-content:center}.fsc-input-base textarea,.fsc-input-base input{line-height:1.5;font-weight:400;background-color:rgba(0,0,0,0);font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));border:unset;outline:unset;padding:unset;margin:unset}.fsc-input-base textarea::placeholder,.fsc-input-base input::placeholder{color:#92a2b1}.fsc-input-base.fsc-input input{flex:1 1}.fsc-input-base.fsc-textarea textarea{resize:none;min-height:84px}
+label.input-label{font-family:var(--fsc-font-family);color:#475867;font-size:.9em;font-style:normal;font-weight:600;line-height:20px;display:flex;margin-bottom:4px}label.input-label span{color:#d72d30}span.input-helper{margin-top:2px;font-size:.8em;font-weight:400;line-height:20px;color:#d72d30}
+/*# sourceMappingURL=components-pickers-DateTimePicker-stories.ebe24670.chunk.css.map*/

package/storybook-static/static/css/components-pickers-DateTimePicker-stories.ebe24670.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/components-pickers-DateTimePicker-stories.ebe24670.chunk.css","mappings":"AAAA;ACCA;ACDA;ACAA","sources":["webpack://freemium-survey-components/./src/components/pickers/style.scss","webpack://freemium-survey-components/./src/components/dropdown/style.scss","webpack://freemium-survey-components/./src/components/text-input/style.scss","webpack://freemium-survey-components/./src/components/style.scss"],"sourcesContent":[".fsc-picker {\n input.bp5-input,\n input.bp5-timepicker-input {\n border-color: var(--brand-color, var(--default-brand-color));\n }\n .bp5-input-group {\n display: flex;\n }\n .fsc-picker-tz-container {\n display: flex;\n gap: 12px;\n .bp5-input-group,\n .fsc-dropdown-base {\n flex: 1;\n }\n }\n display: flex;\n flex-direction: column;\n}\n\ninput.bp5-input,\ninput.bp5-timepicker-input {\n flex: 1;\n padding: 10px 12px;\n padding-right: 12px !important;\n display: flex;\n border-radius: 4px;\n background-color: transparent;\n transition: all var(--fsc-transition-duration) ease-in-out;\n border: 1px solid var(--fsc-border-color);\n outline: unset;\n font-weight: 500;\n line-height: 20px;\n font-family: var(--fsc-font-family);\n font-size: var(--fsc-font-size);\n color: var(--question-text-color, var(--default-question-text-color));\n &[type='number'] {\n width: fit-content;\n }\n &::placeholder {\n color: #92a2b1;\n }\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &:focus {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &:disabled {\n background-color: #ebeff3;\n color: #7b8e9f;\n }\n}\n\n.bp5-portal {\n * {\n box-sizing: border-box;\n }\n .bp5-popover-transition-container.bp5-overlay-content {\n border: 1px solid rgba(235, 239, 243, 1);\n box-shadow: 0px 2px 16px 0px rgba(18, 52, 77, 0.16);\n border-radius: 6px;\n overflow: hidden;\n background: #fff;\n z-index: calc(var(--fsc-z-index) + 1) !important;\n }\n .bp5-datepicker-content {\n align-items: center;\n display: flex;\n flex-direction: column;\n background: var(\n --question-background-color,\n var(--default-question-background-color)\n );\n .fsc-dropdown-trigger {\n border-color: var(--fsc-border-color);\n }\n .rdp {\n --rdp-cell-size: 32px;\n --rdp-accent-color: #2c5cc5;\n --rdp-background-color: #ffffff;\n --rdp-accent-color-dark: #2c5cc5;\n --rdp-background-color-dark: #2f343c;\n --rdp-outline: 2px solid var(--rdp-accent-color);\n --rdp-outline-selected: 2px solid rgba(0, 0, 0, 75%);\n\n .rdp-caption {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n padding: 16px;\n .rdp-caption_dropdowns {\n display: flex;\n align-items: center;\n gap: 8px;\n .rdp-vhidden {\n display: none;\n }\n }\n .rdp-nav {\n button.bp5-datepicker-nav-button {\n border: unset;\n padding: unset;\n margin: unset;\n background: unset;\n height: 24px;\n width: 24px;\n cursor: pointer;\n span.bp5-icon.rdp-nav_icon {\n path {\n fill: var(--question-text-color, --default-question-text-color);\n }\n }\n }\n }\n }\n .rdp-table {\n padding: 0 8px 8px 8px;\n .rdp-day_disabled,\n .rdp-day_outside {\n opacity: 0.5;\n }\n .rdp-day_today {\n border: 1px solid rgba(17, 20, 24, 0.15) !important;\n }\n .rdp-day_selected {\n background: #2c5cc5 !important;\n color: #ffffff !important;\n }\n .rdp-day:not([disabled]):not(.rdp-day_selected):hover {\n background: rgba(143, 153, 168, 0.15);\n color: #1c2127;\n }\n thead {\n font-size: 0.8em;\n font-weight: 500;\n letter-spacing: 0px;\n text-align: center;\n color: var(--question-text-color, #475867);\n font-family: var(--fsc-font-family);\n }\n td button.bp5-button.rdp-day.rdp-day_outside {\n color: #92a2b1;\n }\n td button.bp5-button.rdp-day {\n height: 24px;\n width: 24px;\n padding: 0;\n margin: 4px;\n font-size: var(--fsc-font-size);\n font-weight: 400;\n letter-spacing: 0px;\n text-align: center;\n color: var(--question-text-color, #12344d);\n background: unset;\n border-radius: 4px;\n border: 2px solid transparent;\n }\n }\n }\n .bp5-datepicker-timepicker-wrapper {\n padding: 0 8px 8px 8px;\n .bp5-timepicker {\n justify-content: center;\n display: flex;\n gap: 8px;\n .bp5-timepicker-input-row {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .bp5-icon.bp5-icon-double-caret-vertical {\n display: none;\n }\n .bp5-html-select select {\n border: 1px solid var(--fsc-border-color);\n padding: 10px 32px 10px 12px;\n font-weight: 500;\n font-size: var(--fsc-font-size);\n line-height: 20px;\n appearance: none;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTk5OCA1LjY5OTg1QzMuODE0MTEgNS42OTgzNSAzLjYzNTYyIDUuNjI2OTUgMy40OTk5OCA1LjQ5OTg1TDAuMjA5OTg0IDIuMTk5ODVDMC4wNzMwMTkzIDIuMDY5NiAtMC4wMDQ1MTY2IDEuODg4ODYgLTAuMDA0NTE2NiAxLjY5OTg1Qy0wLjAwNDUxNjYgMS41MTA4NCAwLjA3MzAxOTMgMS4zMzAxIDAuMjA5OTg0IDEuMTk5ODVDMC4zNDAyMzcgMS4wNjI4OSAwLjUyMDk3MyAwLjk4NTM1MiAwLjcwOTk4NCAwLjk4NTM1MkMwLjg5ODk5NSAwLjk4NTM1MiAxLjA3OTczIDEuMDYyODkgMS4yMDk5OCAxLjE5OTg1TDMuOTk5OTggMy45OTk4NUw2Ljc5OTk4IDEuMjA5ODVDNi45MzAyNCAxLjA3Mjg5IDcuMTEwOTcgMC45OTUzNTIgNy4yOTk5OCAwLjk5NTM1MkM3LjQ4ODk5IDAuOTk1MzUyIDcuNjY5NzMgMS4wNzI4OSA3Ljc5OTk4IDEuMjA5ODVDNy45MzY5NSAxLjM0MDEgOC4wMTQ0OCAxLjUyMDg0IDguMDE0NDggMS43MDk4NUM4LjAxNDQ4IDEuODk4ODYgNy45MzY5NSAyLjA3OTYgNy43OTk5OCAyLjIwOTg1TDQuNDk5OTggNS40OTk4NUM0LjM2NDM1IDUuNjI2OTUgNC4xODU4NSA1LjY5ODM1IDMuOTk5OTggNS42OTk4NVoiIGZpbGw9IiMyNjQ5NjYiLz4KPC9zdmc+Cg==);\n background-repeat: no-repeat;\n background-position: right 0.7rem top 50%;\n background-size: 0.65rem auto;\n border-radius: 4px;\n outline: unset;\n transition: all var(--fsc-transition-duration) ease-in-out;\n &:focus {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n }\n }\n }\n .bp5-datepicker-footer {\n background: var(--background-color, #f5f7f9);\n border: 1px solid #ebeff3;\n border-radius: 0px 0px 4px 4px;\n width: 100%;\n padding: 8px;\n display: flex;\n justify-content: space-between;\n gap: 8px;\n button.bp5-button {\n border: unset;\n padding: 6px 12px;\n margin: unset;\n background: unset;\n cursor: pointer;\n font-family: var(--fsc-font-family);\n font-size: 0.8em;\n font-weight: 500;\n line-height: 14px;\n color: #2c5cc5;\n height: 32px;\n }\n }\n }\n}\n\n@mixin compactAndMobileWidgetStyles {\n .fsc-picker .fsc-picker-tz-container {\n flex-direction: column;\n }\n}\n\n@mixin mobileview {\n @include compactAndMobileWidgetStyles();\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview {\n @include mobileview();\n}\n.freemium-survey-components.widget-survey-components {\n &.compact-style {\n @include compactAndMobileWidgetStyles();\n }\n}\n",".fsc-dropdown-base {\n .other-input-option {\n margin-top: 12px;\n }\n .fsc-dropdown-trigger {\n width: 100%;\n font-weight: 400;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n background-color: transparent;\n padding: 10px 12px;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: space-between;\n outline: none;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n .fsc-dropdown-select-icon {\n display: grid;\n place-content: center;\n }\n .fsc-dropdown-empty-placeholder {\n height: 1.5rem;\n }\n span:first-child {\n flex: 1;\n text-align: left;\n }\n &:hover {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &:focus,\n &[data-state='open'] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &[data-placeholder] {\n color: #92a2b1;\n white-space: nowrap;\n }\n &[data-state='open'] {\n .SelectIcon {\n transform: rotate(0deg);\n }\n }\n &[data-disabled] {\n cursor: not-allowed;\n }\n }\n}\n\n.fsc-dropdown-content {\n gap: 8px;\n padding: 8px;\n overflow: auto;\n list-style: none;\n z-index: 1000;\n border-radius: 2px 2px 8px 8px;\n // border: 1px solid #384551;\n box-shadow:\n 0px 10px 38px -10px rgba(22, 23, 24, 0.35),\n 0px 10px 20px -15px rgba(22, 23, 24, 0.2);\n\n background-color: var(\n --question-background-color,\n var(--default-question-background-color)\n );\n // width: var(--radix-select-trigger-width);\n max-height: min(var(--radix-select-content-available-height), 232px);\n &[data-side='top'] {\n flex-direction: column-reverse !important;\n }\n &[data-state='open'] {\n animation-name: basicShow;\n }\n &[data-state='closed'] {\n animation-name: basicShow;\n }\n .fsc-dropdown-viewport {\n scrollbar-width: thin;\n }\n .input-container {\n &:focus-within {\n border: 1px solid var(--brand-color, var(--default-brand-color)) !important;\n box-shadow: unset !important;\n }\n }\n .fsc-dropdown-item {\n &.hidden-item {\n display: none;\n }\n padding: 8px 12px;\n border-radius: 4px;\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: space-between;\n position: relative;\n user-select: none;\n outline: none;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n &[data-disabled] {\n pointer-events: none;\n }\n &[data-state='checked'] {\n background: var(--brand-color, var(--default-brand-color));\n color: #fff;\n }\n &:not([data-state='checked'])[data-highlighted] {\n background-color: #e5f2fd;\n // transform: scale(1.02, 1.02);\n }\n }\n}\n",".fsc-input-base {\n display: flex;\n flex-direction: column;\n .input-container {\n padding: 10px 12px;\n display: flex;\n border-radius: 4px;\n transition: all var(--fsc-transition-duration) ease-in-out;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n &:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n }\n .input-basic {\n display: flex;\n flex: 1;\n gap: 8px;\n div.end-adornment {\n display: grid;\n place-content: center;\n }\n div.start-adornment {\n display: grid;\n place-content: center;\n }\n }\n textarea,\n input {\n line-height: 1.5;\n font-weight: 400;\n background-color: transparent;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n border: unset;\n outline: unset;\n padding: unset;\n margin: unset;\n &::placeholder {\n color: #92a2b1;\n }\n }\n &.fsc-input {\n input {\n flex: 1;\n }\n }\n &.fsc-textarea {\n textarea {\n resize: none;\n min-height: 84px;\n }\n }\n}\n\n@mixin mobileview {\n .fsc-input-base {\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview,\ndiv.surveyserv-widget-container.compact-container-style {\n @include mobileview();\n}\n","label.input-label {\n font-family: var(--fsc-font-family);\n color: #475867;\n font-size: 0.9em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n margin-bottom: 4px;\n span {\n color: #d72d30;\n }\n}\n\nspan.input-helper {\n margin-top: 2px;\n font-size: 0.8em;\n font-weight: 400;\n line-height: 20px;\n color: #d72d30;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/components-radio-button-Radio-stories.c1dbb162.chunk.css ADDED Viewed

@@ -0,0 +1,5 @@
+.fsc-radio-group{display:flex;flex-wrap:wrap;gap:12px}.fsc-radio-group button.radio-button-value{display:flex;gap:8px;align-items:center;cursor:pointer;padding:16px 24px;border:1px solid #ebeff3;border-radius:4px;white-space:pre-wrap;color:var(--question-text-color, #3a4b67);background-color:rgba(0,0,0,0);transform:scale(1, 1);transform-origin:center;transition:all var(--fsc-transition-duration)}.fsc-radio-group button.radio-button-value:not(.checked):hover,.fsc-radio-group button.radio-button-value:not(.checked):focus{transform:scale(1.02, 1.02) !important}.fsc-radio-group button.radio-button-value.checked{background-color:var(--brand-color, var(--default-brand-color));border-color:var(--brand-color, var(--default-brand-color));color:#fff}.fsc-radio{display:flex;flex-direction:column}.fsc-radio .fsc-radio-container{gap:8px;display:flex;align-items:center}.fsc-radio .fsc-radio-container .fsc-radio-item{background-color:#fff;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,0);padding:0;margin:0;outline-offset:3px;background-color:var(--brand-color, var(--default-brand-color))}.fsc-radio .fsc-radio-container .fsc-radio-item[data-state=unchecked]{border-color:var(--brand-color, var(--default-brand-color));background-color:unset}.fsc-radio .fsc-radio-container .fsc-radio-item[data-disabled]{border-color:gray;background-color:var(--brand-color, var(--default-brand-color))}.fsc-radio .fsc-radio-container .fsc-radio-item:hover:not([data-disabled]){box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-radio .fsc-radio-container .fsc-radio-item .fsc-radio-indicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.fsc-radio .fsc-radio-container .fsc-radio-item .fsc-radio-indicator::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#fff}.fsc-radio .fsc-radio-container .fsc-radio-label{font-family:var(--fsc-font-family);color:var(--question-text-color, #475867);font-size:.8em;font-style:normal;font-weight:600;line-height:20px;display:flex}.fsc-radio .fsc-radio-container .fsc-radio-label span{color:#d72d30}.freemium-survey-components.widget-survey-components.cozy-style .fsc-radio-group{flex-direction:row}.freemium-survey-components.widget-survey-components.cozy-style .fsc-radio-group button.radio-button-value{padding:12px 16px}@media(max-width: 550px){.fsc-radio-group button.radio-button-value{text-align:left;width:100%;justify-content:space-between}}.freemium-survey-components.mobile-preview .fsc-radio-group button.radio-button-value,div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.radio-button-value{text-align:left;width:100%;justify-content:space-between}
+label.input-label{font-family:var(--fsc-font-family);color:#475867;font-size:.9em;font-style:normal;font-weight:600;line-height:20px;display:flex;margin-bottom:4px}label.input-label span{color:#d72d30}span.input-helper{margin-top:2px;font-size:.8em;font-weight:400;line-height:20px;color:#d72d30}
+:root{--default-brand-color: #264966;--default-question-text-color: #3a4b67;--default-question-background-color: #fff;--default-background-color: #f8f8f8;--default-button-text-color: #fff;--default-secondary-button-text-color: #000;--fsc-z-index: 2147483647;--fsc-transition-duration: 0.3s;--fsc-question-width: 700px;--fsc-question-max-width: 700px;--fsc-widget-transition-duration: 0.6s;--fsc-border-color: #cfd7df;--fsc-font-size: 14px;--fsc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}[data-radix-popper-content-wrapper]{z-index:calc(var(--fsc-z-index) + 1) !important}.surveyserv-widget-container,.freemium-survey-components{font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));font-size:var(--fsc-font-size)}.surveyserv-widget-container *,.freemium-survey-components *{box-sizing:border-box}.surveyserv-widget-container .questions .question-container.prompt-container,.freemium-survey-components .questions .question-container.prompt-container{padding-top:unset}.surveyserv-widget-container .questions .question-container .question-text,.freemium-survey-components .questions .question-container .question-text{font-size:1.2em;font-weight:500;line-height:1.4;letter-spacing:.3px}.surveyserv-widget-container .questions .question-container .question-text p,.freemium-survey-components .questions .question-container .question-text p{margin:0}.surveyserv-widget-container .questions .question-container .question-text.required::after,.freemium-survey-components .questions .question-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.surveyserv-widget-container .questions .question-footer,.freemium-survey-components .questions .question-footer{display:flex;justify-content:space-between;margin-top:12px}.surveyserv-widget-container .freemium-survey-step-navigation,.freemium-survey-components .freemium-survey-step-navigation{border-radius:3px;border:1px solid #efefef;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button,.freemium-survey-components .freemium-survey-step-navigation button.navigation-button{width:38px;height:38px;background-color:#fff;border:none;cursor:pointer;display:grid;place-content:center;border-radius:0 3px 3px 0}.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:disabled,.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:first-of-type,.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:first-of-type{border-right:1px solid #efefef;border-radius:3px 0 0 3px}.surveyserv-widget-container .action-buttons,.freemium-survey-components .action-buttons{display:flex;align-items:center;gap:8px}.surveyserv-widget-container .action-buttons button.fsc-button,.freemium-survey-components .action-buttons button.fsc-button{height:40px}.surveyserv-widget-container .question-container.thankyou,.freemium-survey-components .question-container.thankyou{display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:unset !important;gap:24px}.surveyserv-widget-container .question-container.thankyou .heading,.freemium-survey-components .question-container.thankyou .heading{font-weight:500;font-size:1.4em}.surveyserv-widget-container .question-container.thankyou .text,.freemium-survey-components .question-container.thankyou .text{text-align:center;white-space:pre-wrap;font-weight:500;font-size:var(--fsc-font-size);line-height:1.6;color:var(--question-text-color, #475867);width:75%}.surveyserv-widget-container .question-container.thankyou .wrap-up-actions,.freemium-survey-components .question-container.thankyou .wrap-up-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button,.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button{letter-spacing:.05em;font-weight:600;font-size:var(--fsc-font-size);line-height:20px;color:#2c5cc5;border:1px solid rgba(0,0,0,0);transform:translateY(0px);transition:transform ease .2s;background-color:#e5f2fd;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;border-radius:4px}.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button:hover,.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button:hover{transform:translateY(-4px)}.surveyserv-widget-container .question-container.thankyou .redirection-container,.freemium-survey-components .question-container.thankyou .redirection-container{display:flex;align-items:center;flex-direction:column;width:100%}.surveyserv-widget-container .question-container.thankyou .redirection-container .redirection-text,.freemium-survey-components .question-container.thankyou .redirection-container .redirection-text{color:#929292;margin-bottom:12px;text-align:center;font-weight:300}.surveyserv-widget-container .question-container.thankyou .redirection-container .link,.freemium-survey-components .question-container.thankyou .redirection-container .link{max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-weight:500;text-decoration:underline}.surveyserv-widget-container .question-container.thankyou .show-link-container,.freemium-survey-components .question-container.thankyou .show-link-container{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link,.freemium-survey-components .question-container.thankyou .show-link-container .show-link{background:#f5f7f9;padding:16px;border-radius:12px;display:flex;gap:12px;flex-direction:column;justify-content:flex-start;align-items:center}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link.show-custom-button-container,.freemium-survey-components .question-container.thankyou .show-link-container .show-link.show-custom-button-container{background:unset}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .link-image-url,.freemium-survey-components .question-container.thankyou .show-link-container .show-link .link-image-url{display:grid;place-content:center;height:45px;width:45px;background:#fff;border-radius:8px}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .title-text,.freemium-survey-components .question-container.thankyou .show-link-container .show-link .title-text{font-size:var(--fsc-font-size);font-weight:500}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .links,.freemium-survey-components .question-container.thankyou .show-link-container .show-link .links{display:flex;gap:8px}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a,.freemium-survey-components .question-container.thankyou .show-link-container .show-link a{text-decoration:unset}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a .button_text,.freemium-survey-components .question-container.thankyou .show-link-container .show-link a .button_text{padding:8px 12px;background:#4560f6;color:#fff;font-weight:700;border-radius:8px}.surveyserv-widget-container div.page-container,.freemium-survey-components div.page-container{margin-bottom:24px}.surveyserv-widget-container div.page-container p,.freemium-survey-components div.page-container p{margin:unset}.surveyserv-widget-container div.page-container .page-title,.freemium-survey-components div.page-container .page-title{font-size:1.4em;font-weight:500;margin-bottom:12px;color:var(--question-text-color, #475867)}.surveyserv-widget-container div.page-container .page-description,.freemium-survey-components div.page-container .page-description{font-size:1em;font-weight:400;color:var(--question-text-color, #475867);max-height:4rem;overflow:auto}
+/*# sourceMappingURL=components-radio-button-Radio-stories.c1dbb162.chunk.css.map*/

package/storybook-static/static/css/components-radio-button-Radio-stories.c1dbb162.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/components-radio-button-Radio-stories.c1dbb162.chunk.css","mappings":"AAAA;ACAA;ACAA","sources":["webpack://freemium-survey-components/./src/components/radio-button/style.scss","webpack://freemium-survey-components/./src/components/style.scss","webpack://freemium-survey-components/./src/survey/survey.scss"],"sourcesContent":[".fsc-radio-group {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n button.radio-button-value {\n display: flex;\n gap: 8px;\n align-items: center;\n cursor: pointer;\n padding: 16px 24px;\n border: 1px solid #ebeff3;\n border-radius: 4px;\n white-space: pre-wrap;\n color: var(--question-text-color, #3a4b67);\n background-color: transparent;\n transform: scale(1, 1);\n transform-origin: center;\n transition: all var(--fsc-transition-duration);\n &:not(.checked):hover,\n &:not(.checked):focus {\n transform: scale(1.02, 1.02) !important;\n }\n &.checked {\n background-color: var(--brand-color, var(--default-brand-color));\n border-color: var(--brand-color, var(--default-brand-color));\n color: #fff;\n }\n }\n}\n.fsc-radio {\n display: flex;\n flex-direction: column;\n .fsc-radio-container {\n gap: 8px;\n display: flex;\n align-items: center;\n .fsc-radio-item {\n background-color: #fff;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid transparent;\n padding: 0;\n margin: 0;\n outline-offset: 3px;\n background-color: var(--brand-color, var(--default-brand-color));\n &[data-state='unchecked'] {\n border-color: var(--brand-color, var(--default-brand-color));\n background-color: unset;\n }\n &[data-disabled] {\n border-color: grey;\n background-color: var(--brand-color, var(--default-brand-color));\n }\n &:hover:not([data-disabled]) {\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n .fsc-radio-indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n &::after {\n content: '';\n display: block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: #fff;\n }\n }\n }\n .fsc-radio-label {\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, #475867);\n font-size: 0.8em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n span {\n color: #d72d30;\n }\n }\n }\n}\n.freemium-survey-components.widget-survey-components.cozy-style {\n .fsc-radio-group {\n flex-direction: row;\n button.radio-button-value {\n padding: 12px 16px;\n }\n }\n}\n\n@mixin mobileview {\n .fsc-radio-group {\n button.radio-button-value {\n text-align: left;\n width: 100%;\n justify-content: space-between;\n }\n }\n}\n\n@media (max-width: 550px) {\n @include mobileview();\n}\n\n.freemium-survey-components.mobile-preview,\ndiv.surveyserv-widget-container.compact-container-style {\n @include mobileview();\n}\n","label.input-label {\n font-family: var(--fsc-font-family);\n color: #475867;\n font-size: 0.9em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n margin-bottom: 4px;\n span {\n color: #d72d30;\n }\n}\n\nspan.input-helper {\n margin-top: 2px;\n font-size: 0.8em;\n font-weight: 400;\n line-height: 20px;\n color: #d72d30;\n}\n",":root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --fsc-z-index: 2147483647;\n --fsc-transition-duration: 0.3s;\n --fsc-question-width: 700px;\n --fsc-question-max-width: 700px;\n --fsc-widget-transition-duration: 0.6s;\n --fsc-border-color: #cfd7df;\n --fsc-font-size: 14px;\n --fsc-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,\n Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n}\n\n[data-radix-popper-content-wrapper] {\n z-index: calc(var(--fsc-z-index) + 1) !important;\n}\n\n.surveyserv-widget-container,\n.freemium-survey-components {\n * {\n box-sizing: border-box;\n }\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: var(--fsc-font-size);\n .questions {\n .question-container {\n &.prompt-container {\n padding-top: unset;\n }\n .question-text {\n font-size: 1.2em;\n font-weight: 500;\n line-height: 1.4;\n letter-spacing: 0.3px;\n p {\n margin: 0;\n }\n &.required::after {\n content: '*';\n color: #d72d30;\n margin-left: 4px;\n }\n }\n }\n\n .question-footer {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n }\n }\n .freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n width: fit-content;\n display: flex;\n button.navigation-button {\n width: 38px;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n display: grid;\n place-content: center;\n border-radius: 0 3px 3px 0;\n &:disabled {\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.5;\n }\n &:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n }\n }\n }\n .action-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n button.fsc-button {\n height: 40px;\n }\n }\n .question-container.thankyou {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n overflow: unset !important;\n gap: 24px;\n .heading {\n font-weight: 500;\n font-size: 1.4em;\n }\n .text {\n text-align: center;\n white-space: pre-wrap;\n font-weight: 500;\n font-size: var(--fsc-font-size);\n line-height: 1.6;\n color: var(--question-text-color, #475867);\n width: 75%;\n }\n .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: center;\n justify-content: center;\n button.action-button {\n letter-spacing: 0.05em;\n font-weight: 600;\n font-size: var(--fsc-font-size);\n line-height: 20px;\n color: #2c5cc5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n border-radius: 4px;\n &:hover {\n transform: translateY(-4px);\n }\n }\n }\n .redirection-container {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n text-align: center;\n font-weight: 300;\n }\n .link {\n max-width: 100%;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n }\n }\n .show-link-container {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n .show-link {\n &.show-custom-button-container {\n background: unset;\n }\n background: #f5f7f9;\n padding: 16px;\n border-radius: 12px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n .link-image-url {\n display: grid;\n place-content: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n }\n\n .title-text {\n font-size: var(--fsc-font-size);\n font-weight: 500;\n }\n .links {\n display: flex;\n gap: 8px;\n }\n .links-item {\n }\n a {\n text-decoration: unset;\n .button_text {\n padding: 8px 12px;\n background: #4560f6;\n color: #fff;\n font-weight: 700;\n border-radius: 8px;\n }\n }\n }\n }\n }\n div.page-container {\n p {\n margin: unset;\n }\n .page-title {\n font-size: 1.4em;\n font-weight: 500;\n margin-bottom: 12px;\n color: var(--question-text-color, #475867);\n }\n .page-description {\n font-size: 1em;\n font-weight: 400;\n color: var(--question-text-color, #475867);\n max-height: 4rem;\n overflow: auto;\n }\n margin-bottom: 24px;\n }\n}\n\n@mixin mobileview {\n .questions {\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview {\n @include mobileview();\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/components-radio-button-RadioGroup-stories.b35659f3.chunk.css ADDED Viewed

@@ -0,0 +1,7 @@
+.fsc-input-base{display:flex;flex-direction:column}.fsc-input-base .input-container{padding:10px 12px;display:flex;border-radius:4px;transition:all var(--fsc-transition-duration) ease-in-out;border:1px solid var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-container:focus-within{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-input-base .input-basic{display:flex;flex:1 1;gap:8px}.fsc-input-base .input-basic div.end-adornment{display:grid;place-content:center}.fsc-input-base .input-basic div.start-adornment{display:grid;place-content:center}.fsc-input-base textarea,.fsc-input-base input{line-height:1.5;font-weight:400;background-color:rgba(0,0,0,0);font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));border:unset;outline:unset;padding:unset;margin:unset}.fsc-input-base textarea::placeholder,.fsc-input-base input::placeholder{color:#92a2b1}.fsc-input-base.fsc-input input{flex:1 1}.fsc-input-base.fsc-textarea textarea{resize:none;min-height:84px}
+label.input-label{font-family:var(--fsc-font-family);color:#475867;font-size:.9em;font-style:normal;font-weight:600;line-height:20px;display:flex;margin-bottom:4px}label.input-label span{color:#d72d30}span.input-helper{margin-top:2px;font-size:.8em;font-weight:400;line-height:20px;color:#d72d30}
+.fsc-dropdown-base .other-input-option{margin-top:12px}.fsc-dropdown-base .fsc-dropdown-trigger{width:100%;font-weight:400;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));background-color:rgba(0,0,0,0);padding:10px 12px;display:flex;gap:8px;align-items:center;justify-content:space-between;outline:none;border:1px solid var(--brand-color, var(--default-brand-color));border-radius:4px;transition:all .2s ease-in-out}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-select-icon{display:grid;place-content:center}.fsc-dropdown-base .fsc-dropdown-trigger .fsc-dropdown-empty-placeholder{height:1.5rem}.fsc-dropdown-base .fsc-dropdown-trigger span:first-child{flex:1 1;text-align:left}.fsc-dropdown-base .fsc-dropdown-trigger:hover{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger:focus,.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open]{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-dropdown-base .fsc-dropdown-trigger[data-placeholder]{color:#92a2b1;white-space:nowrap}.fsc-dropdown-base .fsc-dropdown-trigger[data-state=open] .SelectIcon{transform:rotate(0deg)}.fsc-dropdown-base .fsc-dropdown-trigger[data-disabled]{cursor:not-allowed}.fsc-dropdown-content{gap:8px;padding:8px;overflow:auto;list-style:none;z-index:1000;border-radius:2px 2px 8px 8px;box-shadow:0px 10px 38px -10px rgba(22,23,24,.35),0px 10px 20px -15px rgba(22,23,24,.2);background-color:var(--question-background-color, var(--default-question-background-color));max-height:min(var(--radix-select-content-available-height),232px)}.fsc-dropdown-content[data-side=top]{flex-direction:column-reverse !important}.fsc-dropdown-content[data-state=open]{animation-name:basicShow}.fsc-dropdown-content[data-state=closed]{animation-name:basicShow}.fsc-dropdown-content .fsc-dropdown-viewport{scrollbar-width:thin}.fsc-dropdown-content .input-container:focus-within{border:1px solid var(--brand-color, var(--default-brand-color)) !important;box-shadow:unset !important}.fsc-dropdown-content .fsc-dropdown-item{padding:8px 12px;border-radius:4px;display:flex;gap:12px;align-items:center;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;outline:none;font-size:var(--fsc-font-size);font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color))}.fsc-dropdown-content .fsc-dropdown-item.hidden-item{display:none}.fsc-dropdown-content .fsc-dropdown-item[data-disabled]{pointer-events:none}.fsc-dropdown-content .fsc-dropdown-item[data-state=checked]{background:var(--brand-color, var(--default-brand-color));color:#fff}.fsc-dropdown-content .fsc-dropdown-item:not([data-state=checked])[data-highlighted]{background-color:#e5f2fd}
+.fsc-radio-group{display:flex;flex-wrap:wrap;gap:12px}.fsc-radio-group button.radio-button-value{display:flex;gap:8px;align-items:center;cursor:pointer;padding:16px 24px;border:1px solid #ebeff3;border-radius:4px;white-space:pre-wrap;color:var(--question-text-color, #3a4b67);background-color:rgba(0,0,0,0);transform:scale(1, 1);transform-origin:center;transition:all var(--fsc-transition-duration)}.fsc-radio-group button.radio-button-value:not(.checked):hover,.fsc-radio-group button.radio-button-value:not(.checked):focus{transform:scale(1.02, 1.02) !important}.fsc-radio-group button.radio-button-value.checked{background-color:var(--brand-color, var(--default-brand-color));border-color:var(--brand-color, var(--default-brand-color));color:#fff}.fsc-radio{display:flex;flex-direction:column}.fsc-radio .fsc-radio-container{gap:8px;display:flex;align-items:center}.fsc-radio .fsc-radio-container .fsc-radio-item{background-color:#fff;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,0);padding:0;margin:0;outline-offset:3px;background-color:var(--brand-color, var(--default-brand-color))}.fsc-radio .fsc-radio-container .fsc-radio-item[data-state=unchecked]{border-color:var(--brand-color, var(--default-brand-color));background-color:unset}.fsc-radio .fsc-radio-container .fsc-radio-item[data-disabled]{border-color:gray;background-color:var(--brand-color, var(--default-brand-color))}.fsc-radio .fsc-radio-container .fsc-radio-item:hover:not([data-disabled]){box-shadow:0 0 0 2px var(--brand-color, var(--default-brand-color))}.fsc-radio .fsc-radio-container .fsc-radio-item .fsc-radio-indicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.fsc-radio .fsc-radio-container .fsc-radio-item .fsc-radio-indicator::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#fff}.fsc-radio .fsc-radio-container .fsc-radio-label{font-family:var(--fsc-font-family);color:var(--question-text-color, #475867);font-size:.8em;font-style:normal;font-weight:600;line-height:20px;display:flex}.fsc-radio .fsc-radio-container .fsc-radio-label span{color:#d72d30}.freemium-survey-components.widget-survey-components.cozy-style .fsc-radio-group{flex-direction:row}.freemium-survey-components.widget-survey-components.cozy-style .fsc-radio-group button.radio-button-value{padding:12px 16px}@media(max-width: 550px){.fsc-radio-group button.radio-button-value{text-align:left;width:100%;justify-content:space-between}}.freemium-survey-components.mobile-preview .fsc-radio-group button.radio-button-value,div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.radio-button-value{text-align:left;width:100%;justify-content:space-between}
+:root{--default-brand-color: #264966;--default-question-text-color: #3a4b67;--default-question-background-color: #fff;--default-background-color: #f8f8f8;--default-button-text-color: #fff;--default-secondary-button-text-color: #000;--fsc-z-index: 2147483647;--fsc-transition-duration: 0.3s;--fsc-question-width: 700px;--fsc-question-max-width: 700px;--fsc-widget-transition-duration: 0.6s;--fsc-border-color: #cfd7df;--fsc-font-size: 14px;--fsc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}[data-radix-popper-content-wrapper]{z-index:calc(var(--fsc-z-index) + 1) !important}.surveyserv-widget-container,.freemium-survey-components{font-family:var(--fsc-font-family);color:var(--question-text-color, var(--default-question-text-color));font-size:var(--fsc-font-size)}.surveyserv-widget-container *,.freemium-survey-components *{box-sizing:border-box}.surveyserv-widget-container .questions .question-container.prompt-container,.freemium-survey-components .questions .question-container.prompt-container{padding-top:unset}.surveyserv-widget-container .questions .question-container .question-text,.freemium-survey-components .questions .question-container .question-text{font-size:1.2em;font-weight:500;line-height:1.4;letter-spacing:.3px}.surveyserv-widget-container .questions .question-container .question-text p,.freemium-survey-components .questions .question-container .question-text p{margin:0}.surveyserv-widget-container .questions .question-container .question-text.required::after,.freemium-survey-components .questions .question-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.surveyserv-widget-container .questions .question-footer,.freemium-survey-components .questions .question-footer{display:flex;justify-content:space-between;margin-top:12px}.surveyserv-widget-container .freemium-survey-step-navigation,.freemium-survey-components .freemium-survey-step-navigation{border-radius:3px;border:1px solid #efefef;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex}.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button,.freemium-survey-components .freemium-survey-step-navigation button.navigation-button{width:38px;height:38px;background-color:#fff;border:none;cursor:pointer;display:grid;place-content:center;border-radius:0 3px 3px 0}.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:disabled,.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.surveyserv-widget-container .freemium-survey-step-navigation button.navigation-button:first-of-type,.freemium-survey-components .freemium-survey-step-navigation button.navigation-button:first-of-type{border-right:1px solid #efefef;border-radius:3px 0 0 3px}.surveyserv-widget-container .action-buttons,.freemium-survey-components .action-buttons{display:flex;align-items:center;gap:8px}.surveyserv-widget-container .action-buttons button.fsc-button,.freemium-survey-components .action-buttons button.fsc-button{height:40px}.surveyserv-widget-container .question-container.thankyou,.freemium-survey-components .question-container.thankyou{display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:unset !important;gap:24px}.surveyserv-widget-container .question-container.thankyou .heading,.freemium-survey-components .question-container.thankyou .heading{font-weight:500;font-size:1.4em}.surveyserv-widget-container .question-container.thankyou .text,.freemium-survey-components .question-container.thankyou .text{text-align:center;white-space:pre-wrap;font-weight:500;font-size:var(--fsc-font-size);line-height:1.6;color:var(--question-text-color, #475867);width:75%}.surveyserv-widget-container .question-container.thankyou .wrap-up-actions,.freemium-survey-components .question-container.thankyou .wrap-up-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button,.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button{letter-spacing:.05em;font-weight:600;font-size:var(--fsc-font-size);line-height:20px;color:#2c5cc5;border:1px solid rgba(0,0,0,0);transform:translateY(0px);transition:transform ease .2s;background-color:#e5f2fd;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;border-radius:4px}.surveyserv-widget-container .question-container.thankyou .wrap-up-actions button.action-button:hover,.freemium-survey-components .question-container.thankyou .wrap-up-actions button.action-button:hover{transform:translateY(-4px)}.surveyserv-widget-container .question-container.thankyou .redirection-container,.freemium-survey-components .question-container.thankyou .redirection-container{display:flex;align-items:center;flex-direction:column;width:100%}.surveyserv-widget-container .question-container.thankyou .redirection-container .redirection-text,.freemium-survey-components .question-container.thankyou .redirection-container .redirection-text{color:#929292;margin-bottom:12px;text-align:center;font-weight:300}.surveyserv-widget-container .question-container.thankyou .redirection-container .link,.freemium-survey-components .question-container.thankyou .redirection-container .link{max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-weight:500;text-decoration:underline}.surveyserv-widget-container .question-container.thankyou .show-link-container,.freemium-survey-components .question-container.thankyou .show-link-container{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link,.freemium-survey-components .question-container.thankyou .show-link-container .show-link{background:#f5f7f9;padding:16px;border-radius:12px;display:flex;gap:12px;flex-direction:column;justify-content:flex-start;align-items:center}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link.show-custom-button-container,.freemium-survey-components .question-container.thankyou .show-link-container .show-link.show-custom-button-container{background:unset}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .link-image-url,.freemium-survey-components .question-container.thankyou .show-link-container .show-link .link-image-url{display:grid;place-content:center;height:45px;width:45px;background:#fff;border-radius:8px}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .title-text,.freemium-survey-components .question-container.thankyou .show-link-container .show-link .title-text{font-size:var(--fsc-font-size);font-weight:500}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link .links,.freemium-survey-components .question-container.thankyou .show-link-container .show-link .links{display:flex;gap:8px}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a,.freemium-survey-components .question-container.thankyou .show-link-container .show-link a{text-decoration:unset}.surveyserv-widget-container .question-container.thankyou .show-link-container .show-link a .button_text,.freemium-survey-components .question-container.thankyou .show-link-container .show-link a .button_text{padding:8px 12px;background:#4560f6;color:#fff;font-weight:700;border-radius:8px}.surveyserv-widget-container div.page-container,.freemium-survey-components div.page-container{margin-bottom:24px}.surveyserv-widget-container div.page-container p,.freemium-survey-components div.page-container p{margin:unset}.surveyserv-widget-container div.page-container .page-title,.freemium-survey-components div.page-container .page-title{font-size:1.4em;font-weight:500;margin-bottom:12px;color:var(--question-text-color, #475867)}.surveyserv-widget-container div.page-container .page-description,.freemium-survey-components div.page-container .page-description{font-size:1em;font-weight:400;color:var(--question-text-color, #475867);max-height:4rem;overflow:auto}
+/*# sourceMappingURL=components-radio-button-RadioGroup-stories.b35659f3.chunk.css.map*/

package/storybook-static/static/css/components-radio-button-RadioGroup-stories.b35659f3.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/components-radio-button-RadioGroup-stories.b35659f3.chunk.css","mappings":"AAAA;ACAA;ACCA;ACDA;ACAA","sources":["webpack://freemium-survey-components/./src/components/text-input/style.scss","webpack://freemium-survey-components/./src/components/style.scss","webpack://freemium-survey-components/./src/components/dropdown/style.scss","webpack://freemium-survey-components/./src/components/radio-button/style.scss","webpack://freemium-survey-components/./src/survey/survey.scss"],"sourcesContent":[".fsc-input-base {\n display: flex;\n flex-direction: column;\n .input-container {\n padding: 10px 12px;\n display: flex;\n border-radius: 4px;\n transition: all var(--fsc-transition-duration) ease-in-out;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n &:focus-within {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n }\n .input-basic {\n display: flex;\n flex: 1;\n gap: 8px;\n div.end-adornment {\n display: grid;\n place-content: center;\n }\n div.start-adornment {\n display: grid;\n place-content: center;\n }\n }\n textarea,\n input {\n line-height: 1.5;\n font-weight: 400;\n background-color: transparent;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n border: unset;\n outline: unset;\n padding: unset;\n margin: unset;\n &::placeholder {\n color: #92a2b1;\n }\n }\n &.fsc-input {\n input {\n flex: 1;\n }\n }\n &.fsc-textarea {\n textarea {\n resize: none;\n min-height: 84px;\n }\n }\n}\n\n@mixin mobileview {\n .fsc-input-base {\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview,\ndiv.surveyserv-widget-container.compact-container-style {\n @include mobileview();\n}\n","label.input-label {\n font-family: var(--fsc-font-family);\n color: #475867;\n font-size: 0.9em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n margin-bottom: 4px;\n span {\n color: #d72d30;\n }\n}\n\nspan.input-helper {\n margin-top: 2px;\n font-size: 0.8em;\n font-weight: 400;\n line-height: 20px;\n color: #d72d30;\n}\n",".fsc-dropdown-base {\n .other-input-option {\n margin-top: 12px;\n }\n .fsc-dropdown-trigger {\n width: 100%;\n font-weight: 400;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n background-color: transparent;\n padding: 10px 12px;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: space-between;\n outline: none;\n border: 1px solid var(--brand-color, var(--default-brand-color));\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n .fsc-dropdown-select-icon {\n display: grid;\n place-content: center;\n }\n .fsc-dropdown-empty-placeholder {\n height: 1.5rem;\n }\n span:first-child {\n flex: 1;\n text-align: left;\n }\n &:hover {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &:focus,\n &[data-state='open'] {\n border: 1px solid transparent;\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n &[data-placeholder] {\n color: #92a2b1;\n white-space: nowrap;\n }\n &[data-state='open'] {\n .SelectIcon {\n transform: rotate(0deg);\n }\n }\n &[data-disabled] {\n cursor: not-allowed;\n }\n }\n}\n\n.fsc-dropdown-content {\n gap: 8px;\n padding: 8px;\n overflow: auto;\n list-style: none;\n z-index: 1000;\n border-radius: 2px 2px 8px 8px;\n // border: 1px solid #384551;\n box-shadow:\n 0px 10px 38px -10px rgba(22, 23, 24, 0.35),\n 0px 10px 20px -15px rgba(22, 23, 24, 0.2);\n\n background-color: var(\n --question-background-color,\n var(--default-question-background-color)\n );\n // width: var(--radix-select-trigger-width);\n max-height: min(var(--radix-select-content-available-height), 232px);\n &[data-side='top'] {\n flex-direction: column-reverse !important;\n }\n &[data-state='open'] {\n animation-name: basicShow;\n }\n &[data-state='closed'] {\n animation-name: basicShow;\n }\n .fsc-dropdown-viewport {\n scrollbar-width: thin;\n }\n .input-container {\n &:focus-within {\n border: 1px solid var(--brand-color, var(--default-brand-color)) !important;\n box-shadow: unset !important;\n }\n }\n .fsc-dropdown-item {\n &.hidden-item {\n display: none;\n }\n padding: 8px 12px;\n border-radius: 4px;\n display: flex;\n gap: 12px;\n align-items: center;\n justify-content: space-between;\n position: relative;\n user-select: none;\n outline: none;\n font-size: var(--fsc-font-size);\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n &[data-disabled] {\n pointer-events: none;\n }\n &[data-state='checked'] {\n background: var(--brand-color, var(--default-brand-color));\n color: #fff;\n }\n &:not([data-state='checked'])[data-highlighted] {\n background-color: #e5f2fd;\n // transform: scale(1.02, 1.02);\n }\n }\n}\n",".fsc-radio-group {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n button.radio-button-value {\n display: flex;\n gap: 8px;\n align-items: center;\n cursor: pointer;\n padding: 16px 24px;\n border: 1px solid #ebeff3;\n border-radius: 4px;\n white-space: pre-wrap;\n color: var(--question-text-color, #3a4b67);\n background-color: transparent;\n transform: scale(1, 1);\n transform-origin: center;\n transition: all var(--fsc-transition-duration);\n &:not(.checked):hover,\n &:not(.checked):focus {\n transform: scale(1.02, 1.02) !important;\n }\n &.checked {\n background-color: var(--brand-color, var(--default-brand-color));\n border-color: var(--brand-color, var(--default-brand-color));\n color: #fff;\n }\n }\n}\n.fsc-radio {\n display: flex;\n flex-direction: column;\n .fsc-radio-container {\n gap: 8px;\n display: flex;\n align-items: center;\n .fsc-radio-item {\n background-color: #fff;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid transparent;\n padding: 0;\n margin: 0;\n outline-offset: 3px;\n background-color: var(--brand-color, var(--default-brand-color));\n &[data-state='unchecked'] {\n border-color: var(--brand-color, var(--default-brand-color));\n background-color: unset;\n }\n &[data-disabled] {\n border-color: grey;\n background-color: var(--brand-color, var(--default-brand-color));\n }\n &:hover:not([data-disabled]) {\n box-shadow: 0 0 0 2px var(--brand-color, var(--default-brand-color));\n }\n .fsc-radio-indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n &::after {\n content: '';\n display: block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: #fff;\n }\n }\n }\n .fsc-radio-label {\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, #475867);\n font-size: 0.8em;\n font-style: normal;\n font-weight: 600;\n line-height: 20px;\n display: flex;\n span {\n color: #d72d30;\n }\n }\n }\n}\n.freemium-survey-components.widget-survey-components.cozy-style {\n .fsc-radio-group {\n flex-direction: row;\n button.radio-button-value {\n padding: 12px 16px;\n }\n }\n}\n\n@mixin mobileview {\n .fsc-radio-group {\n button.radio-button-value {\n text-align: left;\n width: 100%;\n justify-content: space-between;\n }\n }\n}\n\n@media (max-width: 550px) {\n @include mobileview();\n}\n\n.freemium-survey-components.mobile-preview,\ndiv.surveyserv-widget-container.compact-container-style {\n @include mobileview();\n}\n",":root {\n --default-brand-color: #264966;\n --default-question-text-color: #3a4b67;\n --default-question-background-color: #fff;\n --default-background-color: #f8f8f8;\n --default-button-text-color: #fff;\n --default-secondary-button-text-color: #000;\n --fsc-z-index: 2147483647;\n --fsc-transition-duration: 0.3s;\n --fsc-question-width: 700px;\n --fsc-question-max-width: 700px;\n --fsc-widget-transition-duration: 0.6s;\n --fsc-border-color: #cfd7df;\n --fsc-font-size: 14px;\n --fsc-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,\n Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n}\n\n[data-radix-popper-content-wrapper] {\n z-index: calc(var(--fsc-z-index) + 1) !important;\n}\n\n.surveyserv-widget-container,\n.freemium-survey-components {\n * {\n box-sizing: border-box;\n }\n font-family: var(--fsc-font-family);\n color: var(--question-text-color, var(--default-question-text-color));\n font-size: var(--fsc-font-size);\n .questions {\n .question-container {\n &.prompt-container {\n padding-top: unset;\n }\n .question-text {\n font-size: 1.2em;\n font-weight: 500;\n line-height: 1.4;\n letter-spacing: 0.3px;\n p {\n margin: 0;\n }\n &.required::after {\n content: '*';\n color: #d72d30;\n margin-left: 4px;\n }\n }\n }\n\n .question-footer {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n }\n }\n .freemium-survey-step-navigation {\n border-radius: 3px;\n border: 1px solid #efefef;\n width: fit-content;\n display: flex;\n button.navigation-button {\n width: 38px;\n height: 38px;\n background-color: #fff;\n border: none;\n cursor: pointer;\n display: grid;\n place-content: center;\n border-radius: 0 3px 3px 0;\n &:disabled {\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.5;\n }\n &:first-of-type {\n border-right: 1px solid #efefef;\n border-radius: 3px 0 0 3px;\n }\n }\n }\n .action-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n button.fsc-button {\n height: 40px;\n }\n }\n .question-container.thankyou {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n overflow: unset !important;\n gap: 24px;\n .heading {\n font-weight: 500;\n font-size: 1.4em;\n }\n .text {\n text-align: center;\n white-space: pre-wrap;\n font-weight: 500;\n font-size: var(--fsc-font-size);\n line-height: 1.6;\n color: var(--question-text-color, #475867);\n width: 75%;\n }\n .wrap-up-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n align-items: center;\n justify-content: center;\n button.action-button {\n letter-spacing: 0.05em;\n font-weight: 600;\n font-size: var(--fsc-font-size);\n line-height: 20px;\n color: #2c5cc5;\n border: 1px solid transparent;\n transform: translateY(0px);\n transition: transform ease 0.2s;\n background-color: #e5f2fd;\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n border-radius: 4px;\n &:hover {\n transform: translateY(-4px);\n }\n }\n }\n .redirection-container {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n .redirection-text {\n color: #929292;\n margin-bottom: 12px;\n text-align: center;\n font-weight: 300;\n }\n .link {\n max-width: 100%;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666;\n font-weight: 500;\n text-decoration: underline;\n }\n }\n .show-link-container {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n .show-link {\n &.show-custom-button-container {\n background: unset;\n }\n background: #f5f7f9;\n padding: 16px;\n border-radius: 12px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n .link-image-url {\n display: grid;\n place-content: center;\n height: 45px;\n width: 45px;\n background: #fff;\n border-radius: 8px;\n }\n\n .title-text {\n font-size: var(--fsc-font-size);\n font-weight: 500;\n }\n .links {\n display: flex;\n gap: 8px;\n }\n .links-item {\n }\n a {\n text-decoration: unset;\n .button_text {\n padding: 8px 12px;\n background: #4560f6;\n color: #fff;\n font-weight: 700;\n border-radius: 8px;\n }\n }\n }\n }\n }\n div.page-container {\n p {\n margin: unset;\n }\n .page-title {\n font-size: 1.4em;\n font-weight: 500;\n margin-bottom: 12px;\n color: var(--question-text-color, #475867);\n }\n .page-description {\n font-size: 1em;\n font-weight: 400;\n color: var(--question-text-color, #475867);\n max-height: 4rem;\n overflow: auto;\n }\n margin-bottom: 24px;\n }\n}\n\n@mixin mobileview {\n .questions {\n }\n}\n\n@media (max-width: 550px) {\n .freemium-survey-components {\n @include mobileview();\n }\n}\n\n.freemium-survey-components.mobile-preview {\n @include mobileview();\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-Consent-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-Consent-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-Consent-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-Consent-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-DateTime-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-DateTime-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-DateTime-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-DateTime-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-FormFields-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-FormFields-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-FormFields-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-FormFields-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-Gallery-stories.d74a259a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.fullpage-survey{height:100vh}
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+/*# sourceMappingURL=stories-Gallery-stories.d74a259a.chunk.css.map*/

package/storybook-static/static/css/stories-Gallery-stories.d74a259a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-Gallery-stories.d74a259a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/stories/style.scss","webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss"],"sourcesContent":[".fullpage-survey {\n height: 100vh;\n}\n",".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-LongTextAnswer-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-LongTextAnswer-stories.1445ea3a.chunk.css.map*/

package/storybook-static/static/css/stories-LongTextAnswer-stories.1445ea3a.chunk.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/css/stories-LongTextAnswer-stories.1445ea3a.chunk.css","mappings":"AAAA;ACAA","sources":["webpack://freemium-survey-components/./src/survey/meta-channel-preview/style.scss","webpack://freemium-survey-components/./src/stories/style.scss"],"sourcesContent":[".whatsapp-container {\n --message-margin: 40px;\n --message-border: 6px;\n --message-bg: #fff;\n --message-color: #0096de;\n --message-disabled-color: #aaa;\n --answers-bg: #d3ffc8;\n --answers-color: #000;\n --answers-radius: 6px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n font-size: var(--fsc-font-size);\n position: relative;\n width: 340px;\n height: 574px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg');\n background-repeat: no-repeat;\n background-size: contain;\n margin: 0 auto;\n // ::-webkit-scrollbar {\n // height: initial;\n // width: 6px;\n // }\n // ::-webkit-scrollbar-track {\n // background: transparent !important;\n // }\n // ::-webkit-scrollbar-thumb {\n // border-radius: 5px;\n // background: rgba(216, 216, 216, 0.7) !important;\n // }\n // scrollbar-color: rgba(216, 216, 216, 0.7) transparent !important;\n\n &.instagram {\n --message-bg: none;\n --answers-bg: #4d5bff;\n --answers-color: #fff;\n --answers-radius: 21px;\n background-image: url('https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg');\n\n .msg-container {\n position: relative;\n }\n .choices {\n display: none;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n margin-right: 0;\n width: 93%;\n &:before {\n content: '';\n display: block;\n width: 100%;\n position: absolute;\n top: 0px;\n border-top: 1px solid #e8e8e8;\n }\n .choice {\n border: 1px solid #0584fe;\n border-radius: 50px;\n color: #0584fe;\n box-shadow: none;\n }\n &.one-line {\n .range-choice,\n .choice {\n flex-grow: 0;\n }\n }\n }\n .question-container {\n background: #efefef;\n padding: 2px;\n border-radius: 21px;\n .options-popup {\n display: flex;\n overflow: auto;\n flex-direction: row;\n padding: 5px 0px 2px;\n box-shadow: none;\n border-top: 1px solid #e8e8e8;\n border-radius: 0;\n left: 7px;\n min-height: 50px;\n bottom: 0px;\n\n footer,\n header {\n display: none;\n }\n main {\n display: flex;\n padding: 0;\n .option-row {\n border: 1px solid #0584fe;\n border-radius: 50px;\n margin: 5px;\n padding: 5px 10px;\n button {\n color: var(--message-color);\n display: flex;\n }\n }\n }\n }\n .choices-button.choice {\n font-weight: 700;\n font-size: 13.4838px;\n line-height: 16px;\n letter-spacing: -0.03em;\n color: #333333;\n border: none;\n width: auto;\n padding: 8px;\n border-radius: 10px;\n margin: 5px 10px 10px;\n box-shadow: none;\n svg {\n display: none;\n }\n }\n .question-text-container {\n box-shadow: none;\n }\n\n &.active {\n margin-bottom: 40px;\n .choices {\n display: flex;\n overflow: auto;\n padding-top: 10px;\n background: #fff;\n .choice {\n button {\n white-space: nowrap;\n }\n }\n &.multi-choice {\n padding-bottom: 0;\n &::before {\n content: none;\n }\n }\n }\n }\n }\n .textarea-container {\n background: #fff;\n margin-right: 23px;\n textarea {\n background: #e8e8e8;\n border-radius: 18px;\n }\n }\n .answers {\n box-shadow: none;\n }\n }\n\n .msg-container {\n margin-top: 80px;\n margin-left: 18px;\n margin-right: 20px;\n flex-grow: 1;\n padding: 8px;\n overflow: hidden;\n display: flex;\n }\n\n .scroll-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 12px;\n overflow: scroll;\n }\n .question-text.required::after {\n content: '*';\n color: rgb(215, 45, 48);\n margin-left: 4px;\n }\n .question-text {\n font-size: 16px;\n line-height: 18px;\n padding: 12px;\n background-color: var(--message-bg);\n border-radius: var(--message-border);\n p {\n text-align: left;\n }\n a {\n color: var(--link-color);\n text-decoration: underline;\n }\n }\n .question-container {\n margin-right: var(--message-margin);\n gap: 2px;\n display: flex;\n flex-direction: column;\n pointer-events: none;\n text-align: left;\n .question-text-container {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n }\n &.active {\n pointer-events: initial;\n .choice {\n color: var(--message-color);\n button {\n color: var(--message-color);\n }\n svg:not(#star) {\n fill: var(--message-color);\n }\n }\n &.open-modal {\n margin-bottom: 45px;\n }\n }\n &#new {\n margin-bottom: 10px;\n }\n }\n .answers-container {\n width: 100%;\n display: flex;\n justify-content: end;\n text-align: left;\n }\n .answers {\n background: var(--answers-bg);\n margin-left: var(--message-margin);\n border-radius: var(--answers-radius);\n color: var(--answers-color);\n padding: 12px;\n width: fit-content;\n min-width: 80px;\n font-size: 16px;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n .reply-block {\n background: rgba(0, 0, 0, 8%);\n margin: -6px -6px 4px;\n padding: 5px 8px;\n border-radius: 6px;\n border-left: 3px solid #2c5cc5;\n .user {\n color: #2c5cc5;\n font-weight: 600;\n margin-bottom: 3px;\n }\n }\n &:empty {\n display: none;\n }\n .answer-text {\n display: flex;\n align-items: center;\n span {\n white-space: nowrap;\n }\n }\n }\n .options-popup {\n position: absolute;\n z-index: 1;\n border-radius: 12px 12px 30px 30px;\n background-color: #fff;\n box-shadow: 0px -10px 10px rgb(0 0 0 / 6%);\n padding: 12px 8px;\n bottom: 15px;\n left: 18px;\n right: 22px;\n transform: translateY(80px);\n transition: all linear 0.3s;\n opacity: 0;\n }\n .fade-enter-active {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-enter-done {\n transform: translateY(0px);\n opacity: 1;\n }\n .fade-exit-active {\n opacity: 0;\n transform: translateY(80px);\n }\n .fade-exit-done {\n opacity: 0;\n transform: translateY(80px);\n }\n .option-row {\n padding-bottom: 16px;\n button {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n width: 100%;\n span {\n white-space: nowrap;\n margin-left: 5px;\n }\n }\n }\n header {\n text-align: center;\n display: flex;\n align-items: center;\n padding-bottom: 20px;\n position: relative;\n }\n main {\n padding: 0 8px;\n }\n .close {\n background: transparent;\n border: none;\n width: 32px;\n height: 32px;\n position: absolute;\n }\n .choices-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: 12px;\n }\n .choices {\n display: flex;\n flex-direction: column;\n gap: 2px;\n list-style-type: none;\n padding-bottom: 5px;\n &.multi-choice {\n .choice {\n button {\n white-space: normal;\n }\n }\n }\n &.one-line {\n flex-direction: row;\n .range-choice,\n .choice {\n flex-grow: 1;\n }\n }\n }\n .choice {\n background-color: var(--message-bg);\n padding: 8px 12px;\n border-radius: var(--message-border);\n text-align: center;\n color: var(--message-disabled-color);\n box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;\n button {\n color: var(--message-disabled-color);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n white-space: nowrap;\n }\n svg:not(#star) {\n fill: var(--message-disabled-color);\n }\n }\n .range-choice {\n padding-top: 4px;\n padding-bottom: 4px;\n }\n h4 {\n margin: 0 auto;\n font-weight: 500;\n }\n footer {\n color: #979797;\n font-size: 0.8em;\n text-align: center;\n padding: 12px 0;\n }\n button {\n background: transparent;\n border: 0;\n cursor: pointer;\n }\n .textarea-container {\n display: flex;\n gap: 8px;\n margin-left: 12px;\n margin-right: 16px;\n margin-bottom: 26px;\n margin-top: 10px;\n margin: 0 21px 15px 18px;\n padding: 10px 12px;\n align-items: end;\n background: #f6f6f6;\n border-radius: 0 0 30px 30px;\n }\n textarea {\n resize: none;\n min-height: 40px;\n max-height: 100px;\n border-radius: 20px;\n padding: 12px;\n resize: none;\n border: none;\n width: 100%;\n &:focus {\n outline: none;\n }\n &::placeholder {\n line-height: 16px;\n padding-left: 2px;\n }\n }\n}\n",".fullpage-survey {\n height: 100vh;\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/stories-Matrix-stories.1445ea3a.chunk.css ADDED Viewed

@@ -0,0 +1,4 @@
+.whatsapp-container{--message-margin: 40px;--message-border: 6px;--message-bg: #fff;--message-color: #0096de;--message-disabled-color: #aaa;--answers-bg: #d3ffc8;--answers-color: #000;--answers-radius: 6px;display:flex;flex-direction:column;overflow:hidden;font-size:var(--fsc-font-size);position:relative;width:340px;height:574px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/whatsapp-bg.svg");background-repeat:no-repeat;background-size:contain;margin:0 auto}.whatsapp-container.instagram{--message-bg: none;--answers-bg: #4d5bff;--answers-color: #fff;--answers-radius: 21px;background-image:url("https://microfrontend.prestaging.sta91ng-surveyserv.com/survey/instagram-bg.svg")}.whatsapp-container.instagram .msg-container{position:relative}.whatsapp-container.instagram .choices{display:none;flex-direction:row;position:absolute;bottom:0;margin-right:0;width:93%}.whatsapp-container.instagram .choices:before{content:"";display:block;width:100%;position:absolute;top:0px;border-top:1px solid #e8e8e8}.whatsapp-container.instagram .choices .choice{border:1px solid #0584fe;border-radius:50px;color:#0584fe;box-shadow:none}.whatsapp-container.instagram .choices.one-line .range-choice,.whatsapp-container.instagram .choices.one-line .choice{flex-grow:0}.whatsapp-container.instagram .question-container{background:#efefef;padding:2px;border-radius:21px}.whatsapp-container.instagram .question-container .options-popup{display:flex;overflow:auto;flex-direction:row;padding:5px 0px 2px;box-shadow:none;border-top:1px solid #e8e8e8;border-radius:0;left:7px;min-height:50px;bottom:0px}.whatsapp-container.instagram .question-container .options-popup footer,.whatsapp-container.instagram .question-container .options-popup header{display:none}.whatsapp-container.instagram .question-container .options-popup main{display:flex;padding:0}.whatsapp-container.instagram .question-container .options-popup main .option-row{border:1px solid #0584fe;border-radius:50px;margin:5px;padding:5px 10px}.whatsapp-container.instagram .question-container .options-popup main .option-row button{color:var(--message-color);display:flex}.whatsapp-container.instagram .question-container .choices-button.choice{font-weight:700;font-size:13.4838px;line-height:16px;letter-spacing:-0.03em;color:#333;border:none;width:auto;padding:8px;border-radius:10px;margin:5px 10px 10px;box-shadow:none}.whatsapp-container.instagram .question-container .choices-button.choice svg{display:none}.whatsapp-container.instagram .question-container .question-text-container{box-shadow:none}.whatsapp-container.instagram .question-container.active{margin-bottom:40px}.whatsapp-container.instagram .question-container.active .choices{display:flex;overflow:auto;padding-top:10px;background:#fff}.whatsapp-container.instagram .question-container.active .choices .choice button{white-space:nowrap}.whatsapp-container.instagram .question-container.active .choices.multi-choice{padding-bottom:0}.whatsapp-container.instagram .question-container.active .choices.multi-choice::before{content:none}.whatsapp-container.instagram .textarea-container{background:#fff;margin-right:23px}.whatsapp-container.instagram .textarea-container textarea{background:#e8e8e8;border-radius:18px}.whatsapp-container.instagram .answers{box-shadow:none}.whatsapp-container .msg-container{margin-top:80px;margin-left:18px;margin-right:20px;flex-grow:1;padding:8px;overflow:hidden;display:flex}.whatsapp-container .scroll-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:12px;overflow:scroll}.whatsapp-container .question-text.required::after{content:"*";color:#d72d30;margin-left:4px}.whatsapp-container .question-text{font-size:16px;line-height:18px;padding:12px;background-color:var(--message-bg);border-radius:var(--message-border)}.whatsapp-container .question-text p{text-align:left}.whatsapp-container .question-text a{color:var(--link-color);text-decoration:underline}.whatsapp-container .question-container{margin-right:var(--message-margin);gap:2px;display:flex;flex-direction:column;pointer-events:none;text-align:left}.whatsapp-container .question-container .question-text-container{box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .question-container.active{pointer-events:initial}.whatsapp-container .question-container.active .choice{color:var(--message-color)}.whatsapp-container .question-container.active .choice button{color:var(--message-color)}.whatsapp-container .question-container.active .choice svg:not(#star){fill:var(--message-color)}.whatsapp-container .question-container.active.open-modal{margin-bottom:45px}.whatsapp-container .question-container#new{margin-bottom:10px}.whatsapp-container .answers-container{width:100%;display:flex;justify-content:end;text-align:left}.whatsapp-container .answers{background:var(--answers-bg);margin-left:var(--message-margin);border-radius:var(--answers-radius);color:var(--answers-color);padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:80px;font-size:16px;box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .answers .reply-block{background:rgba(0,0,0,.08);margin:-6px -6px 4px;padding:5px 8px;border-radius:6px;border-left:3px solid #2c5cc5}.whatsapp-container .answers .reply-block .user{color:#2c5cc5;font-weight:600;margin-bottom:3px}.whatsapp-container .answers:empty{display:none}.whatsapp-container .answers .answer-text{display:flex;align-items:center}.whatsapp-container .answers .answer-text span{white-space:nowrap}.whatsapp-container .options-popup{position:absolute;z-index:1;border-radius:12px 12px 30px 30px;background-color:#fff;box-shadow:0px -10px 10px rgba(0,0,0,.06);padding:12px 8px;bottom:15px;left:18px;right:22px;transform:translateY(80px);transition:all linear .3s;opacity:0}.whatsapp-container .fade-enter-active{transform:translateY(0px);opacity:1}.whatsapp-container .fade-enter-done{transform:translateY(0px);opacity:1}.whatsapp-container .fade-exit-active{opacity:0;transform:translateY(80px)}.whatsapp-container .fade-exit-done{opacity:0;transform:translateY(80px)}.whatsapp-container .option-row{padding-bottom:16px}.whatsapp-container .option-row button{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.whatsapp-container .option-row button span{white-space:nowrap;margin-left:5px}.whatsapp-container header{text-align:center;display:flex;align-items:center;padding-bottom:20px;position:relative}.whatsapp-container main{padding:0 8px}.whatsapp-container .close{background:rgba(0,0,0,0);border:none;width:32px;height:32px;position:absolute}.whatsapp-container .choices-button{display:flex;align-items:center;justify-content:center;width:100%;gap:12px}.whatsapp-container .choices{display:flex;flex-direction:column;gap:2px;list-style-type:none;padding-bottom:5px}.whatsapp-container .choices.multi-choice .choice button{white-space:normal}.whatsapp-container .choices.one-line{flex-direction:row}.whatsapp-container .choices.one-line .range-choice,.whatsapp-container .choices.one-line .choice{flex-grow:1}.whatsapp-container .choice{background-color:var(--message-bg);padding:8px 12px;border-radius:var(--message-border);text-align:center;color:var(--message-disabled-color);box-shadow:rgba(0,0,0,.2) 0px 1px 1px}.whatsapp-container .choice button{color:var(--message-disabled-color);display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap}.whatsapp-container .choice svg:not(#star){fill:var(--message-disabled-color)}.whatsapp-container .range-choice{padding-top:4px;padding-bottom:4px}.whatsapp-container h4{margin:0 auto;font-weight:500}.whatsapp-container footer{color:#979797;font-size:.8em;text-align:center;padding:12px 0}.whatsapp-container button{background:rgba(0,0,0,0);border:0;cursor:pointer}.whatsapp-container .textarea-container{display:flex;gap:8px;margin-left:12px;margin-right:16px;margin-bottom:26px;margin-top:10px;margin:0 21px 15px 18px;padding:10px 12px;align-items:end;background:#f6f6f6;border-radius:0 0 30px 30px}.whatsapp-container textarea{resize:none;min-height:40px;max-height:100px;border-radius:20px;padding:12px;resize:none;border:none;width:100%}.whatsapp-container textarea:focus{outline:none}.whatsapp-container textarea::placeholder{line-height:16px;padding-left:2px}
+.fullpage-survey{height:100vh}
+/*# sourceMappingURL=stories-Matrix-stories.1445ea3a.chunk.css.map*/