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.js
CHANGED
|
@@ -35226,12 +35226,17 @@ const StyledInput$1 = styled__default["default"].input`
|
|
|
35226
35226
|
background-color: ${props => props.isDarkerBackground ? '#F2F2F2' : 'white'} !important;
|
|
35227
35227
|
width: ${props => props.width || '90%'};
|
|
35228
35228
|
height: ${props => props.height || 'auto'};
|
|
35229
|
-
transition: border-color 0.3s ease;
|
|
35230
|
-
font-size: 14px;
|
|
35229
|
+
transition: border-color 0.3s ease;
|
|
35231
35230
|
font-weight: 400;
|
|
35232
35231
|
box-sizing: border-box;
|
|
35233
35232
|
color: ${props => props.disabled ? '#D0D0D0' : (props.isFocused || props.value ? props.textColor : '#757575') || '#333'};
|
|
35234
35233
|
cursor: ${props => props.disabled ? 'not-allowed' : 'text'};
|
|
35234
|
+
@media (max-width: 1750px) {
|
|
35235
|
+
font-size: 12px;
|
|
35236
|
+
}
|
|
35237
|
+
@media (max-width: 1536px) {
|
|
35238
|
+
font-size: 10px;
|
|
35239
|
+
}
|
|
35235
35240
|
`;
|
|
35236
35241
|
const StyledLabel = styled__default["default"].label`
|
|
35237
35242
|
font-size: 14px;
|
|
@@ -47896,6 +47901,9 @@ const SectionTitle$1 = styled.styled.div`
|
|
|
47896
47901
|
color: #212121;
|
|
47897
47902
|
font-size: 14px;
|
|
47898
47903
|
font-weight: 700;
|
|
47904
|
+
@media (max-width: 1280px) {
|
|
47905
|
+
font-size: 12px;
|
|
47906
|
+
}
|
|
47899
47907
|
`;
|
|
47900
47908
|
const SubtitleContainer = styled.styled.div`
|
|
47901
47909
|
display: flex;
|
|
@@ -47907,6 +47915,9 @@ const Subtitle$1 = styled.styled.span`
|
|
|
47907
47915
|
color: ${props => props.color};
|
|
47908
47916
|
font-size: 14px;
|
|
47909
47917
|
font-weight: 400;
|
|
47918
|
+
@media (max-width: 1280px) {
|
|
47919
|
+
font-size: 11px;
|
|
47920
|
+
}
|
|
47910
47921
|
`;
|
|
47911
47922
|
const AddButtonContainer$1 = styled.styled.div`
|
|
47912
47923
|
display: flex;
|
|
@@ -47923,6 +47934,9 @@ styled.styled(Card)`
|
|
|
47923
47934
|
`;
|
|
47924
47935
|
const VendorHeader$2 = styled.styled.div`
|
|
47925
47936
|
padding: 16px 24px;
|
|
47937
|
+
@media (max-width: 1280px) {
|
|
47938
|
+
padding: 12px 8px;
|
|
47939
|
+
}
|
|
47926
47940
|
`;
|
|
47927
47941
|
styled.styled.button`
|
|
47928
47942
|
border: none;
|
|
@@ -48101,6 +48115,9 @@ const Container$1 = styled.styled.div`
|
|
|
48101
48115
|
justify-content: space-between;
|
|
48102
48116
|
padding: 38px 0 20px;
|
|
48103
48117
|
box-sizing: border-box;
|
|
48118
|
+
@media (max-width: 1280px) {
|
|
48119
|
+
padding: 20px 0 12px;
|
|
48120
|
+
}
|
|
48104
48121
|
`;
|
|
48105
48122
|
const tooltipStyles = styled.css`
|
|
48106
48123
|
/* CSS-only tooltip */
|