@ncds/ui-admin 1.8.21-alpha.15 → 1.8.21-alpha.17
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.
- package/dist/cjs/src/components/forms-and-input/input-base/InputBase.js +13 -7
- package/dist/cjs/src/components/forms-and-input/input-base/__tests__/InputBase.test.js +16 -11
- package/dist/cjs/src/components/overlays/postcode-search-modal/PostcodeSearchModal.js +2 -0
- package/dist/cjs/src/generated/scoped-css.js +1 -1
- package/dist/esm/src/components/forms-and-input/input-base/InputBase.js +13 -7
- package/dist/esm/src/components/forms-and-input/input-base/__tests__/InputBase.test.js +16 -11
- package/dist/esm/src/components/overlays/postcode-search-modal/PostcodeSearchModal.js +2 -0
- package/dist/esm/src/generated/scoped-css.js +1 -1
- package/dist/temp/src/components/forms-and-input/input-base/InputBase.js +10 -4
- package/dist/temp/src/components/forms-and-input/input-base/__tests__/InputBase.test.js +14 -12
- package/dist/temp/src/components/overlays/postcode-search-modal/PostcodeSearchModal.js +1 -1
- package/dist/temp/src/generated/scoped-css.js +1 -1
- package/dist/ui-admin/assets/styles/style.css +11 -6
- package/dist/ui-admin/assets/styles/style.scoped.css +11 -6
- package/package.json +1 -1
|
@@ -2262,6 +2262,10 @@ button {
|
|
|
2262
2262
|
}
|
|
2263
2263
|
}
|
|
2264
2264
|
|
|
2265
|
+
.ncua-modal:has(.ncua-postcode-search-modal) .ncua-modal__header-divider {
|
|
2266
|
+
margin: 0;
|
|
2267
|
+
}
|
|
2268
|
+
|
|
2265
2269
|
.ncua-modal__content:has(.ncua-postcode-search-modal) {
|
|
2266
2270
|
display: flex;
|
|
2267
2271
|
flex-direction: column;
|
|
@@ -2277,12 +2281,11 @@ button {
|
|
|
2277
2281
|
position: sticky;
|
|
2278
2282
|
top: 0;
|
|
2279
2283
|
z-index: 1;
|
|
2280
|
-
padding
|
|
2284
|
+
padding: 16px var(--padding-inline) 20px;
|
|
2281
2285
|
display: flex;
|
|
2282
2286
|
flex-direction: column;
|
|
2283
2287
|
gap: var(--spacing-s);
|
|
2284
2288
|
background-color: var(--base-white);
|
|
2285
|
-
padding-block-end: 20px;
|
|
2286
2289
|
}
|
|
2287
2290
|
.ncua-postcode-search-modal__search-area.is-fixed {
|
|
2288
2291
|
border-block-end: 1px solid var(--gray-200);
|
|
@@ -2894,6 +2897,7 @@ button {
|
|
|
2894
2897
|
align-items: center;
|
|
2895
2898
|
justify-content: space-between;
|
|
2896
2899
|
gap: 24px;
|
|
2900
|
+
flex-wrap: wrap;
|
|
2897
2901
|
}
|
|
2898
2902
|
@media (max-width: 768px) {
|
|
2899
2903
|
.ncua-message-notification__content {
|
|
@@ -2907,7 +2911,7 @@ button {
|
|
|
2907
2911
|
display: flex;
|
|
2908
2912
|
align-items: center;
|
|
2909
2913
|
gap: 12px;
|
|
2910
|
-
min-width:
|
|
2914
|
+
min-width: 160px;
|
|
2911
2915
|
}
|
|
2912
2916
|
.ncua-message-notification__icon {
|
|
2913
2917
|
flex-shrink: 0;
|
|
@@ -2933,6 +2937,7 @@ button {
|
|
|
2933
2937
|
align-items: center;
|
|
2934
2938
|
gap: 12px;
|
|
2935
2939
|
flex-shrink: 0;
|
|
2940
|
+
margin-left: auto;
|
|
2936
2941
|
flex-wrap: wrap;
|
|
2937
2942
|
}
|
|
2938
2943
|
@media (max-width: 768px) {
|
|
@@ -4107,7 +4112,7 @@ button {
|
|
|
4107
4112
|
list-style: none;
|
|
4108
4113
|
}
|
|
4109
4114
|
.ncua-pagination__item + .ncua-pagination__item {
|
|
4110
|
-
margin-inline-start:
|
|
4115
|
+
margin-inline-start: 2px;
|
|
4111
4116
|
margin-top: 0;
|
|
4112
4117
|
}
|
|
4113
4118
|
.ncua-pagination__page-num {
|
|
@@ -4116,8 +4121,8 @@ button {
|
|
|
4116
4121
|
display: inline-flex;
|
|
4117
4122
|
justify-content: center;
|
|
4118
4123
|
align-items: center;
|
|
4119
|
-
padding-inline:
|
|
4120
|
-
|
|
4124
|
+
padding-inline: 0;
|
|
4125
|
+
width: 32px;
|
|
4121
4126
|
height: 32px;
|
|
4122
4127
|
border-radius: 8px;
|
|
4123
4128
|
border: 0;
|
|
@@ -2254,6 +2254,10 @@
|
|
|
2254
2254
|
}
|
|
2255
2255
|
}
|
|
2256
2256
|
|
|
2257
|
+
.ncua-modal:has(.ncua-postcode-search-modal) .ncua-modal__header-divider {
|
|
2258
|
+
margin: 0;
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2257
2261
|
.ncua-modal__content:has(.ncua-postcode-search-modal) {
|
|
2258
2262
|
display: flex;
|
|
2259
2263
|
flex-direction: column;
|
|
@@ -2269,12 +2273,11 @@
|
|
|
2269
2273
|
position: sticky;
|
|
2270
2274
|
top: 0;
|
|
2271
2275
|
z-index: 1;
|
|
2272
|
-
padding
|
|
2276
|
+
padding: 16px var(--padding-inline) 20px;
|
|
2273
2277
|
display: flex;
|
|
2274
2278
|
flex-direction: column;
|
|
2275
2279
|
gap: var(--spacing-s);
|
|
2276
2280
|
background-color: var(--base-white);
|
|
2277
|
-
padding-block-end: 20px;
|
|
2278
2281
|
}
|
|
2279
2282
|
.ncua-postcode-search-modal__search-area.is-fixed {
|
|
2280
2283
|
border-block-end: 1px solid var(--gray-200);
|
|
@@ -2886,6 +2889,7 @@
|
|
|
2886
2889
|
align-items: center;
|
|
2887
2890
|
justify-content: space-between;
|
|
2888
2891
|
gap: 24px;
|
|
2892
|
+
flex-wrap: wrap;
|
|
2889
2893
|
}
|
|
2890
2894
|
@media (max-width: 768px) {
|
|
2891
2895
|
.ncua-message-notification__content {
|
|
@@ -2899,7 +2903,7 @@
|
|
|
2899
2903
|
display: flex;
|
|
2900
2904
|
align-items: center;
|
|
2901
2905
|
gap: 12px;
|
|
2902
|
-
min-width:
|
|
2906
|
+
min-width: 160px;
|
|
2903
2907
|
}
|
|
2904
2908
|
.ncua-message-notification__icon {
|
|
2905
2909
|
flex-shrink: 0;
|
|
@@ -2925,6 +2929,7 @@
|
|
|
2925
2929
|
align-items: center;
|
|
2926
2930
|
gap: 12px;
|
|
2927
2931
|
flex-shrink: 0;
|
|
2932
|
+
margin-left: auto;
|
|
2928
2933
|
flex-wrap: wrap;
|
|
2929
2934
|
}
|
|
2930
2935
|
@media (max-width: 768px) {
|
|
@@ -4099,7 +4104,7 @@
|
|
|
4099
4104
|
list-style: none;
|
|
4100
4105
|
}
|
|
4101
4106
|
.ncua-pagination__item + .ncua-pagination__item {
|
|
4102
|
-
margin-inline-start:
|
|
4107
|
+
margin-inline-start: 2px;
|
|
4103
4108
|
margin-top: 0;
|
|
4104
4109
|
}
|
|
4105
4110
|
.ncua-pagination__page-num {
|
|
@@ -4108,8 +4113,8 @@
|
|
|
4108
4113
|
display: inline-flex;
|
|
4109
4114
|
justify-content: center;
|
|
4110
4115
|
align-items: center;
|
|
4111
|
-
padding-inline:
|
|
4112
|
-
|
|
4116
|
+
padding-inline: 0;
|
|
4117
|
+
width: 32px;
|
|
4113
4118
|
height: 32px;
|
|
4114
4119
|
border-radius: 8px;
|
|
4115
4120
|
border: 0;
|