react-magma-dom 3.2.1-next.5 → 3.2.1-next.6
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/esm/index.js +20 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/react-magma-dom.cjs.development.js +20 -10
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1300,9 +1300,9 @@ var primaryColors = {
|
|
|
1300
1300
|
primary700: '#1A1E51'
|
|
1301
1301
|
};
|
|
1302
1302
|
var secondaryColors = {
|
|
1303
|
-
secondary500: '#
|
|
1304
|
-
secondary600: '#
|
|
1305
|
-
secondary700: '#
|
|
1303
|
+
secondary500: '#FFCC00',
|
|
1304
|
+
secondary600: '#F3C200',
|
|
1305
|
+
secondary700: '#E7B900'
|
|
1306
1306
|
};
|
|
1307
1307
|
var tertiaryColors = {
|
|
1308
1308
|
tertiary500: '#CDDEFF',
|
|
@@ -1901,6 +1901,10 @@ function buildColor(props) {
|
|
|
1901
1901
|
return props.theme.colors.danger200;
|
|
1902
1902
|
}
|
|
1903
1903
|
|
|
1904
|
+
if (props.color === 'marketing') {
|
|
1905
|
+
return props.theme.colors.neutral100;
|
|
1906
|
+
}
|
|
1907
|
+
|
|
1904
1908
|
return props.theme.colors.tertiary500;
|
|
1905
1909
|
}
|
|
1906
1910
|
|
|
@@ -1909,7 +1913,7 @@ function buildColor(props) {
|
|
|
1909
1913
|
}
|
|
1910
1914
|
|
|
1911
1915
|
if (props.color === 'marketing') {
|
|
1912
|
-
return props.theme.colors.
|
|
1916
|
+
return props.theme.colors.neutral700;
|
|
1913
1917
|
}
|
|
1914
1918
|
|
|
1915
1919
|
if (props.color === 'danger') {
|
|
@@ -1927,6 +1931,9 @@ function buildColor(props) {
|
|
|
1927
1931
|
case 'subtle':
|
|
1928
1932
|
return props.theme.colors.neutral700;
|
|
1929
1933
|
|
|
1934
|
+
case 'marketing':
|
|
1935
|
+
return props.theme.colors.neutral700;
|
|
1936
|
+
|
|
1930
1937
|
default:
|
|
1931
1938
|
return props.theme.colors.primary;
|
|
1932
1939
|
}
|
|
@@ -1937,7 +1944,7 @@ function buildColor(props) {
|
|
|
1937
1944
|
return props.theme.colors.primary;
|
|
1938
1945
|
|
|
1939
1946
|
case 'marketing':
|
|
1940
|
-
return props.theme.colors.
|
|
1947
|
+
return props.theme.colors.neutral700;
|
|
1941
1948
|
|
|
1942
1949
|
case 'subtle':
|
|
1943
1950
|
return props.theme.colors.neutral700;
|
|
@@ -1999,7 +2006,7 @@ function buildFocusColor(props) {
|
|
|
1999
2006
|
|
|
2000
2007
|
if (props.color === 'marketing') {
|
|
2001
2008
|
if (!props.isInverse || props.variant === 'solid') {
|
|
2002
|
-
return props.theme.colors.
|
|
2009
|
+
return props.theme.colors.neutral700;
|
|
2003
2010
|
}
|
|
2004
2011
|
}
|
|
2005
2012
|
|
|
@@ -2039,7 +2046,7 @@ function buildFocusColor(props) {
|
|
|
2039
2046
|
return props.theme.colors.tertiary500;
|
|
2040
2047
|
|
|
2041
2048
|
case 'marketing':
|
|
2042
|
-
return props.theme.colors.
|
|
2049
|
+
return props.theme.colors.neutral100;
|
|
2043
2050
|
|
|
2044
2051
|
case 'danger':
|
|
2045
2052
|
return props.theme.colors.danger200;
|
|
@@ -2082,7 +2089,7 @@ function buildActiveBackground(props) {
|
|
|
2082
2089
|
|
|
2083
2090
|
if (props.color === 'marketing') {
|
|
2084
2091
|
if (props.variant !== 'solid' && props.isInverse) {
|
|
2085
|
-
return curriedTransparentize(0.
|
|
2092
|
+
return curriedTransparentize(0.5, props.theme.colors.neutral900);
|
|
2086
2093
|
}
|
|
2087
2094
|
|
|
2088
2095
|
return props.theme.colors.secondary700;
|
|
@@ -2173,6 +2180,9 @@ function buildActiveColor(props) {
|
|
|
2173
2180
|
case 'danger':
|
|
2174
2181
|
return props.theme.colors.neutral100;
|
|
2175
2182
|
|
|
2183
|
+
case 'marketing':
|
|
2184
|
+
return props.theme.colors.neutral800;
|
|
2185
|
+
|
|
2176
2186
|
default:
|
|
2177
2187
|
return props.theme.colors.primary600;
|
|
2178
2188
|
}
|
|
@@ -2187,7 +2197,7 @@ function buildActiveColor(props) {
|
|
|
2187
2197
|
return props.theme.colors.tertiary500;
|
|
2188
2198
|
|
|
2189
2199
|
case 'marketing':
|
|
2190
|
-
return props.theme.colors.
|
|
2200
|
+
return props.theme.colors.neutral100;
|
|
2191
2201
|
|
|
2192
2202
|
default:
|
|
2193
2203
|
return props.theme.colors.neutral100;
|
|
@@ -2195,7 +2205,7 @@ function buildActiveColor(props) {
|
|
|
2195
2205
|
}
|
|
2196
2206
|
|
|
2197
2207
|
if (props.color === 'marketing' && !props.isInverse) {
|
|
2198
|
-
return props.theme.colors.
|
|
2208
|
+
return props.theme.colors.neutral800;
|
|
2199
2209
|
}
|
|
2200
2210
|
|
|
2201
2211
|
return props.theme.colors.neutral100;
|