studiokit-scaffolding-js 7.0.14-alpha.1.2 → 7.0.14-alpha.1.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 (5) hide show
  1. package/lib/css/components/_forms.css +5 -0
  2. package/lib/css/components/_quill.css +5 -5
  3. package/lib/css/components/_tables.css +1 -1
  4. package/lib/css/variables.css +3 -3
  5. package/package.json +1 -1
package/lib/css/components/_forms.css CHANGED
@@ -9,6 +9,11 @@
9
9
  border-color: var(--color-light-grey);
10
10
  border-bottom-color: var(--color-medium-dark-grey);
11
11
  box-shadow: none;
12
+
13
+ &:focus {
14
+ border-color: var(--color-focus-border);
15
+ box-shadow: var(--box-shadow-focus);
16
+ }
12
17
  }
13
18
 
14
19
  select.form-control {
package/lib/css/components/_quill.css CHANGED
@@ -216,15 +216,15 @@
216
216
  & .ql-picker-item:hover,
217
217
  & .ql-picker-item:focus,
218
218
  & .ql-picker-item.ql-selected {
219
- color: var(--color-primary) !important;
219
+ color: var(--color-focus-outline) !important;
220
220
 
221
221
  & .ql-fill,
222
222
  & .ql-stroke.ql-fill {
223
- fill: var(--color-primary) !important;
223
+ fill: var(--color-focus-outline) !important;
224
224
  }
225
225
 
226
226
  & .ql-stroke {
227
- stroke: var(--color-primary) !important;
227
+ stroke: var(--color-focus-outline) !important;
228
228
  }
229
229
  }
230
230
 
@@ -235,7 +235,7 @@
235
235
  & .ql-picker-label.ql-active,
236
236
  & .ql-picker-item:focus,
237
237
  & .ql-picker-item.ql-selected {
238
- outline: 2px solid var(--color-primary) !important;
238
+ outline: 2px solid var(--color-focus-outline) !important;
239
239
  }
240
240
 
241
241
  /* Disabled overrides */
@@ -292,7 +292,7 @@
292
292
 
293
293
  .quill:focus-within {
294
294
  border-color: var(--color-focus-border);
295
- box-shadow: 0 0 0 0.2rem var(--color-focus-outline);
295
+ box-shadow: var(--box-shadow-focus);
296
296
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
297
297
  position: relative;
298
298
  z-index: 1;
package/lib/css/components/_tables.css CHANGED
@@ -178,7 +178,7 @@ th,
178
178
  &:focus {
179
179
  border-color: var(--color-focus-border);
180
180
  outline: 0;
181
- box-shadow: 0 0 0 0.2rem var(--color-focus-outline);
181
+ box-shadow: var(--box-shadow-focus);
182
182
  }
183
183
 
184
184
  &::placeholder {
package/lib/css/variables.css CHANGED
@@ -61,9 +61,9 @@
61
61
  --color-error: var(--color-red);
62
62
  --color-success: var(--color-green);
63
63
 
64
- /* from Bootstrap's focus styling */
65
- --color-focus-border: #80bdff;
66
- --color-focus-outline: rgb(0 123 255 / 25%);
64
+ --color-focus-border: #80bdff; /* from Bootstrap's focus styling */
65
+ --color-focus-outline: #308DF8;
66
+ --box-shadow-focus: 0 0 0 0.2rem var(--color-focus-outline);
67
67
 
68
68
  /* Border Radius */
69
69
  --border-radius: 3px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "studiokit-scaffolding-js",
3
- "version": "7.0.14-alpha.1.2",
3
+ "version": "7.0.14-alpha.1.4",
4
4
  "description": "Common scaffolding for Studio apps at Purdue",
5
5
  "repository": "https://gitlab.com/purdue-informatics/studiokit/studiokit-scaffolding-js",
6
6
  "license": "MIT",