@ni/spright-components 6.22.2 → 6.22.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.
@@ -18181,9 +18181,12 @@ const B6=It`
18181
18181
  :host {
18182
18182
  min-width: ${Fc};
18183
18183
  min-height: ${Fc};
18184
+ width: fit-content;
18185
+ max-width: 100%;
18184
18186
 
18185
18187
  flex-direction: row;
18186
18188
  justify-content: flex-start;
18189
+ align-self: flex-start;
18187
18190
  flex-shrink: 0;
18188
18191
  font: ${dd};
18189
18192
  color: ${hd};
@@ -18192,7 +18195,7 @@ const B6=It`
18192
18195
  .container {
18193
18196
  display: flex;
18194
18197
  flex-direction: column;
18195
- max-width: calc(90%);
18198
+ width: 100%;
18196
18199
  }
18197
18200
 
18198
18201
  [part='start'] {
@@ -18202,6 +18205,7 @@ const B6=It`
18202
18205
  .message-content {
18203
18206
  width: fit-content;
18204
18207
  height: fit-content;
18208
+ max-width: 100%;
18205
18209
  overflow-x: auto;
18206
18210
  }
18207
18211
 
@@ -18255,9 +18259,12 @@ const z6=It`
18255
18259
  :host {
18256
18260
  min-width: ${Fc};
18257
18261
  min-height: ${Fc};
18262
+ width: fit-content;
18263
+ max-width: 90%;
18258
18264
 
18259
18265
  flex-direction: row;
18260
18266
  justify-content: flex-end;
18267
+ align-self: flex-end;
18261
18268
  flex-shrink: 0;
18262
18269
  font: ${dd};
18263
18270
  color: ${hd};
@@ -18266,21 +18273,19 @@ const z6=It`
18266
18273
  .container {
18267
18274
  display: flex;
18268
18275
  flex-direction: column;
18269
- max-width: calc(90%);
18276
+ width: 100%;
18277
+ background: ${ec};
18278
+ border: ${Bc} solid ${uc};
18279
+ border-radius: ${Rc} ${Rc} 0px ${Rc};
18280
+ padding: ${Rc};
18270
18281
  }
18271
18282
 
18272
18283
  .message-content {
18273
18284
  width: fit-content;
18274
18285
  height: fit-content;
18286
+ max-width: 100%;
18275
18287
  overflow-x: auto;
18276
18288
  }
18277
-
18278
- :host .message-content {
18279
- background: ${ec};
18280
- border: ${Bc} solid ${uc};
18281
- border-radius: ${Rc} ${Rc} 0px ${Rc};
18282
- padding: ${Rc};
18283
- }
18284
18289
  `
18285
18290
  const V6=class extends qe{constructor(){super(...arguments),this.messageInternals=new $6(this,{anchorOnInsert:!0})}}.compose({baseName:"chat-message-outbound",template:()=>Q`
18286
18291
  <div class="container">
@@ -18296,9 +18301,12 @@ const H6=It`
18296
18301
  :host {
18297
18302
  min-width: ${Fc};
18298
18303
  min-height: ${Fc};
18304
+ width: fit-content;
18305
+ max-width: 90%;
18299
18306
 
18300
18307
  flex-direction: row;
18301
18308
  justify-content: center;
18309
+ align-self: center;
18302
18310
  flex-shrink: 0;
18303
18311
  font: ${dd};
18304
18312
  color: ${hd};
@@ -18307,12 +18315,13 @@ const H6=It`
18307
18315
  .container {
18308
18316
  display: flex;
18309
18317
  flex-direction: column;
18310
- max-width: calc(90%);
18318
+ width: 100%;
18311
18319
  }
18312
18320
 
18313
18321
  .message-content {
18314
18322
  width: fit-content;
18315
18323
  height: fit-content;
18324
+ max-width: 100%;
18316
18325
  overflow-x: auto;
18317
18326
  }
18318
18327
  `
@@ -18330,10 +18339,12 @@ const q6=It`
18330
18339
  :host {
18331
18340
  min-width: ${Fc};
18332
18341
  min-height: ${Fc};
18342
+ max-width: 90%;
18333
18343
 
18334
18344
  flex: 1;
18335
18345
  flex-direction: row;
18336
18346
  justify-content: center;
18347
+ align-self: center;
18337
18348
  align-items: center;
18338
18349
  font: ${dd};
18339
18350
  color: ${hd};
@@ -18343,7 +18354,6 @@ const q6=It`
18343
18354
  display: flex;
18344
18355
  flex-direction: column;
18345
18356
  align-items: center;
18346
- max-width: calc(90%);
18347
18357
  gap: ${Rc};
18348
18358
  }
18349
18359
 
@@ -18377,6 +18387,7 @@ const q6=It`
18377
18387
  align-items: center;
18378
18388
  width: fit-content;
18379
18389
  height: fit-content;
18390
+ max-width: 100%;
18380
18391
  overflow-x: auto;
18381
18392
  gap: ${Rc};
18382
18393
  }