@drivy/cobalt 0.28.1 → 0.28.2

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 (3) hide show
  1. package/package.json +1 -1
  2. package/styles/components/Form/Checkmark.scss +1 -1
  3. package/styles/components/Form/ToggleSwitch.scss +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "0.28.1",
3
+ "version": "0.28.2",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/index.d.ts",
package/styles/components/Form/Checkmark.scss CHANGED
@@ -120,7 +120,7 @@
120
120
  }
121
121
 
122
122
  &:checked + #{ $self }__Checkmark {
123
- @include bg-color(accentAlt);
123
+ @include fill-bg-color(accent);
124
124
  will-change: background-color;
125
125
  }
126
126
 
package/styles/components/Form/ToggleSwitch.scss CHANGED
@@ -165,7 +165,7 @@ $toggle-switch-size-large: 28px;
165
165
  &:checked
166
166
  + .cobalt-ToggleSwitchField__ToggleSwitch
167
167
  .cobalt-ToggleSwitchField__ToggleSwitchSlider {
168
- @include bg-color(accentAlt);
168
+ @include fill-bg-color(accent);
169
169
  }
170
170
 
171
171
  &:not([disabled]) + .cobalt-ToggleSwitchField__ToggleSwitch,
@@ -182,7 +182,7 @@ $toggle-switch-size-large: 28px;
182
182
  &[disabled]
183
183
  + .cobalt-ToggleSwitchField__ToggleSwitch
184
184
  .cobalt-ToggleSwitchField__ToggleSwitchSlider {
185
- @include bg-color(disabled);
185
+ @include fill-bg-color(disabled);
186
186
  }
187
187
 
188
188
  &[disabled]
@@ -194,7 +194,7 @@ $toggle-switch-size-large: 28px;
194
194
  &[disabled]:checked
195
195
  + .cobalt-ToggleSwitchField__ToggleSwitch
196
196
  .cobalt-ToggleSwitchField__ToggleSwitchSlider {
197
- @include bg-color(accentAlt);
197
+ @include fill-bg-color(accent);
198
198
  opacity: 0.5;
199
199
  }
200
200
 
@@ -226,7 +226,7 @@ $toggle-switch-size-large: 28px;
226
226
  .cobalt-ToggleSwitchField__Input:checked
227
227
  + .cobalt-ToggleSwitchField__ToggleSwitch
228
228
  .cobalt-ToggleSwitchField__ToggleSwitchSlider {
229
- @include bg-color(error);
229
+ @include fill-bg-color(negative);
230
230
  }
231
231
  }
232
232