@cloud-ru/ds-site-card-vacancy 1.0.2 → 1.0.4

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/style.css +15 -15
  3. package/dist/cjs/styles.module.css +15 -15
  4. package/dist/esm/style.css +15 -15
  5. package/dist/esm/styles.module.css +15 -15
  6. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  7. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 1.0.4 (2026-09-30)
7
+
8
+ **Note:** Version bump only for package @ds/site-card-vacancy
9
+
10
+ ## 1.0.3 (2026-09-28)
11
+
12
+ **Note:** Version bump only for package @ds/site-card-vacancy
13
+
6
14
  ## 1.0.2 (2026-09-25)
7
15
 
8
16
  **Note:** Version bump only for package @ds/site-card-vacancy
package/dist/cjs/style.css CHANGED
@@ -72,25 +72,25 @@
72
72
  outline:none;
73
73
  }
74
74
  .cardVacancy[data-appearance=neutral]{
75
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
75
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
76
76
  }
77
77
  .cardVacancy[data-appearance=neutral] .background{
78
- background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
78
+ background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
79
79
  }
80
80
  .cardVacancy[data-appearance=neutral] .description{
81
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
81
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, #ffffff));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
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-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));
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, #0d0d0d)) 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, #0d0d0d)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -98,15 +98,15 @@
98
98
  border-radius:inherit;
99
99
  }
100
100
  .cardVacancy .stateLayer[data-state=borderOnBackground]{
101
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
101
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
102
102
  border-style:solid;
103
103
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
104
104
  }
105
105
  .cardVacancy .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
106
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 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, rgba(56, 159, 116, 0.1019607843)));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
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));
@@ -125,13 +125,13 @@
125
125
  }
126
126
  @media (hover: hover){
127
127
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
128
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
128
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
129
129
  }
130
130
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
131
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
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, rgba(56, 159, 116, 0.2)));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
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));
@@ -152,13 +152,13 @@
152
152
  .cardVacancy{
153
153
  }
154
154
  .cardVacancy[data-loading] .stateLayer[data-state=borderOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
155
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
155
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
156
156
  }
157
157
  .cardVacancy[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
158
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
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, rgba(56, 159, 116, 0.3019607843)));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
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
@@ -72,25 +72,25 @@
72
72
  outline:none;
73
73
  }
74
74
  .cardVacancy[data-appearance=neutral]{
75
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
75
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
76
76
  }
77
77
  .cardVacancy[data-appearance=neutral] .background{
78
- background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
78
+ background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
79
79
  }
80
80
  .cardVacancy[data-appearance=neutral] .description{
81
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
81
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, #ffffff));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
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-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));
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, #0d0d0d)) 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, #0d0d0d)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -98,15 +98,15 @@
98
98
  border-radius:inherit;
99
99
  }
100
100
  .cardVacancy .stateLayer[data-state=borderOnBackground]{
101
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
101
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
102
102
  border-style:solid;
103
103
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
104
104
  }
105
105
  .cardVacancy .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
106
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 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, rgba(56, 159, 116, 0.1019607843)));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
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));
@@ -125,13 +125,13 @@
125
125
  }
126
126
  @media (hover: hover){
127
127
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
128
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
128
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
129
129
  }
130
130
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
131
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
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, rgba(56, 159, 116, 0.2)));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
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));
@@ -152,13 +152,13 @@
152
152
  .cardVacancy{
153
153
  }
154
154
  .cardVacancy[data-loading] .stateLayer[data-state=borderOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
155
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
155
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
156
156
  }
157
157
  .cardVacancy[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
158
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
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, rgba(56, 159, 116, 0.3019607843)));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
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
@@ -72,25 +72,25 @@
72
72
  outline:none;
73
73
  }
74
74
  .cardVacancy[data-appearance=neutral]{
75
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
75
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
76
76
  }
77
77
  .cardVacancy[data-appearance=neutral] .background{
78
- background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
78
+ background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
79
79
  }
80
80
  .cardVacancy[data-appearance=neutral] .description{
81
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
81
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, #ffffff));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
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-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));
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, #0d0d0d)) 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, #0d0d0d)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -98,15 +98,15 @@
98
98
  border-radius:inherit;
99
99
  }
100
100
  .cardVacancy .stateLayer[data-state=borderOnBackground]{
101
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
101
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
102
102
  border-style:solid;
103
103
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
104
104
  }
105
105
  .cardVacancy .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
106
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 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, rgba(56, 159, 116, 0.1019607843)));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
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));
@@ -125,13 +125,13 @@
125
125
  }
126
126
  @media (hover: hover){
127
127
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
128
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
128
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
129
129
  }
130
130
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
131
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
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, rgba(56, 159, 116, 0.2)));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
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));
@@ -152,13 +152,13 @@
152
152
  .cardVacancy{
153
153
  }
154
154
  .cardVacancy[data-loading] .stateLayer[data-state=borderOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
155
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
155
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
156
156
  }
157
157
  .cardVacancy[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
158
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
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, rgba(56, 159, 116, 0.3019607843)));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
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
@@ -72,25 +72,25 @@
72
72
  outline:none;
73
73
  }
74
74
  .cardVacancy[data-appearance=neutral]{
75
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
75
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
76
76
  }
77
77
  .cardVacancy[data-appearance=neutral] .background{
78
- background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
78
+ background-color:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
79
79
  }
80
80
  .cardVacancy[data-appearance=neutral] .description{
81
- color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
81
+ color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(0, 0, 0, 0.3803921569)));
82
82
  }
83
83
  .cardVacancy[data-appearance=primary]{
84
- color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, var(--sn-brand-color-primary-99, #fbfffc)));
84
+ color:var(--sn-theme-color-primary-onAccent, var(--sn-brand-color-primary-onAccentLight, #ffffff));
85
85
  }
86
86
  .cardVacancy[data-appearance=primary] .background{
87
- background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
87
+ background-color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
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-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));
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, #0d0d0d)) 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, #0d0d0d)) var(--sn-primitive-dimension-32, 32px));
94
94
  }
95
95
  .cardVacancy .stateLayer{
96
96
  position:absolute;
@@ -98,15 +98,15 @@
98
98
  border-radius:inherit;
99
99
  }
100
100
  .cardVacancy .stateLayer[data-state=borderOnBackground]{
101
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
101
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
102
102
  border-style:solid;
103
103
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
104
104
  }
105
105
  .cardVacancy .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
106
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 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, rgba(56, 159, 116, 0.1019607843)));
109
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
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));
@@ -125,13 +125,13 @@
125
125
  }
126
126
  @media (hover: hover){
127
127
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
128
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
128
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
129
129
  }
130
130
  .cardVacancy:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
131
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
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, rgba(56, 159, 116, 0.2)));
134
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
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));
@@ -152,13 +152,13 @@
152
152
  .cardVacancy{
153
153
  }
154
154
  .cardVacancy[data-loading] .stateLayer[data-state=borderOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
155
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
155
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
156
156
  }
157
157
  .cardVacancy[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .cardVacancy[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
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)));
158
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
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, rgba(56, 159, 116, 0.3019607843)));
161
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
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));