@salutejs/plasma-new-hope 0.134.0-canary.1404.10612716409.0 → 0.134.0-canary.1405.10615646161.0

package/styled-components/cjs/examples/themes/sds_engineer.module.css

@@ -1,373 +0,0 @@
-/* Generated by robots, do not change this manually! */
-
-.dark {
-  --overlay-soft: rgba(0, 0, 0, 0.56);
-  --overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-light-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-light-overlay-hard: rgba(0, 0, 0, 0.9);
-  --inverse-overlay-soft: rgba(0, 0, 0, 0.56);
-  --inverse-overlay-hard: rgba(0, 0, 0, 0.9);
-  --text-primary: rgba(245, 245, 245, 0.96);
-  --text-secondary: rgba(245, 245, 245, 0.56);
-  --text-tertiary: rgba(245, 245, 245, 0.4);
-  --text-paragraph: rgba(245, 245, 245, 0.8);
-  --text-accent: #FFFFFF;
-  --text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --text-positive: #1A9E32;
-  --text-warning: #FA5F05;
-  --text-negative: #FF293E;
-  --on-dark-text-primary: rgba(245, 245, 245, 0.96);
-  --on-dark-text-secondary: rgba(245, 245, 245, 0.56);
-  --on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
-  --on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
-  --on-dark-text-accent: #FFFFFF;
-  --on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-text-positive: #1A9E32;
-  --on-dark-text-warning: #FA5F05;
-  --on-dark-text-negative: #FF293E;
-  --on-light-text-primary: rgba(8, 8, 8, 0.96);
-  --on-light-text-secondary: rgba(8, 8, 8, 0.56);
-  --on-light-text-tertiary: rgba(8, 8, 8, 0.4);
-  --on-light-text-paragraph: rgba(8, 8, 8, 0.8);
-  --on-light-text-accent: #FFFFFF;
-  --on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-text-positive: #108E25;
-  --on-light-text-warning: #E85702;
-  --on-light-text-negative: #F31B30;
-  --inverse-text-primary: rgba(8, 8, 8, 0.96);
-  --inverse-text-secondary: rgba(8, 8, 8, 0.56);
-  --inverse-text-tertiary: rgba(8, 8, 8, 0.4);
-  --inverse-text-paragraph: rgba(8, 8, 8, 0.8);
-  --inverse-text-accent: #FFFFFF;
-  --inverse-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --inverse-text-positive: #108E25;
-  --inverse-text-warning: #E85702;
-  --inverse-text-negative: #F31B30;
-  --surface-solid-default: #FFFFFF;
-  --surface-solid-primary: #171717;
-  --surface-solid-secondary: #262626;
-  --surface-solid-tertiary: #363636;
-  --surface-solid-card: #171717;
-  --surface-transparent-default: #FFFFFF;
-  --surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --surface-accent: #FFFFFF;
-  /* добавлены вручную */
-  --surface-accent-hover: #1383cf80;
-  /* добавлены вручную */
-  --surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --surface-positive: #1A9E32;
-  --surface-warning: #FA5F05;
-  --surface-negative: #FF293E;
-  /* добавлены вручную */
-  --surface-transparent-negative: #e3122712;
-  --surface-clear: rgba(0, 0, 0, 0);
-  --on-dark-surface-solid-default: #FFFFFF;
-  --on-dark-surface-solid-primary: #171717;
-  --on-dark-surface-solid-secondary: #262626;
-  --on-dark-surface-solid-tertiary: #363636;
-  --on-dark-surface-solid-card: #171717;
-  --on-dark-surface-transparent-default: #FFFFFF;
-  --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-accent: #FFFFFF;
-  --on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-surface-positive: #1A9E32;
-  --on-dark-surface-warning: #FA5F05;
-  --on-dark-surface-negative: #FF293E;
-  --on-dark-surface-clear: rgba(0, 0, 0, 0);
-  --on-light-surface-solid-default: #080808;
-  --on-light-surface-solid-primary: #F5F5F5;
-  --on-light-surface-solid-secondary: #ECECEC;
-  --on-light-surface-solid-tertiary: #DDDDDD;
-  --on-light-surface-solid-card: #F7F7F7;
-  --on-light-surface-transparent-default: #080808;
-  --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
-  --on-light-surface-accent: #FFFFFF;
-  --on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-surface-positive: #108E25;
-  --on-light-surface-warning: #E85702;
-  --on-light-surface-negative: #F31B30;
-  --on-light-surface-clear: rgba(0, 0, 0, 0);
-  --inverse-surface-solid-default: #080808;
-  --inverse-surface-solid-primary: #F5F5F5;
-  --inverse-surface-solid-secondary: #ECECEC;
-  --inverse-surface-solid-tertiary: #DDDDDD;
-  --inverse-surface-solid-card: #F7F7F7;
-  --inverse-surface-transparent-default: #080808;
-  --inverse-surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --inverse-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --inverse-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --inverse-surface-transparent-card: rgba(8, 8, 8, 0.06);
-  --inverse-surface-accent: #FFFFFF;
-  --inverse-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --inverse-surface-positive: #108E25;
-  --inverse-surface-warning: #E85702;
-  --inverse-surface-negative: #F31B30;
-  --inverse-surface-clear: rgba(0, 0, 0, 0);
-  --background-primary: #000000;
-  --background-secondary: #080808;
-  --background-tertiary: #171717;
-  --dark-background-primary: #000000;
-  --dark-background-secondary: #080808;
-  --dark-background-tertiary: #171717;
-  --light-background-primary: #FFFFFF;
-  --light-background-secondary: #FFFFFF;
-  --light-background-tertiary: #FFFFFF;
-  --inverse-background-primary: #FFFFFF;
-  --inverse-background-secondary: #FFFFFF;
-  --inverse-background-tertiary: #FFFFFF;
-  --text-primary-hover:  #17171793;
-  --text-primary-active:  #171717C4;
-  --surface-solid-default-hover:  #0D0D0DFF;
-  --surface-solid-default-active:  #030303FF;
-  --surface-accent-hover:  #0C8ADFFF;
-  --surface-accent-active:  #0A78C2FF;
-  --surface-positive-hover:  #1DAF37FF;
-  --surface-positive-active:  #18952FFF;
-  --surface-warning-hover:  #FB7223FF;
-  --surface-warning-active:  #F05B05FF;
-  --surface-negative-hover:  #EA1A2FFF;
-  --surface-negative-active:  #D21427FF;
-  --surface-transparent-secondary-hover:  #0808081F;
-  --surface-transparent-secondary-active:  #0808080A;
-  --on-light-surface-solid-default-hover:  #0D0D0DFF;
-  --on-light-surface-solid-default-active:  #030303FF;
-  --on-dark-surface-solid-default-hover:  #FFFFFFFF;
-  --on-dark-surface-solid-default-active:  #FFFFFFFF;
-  --on-light-surface-transparent-deep-hover: #080808C2;
-  --on-light-surface-transparent-deep-active: #08080894;
-  --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
-  --surface-skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
-  --surface-skeleton-deep-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
-  --plasma-colors-white-primary: var(--on-dark-text-primary);
-  --plasma-colors-white-secondary: var(--on-dark-text-secondary);
-  --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
-  --plasma-colors-black-primary: var(--on-light-text-primary);
-  --plasma-colors-black-secondary: var(--on-light-text-secondary);
-  --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
-  --plasma-colors-button-black: var(--on-light-surface-solid-default);
-  --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
-  --plasma-colors-button-white: var(--on-dark-surface-solid-default);
-  --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
-  --plasma-colors-text: var(--text-primary);
-  --plasma-colors-primary: var(--text-primary);
-  --plasma-colors-secondary: var(--text-secondary);
-  --plasma-colors-tertiary: var(--text-tertiary);
-  --plasma-colors-paragraph: var(--text-paragraph);
-  --plasma-colors-background: var(--background-primary);
-  --plasma-colors-accent: var(--text-accent);
-  --plasma-colors-success: var(--text-positive);
-  --plasma-colors-warning: var(--text-warning);
-  --plasma-colors-critical: var(--text-negative);
-  --plasma-colors-overlay: var(--overlay-soft);
-  --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
-  --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
-  --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
-  --plasma-colors-surface-solid01: var(--surface-solid-primary);
-  --plasma-colors-surface-solid02: var(--surface-solid-secondary);
-  --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
-  --plasma-colors-surface-card: var(--surface-transparent-card);
-  --plasma-colors-button-secondary: var(--surface-transparent-secondary);
-  --plasma-colors-button-accent: var(--text-accent);
-  --plasma-colors-button-success: var(--surface-positive);
-  --plasma-colors-button-warning: var(--surface-warning);
-  --plasma-colors-button-critical: var(--surface-negative);
-  color: var(--text-primary);
-  background-color: var(--background-primary);
-}
-
-.light {
-  --overlay-soft: rgba(0, 0, 0, 0.56);
-  --overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-dark-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-dark-overlay-hard: rgba(0, 0, 0, 0.9);
-  --on-light-overlay-soft: rgba(0, 0, 0, 0.56);
-  --on-light-overlay-hard: rgba(0, 0, 0, 0.9);
-  --inverse-overlay-soft: rgba(0, 0, 0, 0.56);
-  --inverse-overlay-hard: rgba(0, 0, 0, 0.9);
-  --text-primary: rgba(23, 23, 23, 0.96);
-  --text-secondary: rgba(23, 23, 23, 0.56);
-  --text-tertiary: rgba(23, 23, 23, 0.4);
-  --text-paragraph: rgba(23, 23, 23, 0.8);
-  --text-accent: #0C72B6;
-  --text-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
-  --text-positive: #108E25;
-  --text-warning: #E85702;
-  --text-negative: #F31B31;
-  --on-dark-text-primary: rgba(245, 245, 245, 0.96);
-  --on-dark-text-secondary: rgba(245, 245, 245, 0.56);
-  --on-dark-text-tertiary: rgba(245, 245, 245, 0.4);
-  --on-dark-text-paragraph: rgba(245, 245, 245, 0.8);
-  --on-dark-text-accent: #FFFFFF;
-  --on-dark-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-text-positive: #1A9E32;
-  --on-dark-text-warning: #FA5F05;
-  --on-dark-text-negative: #FF293E;
-  --on-light-text-primary: rgba(8, 8, 8, 0.96);
-  --on-light-text-secondary: rgba(8, 8, 8, 0.56);
-  --on-light-text-tertiary: rgba(8, 8, 8, 0.4);
-  --on-light-text-paragraph: rgba(8, 8, 8, 0.8);
-  --on-light-text-accent: #FFFFFF;
-  --on-light-text-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-text-positive: #108E25;
-  --on-light-text-warning: #E85702;
-  --on-light-text-negative: #F31B30;
-  --inverse-text-primary: rgba(245, 245, 245, 0.96);
-  --inverse-text-secondary: rgba(245, 245, 245, 0.56);
-  --inverse-text-tertiary: rgba(245, 245, 245, 0.4);
-  --inverse-text-paragraph: rgba(245, 245, 245, 0.8);
-  --inverse-text-accent: #FFFFFF;
-  --inverse-text-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --inverse-text-positive: #1A9E32;
-  --inverse-text-warning: #FA5F05;
-  --inverse-text-negative: #FF293E;
-  --surface-solid-default: #080808;
-  --surface-solid-primary: #F5F5F5;
-  --surface-solid-secondary: #ECECEC;
-  --surface-solid-tertiary: #DDDDDD;
-  --surface-solid-card: #FFFFFF;
-  --surface-transparent-default: #080808;
-  --surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --surface-transparent-card: #FFFFFF;
-  --surface-accent: #0B7ECB;
-  /* добавлены вручную */
-  --surface-accent-hover: #1383cf80;
-  /* добавлены вручную */
-  --surface-accent-gradient: linear-gradient(45.00deg, rgb(30, 44, 108) 0%,rgb(43, 101, 185) 100%);
-  --surface-positive: #1A9E32;
-  --surface-warning: #FA5F05;
-  --surface-negative: #DD1428;
-  /* добавлены вручную */
-  --surface-transparent-negative: #e3122712;
-  --surface-clear: rgba(0, 0, 0, 0);
-  --on-dark-surface-solid-default: #FFFFFF;
-  --on-dark-surface-solid-primary: #171717;
-  --on-dark-surface-solid-secondary: #262626;
-  --on-dark-surface-solid-tertiary: #363636;
-  --on-dark-surface-solid-card: #171717;
-  --on-dark-surface-transparent-default: #FFFFFF;
-  --on-dark-surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --on-dark-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --on-dark-surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --on-dark-surface-accent: #FFFFFF;
-  --on-dark-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --on-dark-surface-positive: #1A9E32;
-  --on-dark-surface-warning: #FA5F05;
-  --on-dark-surface-negative: #FF293E;
-  --on-dark-surface-clear: rgba(0, 0, 0, 0);
-  --on-light-surface-solid-default: #080808;
-  --on-light-surface-solid-primary: #F5F5F5;
-  --on-light-surface-solid-secondary: #ECECEC;
-  --on-light-surface-solid-tertiary: #DDDDDD;
-  --on-light-surface-solid-card: #F7F7F7;
-  --on-light-surface-transparent-default: #080808;
-  --on-light-surface-transparent-primary: rgba(8, 8, 8, 0.02);
-  --on-light-surface-transparent-secondary: rgba(8, 8, 8, 0.06);
-  --on-light-surface-transparent-tertiary: rgba(8, 8, 8, 0.12);
-  --on-light-surface-transparent-card: rgba(8, 8, 8, 0.06);
-  --on-light-surface-accent: #FFFFFF;
-  --on-light-surface-accent-gradient: linear-gradient(135deg, white 0%, #FFFFFF 100%);
-  --on-light-surface-positive: #108E25;
-  --on-light-surface-warning: #E85702;
-  --on-light-surface-negative: #F31B30;
-  --on-light-surface-clear: rgba(0, 0, 0, 0);
-  --inverse-surface-solid-default: #FFFFFF;
-  --inverse-surface-solid-primary: #171717;
-  --inverse-surface-solid-secondary: #262626;
-  --inverse-surface-solid-tertiary: #363636;
-  --inverse-surface-solid-card: #171717;
-  --inverse-surface-transparent-default: #FFFFFF;
-  --inverse-surface-transparent-primary: rgba(255, 255, 255, 0.06);
-  --inverse-surface-transparent-secondary: rgba(255, 255, 255, 0.12);
-  --inverse-surface-transparent-tertiary: rgba(255, 255, 255, 0.2);
-  --inverse-surface-transparent-card: rgba(255, 255, 255, 0.12);
-  --inverse-surface-accent: #FFFFFF;
-  --inverse-surface-accent-gradient: linear-gradient(135deg, black 0%, #FFFFFF 100%);
-  --inverse-surface-positive: #1A9E32;
-  --inverse-surface-warning: #FA5F05;
-  --inverse-surface-negative: #FF293E;
-  --inverse-surface-clear: rgba(0, 0, 0, 0);
-  --background-primary: #F9F9F9;
-  --background-secondary: #FFFFFF;
-  --background-tertiary: #FFFFFF;
-  --dark-background-primary: #000000;
-  --dark-background-secondary: #080808;
-  --dark-background-tertiary: #171717;
-  --light-background-primary: #FFFFFF;
-  --light-background-secondary: #FFFFFF;
-  --light-background-tertiary: #FFFFFF;
-  --inverse-background-primary: #000000;
-  --inverse-background-secondary: #080808;
-  --inverse-background-tertiary: #171717;
-  --text-primary-hover:  #17171793;
-  --text-primary-active:  #171717C4;
-  --surface-solid-default-hover:  #262626FF;
-  --surface-solid-default-active:  #030303FF;
-  --surface-accent-hover:  #0C8ADFFF;
-  --surface-accent-active:  #0A72B8FF;
-  --surface-positive-hover:  #1EB83AFF;
-  --surface-positive-active:  #178C2CFF;
-  --surface-warning-hover:  #FB782DFF;
-  --surface-warning-active:  #E65705FF;
-  --surface-negative-hover:  #EA1A2FFF;
-  --surface-negative-active:  #C91325FF;
-  --surface-transparent-secondary-hover:  #08080805;
-  --surface-transparent-secondary-active:  #0808081A;
-  --on-light-surface-solid-default-hover:  #262626FF;
-  --on-light-surface-solid-default-active:  #030303FF;
-  --on-dark-surface-solid-default-hover:  #FFFFFFFF;
-  --on-dark-surface-solid-default-active:  #FFFFFFFF;
-  --on-light-surface-transparent-deep-hover: #0808088F;
-  --on-light-surface-transparent-deep-active: #080808AD;
-  --on-light-surface-transparent-deep: rgba(8, 8, 8, 0.64);
-  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
-  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
-  --plasma-colors-white-primary: var(--on-dark-text-primary);
-  --plasma-colors-white-secondary: var(--on-dark-text-secondary);
-  --plasma-colors-white-tertiary: var(--on-dark-text-tertiary);
-  --plasma-colors-black-primary: var(--on-light-text-primary);
-  --plasma-colors-black-secondary: var(--on-light-text-secondary);
-  --plasma-colors-black-tertiary: var(--on-light-text-tertiary);
-  --plasma-colors-button-black: var(--on-light-surface-solid-default);
-  --plasma-colors-button-black-secondary: var(--on-light-surface-transparent-secondary);
-  --plasma-colors-button-white: var(--on-dark-surface-solid-default);
-  --plasma-colors-button-white-secondary: var(--on-dark-surface-transparent-secondary);
-  --plasma-colors-text: var(--text-primary);
-  --plasma-colors-primary: var(--text-primary);
-  --plasma-colors-secondary: var(--text-secondary);
-  --plasma-colors-tertiary: var(--text-tertiary);
-  --plasma-colors-paragraph: var(--text-paragraph);
-  --plasma-colors-background: var(--background-primary);
-  --plasma-colors-accent: var(--text-accent);
-  --plasma-colors-success: var(--text-positive);
-  --plasma-colors-warning: var(--text-warning);
-  --plasma-colors-critical: var(--text-negative);
-  --plasma-colors-overlay: var(--overlay-soft);
-  --plasma-colors-surface-liquid01: var(--surface-transparent-primary);
-  --plasma-colors-surface-liquid02: var(--surface-transparent-secondary);
-  --plasma-colors-surface-liquid03: var(--surface-transparent-tertiary);
-  --plasma-colors-surface-solid01: var(--surface-solid-primary);
-  --plasma-colors-surface-solid02: var(--surface-solid-secondary);
-  --plasma-colors-surface-solid03: var(--surface-solid-tertiary);
-  --plasma-colors-surface-card: var(--surface-transparent-card);
-  --plasma-colors-button-secondary: var(--surface-transparent-secondary);
-  --plasma-colors-button-accent: var(--text-accent);
-  --plasma-colors-button-success: var(--surface-positive);
-  --plasma-colors-button-warning: var(--surface-warning);
-  --plasma-colors-button-critical: var(--surface-negative);
-  color: var(--text-primary);
-  background-color: var(--background-primary);
-}

package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.config.js

@@ -1,23 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../components/Avatar/Avatar.tokens';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'xxl'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-accent-gradient);", ":linear-gradient(94deg,rgba(62,121,240,0.20) 6.49%,rgba(39,198,229,0.20) 93.51%);", ":var(--surface-positive);", ":var(--surface-solid-tertiary);", ":1.02;"], tokens.color, tokens.backgroundColor, tokens.statusOnlineColor, tokens.statusOfflineColor, tokens.scaleHover)
-    },
-    size: {
-      xxl: /*#__PURE__*/css(["", ":6.25rem;", ":2rem;", ":600;", ":2rem;", ":0.75rem;"], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize),
-      l: /*#__PURE__*/css(["", ":3rem;", ":1.25rem;", ":600;", ":1.25rem;", ":0.5rem;"], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize),
-      m: /*#__PURE__*/css(["", ":2.25rem;", ":0.875rem;", ":600;", ":0.875rem;", ":0.5rem;"], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize),
-      s: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":600;", ":0.5rem;", ":0.375rem;"], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize),
-      fit: /*#__PURE__*/css(["", ":100%;", ":0;", ":0;", ":0;", ":0;"], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
-    },
-    focused: {
-      "true": /*#__PURE__*/css(["", ":0.1rem;", ":0.2rem;", ":var(--surface-accent);"], tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
-    }
-  }
-};

package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.js

@@ -1,5 +0,0 @@
-import { avatarConfig } from '../../../../components/Avatar';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Avatar.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(avatarConfig, config);
-export var Avatar = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx

@@ -1,65 +0,0 @@
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Avatar } from './Avatar';
-
-const meta: Meta<typeof Avatar> = {
-    title: 'sds_engineer/Avatar',
-    decorators: [WithTheme],
-    component: Avatar,
-};
-
-export default meta;
-
-type Story = StoryObj<ComponentProps<typeof Avatar>>;
-
-export const Default: Story = {
-    args: {
-        view: 'default',
-        size: 'xxl',
-        name: 'Иван Фадеев',
-        url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
-        status: undefined,
-        actionType: undefined,
-        actionIcon: 'https://www.svgrepo.com/show/475150/chat.svg',
-    },
-};
-
-export const Accessibility: Story = {
-    args: {
-        role: 'button',
-        name: 'Геннадий Силуянович',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'active',
-        focused: true,
-    },
-};
-
-export const AccessibilityWithURL: Story = {
-    args: {
-        role: 'button',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'active',
-        focused: true,
-        name: 'Микула Селянинович',
-        url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
-    },
-};
-
-export const AccessibilityWithCustomText: Story = {
-    args: {
-        role: 'button',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'inactive',
-        focused: true,
-        customText: 'ФИО',
-    },
-};

package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.js

@@ -1,4 +0,0 @@
-import { avatarGroupConfig } from '../../../../components/AvatarGroup';
-import { component, mergeConfig } from '../../../../engines';
-var mergedConfig = /*#__PURE__*/mergeConfig(avatarGroupConfig);
-export var AvatarGroup = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/sds_engineer/components/AvatarGroup/AvatarGroup.stories.tsx

@@ -1,73 +0,0 @@
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import * as React from 'react';
-
-import { WithTheme } from '../../../_helpers';
-import { Avatar } from '../Avatar/Avatar';
-
-import { AvatarGroup } from './AvatarGroup';
-
-type Story = StoryObj<ComponentProps<typeof AvatarGroup>>;
-
-const meta: Meta<typeof AvatarGroup> = {
-    title: 'sds_engineer/AvatarGroup',
-    decorators: [WithTheme],
-    component: AvatarGroup,
-};
-
-export default meta;
-
-export const Default: Story = {
-    render: (args: ComponentProps<typeof AvatarGroup>) => {
-        return (
-            <AvatarGroup {...args}>
-                {Array(5)
-                    .fill(true)
-                    .map(() => (
-                        <Avatar size="xxl" url="https://avatars.githubusercontent.com/u/1813468?v=4" />
-                    ))}
-            </AvatarGroup>
-        );
-    },
-};
-
-export const DynamicSize: Story = {
-    args: { totalCount: 10, visibleCount: 3 },
-    render: (args: ComponentProps<typeof AvatarGroup>) => {
-        const itemLength = args.totalCount;
-
-        return (
-            <AvatarGroup {...args}>
-                {Array(args.visibleCount)
-                    .fill(true)
-                    .map((_, index) => (
-                        <Avatar className="avatar-item" size="xxl" customText={index + 1} />
-                    ))}
-
-                {itemLength > args.visibleCount && (
-                    <Avatar className="avatar-item" size="xxl" customText={`+${itemLength - args.visibleCount}`} />
-                )}
-            </AvatarGroup>
-        );
-    },
-};
-
-export const Accessibility: Story = {
-    render: (args: ComponentProps<typeof AvatarGroup>) => {
-        return (
-            <AvatarGroup {...args}>
-                {Array(5)
-                    .fill(true)
-                    .map(() => (
-                        <Avatar
-                            role="button"
-                            tabIndex={0}
-                            focused
-                            size="xxl"
-                            url="https://avatars.githubusercontent.com/u/1813468?v=4"
-                        />
-                    ))}
-            </AvatarGroup>
-        );
-    },
-};

package/styled-components/es/examples/sds_engineer/components/Badge/Badge.config.js

@@ -1,30 +0,0 @@
-import { css } from 'styled-components';
-import { badgeTokens } from '../../../../components/Badge';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
-      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
-      positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
-      warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
-      negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
-      dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
-      light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
-      m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0.5625rem;", ":0.5625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
-      s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0.4375rem;", ":0.4375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
-    },
-    pilled: {
-      "true": /*#__PURE__*/css(["", ":1.25rem;"], badgeTokens.pilledBorderRadius)
-    },
-    transparent: {
-      "true": /*#__PURE__*/css([""])
-    }
-  }
-};

package/styled-components/es/examples/sds_engineer/components/Badge/Badge.js

@@ -1,5 +0,0 @@
-import { badgeConfig } from '../../../../components/Badge';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Badge.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(badgeConfig, config);
-export var Badge = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/sds_engineer/components/Badge/Badge.stories.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Badge } from './Badge';
-
-const meta: Meta<typeof Badge> = {
-    title: 'sds_engineer/Badge',
-    component: Badge,
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: ['s', 'm', 'l'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
-            control: {
-                type: 'select',
-            },
-        },
-        ...disableProps(['contentLeft', 'contentRight']),
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Badge>;
-
-const BellIcon = (props) => (
-    <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
-        <path
-            d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z"
-            fill="currentColor"
-        />
-    </svg>
-);
-
-export const Default: Story = {
-    args: {
-        text: 'Hello',
-        view: 'default',
-        size: 'm',
-        pilled: false,
-        transparent: false,
-    },
-};
-
-export const WithIcon: Story = {
-    args: { ...Default.args },
-    render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />,
-};