studiokit-scaffolding-js 7.0.14-alpha.1 → 7.0.14-alpha.1.3

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 (7) hide show
  1. package/lib/css/components/_buttons.css +0 -4
  2. package/lib/css/components/_forms.css +5 -0
  3. package/lib/css/components/_quill.css +1 -1
  4. package/lib/css/components/_tables.css +1 -1
  5. package/lib/css/utils/_focus.css +5 -1
  6. package/lib/css/variables.css +3 -3
  7. package/package.json +1 -1
package/lib/css/components/_buttons.css CHANGED
@@ -195,10 +195,6 @@ a[class*="btn-"]:active:focus {
195
195
  &.underline:hover {
196
196
  text-decoration: underline;
197
197
  }
198
-
199
- &:focus {
200
- outline: none !important;
201
- }
202
198
  }
203
199
 
204
200
  /* Toggle */
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
@@ -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/utils/_focus.css CHANGED
@@ -1,4 +1,8 @@
1
1
  /* global visible focus */
2
- :focus-visible {
2
+ body :focus-visible,
3
+ body button:focus-visible,
4
+ body [type="button"]:focus-visible,
5
+ body .btn-primary:focus-visible {
3
6
  outline: 0.2rem solid var(--color-focus-outline);
7
+ outline-offset: 0;
4
8
  }
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",
3
+ "version": "7.0.14-alpha.1.3",
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",