lib.test.ts.snap

// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`SASS ESM Shims ignored1.scss: files 1`] = `Array []`;

exports[`SASS ESM Shims ignored2.scss: files 1`] = `Array []`;

exports[`SASS ESM Shims styles.module.sass: files 1`] = `
Array [
  "styles.module.css",
  "styles.module.sass.d.ts",
  "styles.module.sass.js",
]
`;

exports[`SASS ESM Shims styles.module.sass: styles.module.css 1`] = `
"/**
 * * This file gets transpiled by the heft-sass-plugin and output to the lib/ folder.
 * * Then Webpack uses css-loader to embed, and finally style-loader to apply it to the DOM.
 * */
/**
 * * This file is a SASS partial and therefore has no direct output file, but gets embedded into other files.
 * */
.exampleImport {
  font-style: italic;
  color: darkcyan;
}

html, body {
  margin: 0;
  height: 100%;
  background-color: #c0c0c0;
  font-family: Tahoma, sans-serif;
}

.exampleApp {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
  width: 400px;
}

.exampleButton {
  display: inline-block;
  padding: 10px 20px;
  border: 0 solid transparent;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  transition-duration: 0.4s;
  user-select: none;
  vertical-align: middle;
  transition-property: background-color, color, border-color;
  background-color: mediumorchid;
  border-color: mediumorchid;
  border-radius: 3px;
  color: #fff;
}
.exampleButton:not(:disabled):not([aria-disabled=true]) {
  cursor: pointer;
}
.exampleButton:hover, .exampleButton:focus {
  text-decoration: none;
}
.exampleButton:disabled, .exampleButton[aria-disabled=true] {
  box-shadow: none;
}
.exampleButton:hover {
  background-color: rgb(160.4485981308, 48.6878504673, 188.1121495327);
  border-color: rgb(160.4485981308, 48.6878504673, 188.1121495327);
  color: #fff;
}
.exampleButton:focus {
  outline: 2px dotted mediumorchid;
  outline-offset: 1px;
}
.exampleButton:disabled, .exampleButton[aria-disabled=true] {
  background-color: mediumorchid;
  border-color: mediumorchid;
  color: #fff;
  opacity: 0.7;
}"
`;

exports[`SASS ESM Shims styles.module.sass: styles.module.sass.d.ts 1`] = `
"declare interface IStyles {
  exampleImport: string;
  exampleApp: string;
  exampleButton: string;
}
declare const styles: IStyles;
export default styles;"
`;

exports[`SASS ESM Shims styles.module.sass: styles.module.sass.js 1`] = `"export { default } from \\"./styles.module.css\\";"`;

exports[`SASS ESM Shims stylesAltSyntax.global.scss: files 1`] = `
Array [
  "stylesAltSyntax.global.css",
  "stylesAltSyntax.global.scss.d.ts",
  "stylesAltSyntax.global.scss.js",
]
`;

exports[`SASS ESM Shims stylesAltSyntax.global.scss: stylesAltSyntax.global.css 1`] = `
"/**
 * This file gets transpiled by the heft-sass-plugin and output to the lib/ folder.
 * Then Webpack uses css-loader to embed, and finally style-loader to apply it to the DOM.
 */
.ms-label {
  margin-bottom: 20px;
}"
`;

exports[`SASS ESM Shims stylesAltSyntax.global.scss: stylesAltSyntax.global.scss.d.ts 1`] = `"export {};"`;

exports[`SASS ESM Shims stylesAltSyntax.global.scss: stylesAltSyntax.global.scss.js 1`] = `"import \\"./stylesAltSyntax.global.css\\";export {};"`;

exports[`SASS ESM Shims stylesAltSyntax.module.scss: files 1`] = `
Array [
  "stylesAltSyntax.module.css",
  "stylesAltSyntax.module.scss.d.ts",
  "stylesAltSyntax.module.scss.js",
]
`;

exports[`SASS ESM Shims stylesAltSyntax.module.scss: stylesAltSyntax.module.css 1`] = `
"/**
 * This file gets transpiled by the heft-sass-plugin and output to the lib/ folder.
 * Then Webpack uses css-loader to embed, and finally style-loader to apply it to the DOM.
 */
.label {
  margin-bottom: var(--normalMargin, 20px);
}

.style-with-dashes {
  margin-top: var(--normalMargin, 20px);
}"
`;

exports[`SASS ESM Shims stylesAltSyntax.module.scss: stylesAltSyntax.module.scss.d.ts 1`] = `
"declare interface IStyles {
  label: string;
  \\"style-with-dashes\\": string;
}
declare const styles: IStyles;
export default styles;"
`;

exports[`SASS ESM Shims stylesAltSyntax.module.scss: stylesAltSyntax.module.scss.js 1`] = `"export { default } from \\"./stylesAltSyntax.module.css\\";"`;

exports[`SASS ESM Shims stylesUseAltSyntax.module.scss: files 1`] = `
Array [
  "stylesUseAltSyntax.module.css",
  "stylesUseAltSyntax.module.scss.d.ts",
  "stylesUseAltSyntax.module.scss.js",
]
`;

exports[`SASS ESM Shims stylesUseAltSyntax.module.scss: stylesUseAltSyntax.module.css 1`] = `
"/**
 * This file gets transpiled by the heft-sass-plugin and output to the lib/ folder.
 * Then Webpack uses css-loader to embed, and finally style-loader to apply it to the DOM.
 */
/**
 * This file is a SASS partial and therefore has no direct output file,
 * but gets embedded into other files.
 */
/**
 * * * This file is used to verify that Sass imports using with configurable variable definition are successful.
 * * */
:root {
  --list-margin-top: calc(1.25 * 1rem);
}

.label {
  display: block;
  color: #4682ff;
}

.exampleList {
  list-style-type: circle;
  margin-top: var(--list-margin-top);
}
.exampleListItem1 {
  color: deepskyblue;
}
.exampleListItem2 {
  background-color: dodgerblue;
  color: #e16f00;
}
.exampleListItem3 {
  background-color: #b7c274;
  color: darkslateblue;
}"
`;

exports[`SASS ESM Shims stylesUseAltSyntax.module.scss: stylesUseAltSyntax.module.scss.d.ts 1`] = `
"declare interface IStyles {
  label: string;
  exampleList: string;
  exampleListItem1: string;
  exampleListItem2: string;
  exampleListItem3: string;
}
declare const styles: IStyles;
export default styles;"
`;

exports[`SASS ESM Shims stylesUseAltSyntax.module.scss: stylesUseAltSyntax.module.scss.js 1`] = `"export { default } from \\"./stylesUseAltSyntax.module.css\\";"`;

exports[`SASS ESM Shims stylesUseSyntax.module.sass: files 1`] = `
Array [
  "stylesUseSyntax.module.css",
  "stylesUseSyntax.module.sass.d.ts",
  "stylesUseSyntax.module.sass.js",
]
`;

exports[`SASS ESM Shims stylesUseSyntax.module.sass: stylesUseSyntax.module.css 1`] = `
"/**
 * * This file gets transpiled by the heft-sass-plugin and output to the lib/ folder.
 * * Then Webpack uses css-loader to embed, and finally style-loader to apply it to the DOM.
 * */
/**
 * This file is a SASS partial and therefore has no direct output file,
 * but gets embedded into other files.
 */
/**
 * * * This file is used to verify that Sass imports using with configurable variable definition are successful.
 * * */
.exampleAnchor {
  display: inline-block;
  padding: 10px 20px;
  border: 0 solid transparent;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  transition-duration: 0.4s;
  user-select: none;
  vertical-align: middle;
  transition-property: background-color, color, border-color;
  background-color: #7a717f;
  border-color: #7a717f;
  border-radius: 3px;
  color: #fff;
}
.exampleAnchor:not(:disabled):not([aria-disabled=true]) {
  cursor: pointer;
}
.exampleAnchor:hover, .exampleAnchor:focus {
  text-decoration: none;
}
.exampleAnchor:disabled, .exampleAnchor[aria-disabled=true] {
  box-shadow: none;
}
.exampleAnchor:hover {
  background-color: rgb(97.6, 90.4, 101.6);
  border-color: rgb(97.6, 90.4, 101.6);
  color: #fff;
}
.exampleAnchor:focus {
  outline: 2px dotted #7a717f;
  outline-offset: 1px;
}
.exampleAnchor:disabled, .exampleAnchor[aria-disabled=true] {
  background-color: #7a717f;
  border-color: #7a717f;
  color: #fff;
  opacity: 0.7;
}"
`;

exports[`SASS ESM Shims stylesUseSyntax.module.sass: stylesUseSyntax.module.sass.d.ts 1`] = `
"declare interface IStyles {
  exampleAnchor: string;
}
declare const styles: IStyles;
export default styles;"
`;

exports[`SASS ESM Shims stylesUseSyntax.module.sass: stylesUseSyntax.module.sass.js 1`] = `"export { default } from \\"./stylesUseSyntax.module.css\\";"`;