@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.
- package/dist/all-components-bundle.js +22 -11
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +22 -11
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/chat/message/inbound/styles.js +5 -1
- package/dist/esm/chat/message/inbound/styles.js.map +1 -1
- package/dist/esm/chat/message/outbound/styles.js +9 -8
- package/dist/esm/chat/message/outbound/styles.js.map +1 -1
- package/dist/esm/chat/message/system/styles.js +5 -1
- package/dist/esm/chat/message/system/styles.js.map +1 -1
- package/dist/esm/chat/message/welcome/styles.js +3 -1
- package/dist/esm/chat/message/welcome/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -104642,9 +104642,12 @@ focus outline in that case.
|
|
|
104642
104642
|
:host {
|
|
104643
104643
|
min-width: ${standardPadding};
|
|
104644
104644
|
min-height: ${standardPadding};
|
|
104645
|
+
width: fit-content;
|
|
104646
|
+
max-width: 100%;
|
|
104645
104647
|
|
|
104646
104648
|
flex-direction: row;
|
|
104647
104649
|
justify-content: flex-start;
|
|
104650
|
+
align-self: flex-start;
|
|
104648
104651
|
flex-shrink: 0;
|
|
104649
104652
|
font: ${bodyFont};
|
|
104650
104653
|
color: ${bodyFontColor};
|
|
@@ -104653,7 +104656,7 @@ focus outline in that case.
|
|
|
104653
104656
|
.container {
|
|
104654
104657
|
display: flex;
|
|
104655
104658
|
flex-direction: column;
|
|
104656
|
-
|
|
104659
|
+
width: 100%;
|
|
104657
104660
|
}
|
|
104658
104661
|
|
|
104659
104662
|
[part='start'] {
|
|
@@ -104663,6 +104666,7 @@ focus outline in that case.
|
|
|
104663
104666
|
.message-content {
|
|
104664
104667
|
width: fit-content;
|
|
104665
104668
|
height: fit-content;
|
|
104669
|
+
max-width: 100%;
|
|
104666
104670
|
overflow-x: auto;
|
|
104667
104671
|
}
|
|
104668
104672
|
|
|
@@ -104745,9 +104749,12 @@ focus outline in that case.
|
|
|
104745
104749
|
:host {
|
|
104746
104750
|
min-width: ${standardPadding};
|
|
104747
104751
|
min-height: ${standardPadding};
|
|
104752
|
+
width: fit-content;
|
|
104753
|
+
max-width: 90%;
|
|
104748
104754
|
|
|
104749
104755
|
flex-direction: row;
|
|
104750
104756
|
justify-content: flex-end;
|
|
104757
|
+
align-self: flex-end;
|
|
104751
104758
|
flex-shrink: 0;
|
|
104752
104759
|
font: ${bodyFont};
|
|
104753
104760
|
color: ${bodyFontColor};
|
|
@@ -104756,21 +104763,19 @@ focus outline in that case.
|
|
|
104756
104763
|
.container {
|
|
104757
104764
|
display: flex;
|
|
104758
104765
|
flex-direction: column;
|
|
104759
|
-
|
|
104766
|
+
width: 100%;
|
|
104767
|
+
background: ${fillSelectedColor};
|
|
104768
|
+
border: ${borderWidth} solid ${borderHoverColor};
|
|
104769
|
+
border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};
|
|
104770
|
+
padding: ${mediumPadding};
|
|
104760
104771
|
}
|
|
104761
104772
|
|
|
104762
104773
|
.message-content {
|
|
104763
104774
|
width: fit-content;
|
|
104764
104775
|
height: fit-content;
|
|
104776
|
+
max-width: 100%;
|
|
104765
104777
|
overflow-x: auto;
|
|
104766
104778
|
}
|
|
104767
|
-
|
|
104768
|
-
:host .message-content {
|
|
104769
|
-
background: ${fillSelectedColor};
|
|
104770
|
-
border: ${borderWidth} solid ${borderHoverColor};
|
|
104771
|
-
border-radius: ${mediumPadding} ${mediumPadding} 0px ${mediumPadding};
|
|
104772
|
-
padding: ${mediumPadding};
|
|
104773
|
-
}
|
|
104774
104779
|
`;
|
|
104775
104780
|
|
|
104776
104781
|
const template$b = () => html `
|
|
@@ -104806,9 +104811,12 @@ focus outline in that case.
|
|
|
104806
104811
|
:host {
|
|
104807
104812
|
min-width: ${standardPadding};
|
|
104808
104813
|
min-height: ${standardPadding};
|
|
104814
|
+
width: fit-content;
|
|
104815
|
+
max-width: 90%;
|
|
104809
104816
|
|
|
104810
104817
|
flex-direction: row;
|
|
104811
104818
|
justify-content: center;
|
|
104819
|
+
align-self: center;
|
|
104812
104820
|
flex-shrink: 0;
|
|
104813
104821
|
font: ${bodyFont};
|
|
104814
104822
|
color: ${bodyFontColor};
|
|
@@ -104817,12 +104825,13 @@ focus outline in that case.
|
|
|
104817
104825
|
.container {
|
|
104818
104826
|
display: flex;
|
|
104819
104827
|
flex-direction: column;
|
|
104820
|
-
|
|
104828
|
+
width: 100%;
|
|
104821
104829
|
}
|
|
104822
104830
|
|
|
104823
104831
|
.message-content {
|
|
104824
104832
|
width: fit-content;
|
|
104825
104833
|
height: fit-content;
|
|
104834
|
+
max-width: 100%;
|
|
104826
104835
|
overflow-x: auto;
|
|
104827
104836
|
}
|
|
104828
104837
|
`;
|
|
@@ -104858,10 +104867,12 @@ focus outline in that case.
|
|
|
104858
104867
|
:host {
|
|
104859
104868
|
min-width: ${standardPadding};
|
|
104860
104869
|
min-height: ${standardPadding};
|
|
104870
|
+
max-width: 90%;
|
|
104861
104871
|
|
|
104862
104872
|
flex: 1;
|
|
104863
104873
|
flex-direction: row;
|
|
104864
104874
|
justify-content: center;
|
|
104875
|
+
align-self: center;
|
|
104865
104876
|
align-items: center;
|
|
104866
104877
|
font: ${bodyFont};
|
|
104867
104878
|
color: ${bodyFontColor};
|
|
@@ -104871,7 +104882,6 @@ focus outline in that case.
|
|
|
104871
104882
|
display: flex;
|
|
104872
104883
|
flex-direction: column;
|
|
104873
104884
|
align-items: center;
|
|
104874
|
-
max-width: calc(90%);
|
|
104875
104885
|
gap: ${mediumPadding};
|
|
104876
104886
|
}
|
|
104877
104887
|
|
|
@@ -104905,6 +104915,7 @@ focus outline in that case.
|
|
|
104905
104915
|
align-items: center;
|
|
104906
104916
|
width: fit-content;
|
|
104907
104917
|
height: fit-content;
|
|
104918
|
+
max-width: 100%;
|
|
104908
104919
|
overflow-x: auto;
|
|
104909
104920
|
gap: ${mediumPadding};
|
|
104910
104921
|
}
|