@rocket.chat/fuselage 0.32.0-dev.211 → 0.32.0-dev.212

package/dist/fuselage.development.js

@@ -3173,7 +3173,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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()));
 // Module
-___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-neutral-800-10, rgba(47, 52, 61, 0.1));\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-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":"AAKA;EACE,cAAA;EAEA,cAAA;EAAA,2EAAA;EACA,sBAAA;EAAA,sFAAA;EAIA,uBAAA;EAAA,uDAAA;ECUA,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;ADlBF;AAQE;EACE,gBAAA;AANJ;AASE;EACE,4CAAA;EAAA,6EAAA;AAPJ;AAUE;EACE,+EAAA;EAAA,gJAAA;AARJ","sourcesContent":["@use '../../styles/colors.scss';\n@use '../../styles/lengths.scss';\n@use '../../styles/typography.scss';\n@use '../../styles/functions.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    box-shadow: 0 0 12px 0 colors.elevation(1);\n  }\n\n  &--elevation-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":""}]);
+___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 #f2f3f5;\n  border: 1px solid var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-200, #f2f3f5));\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 #f2f3f5;\n  border: 1px solid var(--rcx-color-stroke-extra-light, var(--rcx-color-neutral-200, #f2f3f5));\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":"AAKA;EACE,cAAA;EAEA,cAAA;EAAA,2EAAA;EACA,sBAAA;EAAA,sFAAA;EAIA,uBAAA;EAAA,uDAAA;ECUA,oBAAA;EAEA,mBAAA;EACA,gBAAA;EACA,oBAAA;ADlBF;AAQE;EACE,gBAAA;AANJ;AASE;EACE,yBAAA;EAAA,4FAAA;EACA,4CAAA;EAAA,6EAAA;AAPJ;AAUE;EACE,yBAAA;EAAA,4FAAA;EACA,+EAAA;EAAA,gJAAA;AARJ","sourcesContent":["@use '../../styles/colors.scss';\n@use '../../styles/lengths.scss';\n@use '../../styles/typography.scss';\n@use '../../styles/functions.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    border: 1px solid colors.stroke(extra-light);\n    box-shadow: 0 0 12px 0 colors.elevation(1);\n  }\n\n  &--elevation-2 {\n    border: 1px solid colors.stroke(extra-light);\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":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);