@redsift/design-system 10.0.0-muiv5-alpha.0 → 10.0.0-muiv5-alpha.1
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/index.js +15 -9
- package/index.js.map +1 -1
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -2903,37 +2903,37 @@ const StyledHeading = styled.span`
|
|
|
2903
2903
|
$theme
|
|
2904
2904
|
} = _ref;
|
|
2905
2905
|
return $variant === 'h1' ? css`
|
|
2906
|
-
color: var(--redsift-${$theme}-
|
|
2906
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
2907
2907
|
font-family: var(--redsift-typography-h1-font-family);
|
|
2908
2908
|
font-size: var(--redsift-typography-h1-font-size);
|
|
2909
2909
|
font-weight: var(--redsift-typography-h1-font-weight);
|
|
2910
2910
|
line-height: var(--redsift-typography-h1-line-height);
|
|
2911
2911
|
` : $variant === 'h2' ? css`
|
|
2912
|
-
color: var(--redsift-${$theme}-
|
|
2912
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
2913
2913
|
font-family: var(--redsift-typography-h2-font-family);
|
|
2914
2914
|
font-size: var(--redsift-typography-h2-font-size);
|
|
2915
2915
|
font-weight: var(--redsift-typography-h2-font-weight);
|
|
2916
2916
|
line-height: var(--redsift-typography-h2-line-height);
|
|
2917
2917
|
` : $variant === 'h3' ? css`
|
|
2918
|
-
color: var(--redsift-${$theme}-
|
|
2918
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
2919
2919
|
font-family: var(--redsift-typography-h3-font-family);
|
|
2920
2920
|
font-size: var(--redsift-typography-h3-font-size);
|
|
2921
2921
|
font-weight: var(--redsift-typography-h3-font-weight);
|
|
2922
2922
|
line-height: var(--redsift-typography-h3-line-height);
|
|
2923
2923
|
` : $variant === 'h4' ? css`
|
|
2924
|
-
color: var(--redsift-${$theme}-
|
|
2924
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
2925
2925
|
font-family: var(--redsift-typography-h4-font-family);
|
|
2926
2926
|
font-size: var(--redsift-typography-h4-font-size);
|
|
2927
2927
|
font-weight: var(--redsift-typography-h4-font-weight);
|
|
2928
2928
|
line-height: var(--redsift-typography-h4-line-height);
|
|
2929
2929
|
` : $variant === 'h5' ? css`
|
|
2930
|
-
color: var(--redsift-${$theme}-
|
|
2930
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
2931
2931
|
font-family: var(--redsift-typography-h5-font-family);
|
|
2932
2932
|
font-size: var(--redsift-typography-h5-font-size);
|
|
2933
2933
|
font-weight: var(--redsift-typography-h5-font-weight);
|
|
2934
2934
|
line-height: var(--redsift-typography-h5-line-height);
|
|
2935
2935
|
` : css`
|
|
2936
|
-
color: var(--redsift-${$theme}-
|
|
2936
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
2937
2937
|
font-family: var(--redsift-typography-body-font-family);
|
|
2938
2938
|
font-size: var(--redsift-typography-body-font-size);
|
|
2939
2939
|
font-weight: var(--redsift-typography-body-font-weight);
|
|
@@ -3937,7 +3937,12 @@ const StyledAppContainer = styled.div`
|
|
|
3937
3937
|
} = _ref2;
|
|
3938
3938
|
return `var(--redsift-color-${$theme}-components-text-secondary);`;
|
|
3939
3939
|
}};
|
|
3940
|
-
color:
|
|
3940
|
+
color: ${_ref3 => {
|
|
3941
|
+
let {
|
|
3942
|
+
$theme
|
|
3943
|
+
} = _ref3;
|
|
3944
|
+
return `var(--redsift-color-${$theme}-components-text-primary)`;
|
|
3945
|
+
}};
|
|
3941
3946
|
`;
|
|
3942
3947
|
|
|
3943
3948
|
const _excluded$E = ["children", "className", "locale", "product", "theme"];
|
|
@@ -4808,12 +4813,13 @@ const StyledBreadcrumbs = styled.nav`
|
|
|
4808
4813
|
|
|
4809
4814
|
${_ref => {
|
|
4810
4815
|
let {
|
|
4811
|
-
$isDisabled
|
|
4816
|
+
$isDisabled,
|
|
4817
|
+
$theme
|
|
4812
4818
|
} = _ref;
|
|
4813
4819
|
return $isDisabled ? css`
|
|
4814
4820
|
color: var(--redsift-color-neutral-mid-grey);
|
|
4815
4821
|
` : css`
|
|
4816
|
-
color: var(--redsift-color-text-primary);
|
|
4822
|
+
color: var(--redsift-color-${$theme}-components-text-primary);
|
|
4817
4823
|
`;
|
|
4818
4824
|
}}
|
|
4819
4825
|
}
|