@cloud-ru/ds-site-card-vacancy 1.0.1 → 1.0.2-preview-a2208aeb.0

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.
Files changed (6) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/style.css +6 -6
  3. package/dist/cjs/styles.module.css +6 -6
  4. package/dist/esm/style.css +6 -6
  5. package/dist/esm/styles.module.css +6 -6
  6. package/package.json +4 -4
package/README.md CHANGED
@@ -155,11 +155,11 @@ export function Polymorphic() {
155
155
  | Prop | Type | Default | Description |
156
156
  |------|------|---------|-------------|
157
157
  | `appearance` | `"neutral"` \| `"primary"` | `neutral` | Визуальный вид карточки: <br/> - `neutral` — нейтральный полупрозрачный фон, тёмный заголовок. <br/> - `primary` — акцентный фон `primary` с декоративным паттерном, текст `onAccent`. |
158
- | `as` | `T` | — | Полиморфный тег корня — `'a'` по умолчанию (карточка-ссылка), либо роутерный `Link` / `'button'` / `'div'`. |
158
+ | `as` | `ElementType` | — | Полиморфный тег корня — `'a'` по умолчанию (карточка-ссылка), либо роутерный `Link` / `'button'` / `'div'`. |
159
159
  | `className` | `string` | — | CSS-класс корневого элемента. |
160
160
  | `data-test-id` | `string` | — | |
161
161
  | `description` | `string` | — | Описание под заголовком. Обрезается многоточием, если не помещается в одну строку. |
162
- | `innerRef` | `PolymorphicRef` \| `T` | — | Ref на корневой элемент. |
162
+ | `innerRef` | `PolymorphicRef` | — | Ref на корневой элемент. |
163
163
  | `mobile` | `boolean` | `false` | Компактная мобильная версия — меньшая высота и более мелкая типографика. |
164
164
  | `title` | `string` | — | Заголовок вакансии. Обрезается многоточием, если не помещается в одну строку. |
165
165
 
package/dist/cjs/style.css CHANGED
@@ -81,16 +81,16 @@
81
81
  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brandRole-color-brandA-onAccentLight, var(--sn-primitive-color-brandA-99, #fbfffc))));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-55, var(--sn-brandRole-color-brandA-55, var(--sn-primitive-color-brandA-55, #389f74))));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
88
88
  }
89
89
  .cardVacancy[data-appearance=primary] .background::after{
90
90
  content:"";
91
91
  position:absolute;
92
92
  inset:0;
93
- background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) var(--sn-primitive-dimension-32, 32px));
93
+ background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -106,7 +106,7 @@
106
106
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
107
107
  }
108
108
  .cardVacancy .stateLayer[data-state=activatedOnBackground]{
109
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, var(--sn-brandRole-color-brandA-backgroundActivatedDefault, rgba(56, 159, 116, 0.1490196078))));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
110
110
  }
111
111
  .cardVacancy .stateLayer[data-state=versionOnColor]{
112
112
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -131,7 +131,7 @@
131
131
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
132
132
  }
133
133
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
134
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, var(--sn-brandRole-color-brandA-backgroundActivatedHovered, rgba(56, 159, 116, 0.3490196078))));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
135
135
  }
136
136
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
137
137
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -158,7 +158,7 @@
158
158
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
159
159
  }
160
160
  .cardVacancy[data-loading] .stateLayer[data-state=activatedOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
161
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, var(--sn-brandRole-color-brandA-backgroundActivatedPressed, rgba(56, 159, 116, 0.4509803922))));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
162
162
  }
163
163
  .cardVacancy[data-loading] .stateLayer[data-state=versionOnColor], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
164
164
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/dist/cjs/styles.module.css CHANGED
@@ -81,16 +81,16 @@
81
81
  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brandRole-color-brandA-onAccentLight, var(--sn-primitive-color-brandA-99, #fbfffc))));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-55, var(--sn-brandRole-color-brandA-55, var(--sn-primitive-color-brandA-55, #389f74))));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
88
88
  }
89
89
  .cardVacancy[data-appearance=primary] .background::after{
90
90
  content:"";
91
91
  position:absolute;
92
92
  inset:0;
93
- background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) var(--sn-primitive-dimension-32, 32px));
93
+ background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -106,7 +106,7 @@
106
106
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
107
107
  }
108
108
  .cardVacancy .stateLayer[data-state=activatedOnBackground]{
109
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, var(--sn-brandRole-color-brandA-backgroundActivatedDefault, rgba(56, 159, 116, 0.1490196078))));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
110
110
  }
111
111
  .cardVacancy .stateLayer[data-state=versionOnColor]{
112
112
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -131,7 +131,7 @@
131
131
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
132
132
  }
133
133
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
134
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, var(--sn-brandRole-color-brandA-backgroundActivatedHovered, rgba(56, 159, 116, 0.3490196078))));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
135
135
  }
136
136
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
137
137
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -158,7 +158,7 @@
158
158
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
159
159
  }
160
160
  .cardVacancy[data-loading] .stateLayer[data-state=activatedOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
161
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, var(--sn-brandRole-color-brandA-backgroundActivatedPressed, rgba(56, 159, 116, 0.4509803922))));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
162
162
  }
163
163
  .cardVacancy[data-loading] .stateLayer[data-state=versionOnColor], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
164
164
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/dist/esm/style.css CHANGED
@@ -81,16 +81,16 @@
81
81
  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brandRole-color-brandA-onAccentLight, var(--sn-primitive-color-brandA-99, #fbfffc))));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-55, var(--sn-brandRole-color-brandA-55, var(--sn-primitive-color-brandA-55, #389f74))));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
88
88
  }
89
89
  .cardVacancy[data-appearance=primary] .background::after{
90
90
  content:"";
91
91
  position:absolute;
92
92
  inset:0;
93
- background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) var(--sn-primitive-dimension-32, 32px));
93
+ background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -106,7 +106,7 @@
106
106
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
107
107
  }
108
108
  .cardVacancy .stateLayer[data-state=activatedOnBackground]{
109
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, var(--sn-brandRole-color-brandA-backgroundActivatedDefault, rgba(56, 159, 116, 0.1490196078))));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
110
110
  }
111
111
  .cardVacancy .stateLayer[data-state=versionOnColor]{
112
112
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -131,7 +131,7 @@
131
131
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
132
132
  }
133
133
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
134
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, var(--sn-brandRole-color-brandA-backgroundActivatedHovered, rgba(56, 159, 116, 0.3490196078))));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
135
135
  }
136
136
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
137
137
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -158,7 +158,7 @@
158
158
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
159
159
  }
160
160
  .cardVacancy[data-loading] .stateLayer[data-state=activatedOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
161
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, var(--sn-brandRole-color-brandA-backgroundActivatedPressed, rgba(56, 159, 116, 0.4509803922))));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
162
162
  }
163
163
  .cardVacancy[data-loading] .stateLayer[data-state=versionOnColor], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
164
164
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/dist/esm/styles.module.css CHANGED
@@ -81,16 +81,16 @@
81
81
  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brandRole-color-brandA-onAccentLight, var(--sn-primitive-color-brandA-99, #fbfffc))));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-55, var(--sn-brandRole-color-brandA-55, var(--sn-primitive-color-brandA-55, #389f74))));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
88
88
  }
89
89
  .cardVacancy[data-appearance=primary] .background::after{
90
90
  content:"";
91
91
  position:absolute;
92
92
  inset:0;
93
- background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-45, var(--sn-brandRole-color-brandA-45, var(--sn-primitive-color-brandA-45, #22775b)))) var(--sn-primitive-dimension-32, 32px));
93
+ background-image:repeating-radial-gradient(circle at 0% calc(100% + var(--sn-primitive-dimension-24, 24px)), transparent 0, transparent calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) calc(var(--sn-primitive-dimension-32, 32px) - var(--sn-primitive-strokeWeight-strokeBold, 3px)), var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #22775b)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -106,7 +106,7 @@
106
106
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
107
107
  }
108
108
  .cardVacancy .stateLayer[data-state=activatedOnBackground]{
109
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, var(--sn-brandRole-color-brandA-backgroundActivatedDefault, rgba(56, 159, 116, 0.1490196078))));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
110
110
  }
111
111
  .cardVacancy .stateLayer[data-state=versionOnColor]{
112
112
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -131,7 +131,7 @@
131
131
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
132
132
  }
133
133
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
134
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, var(--sn-brandRole-color-brandA-backgroundActivatedHovered, rgba(56, 159, 116, 0.3490196078))));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
135
135
  }
136
136
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
137
137
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -158,7 +158,7 @@
158
158
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
159
159
  }
160
160
  .cardVacancy[data-loading] .stateLayer[data-state=activatedOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
161
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, var(--sn-brandRole-color-brandA-backgroundActivatedPressed, rgba(56, 159, 116, 0.4509803922))));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
162
162
  }
163
163
  .cardVacancy[data-loading] .stateLayer[data-state=versionOnColor], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
164
164
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloud-ru/ds-site-card-vacancy",
3
- "version": "1.0.1",
3
+ "version": "1.0.2-preview-a2208aeb.0",
4
4
  "description": "Карточка-ссылка вакансии с заголовком и описанием, нейтральным или акцентным фоном, hover/pressed-состояниями и фокусом.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -34,9 +34,9 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "classnames": "^2.5.1",
37
- "@cloud-ru/ds-materials": "^1.0.1",
38
- "@cloud-ru/ds-typography": "^1.0.0",
39
- "@cloud-ru/ds-utils": "^1.1.0"
37
+ "@cloud-ru/ds-materials": "1.0.2-preview-a2208aeb.0",
38
+ "@cloud-ru/ds-typography": "1.0.0",
39
+ "@cloud-ru/ds-utils": "1.1.0"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"