@rocket.chat/fuselage 0.32.0-dev.217 → 0.32.0-dev.218
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.
- package/dist/Theme.d.ts +13 -0
- package/dist/Theme.d.ts.map +1 -1
- package/dist/components/Box/stylingProps.d.ts.map +1 -1
- package/dist/fuselage.development.js +117 -56
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/dist/getPaletteColor.d.ts +11 -0
- package/dist/getPaletteColor.d.ts.map +1 -0
- package/dist/styleTokens.d.ts.map +1 -1
- package/package.json +11 -11
package/dist/Theme.d.ts
CHANGED
|
@@ -87,12 +87,19 @@ export declare const badgeBackgroundColors: {
|
|
|
87
87
|
'badge-background-level-3': Var;
|
|
88
88
|
'badge-background-level-4': Var;
|
|
89
89
|
};
|
|
90
|
+
export declare const shadowColors: {
|
|
91
|
+
'shadow-elevation-border': Var;
|
|
92
|
+
'shadow-elevation-1': Var;
|
|
93
|
+
'shadow-elevation-2x': Var;
|
|
94
|
+
'shadow-elevation-2y': Var;
|
|
95
|
+
};
|
|
90
96
|
export declare const isSurfaceColor: (color: unknown) => color is "surface-light" | "surface-tint" | "surface-neutral" | "surface-disabled" | "surface-hover" | "surface-info" | "surface-success" | "surface-warning" | "surface-danger" | "surface-service-1" | "surface-service-2";
|
|
91
97
|
export declare const isStrokeColor: (color: unknown) => color is "stroke-extra-light" | "stroke-light" | "stroke-medium" | "stroke-dark" | "stroke-extra-dark" | "stroke-extra-light-highlight" | "stroke-highlight" | "stroke-extra-light-error" | "stroke-error";
|
|
92
98
|
export declare const isTextIconColor: (color: unknown) => color is "font-white" | "font-disabled" | "font-annotation" | "font-hint" | "font-default" | "font-title-labels" | "font-danger" | "font-secondary-info" | "font-on-info" | "font-on-success" | "font-on-warning" | "font-on-danger" | "font-on-service-1" | "font-on-service-2" | "font-pure-black" | "font-pure-white";
|
|
93
99
|
export declare const isBadgeColor: (color: unknown) => color is "badge-background-level-1" | "badge-background-level-2" | "badge-background-level-3" | "badge-background-level-4";
|
|
94
100
|
export declare const isStatusBackgroundColor: (color: unknown) => color is "status-background-info" | "status-background-success" | "status-background-danger" | "status-background-warning" | "status-background-warning-2" | "status-background-service-1" | "status-background-service-2" | "status-background-service-3";
|
|
95
101
|
export declare const isStatusColor: (color: unknown) => color is "status-font-on-info" | "status-font-on-success" | "status-font-on-warning" | "status-font-on-warning-2" | "status-font-on-danger" | "status-font-on-service-1" | "status-font-on-service-2" | "status-font-on-service-3";
|
|
102
|
+
export declare const isShadowColor: (color: unknown) => color is "shadow-elevation-border" | "shadow-elevation-1" | "shadow-elevation-2x" | "shadow-elevation-2y";
|
|
96
103
|
export declare const Palette: {
|
|
97
104
|
surface: {
|
|
98
105
|
'surface-light': Var;
|
|
@@ -162,5 +169,11 @@ export declare const Palette: {
|
|
|
162
169
|
'stroke-extra-light-error': Var;
|
|
163
170
|
'stroke-error': Var;
|
|
164
171
|
};
|
|
172
|
+
shadow: {
|
|
173
|
+
'shadow-elevation-border': Var;
|
|
174
|
+
'shadow-elevation-1': Var;
|
|
175
|
+
'shadow-elevation-2x': Var;
|
|
176
|
+
'shadow-elevation-2y': Var;
|
|
177
|
+
};
|
|
165
178
|
};
|
|
166
179
|
//# sourceMappingURL=Theme.d.ts.map
|
package/dist/Theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"AAKA,qBAAa,GAAG;IACd,OAAO,CAAC,IAAI,CAAS;IAErB,OAAO,CAAC,KAAK,CAAS;gBAEV,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAKvC,QAAQ;IAIR,KAAK,CAAC,IAAI,EAAE,MAAM;CAGnB;AAID,eAAO,IAAI,wBAAwB,SAAQ,CAAC;AAC5C,eAAO,MAAM,+BAA+B,UAAW,OAAO,SAE7D,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAwFF,eAAO,MAAM,aAAa;;;;;;;;;;;;CAYzB,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAiB1B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;;;;CAiBlC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;CAgBxB,CAAC;AAIF,eAAO,MAAM,cAAc,UAAW,OAAO,iOACQ,CAAC;AAEtD,eAAO,MAAM,aAAa,UAAW,OAAO,+MACQ,CAAC;AAErD,eAAO,MAAM,eAAe,UAAW,OAAO,6TACQ,CAAC;AAEvD,eAAO,MAAM,YAAY,UAAW,OAAO,+HACkB,CAAC;AAE9D,eAAO,MAAM,uBAAuB,UAC3B,OAAO,+PAE8C,CAAC;AAE/D,eAAO,MAAM,aAAa,UAAW,OAAO,uOACQ,CAAC;AAErD,eAAO,MAAM,aAAa,UAAW,OAAO,8GACQ,CAAC;AAErD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Box/stylingProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAiBvC,aAAK,SAAS,GACV,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,IAAI,GACJ,KAAK,GACL,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,OAAO,CAAC;AAEZ,oBAAY,YAAY,GAAG;IACzB,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACpD,cAAc,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACtD,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACpD,qBAAqB,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC9D,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC1D,iBAAiB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACtD,sBAAsB,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAChE,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC5D,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACpD,qBAAqB,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC9D,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC1D,iBAAiB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACtD,sBAAsB,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAChE,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC5D,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACpD,qBAAqB,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC9D,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC1D,iBAAiB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACtD,sBAAsB,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAChE,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC5D,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,sBAAsB,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAChE,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC5D,oBAAoB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC5D,kBAAkB,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAExD,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;IACpC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC;IACxD,EAAE,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC;IAC3C,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAElC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,cAAc,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAE9B,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1B,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEtC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACpD,cAAc,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEhD,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,EAAE,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACjC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,GAAG,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACvC,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACpD,GAAG,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACrC,cAAc,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,EAAE,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,GAAG,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACxC,iBAAiB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACtD,GAAG,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACtC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,EAAE,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,GAAG,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACxC,iBAAiB,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACtD,GAAG,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACtC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,EAAE,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACnC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,GAAG,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACzC,kBAAkB,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACxD,GAAG,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACvC,gBAAgB,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAEpD,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IACpD,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAChD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC1D,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IACpD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,kBAAkB,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACxD,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEtC,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACjC,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACpC,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACpC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,aAAK,cAAc,GACf;IACE,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;CACpD,GACD;IAAE,OAAO,EAAE,MAAM,YAAY,CAAA;CAAE,GAC/B;IACE,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,GAAG,SAAS,CAAC;CAChD,CAAC;AA8EN,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,YAAY,EAAE,cAAc,
|
|
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 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-neutral-800-8, rgba(47, 52, 61, 0.08)), 0 0 12px 0 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;EClCI,+EAAA;EAAA,gJAAA;EDqCF,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;AA/CF;AAiDE;EACE,iBAAA;EAAA,oBAAA;EAAA,mBAAA;AA/CJ;AAkDE;EACE,eAAA;AAhDJ;AAmDE;EACE,6BAAA;AAjDJ;AAoDE;EACE,yBA9DuB;EA8DvB,kIA9DuB;AAY3B;AAqDE;EACE,yBAtD0B;EAsD1B,wIAtD0B;AAG9B;AAsDE;EACE,yBApDyB;EAoDzB,qIApDyB;AAA7B;AAuDE;EACE,yBApE0B;EAoE1B,wIApE0B;AAe9B;AAwDE;EAEE;AAtDJ;AAoDE;EAEE;AAtDJ;AAoDE;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,yBAAA;UAAA,wBAAA;AAtDJ;AAwDI;EACE,cAlFqB;EAkFrB,uHAlFqB;AA4B3B;AAyDI;EACE,cA1EwB;EA0ExB,6HA1EwB;AAmB9B;AA0DI;EACE,cAxEuB;EAwEvB,0HAxEuB;AAgB7B;AA2DI;EACE,cAxFwB;EAwFxB,6HAxFwB;AA+B9B;AA4DI;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,cAAA;EAAA,iBAAA;EAAA,gBAAA;AA1DN;AA8DE;EACE,YAAA;EACA,kBAAA;EEpGF,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;AFwCF;AA4DI;EE1DF,gBAAA;EAEA,uBAAA;EAKA,mBAAA;AFJF;AA4DE;EACE,SAAA;EACA,UAAA;EE/GF,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;AFqDF;AAyDI;EAGE;AAxDN;AAqDI;EAGE;AAxDN;AAqDI;EACE,eAAA;EAEA,wBAAA;UAAA,uBAAA;AAxDN;AA4DE;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,iBAAA;EAAA,kBAAA;EAAA,mBAAA;AA1DJ;AA4DI;EACE,gBAAA;EAAA,mBAAA;EAAA,kBAAA;EACA,cAAA;EAAA,iBAAA;EAAA,gBAAA;AA1DN;AA8DE;EACE,kBAAA;EAEA,0BAAA;EAEA,cAAA;AA9DJ","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\n@mixin elevation-level($level) {\n @if $level == 1 {\n box-shadow: 0 0 12px 0 colors.elevation(1);\n }\n @if $level == 2 {\n box-shadow: 0 0 2px 0 colors.elevation('2x'),\n 0 0 12px 0 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 border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-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-shadow-elevation-2x, var(--rcx-color-neutral-800-8, rgba(47, 52, 61, 0.08))), 0 0 12px 0 var(--rcx-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;EC1BI,yBAAA;EAAA,gIAAA;EAGA,+EAAA;EAAA,gNAAA;ED0BF,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('shadow-elevation-border', colors.elevation(border));\n box-shadow: 0\n 0\n 12px\n 0\n functions.theme('shadow-elevation-1', colors.elevation(1));\n }\n @if $level == 2 {\n border: 1px\n solid\n functions.theme('shadow-elevation-border', colors.elevation(border));\n box-shadow: 0\n 0\n 2px\n 0\n functions.theme('shadow-elevation-2x', colors.elevation('2x')),\n 0 0 12px 0 functions.theme('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":""}]);
|
|
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 border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-250, #EBECEF));\n box-shadow: 0 0 12px 0 rgba(47, 52, 61, 0.1);\n box-shadow: 0 0 12px 0 var(--rcx-color-neutral-800-10, rgba(47, 52, 61, 0.1));\n}\n.rcx-tile--elevation-2 {\n border: 1px solid #EBECEF;\n border: 1px solid 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-neutral-800-8, rgba(47, 52, 61, 0.08)), 0 0 12px 0 var(--rcx-color-neutral-800-12, rgba(47, 52, 61, 0.12));\n}", "",{"version":3,"sources":["webpack://./src/components/Tile/Tile.styles.scss","webpack://./src/styles/typography.scss"],"names":[],"mappings":"
|
|
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 border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-shadow-elevation-border, var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-250, #EBECEF)));\n box-shadow: 0 0 12px 0 rgba(47, 52, 61, 0.1);\n box-shadow: 0 0 12px 0 var(--rcx-shadow-elevation-1, var(--rcx-color-neutral-800-10, rgba(47, 52, 61, 0.1)));\n}\n.rcx-tile--elevation-2 {\n border: 1px solid #EBECEF;\n border: 1px solid var(--rcx-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-shadow-elevation-2x, var(--rcx-color-neutral-800-8, rgba(47, 52, 61, 0.08))), 0 0 12px 0 var(--rcx-shadow-elevation-2y, var(--rcx-color-neutral-800-12, rgba(47, 52, 61, 0.12)));\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,yBAAA;EAAA,gIAAA;EAGA,4CAAA;EAAA,4GAAA;AFQJ;AAUE;EEXE,yBAAA;EAAA,gIAAA;EAGA,+EAAA;EAAA,gNAAA;AFEJ","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) {\n @if $level == 1 {\n border: 1px\n solid\n functions.theme('shadow-elevation-border', colors.elevation(border));\n box-shadow: 0\n 0\n 12px\n 0\n functions.theme('shadow-elevation-1', colors.elevation(1));\n }\n @if $level == 2 {\n border: 1px\n solid\n functions.theme('shadow-elevation-border', colors.elevation(border));\n box-shadow: 0\n 0\n 2px\n 0\n functions.theme('shadow-elevation-2x', colors.elevation('2x')),\n 0 0 12px 0 functions.theme('shadow-elevation-2y', colors.elevation('2y'));\n }\n}\n"],"sourceRoot":""}]);
|
|
3177
3177
|
// Exports
|
|
3178
3178
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
3179
3179
|
|
|
@@ -4051,12 +4051,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4051
4051
|
/* harmony export */ "__setThrowErrorOnInvalidToken__": function() { return /* binding */ __setThrowErrorOnInvalidToken__; },
|
|
4052
4052
|
/* harmony export */ "badgeBackgroundColors": function() { return /* binding */ badgeBackgroundColors; },
|
|
4053
4053
|
/* harmony export */ "isBadgeColor": function() { return /* binding */ isBadgeColor; },
|
|
4054
|
+
/* harmony export */ "isShadowColor": function() { return /* binding */ isShadowColor; },
|
|
4054
4055
|
/* harmony export */ "isStatusBackgroundColor": function() { return /* binding */ isStatusBackgroundColor; },
|
|
4055
4056
|
/* harmony export */ "isStatusColor": function() { return /* binding */ isStatusColor; },
|
|
4056
4057
|
/* harmony export */ "isStrokeColor": function() { return /* binding */ isStrokeColor; },
|
|
4057
4058
|
/* harmony export */ "isSurfaceColor": function() { return /* binding */ isSurfaceColor; },
|
|
4058
4059
|
/* harmony export */ "isTextIconColor": function() { return /* binding */ isTextIconColor; },
|
|
4059
4060
|
/* harmony export */ "neutral": function() { return /* binding */ neutral; },
|
|
4061
|
+
/* harmony export */ "shadowColors": function() { return /* binding */ shadowColors; },
|
|
4060
4062
|
/* harmony export */ "statusBackgroundColors": function() { return /* binding */ statusBackgroundColors; },
|
|
4061
4063
|
/* harmony export */ "statusColors": function() { return /* binding */ statusColors; },
|
|
4062
4064
|
/* harmony export */ "strokeColors": function() { return /* binding */ strokeColors; },
|
|
@@ -4065,7 +4067,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4065
4067
|
/* harmony export */ "throwErrorOnInvalidToken": function() { return /* binding */ throwErrorOnInvalidToken; }
|
|
4066
4068
|
/* harmony export */ });
|
|
4067
4069
|
/* harmony import */ var _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rocket.chat/fuselage-tokens/colors.json */ "../fuselage-tokens/colors.json");
|
|
4068
|
-
/* harmony import */ var
|
|
4070
|
+
/* harmony import */ var _getPaletteColor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getPaletteColor */ "./src/getPaletteColor.ts");
|
|
4071
|
+
/* harmony import */ var _helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers/toCSSValue */ "./src/helpers/toCSSValue.ts");
|
|
4072
|
+
|
|
4069
4073
|
|
|
4070
4074
|
|
|
4071
4075
|
var Var = /** @class */ (function () {
|
|
@@ -4074,7 +4078,7 @@ var Var = /** @class */ (function () {
|
|
|
4074
4078
|
this.value = value;
|
|
4075
4079
|
}
|
|
4076
4080
|
Var.prototype.toString = function () {
|
|
4077
|
-
return (0,
|
|
4081
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_2__.toCSSColorValue)(this.name, this.value);
|
|
4078
4082
|
};
|
|
4079
4083
|
Var.prototype.theme = function (name) {
|
|
4080
4084
|
return new Var(name, this.toString());
|
|
@@ -4246,6 +4250,12 @@ var badgeBackgroundColors = {
|
|
|
4246
4250
|
'badge-background-level-3': service1[500].theme('badge-background-level-3'),
|
|
4247
4251
|
'badge-background-level-4': danger.d550.theme('badge-background-level-4'),
|
|
4248
4252
|
};
|
|
4253
|
+
var shadowColors = {
|
|
4254
|
+
'shadow-elevation-border': strokeColors['stroke-extra-light'].theme('shadow-elevation-border'),
|
|
4255
|
+
'shadow-elevation-1': new Var('shadow-elevation-1', (0,_getPaletteColor__WEBPACK_IMPORTED_MODULE_1__.getPaletteColor)('neutral', 800, 0.1)[1]),
|
|
4256
|
+
'shadow-elevation-2x': new Var('shadow-elevation-2x', (0,_getPaletteColor__WEBPACK_IMPORTED_MODULE_1__.getPaletteColor)('neutral', 800, 0.08)[1]),
|
|
4257
|
+
'shadow-elevation-2y': new Var('shadow-elevation-2y', (0,_getPaletteColor__WEBPACK_IMPORTED_MODULE_1__.getPaletteColor)('neutral', 800, 0.12)[1]),
|
|
4258
|
+
};
|
|
4249
4259
|
var isSurfaceColor = function (color) {
|
|
4250
4260
|
return typeof color === 'string' && color in surfaceColors;
|
|
4251
4261
|
};
|
|
@@ -4264,6 +4274,9 @@ var isStatusBackgroundColor = function (color) {
|
|
|
4264
4274
|
var isStatusColor = function (color) {
|
|
4265
4275
|
return typeof color === 'string' && color in statusColors;
|
|
4266
4276
|
};
|
|
4277
|
+
var isShadowColor = function (color) {
|
|
4278
|
+
return typeof color === 'string' && color in shadowColors;
|
|
4279
|
+
};
|
|
4267
4280
|
var Palette = {
|
|
4268
4281
|
surface: surfaceColors,
|
|
4269
4282
|
status: statusBackgroundColors,
|
|
@@ -4271,6 +4284,7 @@ var Palette = {
|
|
|
4271
4284
|
badge: badgeBackgroundColors,
|
|
4272
4285
|
text: textIconColors,
|
|
4273
4286
|
stroke: strokeColors,
|
|
4287
|
+
shadow: shadowColors,
|
|
4274
4288
|
};
|
|
4275
4289
|
|
|
4276
4290
|
|
|
@@ -4948,8 +4962,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4948
4962
|
/* harmony export */ "propDefs": function() { return /* binding */ propDefs; }
|
|
4949
4963
|
/* harmony export */ });
|
|
4950
4964
|
/* harmony import */ var _rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rocket.chat/css-in-js */ "../css-in-js/dist/index.module.js");
|
|
4951
|
-
/* harmony import */ var
|
|
4952
|
-
/* harmony import */ var
|
|
4965
|
+
/* harmony import */ var _Theme__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Theme */ "./src/Theme.ts");
|
|
4966
|
+
/* harmony import */ var _helpers_fromCamelToKebab__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/fromCamelToKebab */ "./src/helpers/fromCamelToKebab.ts");
|
|
4967
|
+
/* harmony import */ var _styleTokens__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../styleTokens */ "./src/styleTokens.ts");
|
|
4953
4968
|
var __makeTemplateObject = (undefined && undefined.__makeTemplateObject) || function (cooked, raw) {
|
|
4954
4969
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4955
4970
|
return cooked;
|
|
@@ -4984,6 +4999,7 @@ var __values = (undefined && undefined.__values) || function(o) {
|
|
|
4984
4999
|
|
|
4985
5000
|
|
|
4986
5001
|
|
|
5002
|
+
|
|
4987
5003
|
var stringProp = {
|
|
4988
5004
|
toCSSValue: function (value) { return (typeof value === 'string' ? value : undefined); },
|
|
4989
5005
|
};
|
|
@@ -4996,46 +5012,46 @@ var numberOrStringProp = {
|
|
|
4996
5012
|
},
|
|
4997
5013
|
};
|
|
4998
5014
|
var borderWidthProp = {
|
|
4999
|
-
toCSSValue:
|
|
5015
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.borderWidth,
|
|
5000
5016
|
};
|
|
5001
5017
|
var borderRadiusProp = {
|
|
5002
|
-
toCSSValue:
|
|
5018
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.borderRadius,
|
|
5003
5019
|
};
|
|
5004
5020
|
var backgroundColorProp = {
|
|
5005
|
-
toCSSValue:
|
|
5021
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.backgroundColor,
|
|
5006
5022
|
};
|
|
5007
5023
|
var fontColorProp = {
|
|
5008
|
-
toCSSValue:
|
|
5024
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontColor,
|
|
5009
5025
|
};
|
|
5010
5026
|
var strokeColorProp = {
|
|
5011
|
-
toCSSValue:
|
|
5027
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.strokeColor,
|
|
5012
5028
|
};
|
|
5013
5029
|
var sizeProp = {
|
|
5014
|
-
toCSSValue:
|
|
5030
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.size,
|
|
5015
5031
|
};
|
|
5016
5032
|
var insetProp = {
|
|
5017
|
-
toCSSValue:
|
|
5033
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.inset,
|
|
5018
5034
|
};
|
|
5019
5035
|
var marginProp = {
|
|
5020
|
-
toCSSValue:
|
|
5036
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.margin,
|
|
5021
5037
|
};
|
|
5022
5038
|
var paddingProp = {
|
|
5023
|
-
toCSSValue:
|
|
5039
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.padding,
|
|
5024
5040
|
};
|
|
5025
5041
|
var fontFamilyProp = {
|
|
5026
|
-
toCSSValue:
|
|
5042
|
+
toCSSValue: _styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontFamily,
|
|
5027
5043
|
};
|
|
5028
5044
|
var fontSizeProp = {
|
|
5029
|
-
toCSSValue: function (value) { var _a; return ((_a = (0,
|
|
5045
|
+
toCSSValue: function (value) { var _a; return ((_a = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _a === void 0 ? void 0 : _a.fontSize) || (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value); },
|
|
5030
5046
|
};
|
|
5031
5047
|
var fontWeightProp = {
|
|
5032
|
-
toCSSValue: function (value) { var _a; return value ? String(((_a = (0,
|
|
5048
|
+
toCSSValue: function (value) { var _a; return value ? String(((_a = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _a === void 0 ? void 0 : _a.fontWeight) || value) : undefined; },
|
|
5033
5049
|
};
|
|
5034
5050
|
var lineHeightProp = {
|
|
5035
|
-
toCSSValue: function (value) { var _a; return ((_a = (0,
|
|
5051
|
+
toCSSValue: function (value) { var _a; return ((_a = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _a === void 0 ? void 0 : _a.lineHeight) || (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value); },
|
|
5036
5052
|
};
|
|
5037
5053
|
var letterSpacingProp = {
|
|
5038
|
-
toCSSValue: function (value) { var _a; return value ? String(((_a = (0,
|
|
5054
|
+
toCSSValue: function (value) { var _a; return value ? String(((_a = (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.fontScale)(value)) === null || _a === void 0 ? void 0 : _a.letterSpacing) || value) : undefined; },
|
|
5039
5055
|
};
|
|
5040
5056
|
var aliasOf = function (propName) { return ({
|
|
5041
5057
|
aliasOf: propName,
|
|
@@ -5156,10 +5172,10 @@ var propDefs = {
|
|
|
5156
5172
|
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-shadow: none;\n "], ["\n box-shadow: none;\n "])));
|
|
5157
5173
|
}
|
|
5158
5174
|
if (value === '1') {
|
|
5159
|
-
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 "], ["\n box-shadow: 0px 0px 12px 0px ", ";\n "])),
|
|
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"]);
|
|
5160
5176
|
}
|
|
5161
5177
|
if (value === '2') {
|
|
5162
|
-
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_3 || (templateObject_3 = __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 "])),
|
|
5178
|
+
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_3 || (templateObject_3 = __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"]);
|
|
5163
5179
|
}
|
|
5164
5180
|
},
|
|
5165
5181
|
},
|
|
@@ -5177,26 +5193,26 @@ var propDefs = {
|
|
|
5177
5193
|
},
|
|
5178
5194
|
size: {
|
|
5179
5195
|
toStyle: function (value) {
|
|
5180
|
-
return (0,
|
|
5181
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: ", " !important;\n height: ", " !important;\n "], ["\n width: ", " !important;\n height: ", " !important;\n "])), (0,
|
|
5196
|
+
return (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)
|
|
5197
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_6 || (templateObject_6 = __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;
|
|
5182
5198
|
},
|
|
5183
5199
|
},
|
|
5184
5200
|
minSize: {
|
|
5185
5201
|
toStyle: function (value) {
|
|
5186
|
-
return (0,
|
|
5187
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", " !important;\n min-height: ", " !important;\n "], ["\n min-width: ", " !important;\n min-height: ", " !important;\n "])), (0,
|
|
5202
|
+
return (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)
|
|
5203
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_7 || (templateObject_7 = __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;
|
|
5188
5204
|
},
|
|
5189
5205
|
},
|
|
5190
5206
|
maxSize: {
|
|
5191
5207
|
toStyle: function (value) {
|
|
5192
|
-
return (0,
|
|
5193
|
-
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n max-width: ", " !important;\n max-height: ", " !important;\n "], ["\n max-width: ", " !important;\n max-height: ", " !important;\n "])), (0,
|
|
5208
|
+
return (0,_styleTokens__WEBPACK_IMPORTED_MODULE_3__.size)(value)
|
|
5209
|
+
? (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_8 || (templateObject_8 = __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;
|
|
5194
5210
|
},
|
|
5195
5211
|
},
|
|
5196
5212
|
fontScale: {
|
|
5197
5213
|
toStyle: function (value) {
|
|
5198
5214
|
var _a, _b, _c, _d;
|
|
5199
|
-
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_9 || (templateObject_9 = __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,
|
|
5215
|
+
return (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_9 || (templateObject_9 = __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);
|
|
5200
5216
|
},
|
|
5201
5217
|
},
|
|
5202
5218
|
};
|
|
@@ -5216,7 +5232,7 @@ var compiledPropDefs = new Map(Object.entries(propDefs).map(function (_a) {
|
|
|
5216
5232
|
];
|
|
5217
5233
|
}
|
|
5218
5234
|
if ('toCSSValue' in propDef) {
|
|
5219
|
-
var cssProperty_1 = (0,
|
|
5235
|
+
var cssProperty_1 = (0,_helpers_fromCamelToKebab__WEBPACK_IMPORTED_MODULE_2__.fromCamelToKebab)(propName);
|
|
5220
5236
|
var toCSSValue_1 = propDef.toCSSValue;
|
|
5221
5237
|
return [
|
|
5222
5238
|
propName,
|
|
@@ -15556,6 +15572,67 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
15556
15572
|
|
|
15557
15573
|
|
|
15558
15574
|
|
|
15575
|
+
|
|
15576
|
+
|
|
15577
|
+
/***/ }),
|
|
15578
|
+
|
|
15579
|
+
/***/ "./src/getPaletteColor.ts":
|
|
15580
|
+
/*!********************************!*\
|
|
15581
|
+
!*** ./src/getPaletteColor.ts ***!
|
|
15582
|
+
\********************************/
|
|
15583
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
15584
|
+
|
|
15585
|
+
__webpack_require__.r(__webpack_exports__);
|
|
15586
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
15587
|
+
/* harmony export */ "getPaletteColor": function() { return /* binding */ getPaletteColor; }
|
|
15588
|
+
/* harmony export */ });
|
|
15589
|
+
/* harmony import */ var _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rocket.chat/fuselage-tokens/colors.json */ "../fuselage-tokens/colors.json");
|
|
15590
|
+
/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! invariant */ "../../node_modules/invariant/browser.js");
|
|
15591
|
+
/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(invariant__WEBPACK_IMPORTED_MODULE_1__);
|
|
15592
|
+
var __read = (undefined && undefined.__read) || function (o, n) {
|
|
15593
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15594
|
+
if (!m) return o;
|
|
15595
|
+
var i = m.call(o), r, ar = [], e;
|
|
15596
|
+
try {
|
|
15597
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
15598
|
+
}
|
|
15599
|
+
catch (error) { e = { error: error }; }
|
|
15600
|
+
finally {
|
|
15601
|
+
try {
|
|
15602
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
15603
|
+
}
|
|
15604
|
+
finally { if (e) throw e.error; }
|
|
15605
|
+
}
|
|
15606
|
+
return ar;
|
|
15607
|
+
};
|
|
15608
|
+
|
|
15609
|
+
|
|
15610
|
+
var isPaletteColorRef = function (ref) {
|
|
15611
|
+
return typeof ref === 'string' && ref in _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__;
|
|
15612
|
+
};
|
|
15613
|
+
var mapTypeToPrefix = {
|
|
15614
|
+
neutral: 'n',
|
|
15615
|
+
primary: 'b',
|
|
15616
|
+
info: 'b',
|
|
15617
|
+
success: 'g',
|
|
15618
|
+
warning: 'y',
|
|
15619
|
+
danger: 'r',
|
|
15620
|
+
};
|
|
15621
|
+
var getPaletteColor = function (type, grade, alpha) {
|
|
15622
|
+
var ref = "" + mapTypeToPrefix[type] + grade;
|
|
15623
|
+
invariant__WEBPACK_IMPORTED_MODULE_1___default()(isPaletteColorRef(ref), 'invalid color reference');
|
|
15624
|
+
var baseColor = _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__[ref];
|
|
15625
|
+
var matches = /^#([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/.exec(baseColor);
|
|
15626
|
+
invariant__WEBPACK_IMPORTED_MODULE_1___default()(!!matches, 'invalid color token format');
|
|
15627
|
+
if (alpha !== undefined) {
|
|
15628
|
+
var _a = __read(matches, 4), r = _a[1], g = _a[2], b = _a[3];
|
|
15629
|
+
return [
|
|
15630
|
+
"--rcx-color-" + type + "-" + grade + "-" + (alpha * 100).toFixed(0),
|
|
15631
|
+
"rgba(" + parseInt(r, 16) + ", " + parseInt(g, 16) + ", " + parseInt(b, 16) + ", " + alpha * 100 + "%)",
|
|
15632
|
+
];
|
|
15633
|
+
}
|
|
15634
|
+
return ["--rcx-color-" + type + "-" + grade, baseColor];
|
|
15635
|
+
};
|
|
15559
15636
|
|
|
15560
15637
|
|
|
15561
15638
|
/***/ }),
|
|
@@ -16305,7 +16382,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
16305
16382
|
/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! invariant */ "../../node_modules/invariant/browser.js");
|
|
16306
16383
|
/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(invariant__WEBPACK_IMPORTED_MODULE_3__);
|
|
16307
16384
|
/* harmony import */ var _Theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Theme */ "./src/Theme.ts");
|
|
16308
|
-
/* harmony import */ var
|
|
16385
|
+
/* harmony import */ var _getPaletteColor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getPaletteColor */ "./src/getPaletteColor.ts");
|
|
16386
|
+
/* harmony import */ var _helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers/toCSSValue */ "./src/helpers/toCSSValue.ts");
|
|
16309
16387
|
var __read = (undefined && undefined.__read) || function (o, n) {
|
|
16310
16388
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
16311
16389
|
if (!m) return o;
|
|
@@ -16328,6 +16406,7 @@ var __read = (undefined && undefined.__read) || function (o, n) {
|
|
|
16328
16406
|
|
|
16329
16407
|
|
|
16330
16408
|
|
|
16409
|
+
|
|
16331
16410
|
var measure = function (computeSpecialValue) {
|
|
16332
16411
|
return (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_2__.memoize)(function (value) {
|
|
16333
16412
|
if (typeof value === 'number') {
|
|
@@ -16383,24 +16462,6 @@ var isPaletteColorAlpha = function (alpha) {
|
|
|
16383
16462
|
return alpha === undefined ||
|
|
16384
16463
|
(typeof alpha === 'number' && alpha >= 0 && alpha <= 1);
|
|
16385
16464
|
};
|
|
16386
|
-
var isPaletteColorRef = function (ref) {
|
|
16387
|
-
return typeof ref === 'string' && ref in _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__;
|
|
16388
|
-
};
|
|
16389
|
-
var getPaletteColor = function (type, grade, alpha) {
|
|
16390
|
-
var ref = "" + mapTypeToPrefix[type] + grade;
|
|
16391
|
-
invariant__WEBPACK_IMPORTED_MODULE_3___default()(isPaletteColorRef(ref), 'invalid color reference');
|
|
16392
|
-
var baseColor = _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__[ref];
|
|
16393
|
-
var matches = /^#([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/.exec(baseColor);
|
|
16394
|
-
invariant__WEBPACK_IMPORTED_MODULE_3___default()(!!matches, 'invalid color token format');
|
|
16395
|
-
if (alpha !== undefined) {
|
|
16396
|
-
var _a = __read(matches, 4), r = _a[1], g = _a[2], b = _a[3];
|
|
16397
|
-
return [
|
|
16398
|
-
"--rcx-color-" + type + "-" + grade + "-" + (alpha * 100).toFixed(0),
|
|
16399
|
-
"rgba(" + parseInt(r, 16) + ", " + parseInt(g, 16) + ", " + parseInt(b, 16) + ", " + alpha * 100 + "%)",
|
|
16400
|
-
];
|
|
16401
|
-
}
|
|
16402
|
-
return ["--rcx-color-" + type + "-" + grade, baseColor];
|
|
16403
|
-
};
|
|
16404
16465
|
var foregroundColors = {
|
|
16405
16466
|
'default': _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__.n800,
|
|
16406
16467
|
'info': _rocket_chat_fuselage_tokens_colors_json__WEBPACK_IMPORTED_MODULE_0__.n700,
|
|
@@ -16481,18 +16542,18 @@ var color = (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_2__.memoize)(function
|
|
|
16481
16542
|
return _Theme__WEBPACK_IMPORTED_MODULE_4__.surfaceColors["surface-light"].toString();
|
|
16482
16543
|
}
|
|
16483
16544
|
if (value === 'surface-tint') {
|
|
16484
|
-
return (0,
|
|
16545
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__.toCSSColorValue)(value, _Theme__WEBPACK_IMPORTED_MODULE_4__.neutral.n100);
|
|
16485
16546
|
}
|
|
16486
16547
|
if (value === 'secondary-info') {
|
|
16487
|
-
return (0,
|
|
16548
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__.toCSSColorValue)(value, _Theme__WEBPACK_IMPORTED_MODULE_4__.neutral.n700);
|
|
16488
16549
|
}
|
|
16489
16550
|
if (value === 'surface-neutral') {
|
|
16490
|
-
return (0,
|
|
16551
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__.toCSSColorValue)(value, _Theme__WEBPACK_IMPORTED_MODULE_4__.neutral.n400);
|
|
16491
16552
|
}
|
|
16492
16553
|
if (isForegroundColorRef(value)) {
|
|
16493
16554
|
var _a = __read(getForegroundColor(value), 2), customProperty = _a[0], color_1 = _a[1];
|
|
16494
16555
|
if (customProperty) {
|
|
16495
|
-
return (0,
|
|
16556
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__.toCSSValue)(customProperty, color_1);
|
|
16496
16557
|
}
|
|
16497
16558
|
return color_1;
|
|
16498
16559
|
}
|
|
@@ -16505,9 +16566,9 @@ var color = (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_2__.memoize)(function
|
|
|
16505
16566
|
invariant__WEBPACK_IMPORTED_MODULE_3___default()(isPaletteColorType(type), 'invalid color type');
|
|
16506
16567
|
invariant__WEBPACK_IMPORTED_MODULE_3___default()(isPaletteColorGrade(grade), 'invalid color grade');
|
|
16507
16568
|
invariant__WEBPACK_IMPORTED_MODULE_3___default()(isPaletteColorAlpha(alpha), 'invalid color alpha');
|
|
16508
|
-
var _c = __read(getPaletteColor(type, grade, alpha), 2), customProperty = _c[0], color_2 = _c[1];
|
|
16569
|
+
var _c = __read((0,_getPaletteColor__WEBPACK_IMPORTED_MODULE_5__.getPaletteColor)(type, grade, alpha), 2), customProperty = _c[0], color_2 = _c[1];
|
|
16509
16570
|
if (customProperty) {
|
|
16510
|
-
return (0,
|
|
16571
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__.toCSSValue)(customProperty, color_2);
|
|
16511
16572
|
}
|
|
16512
16573
|
return color_2;
|
|
16513
16574
|
}
|
|
@@ -16552,7 +16613,7 @@ var fontFamily = (0,_rocket_chat_memo__WEBPACK_IMPORTED_MODULE_2__.memoize)(func
|
|
|
16552
16613
|
var fontFamily = _rocket_chat_fuselage_tokens_dist_typography_json__WEBPACK_IMPORTED_MODULE_1__.fontFamilies[value]
|
|
16553
16614
|
.map(function (fontFace) { return (fontFace.includes(' ') ? "'" + fontFace + "'" : fontFace); })
|
|
16554
16615
|
.join(', ');
|
|
16555
|
-
return (0,
|
|
16616
|
+
return (0,_helpers_toCSSValue__WEBPACK_IMPORTED_MODULE_6__.toCSSFontValue)(value, fontFamily);
|
|
16556
16617
|
});
|
|
16557
16618
|
var isFontScale = function (value) {
|
|
16558
16619
|
return typeof value === 'string' && value in _rocket_chat_fuselage_tokens_dist_typography_json__WEBPACK_IMPORTED_MODULE_1__.fontScales;
|