@rocket.chat/fuselage 0.32.0-dev.220 → 0.32.0-dev.221
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.
|
@@ -112,7 +112,7 @@ export declare type StylingProps = {
|
|
|
112
112
|
textTransform: CSSProperties['textTransform'];
|
|
113
113
|
textDecorationLine: CSSProperties['textDecorationLine'];
|
|
114
114
|
wordBreak: CSSProperties['wordBreak'];
|
|
115
|
-
elevation: '0' | '1' | '2';
|
|
115
|
+
elevation: '0' | '1' | '2' | '1nb' | '2nb';
|
|
116
116
|
invisible: boolean;
|
|
117
117
|
withTruncatedText: boolean;
|
|
118
118
|
size: CSSProperties['blockSize'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Box/stylingProps.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"stylingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Box/stylingProps.ts"],"names":[],"mappings":"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"}
|
|
@@ -3047,7 +3047,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3047
3047
|
|
|
3048
3048
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
3049
3049
|
// Module
|
|
3050
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".rcx-banner {\n border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-color-shadow-elevation-border, var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-250, #EBECEF)));\n box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 12px 0 rgba(47, 52, 61, 0.12);\n box-shadow: 0 0 2px 0 var(--rcx-color-shadow-elevation-2x, var(--rcx-color-neutral-800-8, rgba(47, 52, 61, 0.08))), 0 0 12px 0 var(--rcx-color-shadow-elevation-2y, var(--rcx-color-neutral-800-12, rgba(47, 52, 61, 0.12)));\n z-index: 2;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n flex: 0 1 auto;\n box-sizing: border-box;\n padding-top: 14px;\n padding-bottom: 14px;\n padding-block: 14px;\n padding-left: 16px;\n padding-right: 16px;\n padding-inline: 16px;\n color: #2f343d;\n color: var(--rcx-banner-colors-neutral-color, var(--rcx-color-font-default, var(--rcx-color-neutral-800, #2f343d)));\n border-top-width: 0.25rem;\n border-top-style: solid;\n background-color: #f7f8fa;\n background-color: var(--rcx-banner-colors-neutral-background-color, var(--rcx-color-surface-tint, var(--rcx-color-neutral-100, #f7f8fa)));\n font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Helvetica Neue\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Meiryo UI\", Arial, sans-serif;\n font-family: var(--rcx-font-family-sans, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Helvetica Neue\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Meiryo UI\", Arial, sans-serif);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.rcx-banner--inline {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-block: 12px;\n}\n.rcx-banner--actionable {\n cursor: pointer;\n}\n.rcx-banner--neutral {\n border-top-color: transparent;\n}\n.rcx-banner--info {\n border-top-color: #095AD2;\n border-top-color: var(--rcx-banner-colors-info-color, var(--rcx-color-status-font-on-info, var(--rcx-color-primary-600, #095AD2)));\n}\n.rcx-banner--warning {\n border-top-color: #8E6300;\n border-top-color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, var(--rcx-color-warning-900, #8E6300)));\n}\n.rcx-banner--danger {\n border-top-color: #9B1325;\n border-top-color: var(--rcx-banner-colors-danger-color, var(--rcx-color-status-font-on-danger, var(--rcx-color-danger-800, #9B1325)));\n}\n.rcx-banner--success {\n border-top-color: #148660;\n border-top-color: var(--rcx-banner-colors-success-color, var(--rcx-color-status-font-on-success, var(--rcx-color-success-800, #148660)));\n}\nhtml:not([dir=\"rtl\"]) .rcx-banner__icon {\n padding-right: 12px;\n}\n[dir=\"rtl\"] .rcx-banner__icon {\n padding-left: 12px;\n}\n.rcx-banner__icon {\n padding-top: 8px;\n padding-bottom: 8px;\n padding-block: 8px;\n -webkit-padding-end: 12px;\n padding-inline-end: 12px;\n}\n.rcx-banner__icon--info {\n color: #095AD2;\n color: var(--rcx-banner-colors-info-color, var(--rcx-color-status-font-on-info, var(--rcx-color-primary-600, #095AD2)));\n}\n.rcx-banner__icon--warning {\n color: #8E6300;\n color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, var(--rcx-color-warning-900, #8E6300)));\n}\n.rcx-banner__icon--danger {\n color: #9B1325;\n color: var(--rcx-banner-colors-danger-color, var(--rcx-color-status-font-on-danger, var(--rcx-color-danger-800, #9B1325)));\n}\n.rcx-banner__icon--success {\n color: #148660;\n color: var(--rcx-banner-colors-success-color, var(--rcx-color-status-font-on-success, var(--rcx-color-success-800, #148660)));\n}\n.rcx-banner__icon--inline {\n margin-top: -2px;\n margin-bottom: -2px;\n margin-block: -2px;\n padding-top: 0;\n padding-bottom: 0;\n padding-block: 0;\n}\n.rcx-banner__content {\n flex-grow: 1;\n align-self: center;\n letter-spacing: 0rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n}\n.rcx-banner__content--inline {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.rcx-banner__title {\n margin: 0;\n padding: 0;\n letter-spacing: 0rem;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1.25rem;\n}\nhtml:not([dir=\"rtl\"]) .rcx-banner__title--inline {\n padding-right: 8px;\n}\n[dir=\"rtl\"] .rcx-banner__title--inline {\n padding-left: 8px;\n}\n.rcx-banner__title--inline {\n display: inline;\n -webkit-padding-end: 8px;\n padding-inline-end: 8px;\n}\n.rcx-banner__close-button {\n padding-top: 6px;\n padding-bottom: 6px;\n padding-block: 6px;\n padding-left: 8px;\n padding-right: 8px;\n padding-inline: 8px;\n}\n.rcx-banner__close-button--inline {\n margin-top: -4px;\n margin-bottom: -4px;\n margin-block: -4px;\n padding-top: 0;\n padding-bottom: 0;\n padding-block: 0;\n}\n.rcx-banner__link {\n padding-left: 10px;\n text-decoration: underline;\n color: inherit;\n}", "",{"version":3,"sources":["webpack://./src/components/Banner/Banner.styles.scss","webpack://./src/styles/mixins/elevation.scss","webpack://./src/styles/typography.scss"],"names":[],"mappings":"AAyCA;ECvBI,yBAAA;EAAA,sIAAA;EAMA,+EAAA;EAAA,4NAAA;EDoBF,UAAA;EAEA,aAAA;EACA,qBAAA;EACA,8BAAA;EACA,uBAAA;EACA,cAAA;EAEA,sBAAA;EAEA,iBAAA;EAAA,oBAAA;EAAA,mBAAA;EACA,kBAAA;EAAA,mBAAA;EAAA,oBAAA;EAEA,cAjD4B;EAiD5B,mHAjD4B;EAkD5B,yBAAA;EACA,uBAAA;EAEA,yBAjDuC;EAiDvC,yIAjDuC;EAmDvC,gNAAA;EAAA,6OAAA;EACA,mCAAA;EACA,kCAAA;AA9CF;AAgDE;EACE,iBAAA;EAAA,oBAAA;EAAA,mBAAA;AA9CJ;AAiDE;EACE,eAAA;AA/CJ;AAkDE;EACE,6BAAA;AAhDJ;AAmDE;EACE,yBA9DuB;EA8DvB,kIA9DuB;AAa3B;AAoDE;EACE,yBAtD0B;EAsD1B,wIAtD0B;AAI9B;AAqDE;EACE,yBApDyB;EAoDzB,qIApDyB;AAC7B;AAsDE;EACE,yBApE0B;EAoE1B,wIApE0B;AAgB9B;AAuDE;EAEE;AArDJ;AAmDE;EAEE;AArDJ;AAmDE;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,yBAAA;UAAA,wBAAA;AArDJ;AAuDI;EACE,cAlFqB;EAkFrB,uHAlFqB;AA6B3B;AAwDI;EACE,cA1EwB;EA0ExB,6HA1EwB;AAoB9B;AAyDI;EACE,cAxEuB;EAwEvB,0HAxEuB;AAiB7B;AA0DI;EACE,cAxFwB;EAwFxB,6HAxFwB;AAgC9B;AA2DI;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,cAAA;EAAA,iBAAA;EAAA,gBAAA;AAzDN;AA6DE;EACE,YAAA;EACA,kBAAA;EEpGF,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;AFyCF;AA2DI;EE1DF,gBAAA;EAEA,uBAAA;EAKA,mBAAA;AFHF;AA2DE;EACE,SAAA;EACA,UAAA;EE/GF,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;AFsDF;AAwDI;EAGE;AAvDN;AAoDI;EAGE;AAvDN;AAoDI;EACE,eAAA;EAEA,wBAAA;UAAA,uBAAA;AAvDN;AA2DE;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,iBAAA;EAAA,kBAAA;EAAA,mBAAA;AAzDJ;AA2DI;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,cAAA;EAAA,iBAAA;EAAA,gBAAA;AAzDN;AA6DE;EACE,kBAAA;EAEA,0BAAA;EAEA,cAAA;AA7DJ","sourcesContent":["@use 'sass:map';\n@use '../../styles/functions';\n@use '../../styles/colors.scss';\n@use '../../styles/lengths.scss';\n@use '../../styles/typography.scss';\n@use '../../styles/mixins/elevation.scss';\n\n// neutral\n$banner-colors-neutral-color: functions.theme(\n 'banner-colors-neutral-color',\n colors.font(default)\n);\n$banner-colors-neutral-background-color: functions.theme(\n 'banner-colors-neutral-background-color',\n colors.surface(tint)\n);\n\n// info\n$banner-colors-info-color: functions.theme(\n 'banner-colors-info-color',\n colors.status-font(on-info)\n);\n\n// success\n$banner-colors-success-color: functions.theme(\n 'banner-colors-success-color',\n colors.status-font(on-success)\n);\n\n// warning\n$banner-colors-warning-color: functions.theme(\n 'banner-colors-warning-color',\n colors.status-font(on-warning)\n);\n\n// danger\n$banner-colors-danger-color: functions.theme(\n 'banner-colors-danger-color',\n colors.status-font(on-danger)\n);\n\n.rcx-banner {\n @include elevation.elevation-level(2);\n\n z-index: 2;\n\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n flex: 0 1 auto;\n\n box-sizing: border-box;\n\n padding-block: 14px;\n padding-inline: 16px;\n\n color: $banner-colors-neutral-color;\n border-top-width: lengths.border-width(4);\n border-top-style: solid;\n\n background-color: $banner-colors-neutral-background-color;\n\n font-family: typography.font-family('sans');\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n &--inline {\n padding-block: 12px;\n }\n\n &--actionable {\n cursor: pointer;\n }\n\n &--neutral {\n border-top-color: transparent;\n }\n\n &--info {\n border-top-color: $banner-colors-info-color;\n }\n\n &--warning {\n border-top-color: $banner-colors-warning-color;\n }\n\n &--danger {\n border-top-color: $banner-colors-danger-color;\n }\n\n &--success {\n border-top-color: $banner-colors-success-color;\n }\n\n &__icon {\n padding-block: 8px;\n padding-inline-end: 12px;\n\n &--info {\n color: $banner-colors-info-color;\n }\n\n &--warning {\n color: $banner-colors-warning-color;\n }\n\n &--danger {\n color: $banner-colors-danger-color;\n }\n\n &--success {\n color: $banner-colors-success-color;\n }\n\n &--inline {\n margin-block: -2px;\n padding-block: 0;\n }\n }\n\n &__content {\n flex-grow: 1;\n align-self: center;\n\n @include typography.use-font-scale(p2);\n\n &--inline {\n @include typography.use-with-truncated-text;\n }\n }\n\n &__title {\n margin: 0;\n padding: 0;\n @include typography.use-font-scale(h5);\n\n &--inline {\n display: inline;\n\n padding-inline-end: 8px;\n }\n }\n\n &__close-button {\n padding-block: 6px;\n padding-inline: 8px;\n\n &--inline {\n margin-block: -4px;\n padding-block: 0;\n }\n }\n\n &__link {\n padding-left: 10px;\n\n text-decoration: underline;\n\n color: inherit;\n }\n}\n","@use '../colors.scss';\n@use '../../styles/functions.scss';\n\n@mixin elevation-level($level) {\n @if $level == 1 {\n border: 1px\n solid\n functions.theme(\n 'color-shadow-elevation-border',\n colors.elevation(border)\n );\n box-shadow: 0\n 0\n 12px\n 0\n functions.theme('color-shadow-elevation-1', colors.elevation(1));\n }\n @if $level == 2 {\n border: 1px\n solid\n functions.theme(\n 'color-shadow-elevation-border',\n colors.elevation(border)\n );\n box-shadow: 0\n 0\n 2px\n 0\n functions.theme('color-shadow-elevation-2x', colors.elevation('2x')),\n 0\n 0\n 12px\n 0\n functions.theme('color-shadow-elevation-2y', colors.elevation('2y'));\n }\n}\n","@use 'sass:map';\n@use '~@rocket.chat/fuselage-tokens/dist/typography.scss';\n@use './functions.scss';\n\n@function font-family($name) {\n @if not map.has-key(typography.$font-families, $name) {\n @error 'invalid font family name';\n }\n\n @return var(\n --rcx-font-family-#{$name},\n map.get(typography.$font-families, $name)\n );\n}\n\n$font-scales: map.keys(typography.$font-scales);\n\n@mixin use-font-scale($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n $-font-scale: map.get(typography.$font-scales, $name);\n letter-spacing: functions.to-rem(map.get($-font-scale, letter-spacing));\n\n font-size: functions.to-rem(map.get($-font-scale, font-size));\n font-weight: map.get($-font-scale, font-weight);\n line-height: functions.to-rem(map.get($-font-scale, line-height));\n}\n\n@function letter-spacing($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), letter-spacing)\n );\n}\n\n@function font-size($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), font-size)\n );\n}\n\n@function font-weight($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return map.get(map.get(typography.$font-scales, $name), font-weight);\n}\n\n@function line-height($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), line-height)\n );\n}\n\n@mixin use-text-ellipsis {\n overflow: hidden;\n\n text-overflow: ellipsis;\n}\n\n@mixin use-with-truncated-text {\n @include use-text-ellipsis();\n white-space: nowrap;\n}\n"],"sourceRoot":""}]);
|
|
3050
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".rcx-banner {\n box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 12px 0 rgba(47, 52, 61, 0.12);\n box-shadow: 0 0 2px 0 var(--rcx-color-shadow-elevation-2x, var(--rcx-color-neutral-800-8, rgba(47, 52, 61, 0.08))), 0 0 12px 0 var(--rcx-color-shadow-elevation-2y, var(--rcx-color-neutral-800-12, rgba(47, 52, 61, 0.12)));\n border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-color-shadow-elevation-border, var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-250, #EBECEF)));\n z-index: 2;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n flex: 0 1 auto;\n box-sizing: border-box;\n padding-top: 14px;\n padding-bottom: 14px;\n padding-block: 14px;\n padding-left: 16px;\n padding-right: 16px;\n padding-inline: 16px;\n color: #2f343d;\n color: var(--rcx-banner-colors-neutral-color, var(--rcx-color-font-default, var(--rcx-color-neutral-800, #2f343d)));\n border-top-width: 0.25rem;\n border-top-style: solid;\n background-color: #f7f8fa;\n background-color: var(--rcx-banner-colors-neutral-background-color, var(--rcx-color-surface-tint, var(--rcx-color-neutral-100, #f7f8fa)));\n font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Helvetica Neue\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Meiryo UI\", Arial, sans-serif;\n font-family: var(--rcx-font-family-sans, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Helvetica Neue\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Meiryo UI\", Arial, sans-serif);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.rcx-banner--inline {\n padding-top: 12px;\n padding-bottom: 12px;\n padding-block: 12px;\n}\n.rcx-banner--actionable {\n cursor: pointer;\n}\n.rcx-banner--neutral {\n border-top-color: transparent;\n}\n.rcx-banner--info {\n border-top-color: #095AD2;\n border-top-color: var(--rcx-banner-colors-info-color, var(--rcx-color-status-font-on-info, var(--rcx-color-primary-600, #095AD2)));\n}\n.rcx-banner--warning {\n border-top-color: #8E6300;\n border-top-color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, var(--rcx-color-warning-900, #8E6300)));\n}\n.rcx-banner--danger {\n border-top-color: #9B1325;\n border-top-color: var(--rcx-banner-colors-danger-color, var(--rcx-color-status-font-on-danger, var(--rcx-color-danger-800, #9B1325)));\n}\n.rcx-banner--success {\n border-top-color: #148660;\n border-top-color: var(--rcx-banner-colors-success-color, var(--rcx-color-status-font-on-success, var(--rcx-color-success-800, #148660)));\n}\nhtml:not([dir=\"rtl\"]) .rcx-banner__icon {\n padding-right: 12px;\n}\n[dir=\"rtl\"] .rcx-banner__icon {\n padding-left: 12px;\n}\n.rcx-banner__icon {\n padding-top: 8px;\n padding-bottom: 8px;\n padding-block: 8px;\n -webkit-padding-end: 12px;\n padding-inline-end: 12px;\n}\n.rcx-banner__icon--info {\n color: #095AD2;\n color: var(--rcx-banner-colors-info-color, var(--rcx-color-status-font-on-info, var(--rcx-color-primary-600, #095AD2)));\n}\n.rcx-banner__icon--warning {\n color: #8E6300;\n color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, var(--rcx-color-warning-900, #8E6300)));\n}\n.rcx-banner__icon--danger {\n color: #9B1325;\n color: var(--rcx-banner-colors-danger-color, var(--rcx-color-status-font-on-danger, var(--rcx-color-danger-800, #9B1325)));\n}\n.rcx-banner__icon--success {\n color: #148660;\n color: var(--rcx-banner-colors-success-color, var(--rcx-color-status-font-on-success, var(--rcx-color-success-800, #148660)));\n}\n.rcx-banner__icon--inline {\n margin-top: -2px;\n margin-bottom: -2px;\n margin-block: -2px;\n padding-top: 0;\n padding-bottom: 0;\n padding-block: 0;\n}\n.rcx-banner__content {\n flex-grow: 1;\n align-self: center;\n letter-spacing: 0rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n}\n.rcx-banner__content--inline {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.rcx-banner__title {\n margin: 0;\n padding: 0;\n letter-spacing: 0rem;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1.25rem;\n}\nhtml:not([dir=\"rtl\"]) .rcx-banner__title--inline {\n padding-right: 8px;\n}\n[dir=\"rtl\"] .rcx-banner__title--inline {\n padding-left: 8px;\n}\n.rcx-banner__title--inline {\n display: inline;\n -webkit-padding-end: 8px;\n padding-inline-end: 8px;\n}\n.rcx-banner__close-button {\n padding-top: 6px;\n padding-bottom: 6px;\n padding-block: 6px;\n padding-left: 8px;\n padding-right: 8px;\n padding-inline: 8px;\n}\n.rcx-banner__close-button--inline {\n margin-top: -4px;\n margin-bottom: -4px;\n margin-block: -4px;\n padding-top: 0;\n padding-bottom: 0;\n padding-block: 0;\n}\n.rcx-banner__link {\n padding-left: 10px;\n text-decoration: underline;\n color: inherit;\n}", "",{"version":3,"sources":["webpack://./src/components/Banner/Banner.styles.scss","webpack://./src/styles/mixins/elevation.scss","webpack://./src/styles/typography.scss"],"names":[],"mappings":"AAyCA;EC7BI,+EAAA;EAAA,4NAAA;EAYA,yBAAA;EAAA,sIAAA;EDoBF,UAAA;EAEA,aAAA;EACA,qBAAA;EACA,8BAAA;EACA,uBAAA;EACA,cAAA;EAEA,sBAAA;EAEA,iBAAA;EAAA,oBAAA;EAAA,mBAAA;EACA,kBAAA;EAAA,mBAAA;EAAA,oBAAA;EAEA,cAjD4B;EAiD5B,mHAjD4B;EAkD5B,yBAAA;EACA,uBAAA;EAEA,yBAjDuC;EAiDvC,yIAjDuC;EAmDvC,gNAAA;EAAA,6OAAA;EACA,mCAAA;EACA,kCAAA;AA9CF;AAgDE;EACE,iBAAA;EAAA,oBAAA;EAAA,mBAAA;AA9CJ;AAiDE;EACE,eAAA;AA/CJ;AAkDE;EACE,6BAAA;AAhDJ;AAmDE;EACE,yBA9DuB;EA8DvB,kIA9DuB;AAa3B;AAoDE;EACE,yBAtD0B;EAsD1B,wIAtD0B;AAI9B;AAqDE;EACE,yBApDyB;EAoDzB,qIApDyB;AAC7B;AAsDE;EACE,yBApE0B;EAoE1B,wIApE0B;AAgB9B;AAuDE;EAEE;AArDJ;AAmDE;EAEE;AArDJ;AAmDE;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,yBAAA;UAAA,wBAAA;AArDJ;AAuDI;EACE,cAlFqB;EAkFrB,uHAlFqB;AA6B3B;AAwDI;EACE,cA1EwB;EA0ExB,6HA1EwB;AAoB9B;AAyDI;EACE,cAxEuB;EAwEvB,0HAxEuB;AAiB7B;AA0DI;EACE,cAxFwB;EAwFxB,6HAxFwB;AAgC9B;AA2DI;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,cAAA;EAAA,iBAAA;EAAA,gBAAA;AAzDN;AA6DE;EACE,YAAA;EACA,kBAAA;EEpGF,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;AFyCF;AA2DI;EE1DF,gBAAA;EAEA,uBAAA;EAKA,mBAAA;AFHF;AA2DE;EACE,SAAA;EACA,UAAA;EE/GF,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;AFsDF;AAwDI;EAGE;AAvDN;AAoDI;EAGE;AAvDN;AAoDI;EACE,eAAA;EAEA,wBAAA;UAAA,uBAAA;AAvDN;AA2DE;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,iBAAA;EAAA,kBAAA;EAAA,mBAAA;AAzDJ;AA2DI;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,cAAA;EAAA,iBAAA;EAAA,gBAAA;AAzDN;AA6DE;EACE,kBAAA;EAEA,0BAAA;EAEA,cAAA;AA7DJ","sourcesContent":["@use 'sass:map';\n@use '../../styles/functions';\n@use '../../styles/colors.scss';\n@use '../../styles/lengths.scss';\n@use '../../styles/typography.scss';\n@use '../../styles/mixins/elevation.scss';\n\n// neutral\n$banner-colors-neutral-color: functions.theme(\n 'banner-colors-neutral-color',\n colors.font(default)\n);\n$banner-colors-neutral-background-color: functions.theme(\n 'banner-colors-neutral-background-color',\n colors.surface(tint)\n);\n\n// info\n$banner-colors-info-color: functions.theme(\n 'banner-colors-info-color',\n colors.status-font(on-info)\n);\n\n// success\n$banner-colors-success-color: functions.theme(\n 'banner-colors-success-color',\n colors.status-font(on-success)\n);\n\n// warning\n$banner-colors-warning-color: functions.theme(\n 'banner-colors-warning-color',\n colors.status-font(on-warning)\n);\n\n// danger\n$banner-colors-danger-color: functions.theme(\n 'banner-colors-danger-color',\n colors.status-font(on-danger)\n);\n\n.rcx-banner {\n @include elevation.elevation-level(2);\n\n z-index: 2;\n\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n flex: 0 1 auto;\n\n box-sizing: border-box;\n\n padding-block: 14px;\n padding-inline: 16px;\n\n color: $banner-colors-neutral-color;\n border-top-width: lengths.border-width(4);\n border-top-style: solid;\n\n background-color: $banner-colors-neutral-background-color;\n\n font-family: typography.font-family('sans');\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n &--inline {\n padding-block: 12px;\n }\n\n &--actionable {\n cursor: pointer;\n }\n\n &--neutral {\n border-top-color: transparent;\n }\n\n &--info {\n border-top-color: $banner-colors-info-color;\n }\n\n &--warning {\n border-top-color: $banner-colors-warning-color;\n }\n\n &--danger {\n border-top-color: $banner-colors-danger-color;\n }\n\n &--success {\n border-top-color: $banner-colors-success-color;\n }\n\n &__icon {\n padding-block: 8px;\n padding-inline-end: 12px;\n\n &--info {\n color: $banner-colors-info-color;\n }\n\n &--warning {\n color: $banner-colors-warning-color;\n }\n\n &--danger {\n color: $banner-colors-danger-color;\n }\n\n &--success {\n color: $banner-colors-success-color;\n }\n\n &--inline {\n margin-block: -2px;\n padding-block: 0;\n }\n }\n\n &__content {\n flex-grow: 1;\n align-self: center;\n\n @include typography.use-font-scale(p2);\n\n &--inline {\n @include typography.use-with-truncated-text;\n }\n }\n\n &__title {\n margin: 0;\n padding: 0;\n @include typography.use-font-scale(h5);\n\n &--inline {\n display: inline;\n\n padding-inline-end: 8px;\n }\n }\n\n &__close-button {\n padding-block: 6px;\n padding-inline: 8px;\n\n &--inline {\n margin-block: -4px;\n padding-block: 0;\n }\n }\n\n &__link {\n padding-left: 10px;\n\n text-decoration: underline;\n\n color: inherit;\n }\n}\n","@use '../colors.scss';\n@use '../../styles/functions.scss';\n\n@mixin elevation-level($level, $border: true) {\n @if $level == 1 {\n box-shadow: 0\n 0\n 12px\n 0\n functions.theme('color-shadow-elevation-1', colors.elevation(1));\n }\n @if $level == 2 {\n box-shadow: 0\n 0\n 2px\n 0\n functions.theme('color-shadow-elevation-2x', colors.elevation('2x')),\n 0\n 0\n 12px\n 0\n functions.theme('color-shadow-elevation-2y', colors.elevation('2y'));\n }\n @if $border {\n border: 1px\n solid\n functions.theme(\n 'color-shadow-elevation-border',\n colors.elevation(border)\n );\n }\n}\n","@use 'sass:map';\n@use '~@rocket.chat/fuselage-tokens/dist/typography.scss';\n@use './functions.scss';\n\n@function font-family($name) {\n @if not map.has-key(typography.$font-families, $name) {\n @error 'invalid font family name';\n }\n\n @return var(\n --rcx-font-family-#{$name},\n map.get(typography.$font-families, $name)\n );\n}\n\n$font-scales: map.keys(typography.$font-scales);\n\n@mixin use-font-scale($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n $-font-scale: map.get(typography.$font-scales, $name);\n letter-spacing: functions.to-rem(map.get($-font-scale, letter-spacing));\n\n font-size: functions.to-rem(map.get($-font-scale, font-size));\n font-weight: map.get($-font-scale, font-weight);\n line-height: functions.to-rem(map.get($-font-scale, line-height));\n}\n\n@function letter-spacing($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), letter-spacing)\n );\n}\n\n@function font-size($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), font-size)\n );\n}\n\n@function font-weight($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return map.get(map.get(typography.$font-scales, $name), font-weight);\n}\n\n@function line-height($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), line-height)\n );\n}\n\n@mixin use-text-ellipsis {\n overflow: hidden;\n\n text-overflow: ellipsis;\n}\n\n@mixin use-with-truncated-text {\n @include use-text-ellipsis();\n white-space: nowrap;\n}\n"],"sourceRoot":""}]);
|
|
3051
3051
|
// Exports
|
|
3052
3052
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
3053
3053
|
|
|
@@ -3173,7 +3173,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3173
3173
|
|
|
3174
3174
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
3175
3175
|
// Module
|
|
3176
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".rcx-tile {\n display: block;\n color: #2f343d;\n color: var(--rcx-color-font-default, var(--rcx-color-neutral-800, #2f343d));\n border-radius: 0.25rem;\n border-radius: var(--rcx-tile-border-radius, var(--rcx-border-radius-medium, 0.25rem));\n background-color: white;\n background-color: var(--rcx-color-surface-light, white);\n letter-spacing: 0rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n}\n.rcx-tile--elevation-0 {\n box-shadow: none;\n}\n.rcx-tile--elevation-1 {\n
|
|
3176
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".rcx-tile {\n display: block;\n color: #2f343d;\n color: var(--rcx-color-font-default, var(--rcx-color-neutral-800, #2f343d));\n border-radius: 0.25rem;\n border-radius: var(--rcx-tile-border-radius, var(--rcx-border-radius-medium, 0.25rem));\n background-color: white;\n background-color: var(--rcx-color-surface-light, white);\n letter-spacing: 0rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n}\n.rcx-tile--elevation-0 {\n box-shadow: none;\n}\n.rcx-tile--elevation-1 {\n box-shadow: 0 0 12px 0 rgba(47, 52, 61, 0.1);\n box-shadow: 0 0 12px 0 var(--rcx-color-shadow-elevation-1, var(--rcx-color-neutral-800-10, rgba(47, 52, 61, 0.1)));\n border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-color-shadow-elevation-border, var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-250, #EBECEF)));\n}\n.rcx-tile--elevation-2 {\n box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 12px 0 rgba(47, 52, 61, 0.12);\n box-shadow: 0 0 2px 0 var(--rcx-color-shadow-elevation-2x, var(--rcx-color-neutral-800-8, rgba(47, 52, 61, 0.08))), 0 0 12px 0 var(--rcx-color-shadow-elevation-2y, var(--rcx-color-neutral-800-12, rgba(47, 52, 61, 0.12)));\n border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-color-shadow-elevation-border, var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-250, #EBECEF)));\n}", "",{"version":3,"sources":["webpack://./src/components/Tile/Tile.styles.scss","webpack://./src/styles/typography.scss","webpack://./src/styles/mixins/elevation.scss"],"names":[],"mappings":"AAMA;EACE,cAAA;EAEA,cAAA;EAAA,2EAAA;EACA,sBAAA;EAAA,sFAAA;EAIA,uBAAA;EAAA,uDAAA;ECSA,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;ADlBF;AASE;EACE,gBAAA;AAPJ;AAUE;EEjBE,4CAAA;EAAA,kHAAA;EAmBA,yBAAA;EAAA,sIAAA;AFRJ;AAUE;EEdE,+EAAA;EAAA,4NAAA;EAYA,yBAAA;EAAA,sIAAA;AFJJ","sourcesContent":["@use '../../styles/colors.scss';\n@use '../../styles/lengths.scss';\n@use '../../styles/typography.scss';\n@use '../../styles/functions.scss';\n@use '../../styles/mixins/elevation.scss';\n\n.rcx-tile {\n display: block;\n\n color: colors.font(default);\n border-radius: functions.theme(\n 'tile-border-radius',\n lengths.border-radius(medium)\n );\n background-color: colors.surface(light);\n\n @include typography.use-font-scale(p2);\n\n &--elevation-0 {\n box-shadow: none;\n }\n\n &--elevation-1 {\n @include elevation.elevation-level(1);\n }\n\n &--elevation-2 {\n @include elevation.elevation-level(2);\n }\n}\n","@use 'sass:map';\n@use '~@rocket.chat/fuselage-tokens/dist/typography.scss';\n@use './functions.scss';\n\n@function font-family($name) {\n @if not map.has-key(typography.$font-families, $name) {\n @error 'invalid font family name';\n }\n\n @return var(\n --rcx-font-family-#{$name},\n map.get(typography.$font-families, $name)\n );\n}\n\n$font-scales: map.keys(typography.$font-scales);\n\n@mixin use-font-scale($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n $-font-scale: map.get(typography.$font-scales, $name);\n letter-spacing: functions.to-rem(map.get($-font-scale, letter-spacing));\n\n font-size: functions.to-rem(map.get($-font-scale, font-size));\n font-weight: map.get($-font-scale, font-weight);\n line-height: functions.to-rem(map.get($-font-scale, line-height));\n}\n\n@function letter-spacing($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), letter-spacing)\n );\n}\n\n@function font-size($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), font-size)\n );\n}\n\n@function font-weight($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return map.get(map.get(typography.$font-scales, $name), font-weight);\n}\n\n@function line-height($name) {\n @if not map.has-key(typography.$font-scales, $name) {\n @error 'invalid font scale name';\n }\n\n @return functions.to-rem(\n map.get(map.get(typography.$font-scales, $name), line-height)\n );\n}\n\n@mixin use-text-ellipsis {\n overflow: hidden;\n\n text-overflow: ellipsis;\n}\n\n@mixin use-with-truncated-text {\n @include use-text-ellipsis();\n white-space: nowrap;\n}\n","@use '../colors.scss';\n@use '../../styles/functions.scss';\n\n@mixin elevation-level($level, $border: true) {\n @if $level == 1 {\n box-shadow: 0\n 0\n 12px\n 0\n functions.theme('color-shadow-elevation-1', colors.elevation(1));\n }\n @if $level == 2 {\n box-shadow: 0\n 0\n 2px\n 0\n functions.theme('color-shadow-elevation-2x', colors.elevation('2x')),\n 0\n 0\n 12px\n 0\n functions.theme('color-shadow-elevation-2y', colors.elevation('2y'));\n }\n @if $border {\n border: 1px\n solid\n functions.theme(\n 'color-shadow-elevation-border',\n colors.elevation(border)\n );\n }\n}\n"],"sourceRoot":""}]);
|
|
3177
3177
|
// Exports
|
|
3178
3178
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
3179
3179
|
|
|
@@ -5174,45 +5174,51 @@ var propDefs = {
|
|
|
5174
5174
|
if (value === '1') {
|
|
5175
5175
|
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0px 0px 12px 0px ", ";\n border: 1px solid ", ";\n "], ["\n box-shadow: 0px 0px 12px 0px ", ";\n border: 1px solid ", ";\n "])), _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-1"], _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-border"]);
|
|
5176
5176
|
}
|
|
5177
|
+
if (value === '1nb') {
|
|
5178
|
+
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-shadow: 0px 0px 12px 0px ", ";\n "], ["\n box-shadow: 0px 0px 12px 0px ", ";\n "])), _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-1"]);
|
|
5179
|
+
}
|
|
5177
5180
|
if (value === '2') {
|
|
5178
|
-
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5181
|
+
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-shadow: 0px 0px 2px 0px ", ",\n 0px 0px 12px 0px ", ";\n border: 1px solid ", ";\n "], ["\n box-shadow: 0px 0px 2px 0px ", ",\n 0px 0px 12px 0px ", ";\n border: 1px solid ", ";\n "])), _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-2x"], _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-2y"], _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-border"]);
|
|
5182
|
+
}
|
|
5183
|
+
if (value === '2nb') {
|
|
5184
|
+
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-shadow: 0px 0px 2px 0px ", ",\n 0px 0px 12px 0px ", ";\n "], ["\n box-shadow: 0px 0px 2px 0px ", ",\n 0px 0px 12px 0px ", ";\n "])), _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-2x"], _Theme__WEBPACK_IMPORTED_MODULE_1__.Palette.shadow["shadow-elevation-2y"]);
|
|
5179
5185
|
}
|
|
5180
5186
|
},
|
|
5181
5187
|
},
|
|
5182
5188
|
invisible: {
|
|
5183
5189
|
toStyle: function (value) {
|
|
5184
5190
|
return value
|
|
5185
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5191
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n visibility: hidden;\n opacity: 0;\n "], ["\n visibility: hidden;\n opacity: 0;\n "]))) : undefined;
|
|
5186
5192
|
},
|
|
5187
5193
|
},
|
|
5188
5194
|
withTruncatedText: {
|
|
5189
5195
|
toStyle: function (value) {
|
|
5190
5196
|
return value
|
|
5191
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5197
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "]))) : undefined;
|
|
5192
5198
|
},
|
|
5193
5199
|
},
|
|
5194
5200
|
size: {
|
|
5195
5201
|
toStyle: function (value) {
|
|
5196
5202
|
return (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)
|
|
5197
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5203
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: ", " !important;\n height: ", " !important;\n "], ["\n width: ", " !important;\n height: ", " !important;\n "])), (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value), (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)) : undefined;
|
|
5198
5204
|
},
|
|
5199
5205
|
},
|
|
5200
5206
|
minSize: {
|
|
5201
5207
|
toStyle: function (value) {
|
|
5202
5208
|
return (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)
|
|
5203
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5209
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n min-width: ", " !important;\n min-height: ", " !important;\n "], ["\n min-width: ", " !important;\n min-height: ", " !important;\n "])), (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value), (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)) : undefined;
|
|
5204
5210
|
},
|
|
5205
5211
|
},
|
|
5206
5212
|
maxSize: {
|
|
5207
5213
|
toStyle: function (value) {
|
|
5208
5214
|
return (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)
|
|
5209
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5215
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n max-width: ", " !important;\n max-height: ", " !important;\n "], ["\n max-width: ", " !important;\n max-height: ", " !important;\n "])), (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value), (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)) : undefined;
|
|
5210
5216
|
},
|
|
5211
5217
|
},
|
|
5212
5218
|
fontScale: {
|
|
5213
5219
|
toStyle: function (value) {
|
|
5214
5220
|
var _a, _b, _c, _d;
|
|
5215
|
-
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5221
|
+
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: ", " !important;\n font-weight: ", " !important;\n letter-spacing: ", " !important;\n line-height: ", " !important;\n "], ["\n font-size: ", " !important;\n font-weight: ", " !important;\n letter-spacing: ", " !important;\n line-height: ", " !important;\n "])), (_a = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _a === void 0 ? void 0 : _a.fontSize, (_b = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _b === void 0 ? void 0 : _b.fontWeight, (_c = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _c === void 0 ? void 0 : _c.letterSpacing, (_d = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _d === void 0 ? void 0 : _d.lineHeight);
|
|
5216
5222
|
},
|
|
5217
5223
|
},
|
|
5218
5224
|
};
|
|
@@ -5241,7 +5247,7 @@ var compiledPropDefs = new Map(Object.entries(propDefs).map(function (_a) {
|
|
|
5241
5247
|
if (cssValue === undefined) {
|
|
5242
5248
|
return;
|
|
5243
5249
|
}
|
|
5244
|
-
stylingProps.set(propName, (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5250
|
+
stylingProps.set(propName, (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", ": ", " !important;\n "], ["\n ", ": ", " !important;\n "])), cssProperty_1, cssValue));
|
|
5245
5251
|
},
|
|
5246
5252
|
];
|
|
5247
5253
|
}
|
|
@@ -5283,10 +5289,10 @@ var extractStylingProps = function (props) {
|
|
|
5283
5289
|
finally { if (e_1) throw e_1.error; }
|
|
5284
5290
|
}
|
|
5285
5291
|
var styles = stylingProps.size
|
|
5286
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(
|
|
5292
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), Array.from(stylingProps.values())) : undefined;
|
|
5287
5293
|
return [newProps, styles];
|
|
5288
5294
|
};
|
|
5289
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
5295
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
5290
5296
|
|
|
5291
5297
|
|
|
5292
5298
|
/***/ }),
|
|
@@ -15013,7 +15019,7 @@ function ToastBar(_a) {
|
|
|
15013
15019
|
var uniqueId = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1__.useUniqueId)();
|
|
15014
15020
|
var toastId = id || uniqueId;
|
|
15015
15021
|
return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__["default"], { className: ['rcx-toastbar-wrapper', toastBarAnimation], role: 'alert', "aria-labelledby": toastId },
|
|
15016
|
-
react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__["default"], { className: "rcx-toastbar rcx-toastbar--" + variant + " " + className, elevation: '
|
|
15022
|
+
react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_3__["default"], { className: "rcx-toastbar rcx-toastbar--" + variant + " " + className, elevation: '2nb' },
|
|
15017
15023
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: 'rcx-toastbar-inner' },
|
|
15018
15024
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_5__.Icon, { size: 'x20', name: iconName }),
|
|
15019
15025
|
react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: 'rcx-toastbar-content', id: toastId }, children),
|