botframework-webchat-fluent-theme 4.17.0-main.20240425.edca85d → 4.17.0-main.20240501.533c151

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.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/Theme.module.css","../src/components/dropZone/index.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/index.module.css","../src/components/sendbox/Toolbar.module.css","../src/components/sendbox/AddAttachmentButton.module.css","../src/components/sendbox/Attachments.module.css","../src/components/sendbox/ErrorMessage.module.css","../src/components/sendbox/TextArea.module.css","../src/components/sendbox/index.module.css"],"sourcesContent":["\n:global(.webchat-fluent) .telephone-keypad__button {\n -webkit-user-select: none;\n align-items: center;\n appearance: none;\n /* backgroundColor: isDarkTheme() || isHighContrastTheme() ? black : white, */\n background-color: White;\n border-radius: 100%;\n\n /* Whitelabel styles */\n /* border: `solid 1px ${isHighContrastTheme() ? white : isDarkTheme() ? gray160 : gray40}`, */\n /* color: inherit; */\n\n border: solid 1px var(--webchat-colorNeutralStroke1);\n color: var(--webchat-colorGray200);\n font-weight: var(--webchat-fontWeightSemibold);\n\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 60px;\n opacity: 0.7;\n padding: 0;\n position: relative;\n touch-action: none;\n user-select: none;\n width: 60px;\n\n &:hover {\n /* backgroundColor: isHighContrastTheme() ? gray210 : isDarkTheme() ? gray150 : gray30 */\n background-color: var(--webchat-colorGray30)\n }\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__ruby {\n /* color: isHighContrastTheme() ? white : isDarkTheme() ? gray40 : gray160, */\n color: var(--webchat-colorGray190);\n font-size: 10px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__text {\n font-size: 24px;\n margin-top: 8px;\n}\n\n:global(.webchat-fluent) .telephone-keypad--horizontal {\n & .telephone-keypad__button {\n height: 32px;\n justify-content: center;\n margin: 8px 4px;\n width: 32px;\n };\n\n .telephone-keypad__button__ruby {\n display: none;\n }\n\n & .telephone-keypad__button__text {\n font-size: 20px;\n margin-top: 0;\n }\n}\n","\n:global(.webchat-fluent) .telephone-keypad {\n /* Commented out whitelabel styles for now. */\n /* background: getHighContrastDarkThemeColor(highContrastColor: black, darkThemeColor: gray190, string, defaultColor: gray10), */\n /* borderRadius: '8px 8px 0px 0px; */\n /* boxShadow: '-3px 0px 7px 0px rgba(0, 0, 0, 0.13), -0.6px 0px 1.8px 0px rgba(0, 0, 0, 0.10)', */\n\n align-items: center;\n background: var(--webchat-colorNeutralBackground1);\n /* border: isHighContrastTheme() ? `1px solid ${white}` : none; */\n border: none;\n border-radius: var(--webchat-borderRadiusXLarge);\n /* boxShadow: var(--shadow16); */\n display: flex;\n flex-direction: column;\n font-family: var(--webchat-fontFamilyBase);\n justify-content: center;\n /* margin: var(--spacingHorizontalMNudge)' */\n}\n\n:global(.webchat-fluent) .telephone-keypad__box {\n box-sizing: border-box;\n display: grid;\n gap: 16px;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(4, 1fr);\n justify-items: center;\n padding: 16px;\n width: 100%;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\n}\n","\n:global(.webchat-fluent).theme {\n display: contents;\n\n --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);\n --webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);\n --webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);\n\n --webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\n\n --webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);\n\n --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);\n --webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);\n --webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);\n\n --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n \n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c); \n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\n\n --webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/colors.ts */\n --webchat-colorGray30: var(--colorGray30, #edebe9);\n --webchat-colorGray160: var(--colorGray160, #323130);\n --webchat-colorGray190: var(--colorGray190, #201f1e);\n --webchat-colorGray200: var(--colorGray200, #1b1a19);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/borderRadius.ts */\n --webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);\n --webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);\n --webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n --webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108));\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/spacings.ts */\n --webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontFamilyBase: var(--fontFamilyBase, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n --webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n \n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\n }\n}",":global(.webchat-fluent) .sendbox__attachment-drop-zone {\n background-color: var(--webchat-colorNeutralBackground4);\n border-radius: inherit;\n cursor: copy;\n display: grid;\n gap: 8px;\n inset: 0;\n place-content: center;\n place-items: center;\n position: absolute;\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone--droppable {\n background-color: #e00;\n color: White\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone-icon {\n height: 36px;\n /* Set \"pointer-events: none\" to ignore dragging over the icon. Otherwise, when dragging over the icon; it would disable the \"--droppable\" modifier.*/\n pointer-events: none;\n width: 36px\n}\n",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\n cursor: pointer;\n display: flex;\n font-size: 12px;\n gap: 4px;\n padding: 4px 8px 4px;\n text-align: start;\n transition: all .15s ease-out;\n\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: var(--webchat-colorBrandBackground2Hover);\n color: var(--webchat-colorBrandForeground2Hover)\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n background-color: var(--webchat-colorBrandBackground2Pressed);\n color: var(--webchat-colorBrandForeground2Pressed)\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed\n }\n}\n\n:global(.webchat-fluent) .suggested-action__image {\n font-size: 12px;\n height: 1em;\n width: 1em;\n}\n","\n:global(.webchat-fluent) .suggested-actions {\n align-items: flex-end;\n align-self: flex-end;\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n &:not(:empty) {\n padding-block-end: 8px;\n padding-inline-start: 4px\n }\n\n &.suggested-actions--flow {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n }\n\n &.suggested-actions--stacked {\n flex-direction: column\n }\n}\n",":global(.webchat-fluent) .sendbox__toolbar {\n display: flex;\n gap: 4px;\n margin-inline-start: auto;\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-button {\n align-items: center;\n appearance: none;\n aspect-ratio: 1;\n background: transparent;\n border-radius: var(--webchat-borderRadiusSmall);\n border: none;\n color: currentColor;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 3px;\n width: 32px;\n\n > svg {\n font-size: 20px;\n pointer-events: none;\n }\n\n &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed;\n }\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-separator {\n align-self: center;\n border-inline-end: 1px solid var(--webchat-colorNeutralStroke2);\n height: 28px;\n\n &:first-child, &:last-child, &:only-child {\n display: none\n }\n}\n",":global(.webchat-fluent) .sendbox__add-attachment {\n display: grid\n}\n\n:global(.webchat-fluent) .sendbox__add-attachment-input {\n font-size: 0;\n height: 0;\n opacity: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__attachment {\n border-radius: var(--webchat-borderRadiusLarge);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n cursor: default;\n padding: 6px 8px;\n width: fit-content\n}\n",":global(.webchat-fluent) .sendbox__error-message {\n color: transparent;\n font-size: 0;\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__text-area {\n display: grid;\n grid-template-areas: 'main';\n max-height: 200px;\n overflow: hidden;\n}\n\n:global(.webchat-fluent) .sendbox__text-area--hidden {\n /* TODO: Not perfect way of hiding the text box. */\n height: 0;\n visibility: collapse;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-shared {\n border: none;\n font: inherit;\n grid-area: main;\n outline: inherit;\n overflow-wrap: anywhere;\n resize: inherit;\n scrollbar-gutter: stable;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-doppelganger {\n overflow: hidden;\n visibility: hidden;\n white-space: pre-wrap;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input {\n background-color: inherit;\n color: currentColor;\n height: 100%;\n padding: 0;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input--scroll {\n /* Edge uses -webkit-scrollbar if scrollbar-* is not set */\n scrollbar-color: unset;\n scrollbar-width: unset;\n /* Firefox */\n -moz-scrollbar-color: var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);\n -moz-scrollbar-width: thin;\n\n /* Chrome, Edge, and Safari */\n &::-webkit-scrollbar {\n width: 8px\n }\n\n &::-webkit-scrollbar-track {\n background-color: var(--webchat-colorNeutralBackground5);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--webchat-colorNeutralForeground2);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-corner {\n background-color: var(--webchat-colorNeutralBackground5);\n }\n}\n",":global(.webchat-fluent) .sendbox {\n color: var(--webchat-colorNeutralForeground1);\n font-family: var(--webchat-fontFamilyBase);\n padding: 0 10px 10px;\n text-rendering: optimizeLegibility;\n\n --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\n }\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-text {\n background-color: transparent;\n border: none;\n flex: auto;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n line-height: 20px;\n outline: none;\n padding: 4px 4px 0;\n resize: none;\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-controls {\n align-items: center;\n display: flex;\n padding-inline-start: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter {\n color: var(--webchat-colorNeutralForeground4);\n cursor: default;\n font-family: var(--webchat-fontFamilyNumeric);\n font-size: 10px;\n line-height: 14px;\n margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\n"],"mappings":"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","names":["telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","theme","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error"]}
1
+ {"version":3,"sources":["../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/Theme.module.css","../src/components/dropZone/index.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/index.module.css","../src/components/sendbox/Toolbar.module.css","../src/components/sendbox/AddAttachmentButton.module.css","../src/components/sendbox/Attachments.module.css","../src/components/sendbox/ErrorMessage.module.css","../src/components/sendbox/TextArea.module.css","../src/components/sendbox/index.module.css"],"sourcesContent":["\n:global(.webchat-fluent) .telephone-keypad__button {\n -webkit-user-select: none;\n align-items: center;\n appearance: none;\n /* backgroundColor: isDarkTheme() || isHighContrastTheme() ? black : white, */\n background-color: White;\n border-radius: 100%;\n\n /* Whitelabel styles */\n /* border: `solid 1px ${isHighContrastTheme() ? white : isDarkTheme() ? gray160 : gray40}`, */\n /* color: inherit; */\n\n border: solid 1px var(--webchat-colorNeutralStroke1);\n color: var(--webchat-colorGray200);\n font-weight: var(--webchat-fontWeightSemibold);\n\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 60px;\n opacity: 0.7;\n padding: 0;\n position: relative;\n touch-action: none;\n user-select: none;\n width: 60px;\n\n &:hover {\n /* backgroundColor: isHighContrastTheme() ? gray210 : isDarkTheme() ? gray150 : gray30 */\n background-color: var(--webchat-colorGray30)\n }\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__ruby {\n /* color: isHighContrastTheme() ? white : isDarkTheme() ? gray40 : gray160, */\n color: var(--webchat-colorGray190);\n font-size: 10px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__text {\n font-size: 24px;\n margin-top: 8px;\n}\n\n:global(.webchat-fluent) .telephone-keypad--horizontal {\n & .telephone-keypad__button {\n height: 32px;\n justify-content: center;\n margin: 8px 4px;\n width: 32px;\n };\n\n .telephone-keypad__button__ruby {\n display: none;\n }\n\n & .telephone-keypad__button__text {\n font-size: 20px;\n margin-top: 0;\n }\n}\n","\n:global(.webchat-fluent) .telephone-keypad {\n /* Commented out whitelabel styles for now. */\n /* background: getHighContrastDarkThemeColor(highContrastColor: black, darkThemeColor: gray190, string, defaultColor: gray10), */\n /* borderRadius: '8px 8px 0px 0px; */\n /* boxShadow: '-3px 0px 7px 0px rgba(0, 0, 0, 0.13), -0.6px 0px 1.8px 0px rgba(0, 0, 0, 0.10)', */\n\n align-items: center;\n background: var(--webchat-colorNeutralBackground1);\n /* border: isHighContrastTheme() ? `1px solid ${white}` : none; */\n border: none;\n border-radius: var(--webchat-borderRadiusXLarge);\n /* boxShadow: var(--shadow16); */\n display: flex;\n flex-direction: column;\n font-family: var(--webchat-fontFamilyBase);\n justify-content: center;\n /* margin: var(--spacingHorizontalMNudge)' */\n}\n\n:global(.webchat-fluent) .telephone-keypad__box {\n box-sizing: border-box;\n display: grid;\n gap: 16px;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(4, 1fr);\n justify-items: center;\n padding: 16px;\n width: 100%;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\n}\n","\n:global(.webchat-fluent).theme {\n display: contents;\n\n --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);\n --webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);\n --webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);\n\n --webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\n\n --webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);\n\n --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);\n --webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);\n --webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);\n\n --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n \n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c); \n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\n\n --webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/colors.ts */\n --webchat-colorGray30: var(--colorGray30, #edebe9);\n --webchat-colorGray160: var(--colorGray160, #323130);\n --webchat-colorGray190: var(--colorGray190, #201f1e);\n --webchat-colorGray200: var(--colorGray200, #1b1a19);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/borderRadius.ts */\n --webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);\n --webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);\n --webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n --webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108));\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/spacings.ts */\n --webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontFamilyBase: var(--fontFamilyBase, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n --webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n \n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\n }\n}",":global(.webchat-fluent) .sendbox__attachment-drop-zone {\n background-color: var(--webchat-colorNeutralBackground4);\n border-radius: inherit;\n cursor: copy;\n display: grid;\n gap: 8px;\n inset: 0;\n place-content: center;\n place-items: center;\n position: absolute;\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone--droppable {\n background-color: #e00;\n color: White\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone-icon {\n height: 36px;\n /* Set \"pointer-events: none\" to ignore dragging over the icon. Otherwise, when dragging over the icon; it would disable the \"--droppable\" modifier.*/\n pointer-events: none;\n width: 36px\n}\n",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\n cursor: pointer;\n display: flex;\n font-size: 12px;\n gap: 4px;\n padding: 4px 8px 4px;\n text-align: start;\n transition: all .15s ease-out;\n\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: var(--webchat-colorBrandBackground2Hover);\n color: var(--webchat-colorBrandForeground2Hover)\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n background-color: var(--webchat-colorBrandBackground2Pressed);\n color: var(--webchat-colorBrandForeground2Pressed)\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed\n }\n}\n\n:global(.webchat-fluent) .suggested-action__image {\n font-size: 12px;\n height: 1em;\n width: 1em;\n}\n","\n:global(.webchat-fluent) .suggested-actions {\n align-items: flex-end;\n align-self: flex-end;\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n &:not(:empty) {\n padding-block-end: 8px;\n padding-inline-start: 4px\n }\n\n &.suggested-actions--flow {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n }\n\n &.suggested-actions--stacked {\n flex-direction: column\n }\n}\n",":global(.webchat-fluent) .sendbox__toolbar {\n display: flex;\n gap: 4px;\n margin-inline-start: auto;\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-button {\n align-items: center;\n appearance: none;\n aspect-ratio: 1;\n background: transparent;\n border-radius: var(--webchat-borderRadiusSmall);\n border: none;\n color: currentColor;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 3px;\n width: 32px;\n\n > svg {\n font-size: 20px;\n pointer-events: none;\n }\n\n &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed;\n }\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-separator {\n align-self: center;\n border-inline-end: 1px solid var(--webchat-colorNeutralStroke2);\n height: 28px;\n\n &:first-child, &:last-child, &:only-child {\n display: none\n }\n}\n",":global(.webchat-fluent) .sendbox__add-attachment {\n display: grid\n}\n\n:global(.webchat-fluent) .sendbox__add-attachment-input {\n font-size: 0;\n height: 0;\n opacity: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__attachment {\n border-radius: var(--webchat-borderRadiusLarge);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n cursor: default;\n padding: 6px 8px;\n width: fit-content\n}\n",":global(.webchat-fluent) .sendbox__error-message {\n color: transparent;\n font-size: 0;\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__text-area {\n display: grid;\n grid-template-areas: 'main';\n max-height: 200px;\n overflow: hidden;\n}\n\n:global(.webchat-fluent) .sendbox__text-area--hidden {\n /* TODO: Not perfect way of hiding the text box. */\n height: 0;\n visibility: collapse;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-shared {\n border: none;\n font: inherit;\n grid-area: main;\n outline: inherit;\n overflow-wrap: anywhere;\n resize: inherit;\n scrollbar-gutter: stable;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-doppelganger {\n overflow: hidden;\n visibility: hidden;\n white-space: pre-wrap;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input {\n background-color: inherit;\n color: currentColor;\n height: 100%;\n padding: 0;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input--scroll {\n /* Edge uses -webkit-scrollbar if scrollbar-* is not set */\n scrollbar-color: unset;\n scrollbar-width: unset;\n /* Firefox */\n -moz-scrollbar-color: var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);\n -moz-scrollbar-width: thin;\n\n /* Chrome, Edge, and Safari */\n &::-webkit-scrollbar {\n width: 8px\n }\n\n &::-webkit-scrollbar-track {\n background-color: var(--webchat-colorNeutralBackground5);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--webchat-colorNeutralForeground2);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-corner {\n background-color: var(--webchat-colorNeutralBackground5);\n }\n}\n",":global(.webchat-fluent) .sendbox {\n color: var(--webchat-colorNeutralForeground1);\n font-family: var(--webchat-fontFamilyBase);\n padding: 0 10px 10px;\n text-rendering: optimizeLegibility;\n\n --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\n }\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-text {\n background-color: transparent;\n border: none;\n flex: auto;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n line-height: 20px;\n outline: none;\n padding: 4px 4px 0;\n resize: none;\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-controls {\n align-items: center;\n display: flex;\n padding-inline-start: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter {\n color: var(--webchat-colorNeutralForeground4);\n cursor: default;\n font-family: var(--webchat-fontFamilyNumeric);\n font-size: 10px;\n line-height: 14px;\n margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\n"],"mappings":"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","names":["telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","theme","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error"]}
@@ -24,4 +24,10 @@ declare const testIds: {
24
24
  sendBoxUploadButton: string;
25
25
  };
26
26
 
27
- export { _default as FluentThemeProvider, testIds };
27
+ declare const buildInfo: {
28
+ buildTool: string | undefined;
29
+ moduleFormat: string | undefined;
30
+ version: string | undefined;
31
+ };
32
+
33
+ export { _default as FluentThemeProvider, buildInfo, testIds };
@@ -24,4 +24,10 @@ declare const testIds: {
24
24
  sendBoxUploadButton: string;
25
25
  };
26
26
 
27
- export { _default as FluentThemeProvider, testIds };
27
+ declare const buildInfo: {
28
+ buildTool: string | undefined;
29
+ moduleFormat: string | undefined;
30
+ version: string | undefined;
31
+ };
32
+
33
+ export { _default as FluentThemeProvider, buildInfo, testIds };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/Theme.module.css","../src/components/dropZone/index.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/index.module.css","../src/components/sendbox/Toolbar.module.css","../src/components/sendbox/AddAttachmentButton.module.css","../src/components/sendbox/Attachments.module.css","../src/components/sendbox/ErrorMessage.module.css","../src/components/sendbox/TextArea.module.css","../src/components/sendbox/index.module.css"],"sourcesContent":["\n:global(.webchat-fluent) .telephone-keypad__button {\n -webkit-user-select: none;\n align-items: center;\n appearance: none;\n /* backgroundColor: isDarkTheme() || isHighContrastTheme() ? black : white, */\n background-color: White;\n border-radius: 100%;\n\n /* Whitelabel styles */\n /* border: `solid 1px ${isHighContrastTheme() ? white : isDarkTheme() ? gray160 : gray40}`, */\n /* color: inherit; */\n\n border: solid 1px var(--webchat-colorNeutralStroke1);\n color: var(--webchat-colorGray200);\n font-weight: var(--webchat-fontWeightSemibold);\n\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 60px;\n opacity: 0.7;\n padding: 0;\n position: relative;\n touch-action: none;\n user-select: none;\n width: 60px;\n\n &:hover {\n /* backgroundColor: isHighContrastTheme() ? gray210 : isDarkTheme() ? gray150 : gray30 */\n background-color: var(--webchat-colorGray30)\n }\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__ruby {\n /* color: isHighContrastTheme() ? white : isDarkTheme() ? gray40 : gray160, */\n color: var(--webchat-colorGray190);\n font-size: 10px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__text {\n font-size: 24px;\n margin-top: 8px;\n}\n\n:global(.webchat-fluent) .telephone-keypad--horizontal {\n & .telephone-keypad__button {\n height: 32px;\n justify-content: center;\n margin: 8px 4px;\n width: 32px;\n };\n\n .telephone-keypad__button__ruby {\n display: none;\n }\n\n & .telephone-keypad__button__text {\n font-size: 20px;\n margin-top: 0;\n }\n}\n","\n:global(.webchat-fluent) .telephone-keypad {\n /* Commented out whitelabel styles for now. */\n /* background: getHighContrastDarkThemeColor(highContrastColor: black, darkThemeColor: gray190, string, defaultColor: gray10), */\n /* borderRadius: '8px 8px 0px 0px; */\n /* boxShadow: '-3px 0px 7px 0px rgba(0, 0, 0, 0.13), -0.6px 0px 1.8px 0px rgba(0, 0, 0, 0.10)', */\n\n align-items: center;\n background: var(--webchat-colorNeutralBackground1);\n /* border: isHighContrastTheme() ? `1px solid ${white}` : none; */\n border: none;\n border-radius: var(--webchat-borderRadiusXLarge);\n /* boxShadow: var(--shadow16); */\n display: flex;\n flex-direction: column;\n font-family: var(--webchat-fontFamilyBase);\n justify-content: center;\n /* margin: var(--spacingHorizontalMNudge)' */\n}\n\n:global(.webchat-fluent) .telephone-keypad__box {\n box-sizing: border-box;\n display: grid;\n gap: 16px;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(4, 1fr);\n justify-items: center;\n padding: 16px;\n width: 100%;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\n}\n","\n:global(.webchat-fluent).theme {\n display: contents;\n\n --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);\n --webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);\n --webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);\n\n --webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\n\n --webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);\n\n --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);\n --webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);\n --webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);\n\n --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n \n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c); \n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\n\n --webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/colors.ts */\n --webchat-colorGray30: var(--colorGray30, #edebe9);\n --webchat-colorGray160: var(--colorGray160, #323130);\n --webchat-colorGray190: var(--colorGray190, #201f1e);\n --webchat-colorGray200: var(--colorGray200, #1b1a19);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/borderRadius.ts */\n --webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);\n --webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);\n --webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n --webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108));\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/spacings.ts */\n --webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontFamilyBase: var(--fontFamilyBase, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n --webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n \n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\n }\n}",":global(.webchat-fluent) .sendbox__attachment-drop-zone {\n background-color: var(--webchat-colorNeutralBackground4);\n border-radius: inherit;\n cursor: copy;\n display: grid;\n gap: 8px;\n inset: 0;\n place-content: center;\n place-items: center;\n position: absolute;\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone--droppable {\n background-color: #e00;\n color: White\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone-icon {\n height: 36px;\n /* Set \"pointer-events: none\" to ignore dragging over the icon. Otherwise, when dragging over the icon; it would disable the \"--droppable\" modifier.*/\n pointer-events: none;\n width: 36px\n}\n",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\n cursor: pointer;\n display: flex;\n font-size: 12px;\n gap: 4px;\n padding: 4px 8px 4px;\n text-align: start;\n transition: all .15s ease-out;\n\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: var(--webchat-colorBrandBackground2Hover);\n color: var(--webchat-colorBrandForeground2Hover)\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n background-color: var(--webchat-colorBrandBackground2Pressed);\n color: var(--webchat-colorBrandForeground2Pressed)\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed\n }\n}\n\n:global(.webchat-fluent) .suggested-action__image {\n font-size: 12px;\n height: 1em;\n width: 1em;\n}\n","\n:global(.webchat-fluent) .suggested-actions {\n align-items: flex-end;\n align-self: flex-end;\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n &:not(:empty) {\n padding-block-end: 8px;\n padding-inline-start: 4px\n }\n\n &.suggested-actions--flow {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n }\n\n &.suggested-actions--stacked {\n flex-direction: column\n }\n}\n",":global(.webchat-fluent) .sendbox__toolbar {\n display: flex;\n gap: 4px;\n margin-inline-start: auto;\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-button {\n align-items: center;\n appearance: none;\n aspect-ratio: 1;\n background: transparent;\n border-radius: var(--webchat-borderRadiusSmall);\n border: none;\n color: currentColor;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 3px;\n width: 32px;\n\n > svg {\n font-size: 20px;\n pointer-events: none;\n }\n\n &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed;\n }\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-separator {\n align-self: center;\n border-inline-end: 1px solid var(--webchat-colorNeutralStroke2);\n height: 28px;\n\n &:first-child, &:last-child, &:only-child {\n display: none\n }\n}\n",":global(.webchat-fluent) .sendbox__add-attachment {\n display: grid\n}\n\n:global(.webchat-fluent) .sendbox__add-attachment-input {\n font-size: 0;\n height: 0;\n opacity: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__attachment {\n border-radius: var(--webchat-borderRadiusLarge);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n cursor: default;\n padding: 6px 8px;\n width: fit-content\n}\n",":global(.webchat-fluent) .sendbox__error-message {\n color: transparent;\n font-size: 0;\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__text-area {\n display: grid;\n grid-template-areas: 'main';\n max-height: 200px;\n overflow: hidden;\n}\n\n:global(.webchat-fluent) .sendbox__text-area--hidden {\n /* TODO: Not perfect way of hiding the text box. */\n height: 0;\n visibility: collapse;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-shared {\n border: none;\n font: inherit;\n grid-area: main;\n outline: inherit;\n overflow-wrap: anywhere;\n resize: inherit;\n scrollbar-gutter: stable;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-doppelganger {\n overflow: hidden;\n visibility: hidden;\n white-space: pre-wrap;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input {\n background-color: inherit;\n color: currentColor;\n height: 100%;\n padding: 0;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input--scroll {\n /* Edge uses -webkit-scrollbar if scrollbar-* is not set */\n scrollbar-color: unset;\n scrollbar-width: unset;\n /* Firefox */\n -moz-scrollbar-color: var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);\n -moz-scrollbar-width: thin;\n\n /* Chrome, Edge, and Safari */\n &::-webkit-scrollbar {\n width: 8px\n }\n\n &::-webkit-scrollbar-track {\n background-color: var(--webchat-colorNeutralBackground5);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--webchat-colorNeutralForeground2);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-corner {\n background-color: var(--webchat-colorNeutralBackground5);\n }\n}\n",":global(.webchat-fluent) .sendbox {\n color: var(--webchat-colorNeutralForeground1);\n font-family: var(--webchat-fontFamilyBase);\n padding: 0 10px 10px;\n text-rendering: optimizeLegibility;\n\n --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\n }\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-text {\n background-color: transparent;\n border: none;\n flex: auto;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n line-height: 20px;\n outline: none;\n padding: 4px 4px 0;\n resize: none;\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-controls {\n align-items: center;\n display: flex;\n padding-inline-start: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter {\n color: var(--webchat-colorNeutralForeground4);\n cursor: default;\n font-family: var(--webchat-fontFamilyNumeric);\n font-size: 10px;\n line-height: 14px;\n margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\n"],"mappings":";AACQ,CAAC,eAAgB,CAACA;AACxB,uBAAqB;AACrB,eAAa;AACb,cAAY;AAEZ,oBAAkB;AAClB,iBAAe;AAMf,UAAQ,MAAM,IAAI,IAAI;AACtB,SAAO,IAAI;AACX,eAAa,IAAI;AAEjB,UAAQ;AACR,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACR,WAAS;AACT,WAAS;AACT,YAAU;AACV,gBAAc;AACd,eAAa;AACb,SAAO;AAMT;AA/BQ,CAAC,eAAgB,CAACA,+BA2BvB;AAEC,oBAAkB,IAAI;AACxB;AAGM,CAjCC,eAiCgB,CAACC;AAExB,SAAO,IAAI;AACX,aAAW;AACb;AAEQ,CAvCC,eAuCgB,CAACC;AACxB,aAAW;AACX,cAAY;AACd;AAEQ,CA5CC,eA4CgB,CAACC,oCACtB,CA7CsBH;AA8CtB,UAAQ;AACR,mBAAiB;AACjB,UAAQ,IAAI;AACZ,SAAO;AACT;AANM,CA5CC,eA4CgB,CAACG,oCAQxB,CAnBwBF;AAoBtB,WAAS;AACX;AAVM,CA5CC,eA4CgB,CAACE,oCAYtB,CAjBsBD;AAkBtB,aAAW;AACX,cAAY;AACd;;;AC3DM,CAAC,eAAgB,CAACE;AAMxB,eAAa;AACb,cAAY,IAAI;AAEhB,UAAQ;AACR,iBAAe,IAAI;AAEnB,WAAS;AACT,kBAAgB;AAChB,eAAa,IAAI;AACjB,mBAAiB;AAEnB;AAEQ,CAnBC,eAmBgB,CAACC;AACxB,cAAY;AACZ,WAAS;AACT,OAAK;AACL,yBAAuB,OAAO,CAAC,EAAE;AACjC,sBAAoB,OAAO,CAAC,EAAE;AAC9B,iBAAe;AACf,WAAS;AACT,SAAO;AACT;AAEQ,CA9BC,eA8BgB,CAACC;AACxB,eAAa;AACb,SAAO,IAAI;AACX,WAAS;AACT,aAAW;AACX,OAAK;AACL,oBAAkB;AACpB;AAEQ,CAvCC,eAuCgB,CAACC;AACxB,SAAO,IAAI;AACX,yBAAuB;AAgBzB;AAlBQ,CAvCC,eAuCgB,CAACA,mDAIvB;AACC,SAAO,IAAI;AACb;AANM,CAvCC,eAuCgB,CAACA,mDAOvB;AACC,SAAO,IAAI;AACX,mBAAiB,UAAU,IAAI;AACjC;AAVM,CAvCC,eAuCgB,CAACA,mDAWvB;AACC,SAAO,IAAI;AACb;AAbM,CAvCC,eAuCgB,CAACA,mDAcvB;AACC,WAAS;AACT,mBAAiB,UAAU,IAAI,OAAO,IAAI;AAC5C;;;ACxDM,CAAC,cAAe,CAACC;AACvB,WAAS;AAET,qCAAmC,IAAI,yBAAyB,EAAE;AAClE,qCAAmC,IAAI,yBAAyB,EAAE;AAClE,qCAAmC,IAAI,yBAAyB,EAAE;AAElE,+CAA6C,IAAI,mCAAmC,EAAE;AACtF,iDAA+C,IAAI,qCAAqC,EAAE;AAC1F,kDAAgD,IAAI,sCAAsC,EAAE;AAE5F,4CAA0C,IAAI,gCAAgC,EAAE;AAEhF,qCAAmC,IAAI,yBAAyB,EAAE;AAClE,qCAAmC,IAAI,yBAAyB,EAAE;AAClE,qCAAmC,IAAI,yBAAyB,EAAE;AAElE,iCAA+B,IAAI,qBAAqB,EAAE;AAC1D,iCAA+B,IAAI,qBAAqB,EAAE;AAC1D,yCAAuC,IAAI,6BAA6B,EAAE;AAE1E,+BAA6B,IAAI,mBAAmB,EAAE;AAEtD,+BAA6B,IAAI,mBAAmB,EAAE;AAEtD,wCAAsC,IAAI,4BAA4B,EAAE;AACxE,0CAAwC,IAAI,8BAA8B,EAAE;AAE5E,sCAAoC,IAAI,0BAA0B,EAAE;AACpE,2CAAyC,IAAI,+BAA+B,EAAE;AAC9E,6CAA2C,IAAI,iCAAiC,EAAE;AAClF,8CAA4C,IAAI,kCAAkC,EAAE;AAEpF,wCAAsC,IAAI,4BAA4B,EAAE;AACxE,0CAAwC,IAAI,8BAA8B,EAAE;AAE5E,gDAA8C,IAAI,oCAAoC,EAAE;AAExF,0CAAwC,IAAI,8BAA8B,EAAE;AAG5E,yBAAuB,IAAI,aAAa,EAAE;AAC1C,0BAAwB,IAAI,cAAc,EAAE;AAC5C,0BAAwB,IAAI,cAAc,EAAE;AAC5C,0BAAwB,IAAI,cAAc,EAAE;AAG5C,+BAA6B,IAAI,mBAAmB,EAAE;AACtD,+BAA6B,IAAI,mBAAmB,EAAE;AACtD,gCAA8B,IAAI,oBAAoB,EAAE;AAGxD,sBAAoB,IAAI,UAAU,EAAE,EAAE,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAGzG,qCAAmC,IAAI,yBAAyB,EAAE;AAGlE,4BAA0B,IAAI,gBAAgB,EAAE,UAAU,EAAE,8BAA8B,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,EAAE,gBAAgB,EAAE;AACzJ,+BAA6B,IAAI,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,8BAA8B,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,EAAE,gBAAgB,EAAE;AAG5K,gCAA8B,IAAI,oBAAoB,EAAE;AAExD,gCAA8B,IAAI,oBAAoB,EAAE;AAExD,+BAA6B,IAAI,mBAAmB,EAAE;AACtD,4BAA0B,IAAI,gBAAgB,EAAE;AAEhD,gCAA8B,IAAI,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3E,gCAA8B,IAAI,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7E;AAEA,OAAO,CAAC;AACN,EAAQ,CA1ED,cA0EiB,CA1EDA;AA2ErB,iCAA6B;AAC7B,8BAA0B;AAC5B;AACF;;;AC/EQ,CAAC,eAAgB,CAACC;AACxB,oBAAkB,IAAI;AACtB,iBAAe;AACf,UAAQ;AACR,WAAS;AACT,OAAK;AACL,SAAO;AACP,iBAAe;AACf,eAAa;AACb,YAAU;AACZ;AAEQ,CAZC,eAYgB,CAACC;AACxB,oBAAkB;AAClB,SAAO;AACT;AAEQ,CAjBC,eAiBgB,CAACC;AACxB,UAAQ;AAER,kBAAgB;AAChB,SAAO;AACT;;;ACtBQ,CAAC,eAAgB,CAACC;AACxB,eAAa;AACb,cAAY;AACZ,iBAAe;AACf,UAAQ,IAAI,MAAM,IAAI;AACtB,SAAO;AACP,UAAQ;AACR,WAAS;AACT,aAAW;AACX,OAAK;AACL,WAAS,IAAI,IAAI;AACjB,cAAY;AACZ,cAAY,IAAI,KAAK;AAgBvB;AAdE,OAAO,CAAC,KAAK,EAAE;AACb,EAfI,CAAC,eAAgB,CAACA,gCAerB,KAAK,CAAC,oBAAsB;AAC3B,sBAAkB,IAAI;AACtB,WAAO,IAAI;AACb;AACF;AAnBM,CAAC,eAAgB,CAACA,gCAoBvB,KAAK,CAAC,oBAAsB;AAC3B,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AAvBM,CAAC,eAAgB,CAACA,gCAwBvB,CAAC;AACA,SAAO,IAAI;AACX,UAAQ;AACV;AAGM,CA9BC,eA8BgB,CAACC;AACxB,aAAW;AACX,UAAQ;AACR,SAAO;AACT;;;ACjCQ,CAAC,eAAgB,CAACC;AACxB,eAAa;AACb,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,OAAK;AAgBP;AArBQ,CAAC,eAAgB,CAACA,kCAOvB,KAAK;AACJ,qBAAmB;AACnB,wBAAsB;AACxB;AAVM,CAAC,eAAgB,CAACA,kCAYvB,CAACC;AACA,kBAAgB;AAChB,aAAW;AACX,mBAAiB;AACnB;AAhBM,CAAC,eAAgB,CAACD,kCAkBvB,CAACE;AACA,kBAAgB;AAClB;;;ACrBM,CAAC,eAAgB,CAACC;AACxB,WAAS;AACT,OAAK;AACL,uBAAqB;AACvB;AAEQ,CANC,eAMgB,CAACC;AACxB,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,iBAAe,IAAI;AACnB,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,WAAS;AACT,mBAAiB;AACjB,WAAS;AACT,SAAO;AAsBT;AAlCQ,CANC,eAMgB,CAACA,gCAcxB,EAAE;AACA,aAAW;AACX,kBAAgB;AAClB;AAjBM,CANC,eAMgB,CAACA,+BAmBvB,CAACC;AACA,SAAO,IAAI;AACb;AACA,OAAO,CAAC,KAAK,EAAE;AACb,EAvBI,CANC,eAMgB,CAACD,+BAuBrB,KAAK,CAAC,oBAAsB;AAC3B,WAAO,IAAI;AACb;AACF;AA1BM,CANC,eAMgB,CAACA,+BA2BvB,KAAK,CAAC,oBAAsB;AAC3B,SAAO,IAAI;AACb;AA7BM,CANC,eAMgB,CAACA,+BA8BvB,CAAC;AACA,SAAO,IAAI;AACX,UAAQ;AACV;AAGM,CA1CC,eA0CgB,CAACE;AACxB,cAAY;AACZ,qBAAmB,IAAI,MAAM,IAAI;AACjC,UAAQ;AAKV;AARQ,CA1CC,eA0CgB,CAACA,kCAKxB,IAAC,cAAe,aAAc;AAC5B,WAAS;AACX;;;ACjDM,CAAC,eAAgB,CAACC;AACxB,WAAS;AACX;AAEQ,CAJC,eAIgB,CAACC;AACxB,aAAW;AACX,UAAQ;AACR,WAAS;AACT,SAAO;AACT;;;ACTQ,CAAC,eAAgB,CAACC;AACxB,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI;AACtB,UAAQ;AACR,WAAS,IAAI;AACb,SAAO;AACT;;;ACNQ,CAAC,eAAgB,CAACC;AACxB,SAAO;AACP,aAAW;AACX,UAAQ;AACR,QAAM;AACN,YAAU;AACV,OAAK;AACL,SAAO;AACT;;;ACRQ,CAAC,eAAgB,CAACC;AACxB,WAAS;AACT,uBAAqB;AACrB,cAAY;AACZ,YAAU;AACZ;AAEQ,CAPC,eAOgB,CAACC;AAExB,UAAQ;AACR,cAAY;AACd;AAEQ,CAbC,eAagB,CAACC;AACxB,UAAQ;AACR,QAAM;AACN,aAAW;AACX,WAAS;AACT,iBAAe;AACf,UAAQ;AACR,oBAAkB;AACpB;AAEQ,CAvBC,eAuBgB,CAACC;AACxB,YAAU;AACV,cAAY;AACZ,eAAa;AACf;AAEQ,CA7BC,eA6BgB,CAACC;AACxB,oBAAkB;AAClB,SAAO;AACP,UAAQ;AACR,WAAS;AACX;AAEQ,CApCC,eAoCgB,CAACC;AAExB,mBAAiB;AACjB,mBAAiB;AAEjB,wBAAsB,IAAI,mCAAmC,IAAI;AACjE,wBAAsB;AAoBxB;AA1BQ,CApCC,eAoCgB,CAACA,yCASvB;AACC,SAAO;AACT;AAXM,CApCC,eAoCgB,CAACA,yCAavB;AACC,oBAAkB,IAAI;AACtB,iBAAe;AACjB;AAhBM,CApCC,eAoCgB,CAACA,yCAkBvB;AACC,oBAAkB,IAAI;AACtB,iBAAe;AACjB;AArBM,CApCC,eAoCgB,CAACA,yCAuBvB;AACC,oBAAkB,IAAI;AACxB;;;AC7DM,CAAC,eAAgB,CAACC;AACxB,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,WAAS,EAAE,KAAK;AAChB,kBAAgB;AAEhB;AACA,mCAAiC,IAAI;AACvC;AAEQ,CAVC,eAUgB,CAACC;AACxB,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI;AACtB,WAAS;AACT,eAAa,IAAI;AACjB,aAAW;AACX,OAAK;AACL,iBACE,CAAC,wBAAwB,YAAY,CAAC,sBACtC,IAAI,0CACJ,WAAW,EAAE,CAAC,kBAAkB;AAElC,eAAa;AACb,WAAS;AACT,YAAU;AA4CZ;AA3DQ,CAVC,eAUgB,CAACA,wBAiBvB,KAAK,CAACC;AACL,4CAA0C;AAC5C;AAnBM,CAVC,eAUgB,CAACD,wBAqBvB;AACC,gBAAc,IAAI;AACpB;AAvBM,CAVC,eAUgB,CAACA,wBAyBvB;AACC,6BAA2B,IAAI;AAC/B,8BAA4B,IAAI;AAChC,iBAAe,IAAI,8BAA8B,MAAM,IAAI;AAC3D,UAAQ;AACR,aAAW,MAAM,KAAK,KAAK,EAAE,IAAI,+BAA+B,IAAI,EAAE;AACtE,WAAS;AACT,UAAQ,IAAI;AACZ,QAAM;AACN,YAAU;AACV,SAAO;AACP,cAAY,UAAU,IAAI,6BAA6B,IAAI;AAC7D;AArCM,CAVC,eAUgB,CAACA,wBAuCvB,aAAa;AACZ,aAAW,MAAM,KAAK,KAAK,EAAE,IAAI,+BAA+B,EAAE,EAAE;AACpE,cAAY,UAAU,IAAI,0BAA0B,IAAI;AAC1D;AA1CM,CAVC,eAUgB,CAACA,yBA4CxB,EAAE,CAACE;AACD,aAAW;AACb;AA9CM,CAVC,eAUgB,CAACF,yBAgDxB,EAAE,CA/BKC;AAgCL,aAAW;AACb;AAlDM,CAVC,eAUgB,CAACD,yBAoDxB,EAAE,CAACG;AACD,aAAW;AACb;AAtDM,CAVC,eAUgB,CAACH,yBAwDxB,EAAE,CAACI;AACD,aAAW;AACb;AAGM,CAvEC,eAuEgB,CAACC;AACxB,oBAAkB;AAClB,UAAQ;AACR,QAAM;AACN,eAAa,IAAI;AACjB,aAAW;AACX,eAAa;AACb,WAAS;AACT,WAAS,IAAI,IAAI;AACjB,UAAQ;AACV;AAEQ,CAnFC,eAmFgB,CAACC;AACxB,eAAa;AACb,WAAS;AACT,wBAAsB;AACxB;AAEQ,CAzFC,eAyFgB,CAACC;AACxB,SAAO,IAAI;AACX,UAAQ;AACR,eAAa,IAAI;AACjB,aAAW;AACX,eAAa;AACb,qBAAmB;AACrB;AAEQ,CAlGC,eAkGgB,CAACC;AACxB,SAAO,IAAI;AACb;","names":["telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","theme","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error"]}
1
+ {"version":3,"sources":["../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/Theme.module.css","../src/components/dropZone/index.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/index.module.css","../src/components/sendbox/Toolbar.module.css","../src/components/sendbox/AddAttachmentButton.module.css","../src/components/sendbox/Attachments.module.css","../src/components/sendbox/ErrorMessage.module.css","../src/components/sendbox/TextArea.module.css","../src/components/sendbox/index.module.css"],"sourcesContent":["\n:global(.webchat-fluent) .telephone-keypad__button {\n -webkit-user-select: none;\n align-items: center;\n appearance: none;\n /* backgroundColor: isDarkTheme() || isHighContrastTheme() ? black : white, */\n background-color: White;\n border-radius: 100%;\n\n /* Whitelabel styles */\n /* border: `solid 1px ${isHighContrastTheme() ? white : isDarkTheme() ? gray160 : gray40}`, */\n /* color: inherit; */\n\n border: solid 1px var(--webchat-colorNeutralStroke1);\n color: var(--webchat-colorGray200);\n font-weight: var(--webchat-fontWeightSemibold);\n\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 60px;\n opacity: 0.7;\n padding: 0;\n position: relative;\n touch-action: none;\n user-select: none;\n width: 60px;\n\n &:hover {\n /* backgroundColor: isHighContrastTheme() ? gray210 : isDarkTheme() ? gray150 : gray30 */\n background-color: var(--webchat-colorGray30)\n }\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__ruby {\n /* color: isHighContrastTheme() ? white : isDarkTheme() ? gray40 : gray160, */\n color: var(--webchat-colorGray190);\n font-size: 10px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__text {\n font-size: 24px;\n margin-top: 8px;\n}\n\n:global(.webchat-fluent) .telephone-keypad--horizontal {\n & .telephone-keypad__button {\n height: 32px;\n justify-content: center;\n margin: 8px 4px;\n width: 32px;\n };\n\n .telephone-keypad__button__ruby {\n display: none;\n }\n\n & .telephone-keypad__button__text {\n font-size: 20px;\n margin-top: 0;\n }\n}\n","\n:global(.webchat-fluent) .telephone-keypad {\n /* Commented out whitelabel styles for now. */\n /* background: getHighContrastDarkThemeColor(highContrastColor: black, darkThemeColor: gray190, string, defaultColor: gray10), */\n /* borderRadius: '8px 8px 0px 0px; */\n /* boxShadow: '-3px 0px 7px 0px rgba(0, 0, 0, 0.13), -0.6px 0px 1.8px 0px rgba(0, 0, 0, 0.10)', */\n\n align-items: center;\n background: var(--webchat-colorNeutralBackground1);\n /* border: isHighContrastTheme() ? `1px solid ${white}` : none; */\n border: none;\n border-radius: var(--webchat-borderRadiusXLarge);\n /* boxShadow: var(--shadow16); */\n display: flex;\n flex-direction: column;\n font-family: var(--webchat-fontFamilyBase);\n justify-content: center;\n /* margin: var(--spacingHorizontalMNudge)' */\n}\n\n:global(.webchat-fluent) .telephone-keypad__box {\n box-sizing: border-box;\n display: grid;\n gap: 16px;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(4, 1fr);\n justify-items: center;\n padding: 16px;\n width: 100%;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\n}\n","\n:global(.webchat-fluent).theme {\n display: contents;\n\n --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);\n --webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);\n --webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);\n\n --webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\n\n --webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);\n\n --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);\n --webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);\n --webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);\n\n --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n \n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c); \n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\n\n --webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/colors.ts */\n --webchat-colorGray30: var(--colorGray30, #edebe9);\n --webchat-colorGray160: var(--colorGray160, #323130);\n --webchat-colorGray190: var(--colorGray190, #201f1e);\n --webchat-colorGray200: var(--colorGray200, #1b1a19);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/borderRadius.ts */\n --webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);\n --webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);\n --webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n --webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108));\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/spacings.ts */\n --webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontFamilyBase: var(--fontFamilyBase, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n --webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n \n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\n }\n}",":global(.webchat-fluent) .sendbox__attachment-drop-zone {\n background-color: var(--webchat-colorNeutralBackground4);\n border-radius: inherit;\n cursor: copy;\n display: grid;\n gap: 8px;\n inset: 0;\n place-content: center;\n place-items: center;\n position: absolute;\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone--droppable {\n background-color: #e00;\n color: White\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone-icon {\n height: 36px;\n /* Set \"pointer-events: none\" to ignore dragging over the icon. Otherwise, when dragging over the icon; it would disable the \"--droppable\" modifier.*/\n pointer-events: none;\n width: 36px\n}\n",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\n cursor: pointer;\n display: flex;\n font-size: 12px;\n gap: 4px;\n padding: 4px 8px 4px;\n text-align: start;\n transition: all .15s ease-out;\n\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: var(--webchat-colorBrandBackground2Hover);\n color: var(--webchat-colorBrandForeground2Hover)\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n background-color: var(--webchat-colorBrandBackground2Pressed);\n color: var(--webchat-colorBrandForeground2Pressed)\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed\n }\n}\n\n:global(.webchat-fluent) .suggested-action__image {\n font-size: 12px;\n height: 1em;\n width: 1em;\n}\n","\n:global(.webchat-fluent) .suggested-actions {\n align-items: flex-end;\n align-self: flex-end;\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n &:not(:empty) {\n padding-block-end: 8px;\n padding-inline-start: 4px\n }\n\n &.suggested-actions--flow {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-end;\n }\n\n &.suggested-actions--stacked {\n flex-direction: column\n }\n}\n",":global(.webchat-fluent) .sendbox__toolbar {\n display: flex;\n gap: 4px;\n margin-inline-start: auto;\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-button {\n align-items: center;\n appearance: none;\n aspect-ratio: 1;\n background: transparent;\n border-radius: var(--webchat-borderRadiusSmall);\n border: none;\n color: currentColor;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 3px;\n width: 32px;\n\n > svg {\n font-size: 20px;\n pointer-events: none;\n }\n\n &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\n }\n &[aria-disabled=\"true\"] {\n color: var(--webchat-colorNeutralForegroundDisabled);\n cursor: not-allowed;\n }\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-separator {\n align-self: center;\n border-inline-end: 1px solid var(--webchat-colorNeutralStroke2);\n height: 28px;\n\n &:first-child, &:last-child, &:only-child {\n display: none\n }\n}\n",":global(.webchat-fluent) .sendbox__add-attachment {\n display: grid\n}\n\n:global(.webchat-fluent) .sendbox__add-attachment-input {\n font-size: 0;\n height: 0;\n opacity: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__attachment {\n border-radius: var(--webchat-borderRadiusLarge);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n cursor: default;\n padding: 6px 8px;\n width: fit-content\n}\n",":global(.webchat-fluent) .sendbox__error-message {\n color: transparent;\n font-size: 0;\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n width: 0;\n}\n",":global(.webchat-fluent) .sendbox__text-area {\n display: grid;\n grid-template-areas: 'main';\n max-height: 200px;\n overflow: hidden;\n}\n\n:global(.webchat-fluent) .sendbox__text-area--hidden {\n /* TODO: Not perfect way of hiding the text box. */\n height: 0;\n visibility: collapse;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-shared {\n border: none;\n font: inherit;\n grid-area: main;\n outline: inherit;\n overflow-wrap: anywhere;\n resize: inherit;\n scrollbar-gutter: stable;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-doppelganger {\n overflow: hidden;\n visibility: hidden;\n white-space: pre-wrap;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input {\n background-color: inherit;\n color: currentColor;\n height: 100%;\n padding: 0;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input--scroll {\n /* Edge uses -webkit-scrollbar if scrollbar-* is not set */\n scrollbar-color: unset;\n scrollbar-width: unset;\n /* Firefox */\n -moz-scrollbar-color: var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);\n -moz-scrollbar-width: thin;\n\n /* Chrome, Edge, and Safari */\n &::-webkit-scrollbar {\n width: 8px\n }\n\n &::-webkit-scrollbar-track {\n background-color: var(--webchat-colorNeutralBackground5);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--webchat-colorNeutralForeground2);\n border-radius: 16px\n }\n\n &::-webkit-scrollbar-corner {\n background-color: var(--webchat-colorNeutralBackground5);\n }\n}\n",":global(.webchat-fluent) .sendbox {\n color: var(--webchat-colorNeutralForeground1);\n font-family: var(--webchat-fontFamilyBase);\n padding: 0 10px 10px;\n text-rendering: optimizeLegibility;\n\n --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\n }\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-text {\n background-color: transparent;\n border: none;\n flex: auto;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n line-height: 20px;\n outline: none;\n padding: 4px 4px 0;\n resize: none;\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-controls {\n align-items: center;\n display: flex;\n padding-inline-start: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter {\n color: var(--webchat-colorNeutralForeground4);\n cursor: default;\n font-family: var(--webchat-fontFamilyNumeric);\n font-size: 10px;\n line-height: 14px;\n margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\n"],"mappings":"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","names":["telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","theme","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error"]}