@payloadcms/ui 3.0.0-beta.61 → 3.0.0-beta.63

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 (37) hide show
  1. package/dist/elements/ArrayAction/index.d.ts +14 -0
  2. package/dist/elements/Banner/index.scss +4 -4
  3. package/dist/elements/Collapsible/index.scss +13 -47
  4. package/dist/elements/ErrorPill/index.scss +2 -14
  5. package/dist/elements/GenerateConfirmation/index.scss +1 -0
  6. package/dist/elements/Pill/index.scss +9 -21
  7. package/dist/elements/ReactSelect/index.scss +9 -2
  8. package/dist/elements/Status/index.scss +1 -0
  9. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +2 -2
  10. package/dist/exports/client/index.js +6 -6
  11. package/dist/exports/client/index.js.map +3 -3
  12. package/dist/fields/Checkbox/index.js +2 -1
  13. package/dist/fields/Checkbox/index.js.map +1 -1
  14. package/dist/fields/Checkbox/index.scss +2 -1
  15. package/dist/fields/Code/index.scss +3 -21
  16. package/dist/fields/Collapsible/index.scss +0 -4
  17. package/dist/fields/FieldError/index.scss +6 -5
  18. package/dist/fields/JSON/index.d.ts.map +1 -1
  19. package/dist/fields/JSON/index.js +0 -5
  20. package/dist/fields/JSON/index.js.map +1 -1
  21. package/dist/fields/JSON/index.scss +6 -25
  22. package/dist/fields/Point/index.js +5 -5
  23. package/dist/fields/Point/index.js.map +1 -1
  24. package/dist/fields/Point/index.scss +4 -0
  25. package/dist/fields/RadioGroup/index.d.ts.map +1 -1
  26. package/dist/fields/RadioGroup/index.js +6 -5
  27. package/dist/fields/RadioGroup/index.js.map +1 -1
  28. package/dist/fields/RadioGroup/index.scss +7 -0
  29. package/dist/fields/Relationship/index.scss +2 -2
  30. package/dist/fields/Select/Input.d.ts.map +1 -1
  31. package/dist/fields/Select/Input.js +0 -5
  32. package/dist/fields/Select/Input.js.map +1 -1
  33. package/dist/providers/ComponentMap/buildComponentMap/fields.d.ts.map +1 -1
  34. package/dist/providers/ComponentMap/buildComponentMap/fields.js +1 -0
  35. package/dist/providers/ComponentMap/buildComponentMap/fields.js.map +1 -1
  36. package/dist/styles.css +1 -1
  37. package/package.json +4 -4
package/dist/elements/ArrayAction/index.d.ts CHANGED
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import './index.scss';
3
+ export type Props = {
4
+ addRow: (current: number, blockType?: string) => void;
5
+ duplicateRow: (current: number) => void;
6
+ hasMaxRows: boolean;
7
+ index: number;
8
+ isSortable?: boolean;
9
+ moveRow: (from: number, to: number) => void;
10
+ removeRow: (index: number) => void;
11
+ rowCount: number;
12
+ };
13
+ export declare const ArrayAction: React.FC<Props>;
14
+ //# sourceMappingURL=index.d.ts.map
package/dist/elements/Banner/index.scss CHANGED
@@ -38,10 +38,10 @@
38
38
 
39
39
  &--type-error {
40
40
  background: var(--theme-error-100);
41
- color: var(--theme-error-500);
41
+ color: var(--theme-error-600);
42
42
 
43
43
  svg {
44
- @include color-svg(var(--theme-error-500));
44
+ @include color-svg(var(--theme-error-600));
45
45
  }
46
46
 
47
47
  &.button--has-action {
@@ -56,8 +56,8 @@
56
56
  }
57
57
 
58
58
  &--type-success {
59
- background: var(--theme-success-500);
60
- color: var(--color-base-800);
59
+ background: var(--theme-success-100);
60
+ color: var(--theme-success-600);
61
61
 
62
62
  &.button--has-action {
63
63
  &:hover {
package/dist/elements/Collapsible/index.scss CHANGED
@@ -113,58 +113,24 @@
113
113
  padding: var(--gutter-h);
114
114
  }
115
115
  }
116
- }
117
-
118
- html[data-theme='dark'] {
119
- .collapsible {
120
- &--style-error {
121
- border: 1px solid var(--theme-error-400);
122
- &:hover {
123
- border: 1px solid var(--theme-error-500);
124
- }
125
-
126
- > .collapsible__toggle-wrap {
127
- .row-label {
128
- color: var(--theme-error-500);
129
- }
130
- .collapsible__toggle {
131
- background: var(--theme-error-100);
132
- }
133
- }
134
- &.collapsible--hovered {
135
- > .collapsible__toggle-wrap .collapsible__toggle {
136
- background: var(--theme-error-150);
137
- }
138
- }
139
- }
140
- }
141
- }
142
116
 
143
- html[data-theme='light'] {
144
- .collapsible {
145
- &--style-error {
117
+ &--style-error {
118
+ border: 1px solid var(--theme-error-400);
119
+ &:hover {
146
120
  border: 1px solid var(--theme-error-500);
147
- &:hover {
148
- border: 1px solid var(--theme-error-600);
149
- }
121
+ }
150
122
 
151
- > .collapsible__toggle-wrap {
152
- .row-label {
153
- color: var(--theme-error-750);
154
- }
155
- .collapsible__toggle {
156
- background: var(--theme-error-50);
157
- }
123
+ > .collapsible__toggle-wrap {
124
+ .row-label {
125
+ color: var(--theme-error-950);
158
126
  }
159
- &.collapsible--hovered {
160
- > .collapsible__toggle-wrap .collapsible__toggle {
161
- background: var(--theme-error-100);
162
- }
127
+ .collapsible__toggle {
128
+ background: var(--theme-error-100);
163
129
  }
164
- &.error {
165
- & input {
166
- border-color: var(--theme-error-500);
167
- }
130
+ }
131
+ &.collapsible--hovered {
132
+ > .collapsible__toggle-wrap .collapsible__toggle {
133
+ background: var(--theme-error-150);
168
134
  }
169
135
  }
170
136
  }
package/dist/elements/ErrorPill/index.scss CHANGED
@@ -14,6 +14,8 @@
14
14
  display: flex;
15
15
  align-items: center;
16
16
  justify-content: center;
17
+ background: var(--theme-error-300);
18
+ color: var(--theme-error-950);
17
19
 
18
20
  &--fixed-width {
19
21
  width: 18px;
@@ -27,17 +29,3 @@
27
29
  margin-left: 0.5px;
28
30
  }
29
31
  }
30
-
31
- html[data-theme='light'] {
32
- .error-pill {
33
- background: var(--theme-error-250);
34
- color: var(--theme-error-750);
35
- }
36
- }
37
-
38
- html[data-theme='dark'] {
39
- .error-pill {
40
- background: var(--theme-error-500);
41
- color: var(--color-base-1000);
42
- }
43
- }
package/dist/elements/GenerateConfirmation/index.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  @include blur-bg;
5
5
  display: flex;
6
6
  align-items: center;
7
+ justify-content: center;
7
8
  height: 100%;
8
9
 
9
10
  &__template {
package/dist/elements/Pill/index.scss CHANGED
@@ -111,12 +111,18 @@
111
111
  }
112
112
 
113
113
  &--style-warning {
114
- background: var(--theme-warning-500);
114
+ background: var(--theme-warning-150);
115
+ color: var(--theme-warning-800);
115
116
  }
116
117
 
117
118
  &--style-success {
118
- background: var(--theme-success-500);
119
- color: var(--color-base-800);
119
+ background: var(--theme-success-150);
120
+ color: var(--theme-success-800);
121
+ }
122
+
123
+ &--style-error {
124
+ background: var(--theme-error-150);
125
+ color: var(--theme-error-800);
120
126
  }
121
127
 
122
128
  &--style-dark {
@@ -138,21 +144,3 @@
138
144
  }
139
145
  }
140
146
  }
141
-
142
- html[data-theme='dark'] {
143
- .pill {
144
- &--style-error {
145
- background: var(--theme-error-500);
146
- color: var(--color-base-1000);
147
- }
148
- }
149
- }
150
-
151
- html[data-theme='light'] {
152
- .pill {
153
- &--style-error {
154
- background: var(--theme-error-250);
155
- color: var(--theme-error-750);
156
- }
157
- }
158
- }
package/dist/elements/ReactSelect/index.scss CHANGED
@@ -59,9 +59,16 @@
59
59
  }
60
60
  }
61
61
 
62
- &--error {
62
+ &--error,
63
+ &--error:hover,
64
+ &--error:focus-within {
63
65
  div.rs__control {
64
- background-color: var(--theme-error-100);
66
+ background-color: var(--theme-error-50);
67
+ border: 1px solid var(--theme-error-500);
68
+
69
+ & > div.rs__indicator > button.dropdown-indicator[type='button'] {
70
+ border: none;
71
+ }
65
72
  }
66
73
  }
67
74
 
package/dist/elements/Status/index.scss CHANGED
@@ -20,6 +20,7 @@
20
20
  &__modal {
21
21
  @include blur-bg;
22
22
  display: flex;
23
+ justify-content: center;
23
24
  align-items: center;
24
25
  height: 100%;
25
26
 
package/dist/elements/WhereBuilder/Condition/Relationship/index.scss CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  .condition-value-relationship {
4
4
  &__error-loading {
5
- border: 1px solid var(--theme-error-500);
5
+ border: 1px solid var(--theme-error-600);
6
6
  min-height: base(2);
7
7
  padding: base(0.5) base(0.75);
8
- background-color: var(--theme-error-500);
8
+ background-color: var(--theme-error-100);
9
9
  color: var(--theme-elevation-0);
10
10
  }
11
11
  }