@vendure/admin-ui 3.2.0 → 3.2.2

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 (65) hide show
  1. package/LICENSE.md +42 -42
  2. package/core/common/version.d.ts +1 -1
  3. package/fesm2022/vendure-admin-ui-catalog.mjs +257 -257
  4. package/fesm2022/vendure-admin-ui-catalog.mjs.map +1 -1
  5. package/fesm2022/vendure-admin-ui-core.mjs +4140 -4140
  6. package/fesm2022/vendure-admin-ui-core.mjs.map +1 -1
  7. package/fesm2022/vendure-admin-ui-customer.mjs +119 -119
  8. package/fesm2022/vendure-admin-ui-customer.mjs.map +1 -1
  9. package/fesm2022/vendure-admin-ui-dashboard.mjs +58 -58
  10. package/fesm2022/vendure-admin-ui-dashboard.mjs.map +1 -1
  11. package/fesm2022/vendure-admin-ui-login.mjs +2 -2
  12. package/fesm2022/vendure-admin-ui-login.mjs.map +1 -1
  13. package/fesm2022/vendure-admin-ui-marketing.mjs +35 -35
  14. package/fesm2022/vendure-admin-ui-marketing.mjs.map +1 -1
  15. package/fesm2022/vendure-admin-ui-order.mjs +186 -186
  16. package/fesm2022/vendure-admin-ui-order.mjs.map +1 -1
  17. package/fesm2022/vendure-admin-ui-react.mjs +8 -8
  18. package/fesm2022/vendure-admin-ui-react.mjs.map +1 -1
  19. package/fesm2022/vendure-admin-ui-settings.mjs +441 -441
  20. package/fesm2022/vendure-admin-ui-settings.mjs.map +1 -1
  21. package/fesm2022/vendure-admin-ui-system.mjs +6 -6
  22. package/fesm2022/vendure-admin-ui-system.mjs.map +1 -1
  23. package/fesm2022/vendure-admin-ui.mjs.map +1 -1
  24. package/package.json +13 -9
  25. package/static/fonts/fonts.scss +253 -253
  26. package/static/i18n-messages/ar.json +813 -813
  27. package/static/i18n-messages/cs.json +813 -813
  28. package/static/i18n-messages/de.json +813 -813
  29. package/static/i18n-messages/en.json +817 -817
  30. package/static/i18n-messages/es.json +813 -813
  31. package/static/i18n-messages/fa.json +813 -813
  32. package/static/i18n-messages/fr.json +813 -813
  33. package/static/i18n-messages/he.json +813 -813
  34. package/static/i18n-messages/hr.json +813 -813
  35. package/static/i18n-messages/it.json +813 -813
  36. package/static/i18n-messages/ja.json +818 -818
  37. package/static/i18n-messages/nb.json +811 -811
  38. package/static/i18n-messages/ne.json +813 -813
  39. package/static/i18n-messages/pl.json +813 -813
  40. package/static/i18n-messages/pt_BR.json +813 -813
  41. package/static/i18n-messages/pt_PT.json +814 -814
  42. package/static/i18n-messages/ru.json +813 -813
  43. package/static/i18n-messages/sv.json +806 -806
  44. package/static/i18n-messages/tr.json +814 -814
  45. package/static/i18n-messages/uk.json +813 -813
  46. package/static/i18n-messages/zh_Hans.json +813 -813
  47. package/static/i18n-messages/zh_Hant.json +813 -813
  48. package/static/index.html +14 -14
  49. package/static/polyfills.ts +66 -66
  50. package/static/styles/_mixins.scss +60 -60
  51. package/static/styles/_variables.scss +11 -11
  52. package/static/styles/component/prosemirror.scss +513 -513
  53. package/static/styles/global/_buttons.scss +147 -147
  54. package/static/styles/global/_clarity.scss +140 -140
  55. package/static/styles/global/_forms.scss +187 -187
  56. package/static/styles/global/_global.scss +41 -41
  57. package/static/styles/global/_overrides.scss +165 -165
  58. package/static/styles/global/_sass-overrides.scss +7 -7
  59. package/static/styles/global/_utilities.scss +155 -155
  60. package/static/styles/rtl.scss +143 -143
  61. package/static/styles/styles.scss +19 -19
  62. package/static/styles/theme/dark.scss +591 -591
  63. package/static/styles/theme/default.scss +254 -254
  64. package/static/styles/ui-extension-theme.scss +13 -13
  65. package/static/vendure-ui-config.json +289 -289
package/static/styles/global/_forms.scss CHANGED
@@ -1,187 +1,187 @@
1
- .clr-form-control {
2
- margin-top: 0;
3
- }
4
-
5
- .form,
6
- form {
7
- padding-top: 0;
8
- }
9
-
10
- .form .form-block,
11
- form .form-block {
12
- margin: 0.5rem 0 1.5rem;
13
- }
14
-
15
- .form-grid {
16
- display: grid;
17
- gap: calc(var(--space-unit) * 4);
18
- grid-template-columns: 1fr 1fr;
19
- .form-grid-span {
20
- grid-column: span 2;
21
- }
22
-
23
- @container (max-width: 500px) {
24
- grid-template-columns: 1fr;
25
- }
26
- @container (max-width: 700px) {
27
- gap: calc(var(--space-unit) * 2);
28
- }
29
- @container (max-width: 500px) {
30
- grid-template-columns: 1fr;
31
-
32
- .form-grid-span {
33
- grid-column: initial;
34
- }
35
- }
36
- }
37
-
38
- input:not([type='checkbox']):not([type='radio']),
39
- select,
40
- textarea,
41
- .clr-input {
42
- color: var(--color-text-100);
43
- background-color: var(--color-form-input-bg);
44
- &:not([readonly]) {
45
- background-color: var(--color-form-input-bg);
46
- &:focus {
47
- background-size: 0% 100%;
48
- }
49
- }
50
- &[readonly] {
51
- border-color: var(--color-weight-200);
52
- }
53
- font-weight: 400;
54
- &::placeholder {
55
- color: var(--color-weight-400);
56
- }
57
-
58
- &.ng-invalid {
59
- color: var(--color-error-700);
60
- border-color: var(--color-error-300);
61
- }
62
- }
63
-
64
- input:not([type='checkbox']):not([type='radio']),
65
- textarea,
66
- select {
67
- border-radius: var(--border-radius-input) !important;
68
- border: 1px solid var(--color-weight-200);
69
- padding: 5px !important;
70
- transition: background-color 0.2s, box-shadow 0.2s !important;
71
- &:focus {
72
- border-color: var(--color-primary-500);
73
- box-shadow: 0 0 1px 1px var(--color-form-input-focus);
74
- outline: none;
75
- }
76
- &[readonly]:focus {
77
- border-color: var(--color-weight-400);
78
- }
79
- }
80
- input:not([type='checkbox']):not([type='radio']),
81
- select {
82
- height: 36px !important;
83
- }
84
-
85
- textarea {
86
- &:focus {
87
- border-color: var(--color-primary-500);
88
- outline: none;
89
- }
90
- }
91
-
92
- // Add the "expand" class to make the input container full width
93
- clr-input-container.expand {
94
- .clr-control-container {
95
- width: 100%;
96
-
97
- input {
98
- width: 100%;
99
- }
100
- }
101
- }
102
-
103
- .clr-input {
104
- max-height: none !important;
105
- }
106
-
107
- .clr-input-wrapper {
108
- max-height: none !important;
109
- }
110
-
111
- .clr-input-group {
112
- height: initial !important;
113
- border-bottom: none;
114
- &:focus,
115
- &.clr-focus {
116
- background: none;
117
- border-bottom: none;
118
- }
119
- }
120
-
121
- .clr-toggle-wrapper .clr-control-label {
122
- display: inline-block;
123
- font-size: var(--font-size-sm);
124
- }
125
-
126
- .clr-checkbox-wrapper .clr-control-label {
127
- display: inline-block;
128
- }
129
-
130
- .tooltip.tooltip-validation::before {
131
- top: 10px !important;
132
- }
133
-
134
- select {
135
- padding-inline-end: 24px !important;
136
- }
137
-
138
- .select::after,
139
- .clr-select-wrapper {
140
- max-height: inherit;
141
- }
142
- .clr-select-wrapper::after {
143
- z-index: 10;
144
- top: 13px;
145
- }
146
-
147
- .ng-select .ng-select-container {
148
- background: var(--color-form-input-bg) !important;
149
- color: var(--color-text-100);
150
- line-height: initial;
151
- position: initial !important;
152
- border: 1px solid var(--color-weight-200);
153
- }
154
- .ng-select .ng-select-container .ng-value-container {
155
- //padding-top: 0;
156
- min-width: 60px;
157
- .ng-value {
158
- margin: 0 6px 0 0;
159
- background-color: var(--color-form-input-bg) !important;
160
- color: var(--color-text-100) !important;
161
- }
162
- .ng-input {
163
- margin: 0;
164
- }
165
- input {
166
- border: none !important;
167
- background: none !important;
168
- height: initial !important;
169
- }
170
- }
171
- .ng-select.ng-select-single > .ng-select-container {
172
- //padding-top: 9px;
173
- input {
174
- padding-inline-start: 0 !important;
175
- }
176
- }
177
- .ng-select.ng-select-focused > .ng-select-container {
178
- border-color: var(--color-primary-500) !important;
179
- box-shadow: 0 0 1px 1px var(--color-primary-100);
180
- border-radius: 3px;
181
- }
182
- .ng-dropdown-panel {
183
- background: var(--color-form-input-bg) !important;
184
- }
185
- .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
186
- background-color: var(--color-grey-200);
187
- }
1
+ .clr-form-control {
2
+ margin-top: 0;
3
+ }
4
+
5
+ .form,
6
+ form {
7
+ padding-top: 0;
8
+ }
9
+
10
+ .form .form-block,
11
+ form .form-block {
12
+ margin: 0.5rem 0 1.5rem;
13
+ }
14
+
15
+ .form-grid {
16
+ display: grid;
17
+ gap: calc(var(--space-unit) * 4);
18
+ grid-template-columns: 1fr 1fr;
19
+ .form-grid-span {
20
+ grid-column: span 2;
21
+ }
22
+
23
+ @container (max-width: 500px) {
24
+ grid-template-columns: 1fr;
25
+ }
26
+ @container (max-width: 700px) {
27
+ gap: calc(var(--space-unit) * 2);
28
+ }
29
+ @container (max-width: 500px) {
30
+ grid-template-columns: 1fr;
31
+
32
+ .form-grid-span {
33
+ grid-column: initial;
34
+ }
35
+ }
36
+ }
37
+
38
+ input:not([type='checkbox']):not([type='radio']),
39
+ select,
40
+ textarea,
41
+ .clr-input {
42
+ color: var(--color-text-100);
43
+ background-color: var(--color-form-input-bg);
44
+ &:not([readonly]) {
45
+ background-color: var(--color-form-input-bg);
46
+ &:focus {
47
+ background-size: 0% 100%;
48
+ }
49
+ }
50
+ &[readonly] {
51
+ border-color: var(--color-weight-200);
52
+ }
53
+ font-weight: 400;
54
+ &::placeholder {
55
+ color: var(--color-weight-400);
56
+ }
57
+
58
+ &.ng-invalid {
59
+ color: var(--color-error-700);
60
+ border-color: var(--color-error-300);
61
+ }
62
+ }
63
+
64
+ input:not([type='checkbox']):not([type='radio']),
65
+ textarea,
66
+ select {
67
+ border-radius: var(--border-radius-input) !important;
68
+ border: 1px solid var(--color-weight-200);
69
+ padding: 5px !important;
70
+ transition: background-color 0.2s, box-shadow 0.2s !important;
71
+ &:focus {
72
+ border-color: var(--color-primary-500);
73
+ box-shadow: 0 0 1px 1px var(--color-form-input-focus);
74
+ outline: none;
75
+ }
76
+ &[readonly]:focus {
77
+ border-color: var(--color-weight-400);
78
+ }
79
+ }
80
+ input:not([type='checkbox']):not([type='radio']),
81
+ select {
82
+ height: 36px !important;
83
+ }
84
+
85
+ textarea {
86
+ &:focus {
87
+ border-color: var(--color-primary-500);
88
+ outline: none;
89
+ }
90
+ }
91
+
92
+ // Add the "expand" class to make the input container full width
93
+ clr-input-container.expand {
94
+ .clr-control-container {
95
+ width: 100%;
96
+
97
+ input {
98
+ width: 100%;
99
+ }
100
+ }
101
+ }
102
+
103
+ .clr-input {
104
+ max-height: none !important;
105
+ }
106
+
107
+ .clr-input-wrapper {
108
+ max-height: none !important;
109
+ }
110
+
111
+ .clr-input-group {
112
+ height: initial !important;
113
+ border-bottom: none;
114
+ &:focus,
115
+ &.clr-focus {
116
+ background: none;
117
+ border-bottom: none;
118
+ }
119
+ }
120
+
121
+ .clr-toggle-wrapper .clr-control-label {
122
+ display: inline-block;
123
+ font-size: var(--font-size-sm);
124
+ }
125
+
126
+ .clr-checkbox-wrapper .clr-control-label {
127
+ display: inline-block;
128
+ }
129
+
130
+ .tooltip.tooltip-validation::before {
131
+ top: 10px !important;
132
+ }
133
+
134
+ select {
135
+ padding-inline-end: 24px !important;
136
+ }
137
+
138
+ .select::after,
139
+ .clr-select-wrapper {
140
+ max-height: inherit;
141
+ }
142
+ .clr-select-wrapper::after {
143
+ z-index: 10;
144
+ top: 13px;
145
+ }
146
+
147
+ .ng-select .ng-select-container {
148
+ background: var(--color-form-input-bg) !important;
149
+ color: var(--color-text-100);
150
+ line-height: initial;
151
+ position: initial !important;
152
+ border: 1px solid var(--color-weight-200);
153
+ }
154
+ .ng-select .ng-select-container .ng-value-container {
155
+ //padding-top: 0;
156
+ min-width: 60px;
157
+ .ng-value {
158
+ margin: 0 6px 0 0;
159
+ background-color: var(--color-form-input-bg) !important;
160
+ color: var(--color-text-100) !important;
161
+ }
162
+ .ng-input {
163
+ margin: 0;
164
+ }
165
+ input {
166
+ border: none !important;
167
+ background: none !important;
168
+ height: initial !important;
169
+ }
170
+ }
171
+ .ng-select.ng-select-single > .ng-select-container {
172
+ //padding-top: 9px;
173
+ input {
174
+ padding-inline-start: 0 !important;
175
+ }
176
+ }
177
+ .ng-select.ng-select-focused > .ng-select-container {
178
+ border-color: var(--color-primary-500) !important;
179
+ box-shadow: 0 0 1px 1px var(--color-primary-100);
180
+ border-radius: 3px;
181
+ }
182
+ .ng-dropdown-panel {
183
+ background: var(--color-form-input-bg) !important;
184
+ }
185
+ .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
186
+ background-color: var(--color-grey-200);
187
+ }
package/static/styles/global/_global.scss CHANGED
@@ -1,41 +1,41 @@
1
- html, body:not([cds-text]) {
2
- font-size: var(--font-size-sm);
3
- font-family: Inter, sans-serif !important;
4
- line-height: var(--cds-global-typography-body-line-height);
5
- color: var(--color-text-100);
6
- }
7
-
8
- body p:not([cds-text]) {
9
- font-family: Inter, sans-serif !important;
10
- }
11
-
12
- .page-block {
13
- margin-inline-start: var(--surface-margin-left);
14
- margin-inline-end: var(--space-unit);
15
- margin-top: var(--space-unit);
16
- max-width: var(--layout-content-max-width);
17
- }
18
-
19
- ::-webkit-scrollbar {
20
- width: 10px;
21
- height: 10px;
22
- }
23
-
24
- ::-webkit-scrollbar {
25
- width: 10px;
26
- height: 10px;
27
- }
28
- ::-webkit-scrollbar-corner {
29
- background-color: var(--color-scrollbar-bg);
30
- }
31
- ::-webkit-scrollbar-thumb {
32
- background-color: var(--color-scrollbar-thumb);
33
- border: 2px solid var(--color-scrollbar-bg);
34
- border-radius: 10px;
35
- }
36
- ::-webkit-scrollbar-thumb:hover {
37
- background-color: var(--color-scrollbar-thumb-hover);
38
- }
39
- ::-webkit-scrollbar-track {
40
- background-color: var(--color-scrollbar-bg);
41
- }
1
+ html, body:not([cds-text]) {
2
+ font-size: var(--font-size-sm);
3
+ font-family: Inter, sans-serif !important;
4
+ line-height: var(--cds-global-typography-body-line-height);
5
+ color: var(--color-text-100);
6
+ }
7
+
8
+ body p:not([cds-text]) {
9
+ font-family: Inter, sans-serif !important;
10
+ }
11
+
12
+ .page-block {
13
+ margin-inline-start: var(--surface-margin-left);
14
+ margin-inline-end: var(--space-unit);
15
+ margin-top: var(--space-unit);
16
+ max-width: var(--layout-content-max-width);
17
+ }
18
+
19
+ ::-webkit-scrollbar {
20
+ width: 10px;
21
+ height: 10px;
22
+ }
23
+
24
+ ::-webkit-scrollbar {
25
+ width: 10px;
26
+ height: 10px;
27
+ }
28
+ ::-webkit-scrollbar-corner {
29
+ background-color: var(--color-scrollbar-bg);
30
+ }
31
+ ::-webkit-scrollbar-thumb {
32
+ background-color: var(--color-scrollbar-thumb);
33
+ border: 2px solid var(--color-scrollbar-bg);
34
+ border-radius: 10px;
35
+ }
36
+ ::-webkit-scrollbar-thumb:hover {
37
+ background-color: var(--color-scrollbar-thumb-hover);
38
+ }
39
+ ::-webkit-scrollbar-track {
40
+ background-color: var(--color-scrollbar-bg);
41
+ }