@thecb/components 8.4.13-beta.1 → 8.4.13-beta.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/dist/index.cjs.js +16 -13
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +16 -13
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/molecules/payment-details/PaymentDetails.js +14 -14
  7. /package/src/components/atoms/icons/{ExternalLinkicon.js → ExternalLinkIcon.js} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "8.4.13-beta.1",
3
+ "version": "8.4.13-beta.3",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
package/src/components/molecules/payment-details/PaymentDetails.js CHANGED
@@ -125,7 +125,7 @@ const LoadingDetails = () => (
125
125
  <Box
126
126
  padding="0"
127
127
  extraStyles={`position: absolute;
128
- height: 238px;
128
+ height: 200px;
129
129
  width: 100%;
130
130
  display: flex;
131
131
  justify-content: center;
@@ -135,25 +135,25 @@ const LoadingDetails = () => (
135
135
  </Box>
136
136
  <Stack childGap="16px">
137
137
  <Cluster nowrap justify="space-between" align="start">
138
- <LoadingLine exactWidth="110px" height="27px" />
139
- <LoadingLine exactWidth="60px" height="27px" />
138
+ <LoadingLine exactWidth="110" height="27px" />
139
+ <LoadingLine exactWidth="60" height="27px" />
140
140
  </Cluster>
141
141
  <SolidDivider />
142
142
  <Box padding="0.5rem 0">
143
- <Stack direction="row">
144
- <LoadingLine exactWidth="80px" height="27px" />
145
- <LoadingLine exactWidth="60px" height="27px" />
146
- </Stack>
143
+ <Cluster justify="space-between" align="start">
144
+ <LoadingLine exactWidth="80" height="27px" />
145
+ <LoadingLine exactWidth="60" height="27px" />
146
+ </Cluster>
147
147
  <Box padding="4px 0" />
148
- <Stack direction="row">
149
- <LoadingLine exactWidth="160px" height="27px" />
150
- <LoadingLine exactWidth="50px" height="27px" />
151
- </Stack>
148
+ <Cluster justify="space-between" align="start">
149
+ <LoadingLine exactWidth="160" height="27px" />
150
+ <LoadingLine exactWidth="50" height="27px" />
151
+ </Cluster>
152
152
  </Box>
153
153
  <SolidDivider />
154
- <Stack direction="row">
155
- <LoadingLine exactWidth="100px" height="30px" />
156
- <LoadingLine exactWidth="70px" height="30px" />
154
+ <Stack justify="space-between" direction="row">
155
+ <LoadingLine exactWidth="100" height="30px" />
156
+ <LoadingLine exactWidth="70" height="30px" />
157
157
  </Stack>
158
158
  </Stack>
159
159
  </Box>