// Auto-generated by: pnpm test:stylesheets:update
import { join } from 'node:path';

import { compileLessWithTokens } from '../../scripts/testStylesheets/compileLessWithTokens';
import { DEFAULT_LESS_PRELUDES, DEFAULT_TOKEN_CSS_FILES } from '../../scripts/testStylesheets/config';

describe('styles/shoptet-dark.less stylesheet snapshot', () => {
  it('compiled CSS with tokens inlined', async () => {
    const css = await compileLessWithTokens(join(__dirname, 'shoptet-dark.less'), DEFAULT_TOKEN_CSS_FILES, {
      lessPreludes: DEFAULT_LESS_PRELUDES,
    });
    expect(css.css).toMatchTokensInlineSnapshot(`
body.theme-dark {
  --colors-interactive-primary-enabled: oklch(0.573 0.2351 260.1068);
  --colors-interactive-primary-hover: oklch(0.6205 0.2058 258.8665);
  --colors-interactive-primary-disabled: oklch(0.5301 0.008 67.6545);
  --colors-interactive-focus-primary: oklch(0.573 0.2351 260.1068);
  --colors-interactive-action-enabled: oklch(0.573 0.2351 260.1068);
  --colors-interactive-action-hover: oklch(0.6205 0.2058 258.8665);
  --colors-interactive-action-disabled: oklch(0.5301 0.008 67.6545);
  --colors-interactive-content-primary: oklch(1 0 none);
  --colors-interactive-content-secondary: oklch(0.9553 0.0029 84.5591);
  --colors-interactive-secondary-enabled: oklch(0.7214 0.0134 75.3296);
  --colors-interactive-secondary-hover: oklch(0.9553 0.0029 84.5591);
  --colors-interactive-secondary-activated: oklch(0.6457 0.1887 258.7007);
  --colors-interactive-secondary-disabled: oklch(0.5301 0.008 67.6545);
  --colors-interactive-tertiary-enabled: oklch(0.9553 0.0029 84.5591);
  --colors-interactive-tertiary-hover: oklch(1 0 none);
  --colors-interactive-tertiary-activated: oklch(0.6457 0.1887 258.7007);
  --colors-interactive-tertiary-disabled: oklch(1 0 none / 0.502);
  --colors-interactive-ghost-enabled: oklch(0.2396 0.004 84.586);
  --colors-interactive-ghost-hover: oklch(0.2812 0.0039 84.5817);
  --colors-interactive-ghost-activated: oklch(0.9553 0.0029 84.5591);
  --colors-interactive-ghost-activated-hover: oklch(1 0 none);
  --colors-interactive-ghost-subtle: oklch(0.2992 0.0574 257.0007);
  --colors-interactive-ghost-subtle-hover: oklch(0.4368 0.1574 259.0463);
  --colors-interactive-destructive-enabled: oklch(0.6199 0.1985 28.246);
  --colors-interactive-destructive-hover: oklch(0.5543 0.1845 28.5552);
  --colors-interactive-destructive-disabled: oklch(0.5301 0.008 67.6545);
  --colors-interactive-links-enabled: oklch(0.6457 0.1887 258.7007);
  --colors-interactive-links-hover: oklch(0.7261 0.1429 258.1806);
  --colors-interactive-links-disabled: oklch(0.6957 0.1612 257.1847 / 0.149);
  --colors-interactive-tabs-border: transparent;
  --colors-interactive-tabs-background-enabled: oklch(0.1722 0.0041 106.8174);
  --colors-interactive-tabs-background-hover: oklch(0.573 0.2351 260.1068);
  --colors-interactive-tabs-background-selected: oklch(0.573 0.2351 260.1068);
  --colors-interactive-tabs-selected-indicator: oklch(0.573 0.2351 260.1068);
  --colors-interactive-tabs-strip: oklch(0.1722 0.0041 106.8174);
  --colors-interactive-loader-light-background: oklch(0.2992 0.0574 257.0007);
  --colors-interactive-loader-light-foregrounds: oklch(0.6457 0.1887 258.7007);
  --colors-interactive-loader-dark-background: oklch(1 0 none / 0.051);
  --colors-interactive-loader-dark-foregrounds: oklch(0.9553 0.0029 84.5591);
  --colors-interactive-superadmin-enabled: oklch(0.7082 0.1788 299.2983);
  --colors-interactive-superadmin-hover: oklch(0.6398 0.2031 297.7139);
  --colors-interactive-superadmin-activated: oklch(0.6398 0.2031 297.7139);
  --colors-surface-primary: oklch(0.1916 0.0043 84.5912);
  --colors-surface-secondary: oklch(0.2396 0.004 84.586);
  --colors-surface-tertiary: oklch(0.2396 0.004 84.586);
  --colors-surface-light-gray: oklch(0.3231 0.0068 67.5856);
  --colors-surface-light-blue: oklch(0.2233 0.0341 254.5405);
  --colors-surface-inverted: oklch(0.3231 0.0068 67.5856);
  --colors-surface-overlay: oklch(0 0 none / 0.6);
  --colors-tables-backgrounds-primary: oklch(0.2396 0.004 84.586);
  --colors-tables-backgrounds-secondary: oklch(0.2396 0.004 84.586);
  --colors-tables-backgrounds-tertiary: oklch(0.3231 0.0068 67.5856);
  --colors-tables-border-primary: oklch(0.3449 0.0037 84.5764);
  --colors-tables-border-secondary: oklch(0.573 0.2351 260.1068);
  --colors-tables-states-success: oklch(0.3075 0.0489 155.7432);
  --colors-tables-states-warning: oklch(0.2771 0.0481 84.8342);
  --colors-tables-states-critical: oklch(0.2348 0.0535 32.1896);
  --colors-tables-states-notice: oklch(0.2233 0.0341 254.5405);
  --colors-sidebar-backgrounds-enabled: oklch(0.1961 0.0042 84.5908);
  --colors-sidebar-backgrounds-hover: oklch(0.2812 0.0039 84.5817);
  --colors-sidebar-backgrounds-activated: oklch(0.3051 0.0055 91.5582);
  --colors-sidebar-content-enabled: oklch(0.9553 0.0029 84.5591);
  --colors-sidebar-content-activated: oklch(0.9553 0.0029 84.5591);
  --colors-sidebar-content-disabled: oklch(0.5301 0.008 67.6545);
  --colors-header-background: oklch(0.2396 0.004 84.586);
  --colors-lists-background-enabled: oklch(0.2396 0.004 84.586);
  --colors-lists-background-hover: oklch(0.2812 0.0039 84.5817);
  --colors-lists-background-activated: oklch(0.2992 0.0574 257.0007);
  --colors-lists-content-enabled: oklch(0.9553 0.0029 84.5591);
  --colors-lists-content-activated: oklch(0.6457 0.1887 258.7007);
  --colors-lists-content-disabled: oklch(0.5301 0.008 67.6545);
  --colors-foregrounds-content-primary: oklch(0.9553 0.0029 84.5591);
  --colors-foregrounds-content-secondary: oklch(0.7214 0.0134 75.3296);
  --colors-foregrounds-content-tertiary: oklch(0.6453 0.017 67.5191);
  --colors-foregrounds-content-inverted: oklch(1 0 none);
  --colors-foregrounds-headlines-primary: oklch(1 0 none);
  --colors-foregrounds-headlines-secondary: oklch(0.9553 0.0029 84.5591);
  --colors-foregrounds-headlines-tertiary: oklch(0.9553 0.0029 84.5591);
  --colors-foregrounds-icons-primary: oklch(0.9553 0.0029 84.5591);
  --colors-foregrounds-icons-secondary: oklch(0.6453 0.017 67.5191);
  --colors-foregrounds-icons-tertiary: oklch(1 0 none);
  --colors-foregrounds-borders-primary: oklch(0.3449 0.0037 84.5764);
  --colors-foregrounds-borders-secondary: oklch(0.4551 0.0128 101.0731);
  --colors-forms-background: oklch(0.2396 0.004 84.586);
  --colors-forms-border: oklch(0.4551 0.0128 101.0731);
  --colors-forms-activated: oklch(0.573 0.2351 260.1068);
  --colors-forms-shadow: oklch(0.573 0.2351 260.1068);
  --colors-forms-critical: oklch(0.6199 0.1985 28.246);
  --colors-forms-warning: oklch(0.8005 0.1662 79.2624);
  --colors-forms-disabled: oklch(0.2812 0.0039 84.5817);
  --colors-states-primary-success: oklch(0.6768 0.198 147.5171);
  --colors-states-primary-alert: oklch(0.8005 0.1662 79.2624);
  --colors-states-primary-error: oklch(0.6199 0.1985 28.246);
  --colors-states-primary-notice: oklch(0.573 0.2351 260.1068);
  --colors-states-primary-informative: oklch(0.4989 0.2078 260.3778);
  --colors-states-primary-default: oklch(0.6453 0.017 67.5191);
  --colors-states-secondary-success: oklch(0.3075 0.0489 155.7432);
  --colors-states-secondary-alert: oklch(0.2771 0.0481 84.8342);
  --colors-states-secondary-error: oklch(0.2348 0.0535 32.1896);
  --colors-states-secondary-notice: oklch(0.2233 0.0341 254.5405);
  --colors-states-secondary-informative: oklch(0.2992 0.0574 257.0007);
  --colors-states-secondary-default: oklch(0.2812 0.0039 84.5817);
  --colors-code-snippet-background: oklch(0.2233 0.0341 254.5405);
  --colors-code-snippet-border: oklch(0.4368 0.1574 259.0463);
  --effect-box-shadow-shadow-focus: 0 0 0 3px oklch(0.573 0.2351 260.1068 / 0.45);
  --effect-box-shadow-shadow-down: 0 2px 16px 0 oklch(0 0 none / 0.45);
  --background--controls-medium-default--light: 0 107 255;
  --background--controls-medium-hovered--light: 42 128 255;
  --background--controls-medium-selected--light: 0 107 255;
  --background--controls-low-default--light: 26 46 74;
  --background--controls-low-hovered--light: 13 76 166;
  --background--blue-low-default--light: 16 28 43;
  --background--main-medium-default--light: 0 107 255;
  --background--main-medium-hovered--light: 42 128 255;
  --background--main-medium-selected--light: 0 107 255;
  --background--neutral-base-default--light: 32 31 29;
  --background--neutral-low-default--light: 54 51 48;
  --background--neutral-low-hovered--light: 48 47 44;
  --background--neutral-high-default--light: 42 41 39;
  --background--neutral-strong-default--light: 54 51 48;
  --background--neutral-full-default--light: 0 0 0;
  --background--success-low-default--light: 25 55 37;
  --background--success-high-default--light: 2 182 70;
  --background--warning-low-default--light: 51 38 8;
  --background--warning-medium-default--light: 246 175 0;
  --background--critical-low-default--light: 51 19 13;
  --background--critical-high-default--light: 229 69 58;
  --background--critical-high-hovered--light: 200 54 44;
  --background--critical-xHigh-default--light: 229 69 58;
  --background--informative-low-default--light: 16 28 43;
  --background--informative-xHigh-default--light: 0 87 214;
  --background--notice-medium-default--light: 0 107 255;
  --foreground--neutral-full-default--light: 241 240 238;
  --foreground--neutral-full-hovered--light: 255 255 255;
  --foreground--neutral-high-default--light: 170 164 156;
  --foreground--neutral-medium-default--light: 149 140 131;
  --foreground--neutral-low-default--light: 111 107 103;
  --foreground--blue-medium-default--light: 255 255 255;
  --foreground--green-medium-default--light: 241 240 238;
  --foreground--controls-medium-default--light: 61 138 254;
  --foreground--controls-medium-hovered--light: 108 167 255;
  --foreground--controls-medium-selected--light: 61 138 254;
  --foreground--links-strong-default--light: 61 138 254;
  --foreground--links-strong-hovered--light: 108 167 255;
  --foreground--main-medium-default--light: 61 138 254;
  --foreground--main-medium-hovered--light: 108 167 255;
  --foreground--superadmin-high-default--light: 178 131 255;
  --foreground--superadmin-high-hovered--light: 157 104 245;
  --foreground--success-high-default--light: 74 208 127;
  --foreground--warning-medium-default--light: 255 194 77;
  --foreground--notice-medium-default--light: 125 180 255;
  --foreground--critical-high-default--light: 255 143 133;
  --foreground--critical-high-hovered--light: 255 143 133;
  --foreground--informative-strong-default--light: 125 180 255;
  --border--neutral-low-default--light: 58 57 55;
  --border--neutral-medium-default--light: 88 87 79;
  --border--neutral-high-default--light: 58 57 55;
  --border--neutral-full-hovered--light: 170 164 156;
  --border--controls-low-default--light: 13 76 166;
  --border--controls-medium-default--light: 0 107 255;
  --border--controls-medium-hovered--light: 42 128 255;
  --border--controls-medium-selected--light: 0 107 255;
  --border--blue-medium-default--light: 0 107 255;
  --border--links-strong-default--light: 61 138 254;
  --border--main-medium-default--light: 0 107 255;
  --border--main-medium-hovered--light: 42 128 255;
  --border--success-high-default--light: 2 182 70;
  --border--warning-medium-default--light: 246 175 0;
  --border--critical-high-default--light: 229 69 58;
  --border--critical-high-hovered--light: 200 54 44;
  --border--informative-strong-default--light: 0 87 214;
  --border--notice-medium-default--light: 0 107 255;
  --shadow--focus--light: 0 0 0 3px oklch(0.573 0.2351 260.1068 / 0.45);
  --shadow--high-sharp--light: 0 2px 16px 0 oklch(0 0 none / 0.45);
  --brand-table-hairline: 88 87 79;
  --brand-field-frame: 184 181 163;
  --brand-field-frame-hover: 203 200 178;
  --brand-ghost-activated-ink: oklch(0.2396 0.004 84.586);
  --brand-card-fill: 42 41 39;
  --brand-perex-fill: 0 22 56;
  --brand-btn-quiet-frame: 88 87 79;
  --brand-btn-tinted-fill: 26 46 74;
  --brand-btn-tinted-fill-hovered: 13 76 166;
  --brand-btn-tinted-ink: 201 223 255;
  --brand-btn-tinted-ink-hovered: 255 255 255;
  --brand-overlay-row-hover: 255 255 255 / 6%;
  --brand-overlay-page-hover: 255 255 255 / 8%;
  --brand-shop-pill-fill: 255 255 255 / 10%;
  --brand-img-ink: brightness(0) invert(1);
  --brand-caret: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.00011 7.93933L12.0001 15.9393L20.0001 7.93933L21.0608 8.99999L12.0001 18.0607L2.93945 8.99999L4.00011 7.93933Z' fill='%23f1f0ee'/%3E%3C/svg%3E");
  --brand-bar-shadow-up: 0 -1px 0 oklch(1 0 none / 0.1), 0 -8px 24px oklch(0 0 none / 0.5);
  --brand-search-fill: 21 20 18;
  --brand-control-ink: 241 240 238;
  --brand-header-fill: oklch(0.2396 0.004 84.586);
  color-scheme: dark;
}
`);
  });
});