@deque/cauldron-styles 6.4.0 → 6.4.1-canary.300ea470

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 (2) hide show
  1. package/dist/index.css +8 -7
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -588,8 +588,7 @@ textarea.Field--has-error,
588
588
  [role='listbox'].Field--has-error,
589
589
  [role='spinbutton'].Field--has-error {
590
590
  border: 1px solid var(--field-border-color-error);
591
- box-shadow: 0 0 0 1px var(--field-border-color-error),
592
- inset 0 1px 2px rgba(0, 0, 0, 0.05);
591
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
593
592
  }
594
593
 
595
594
  .Checkbox__overlay.Field--has-error {
@@ -611,6 +610,8 @@ textarea.Field--has-error:hover,
611
610
  [role='listbox'].Field--has-error:hover,
612
611
  [role='spinbutton'].Field--has-error:hover {
613
612
  border-color: var(--field-border-color-error-hover);
613
+ box-shadow: 0 0 0 1px var(--field-border-color-error),
614
+ inset 0 1px 2px rgba(0, 0, 0, 0.05);
614
615
  }
615
616
 
616
617
  input.Field--has-error:focus,
@@ -1011,8 +1012,7 @@ textarea.Field--has-error:focus:hover,
1011
1012
 
1012
1013
  .TextFieldWrapper--error {
1013
1014
  border: 1px solid var(--text-field-wrapper-error-border-color);
1014
- box-shadow: 0 0 0 1px var(--text-field-wrapper-error-border-color),
1015
- inset 0 1px 2px rgba(0, 0, 0, 0.05);
1015
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
1016
1016
  }
1017
1017
 
1018
1018
  .TextFieldWrapper--error:focus-within {
@@ -2113,20 +2113,21 @@ p .Link {
2113
2113
 
2114
2114
  .Field__select--wrapper select:invalid,
2115
2115
  .Field--has-error select {
2116
- border-width: var(--space-quarter);
2116
+ border-width: 1px;
2117
2117
  border-color: var(--field-border-color-error);
2118
2118
  }
2119
2119
 
2120
2120
  .Field__select--wrapper.Field--has-error select:hover {
2121
2121
  border-color: var(--field-border-color-error-hover);
2122
+ box-shadow: 0 0 0 1px var(--field-border-color-error-hover);
2122
2123
  }
2123
2124
 
2124
2125
  .Field__select--wrapper select:invalid:focus,
2125
2126
  .Field__select--wrapper.Field--has-error select:focus {
2126
- border-width: var(--space-quarter);
2127
2127
  border-color: var(--field-border-color-error);
2128
2128
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0 inset,
2129
- var(--field-border-color-error-focus-glow) 0 0 4px 0;
2129
+ var(--field-border-color-error) 0 0 0 1px,
2130
+ var(--field-border-color-error-focus-glow) 0 0 5px 0;
2130
2131
  }
2131
2132
 
2132
2133
  .Field__select--wrapper select:invalid:focus:hover,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deque/cauldron-styles",
3
- "version": "6.4.0",
3
+ "version": "6.4.1-canary.300ea470",
4
4
  "license": "MPL-2.0",
5
5
  "description": "deque cauldron pattern library styles",
6
6
  "repository": "https://github.com/dequelabs/cauldron",