@idds/styles 1.0.57 → 1.0.58

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idds/styles",
3
- "version": "1.0.57",
3
+ "version": "1.0.58",
4
4
  "description": "Shared CSS styles and colors for INA Digital Design System",
5
5
  "type": "module",
6
6
  "main": "./src/index.css",
@@ -108,11 +108,11 @@
108
108
  }
109
109
 
110
110
  .ina-file-upload__button:hover:not(:disabled) {
111
- background-color: var(--ina-content-secondary, var(--Content-Secondary));
111
+ background-color: var(--ina-background-secondary);
112
112
  }
113
113
 
114
114
  .ina-file-upload__button:disabled {
115
- opacity: 0.5;
115
+ opacity: 0.8;
116
116
  cursor: not-allowed;
117
117
  }
118
118
 
@@ -42,7 +42,6 @@
42
42
 
43
43
  .ina-radio-input__option--disabled {
44
44
  cursor: not-allowed;
45
- opacity: 0.6;
46
45
  }
47
46
 
48
47
  .ina-radio-input__option--disabled:hover {
@@ -211,7 +210,6 @@
211
210
 
212
211
  /* Loading state */
213
212
  .ina-radio-input--loading .ina-radio-input__option {
214
- opacity: 0.6;
215
213
  cursor: not-allowed;
216
214
  }
217
215
 
@@ -12,8 +12,6 @@
12
12
 
13
13
  .ina-toggle--disabled {
14
14
  cursor: not-allowed;
15
- opacity: 0.6;
16
- background-color: var(--ina-background-tertiary) !important;
17
15
  }
18
16
 
19
17
  /* Hide the actual input */
@@ -62,6 +60,8 @@
62
60
  transition: all var(--ina-transition-duration-200) ease-in-out;
63
61
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
64
62
  transform: translateX(0);
63
+ filter: drop-shadow(0 1px 2px rgba(10, 13, 18, 0.06))
64
+ drop-shadow(0 1px 3px rgba(10, 13, 18, 0.1));
65
65
  }
66
66
 
67
67
  .ina-toggle__thumb--checked {
@@ -115,10 +115,6 @@
115
115
  0 0 4px 6px rgba(31, 31, 31, 0.04);
116
116
  }
117
117
 
118
- .ina-toggle:not(.ina-toggle--disabled):hover .ina-toggle__track--checked {
119
- background-color: var(--ina-primary-600);
120
- }
121
-
122
118
  .ina-toggle:not(.ina-toggle--disabled):hover .ina-toggle__thumb {
123
119
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
124
120
  box-shadow: 0 0 6px 0 rgba(31, 31, 31, 0.1),
@@ -129,6 +125,8 @@
129
125
  .ina-toggle__input:focus + .ina-toggle__track {
130
126
  outline: 2px solid var(--ina-positive-500);
131
127
  outline-offset: 2px;
128
+ box-shadow: 0 0 6px 0 rgba(31, 31, 31, 0.1),
129
+ 0 0 4px 6px rgba(31, 31, 31, 0.04);
132
130
  }
133
131
 
134
132
  .ina-toggle__input:focus:not(:focus-visible) + .ina-toggle__track {
@@ -184,12 +182,6 @@
184
182
  background-color: var(--ina-background-secondary);
185
183
  }
186
184
 
187
- [data-theme='dark']
188
- .ina-toggle:not(.ina-toggle--disabled):hover
189
- .ina-toggle__track--checked {
190
- background-color: var(--ina-primary-600);
191
- }
192
-
193
185
  [data-theme='dark']
194
186
  .ina-toggle:not(.ina-toggle--disabled):hover
195
187
  .ina-toggle__thumb {
@@ -197,7 +189,8 @@
197
189
  }
198
190
 
199
191
  [data-theme='dark'] .ina-toggle__input:focus + .ina-toggle__track {
200
- outline-color: var(--ina-primary-400);
192
+ box-shadow: 0 0 6px 0 rgba(31, 31, 31, 0.1),
193
+ 0 0 4px 6px rgba(31, 31, 31, 0.04);
201
194
  }
202
195
 
203
196
  /* Reduced motion */