sag_components 2.0.0-beta325 → 2.0.0-beta326
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/index.esm.js +19 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +19 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -35216,12 +35216,17 @@ const StyledInput$1 = styled.input`
|
|
|
35216
35216
|
background-color: ${props => props.isDarkerBackground ? '#F2F2F2' : 'white'} !important;
|
|
35217
35217
|
width: ${props => props.width || '90%'};
|
|
35218
35218
|
height: ${props => props.height || 'auto'};
|
|
35219
|
-
transition: border-color 0.3s ease;
|
|
35220
|
-
font-size: 14px;
|
|
35219
|
+
transition: border-color 0.3s ease;
|
|
35221
35220
|
font-weight: 400;
|
|
35222
35221
|
box-sizing: border-box;
|
|
35223
35222
|
color: ${props => props.disabled ? '#D0D0D0' : (props.isFocused || props.value ? props.textColor : '#757575') || '#333'};
|
|
35224
35223
|
cursor: ${props => props.disabled ? 'not-allowed' : 'text'};
|
|
35224
|
+
@media (max-width: 1750px) {
|
|
35225
|
+
font-size: 12px;
|
|
35226
|
+
}
|
|
35227
|
+
@media (max-width: 1536px) {
|
|
35228
|
+
font-size: 10px;
|
|
35229
|
+
}
|
|
35225
35230
|
`;
|
|
35226
35231
|
const StyledLabel = styled.label`
|
|
35227
35232
|
font-size: 14px;
|
|
@@ -47886,6 +47891,9 @@ const SectionTitle$1 = styled$1.div`
|
|
|
47886
47891
|
color: #212121;
|
|
47887
47892
|
font-size: 14px;
|
|
47888
47893
|
font-weight: 700;
|
|
47894
|
+
@media (max-width: 1280px) {
|
|
47895
|
+
font-size: 12px;
|
|
47896
|
+
}
|
|
47889
47897
|
`;
|
|
47890
47898
|
const SubtitleContainer = styled$1.div`
|
|
47891
47899
|
display: flex;
|
|
@@ -47897,6 +47905,9 @@ const Subtitle$1 = styled$1.span`
|
|
|
47897
47905
|
color: ${props => props.color};
|
|
47898
47906
|
font-size: 14px;
|
|
47899
47907
|
font-weight: 400;
|
|
47908
|
+
@media (max-width: 1280px) {
|
|
47909
|
+
font-size: 11px;
|
|
47910
|
+
}
|
|
47900
47911
|
`;
|
|
47901
47912
|
const AddButtonContainer$1 = styled$1.div`
|
|
47902
47913
|
display: flex;
|
|
@@ -47913,6 +47924,9 @@ styled$1(Card)`
|
|
|
47913
47924
|
`;
|
|
47914
47925
|
const VendorHeader$2 = styled$1.div`
|
|
47915
47926
|
padding: 16px 24px;
|
|
47927
|
+
@media (max-width: 1280px) {
|
|
47928
|
+
padding: 12px 8px;
|
|
47929
|
+
}
|
|
47916
47930
|
`;
|
|
47917
47931
|
styled$1.button`
|
|
47918
47932
|
border: none;
|
|
@@ -48091,6 +48105,9 @@ const Container$1 = styled$1.div`
|
|
|
48091
48105
|
justify-content: space-between;
|
|
48092
48106
|
padding: 38px 0 20px;
|
|
48093
48107
|
box-sizing: border-box;
|
|
48108
|
+
@media (max-width: 1280px) {
|
|
48109
|
+
padding: 20px 0 12px;
|
|
48110
|
+
}
|
|
48094
48111
|
`;
|
|
48095
48112
|
const tooltipStyles = css`
|
|
48096
48113
|
/* CSS-only tooltip */
|