@redsift/design-system 11.2.2 → 11.3.0-muiv5
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.d.ts +15 -15
- package/index.js +21 -21
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/style/index.css +14 -14
- package/style/redsift-design-tokens.css +14 -14
- package/style/redsift.css +14 -14
package/index.d.ts
CHANGED
|
@@ -479,7 +479,7 @@ declare function partitionComponents<T>(components: T[], predicates: Array<(t: T
|
|
|
479
479
|
|
|
480
480
|
/**
|
|
481
481
|
* Do not edit directly
|
|
482
|
-
* Generated on
|
|
482
|
+
* Generated on Mon, 31 Mar 2025 12:39:28 GMT
|
|
483
483
|
*/
|
|
484
484
|
declare const RedsiftColorDarkComponentsPageBackground = "#333333";
|
|
485
485
|
declare const RedsiftColorDarkComponentsTextPrimary = "#ffffff";
|
|
@@ -1515,55 +1515,55 @@ declare const RedsiftColorLightComponentsPillsWhiteHoverText = "#1c1c1c";
|
|
|
1515
1515
|
declare const RedsiftColorLightComponentsPillsWhiteDisabledBackground = "#ffffff";
|
|
1516
1516
|
declare const RedsiftColorLightComponentsPillsWhiteDisabledBorder = "#e0e0e0";
|
|
1517
1517
|
declare const RedsiftColorLightComponentsPillsWhiteDisabledText = "#666666";
|
|
1518
|
-
declare const RedsiftColorLightComponentsPillsErrorDefaultBackground = "#
|
|
1518
|
+
declare const RedsiftColorLightComponentsPillsErrorDefaultBackground = "#f9cfcf";
|
|
1519
1519
|
declare const RedsiftColorLightComponentsPillsErrorDefaultBorder = "transparent";
|
|
1520
1520
|
declare const RedsiftColorLightComponentsPillsErrorDefaultText = "#1c1c1c";
|
|
1521
|
-
declare const RedsiftColorLightComponentsPillsErrorHoverBackground = "#
|
|
1521
|
+
declare const RedsiftColorLightComponentsPillsErrorHoverBackground = "#f39f9f";
|
|
1522
1522
|
declare const RedsiftColorLightComponentsPillsErrorHoverBorder = "transparent";
|
|
1523
1523
|
declare const RedsiftColorLightComponentsPillsErrorHoverText = "#1c1c1c";
|
|
1524
1524
|
declare const RedsiftColorLightComponentsPillsErrorDisabledBackground = "#F3A39E";
|
|
1525
1525
|
declare const RedsiftColorLightComponentsPillsErrorDisabledBorder = "transparent";
|
|
1526
1526
|
declare const RedsiftColorLightComponentsPillsErrorDisabledText = "#666666";
|
|
1527
|
-
declare const RedsiftColorLightComponentsPillsWarningDefaultBackground = "#
|
|
1527
|
+
declare const RedsiftColorLightComponentsPillsWarningDefaultBackground = "#fef1dd";
|
|
1528
1528
|
declare const RedsiftColorLightComponentsPillsWarningDefaultBorder = "transparent";
|
|
1529
1529
|
declare const RedsiftColorLightComponentsPillsWarningDefaultText = "#1c1c1c";
|
|
1530
|
-
declare const RedsiftColorLightComponentsPillsWarningHoverBackground = "#
|
|
1530
|
+
declare const RedsiftColorLightComponentsPillsWarningHoverBackground = "#fee4bb";
|
|
1531
1531
|
declare const RedsiftColorLightComponentsPillsWarningHoverBorder = "transparent";
|
|
1532
1532
|
declare const RedsiftColorLightComponentsPillsWarningHoverText = "#1c1c1c";
|
|
1533
1533
|
declare const RedsiftColorLightComponentsPillsWarningDisabledBackground = "#F8D296";
|
|
1534
1534
|
declare const RedsiftColorLightComponentsPillsWarningDisabledBorder = "transparent";
|
|
1535
1535
|
declare const RedsiftColorLightComponentsPillsWarningDisabledText = "#666666";
|
|
1536
|
-
declare const RedsiftColorLightComponentsPillsSuccessDefaultBackground = "#
|
|
1536
|
+
declare const RedsiftColorLightComponentsPillsSuccessDefaultBackground = "#cceedf";
|
|
1537
1537
|
declare const RedsiftColorLightComponentsPillsSuccessDefaultBorder = "transparent";
|
|
1538
1538
|
declare const RedsiftColorLightComponentsPillsSuccessDefaultText = "#1c1c1c";
|
|
1539
|
-
declare const RedsiftColorLightComponentsPillsSuccessHoverBackground = "#
|
|
1539
|
+
declare const RedsiftColorLightComponentsPillsSuccessHoverBackground = "#9adec0";
|
|
1540
1540
|
declare const RedsiftColorLightComponentsPillsSuccessHoverBorder = "transparent";
|
|
1541
1541
|
declare const RedsiftColorLightComponentsPillsSuccessHoverText = "#1c1c1c";
|
|
1542
1542
|
declare const RedsiftColorLightComponentsPillsSuccessDisabledBackground = "#A2E7BA";
|
|
1543
1543
|
declare const RedsiftColorLightComponentsPillsSuccessDisabledBorder = "transparent";
|
|
1544
1544
|
declare const RedsiftColorLightComponentsPillsSuccessDisabledText = "#666666";
|
|
1545
|
-
declare const RedsiftColorLightComponentsPillsErrorDarkDefaultBackground = "#
|
|
1545
|
+
declare const RedsiftColorLightComponentsPillsErrorDarkDefaultBackground = "#e11010";
|
|
1546
1546
|
declare const RedsiftColorLightComponentsPillsErrorDarkDefaultBorder = "transparent";
|
|
1547
|
-
declare const RedsiftColorLightComponentsPillsErrorDarkDefaultText = "#
|
|
1548
|
-
declare const RedsiftColorLightComponentsPillsErrorDarkHoverBackground = "#
|
|
1547
|
+
declare const RedsiftColorLightComponentsPillsErrorDarkDefaultText = "#ffffff";
|
|
1548
|
+
declare const RedsiftColorLightComponentsPillsErrorDarkHoverBackground = "#cb0e0e";
|
|
1549
1549
|
declare const RedsiftColorLightComponentsPillsErrorDarkHoverBorder = "transparent";
|
|
1550
|
-
declare const RedsiftColorLightComponentsPillsErrorDarkHoverText = "#
|
|
1550
|
+
declare const RedsiftColorLightComponentsPillsErrorDarkHoverText = "#ffffff";
|
|
1551
1551
|
declare const RedsiftColorLightComponentsPillsErrorDarkDisabledBackground = "#F3A39E";
|
|
1552
1552
|
declare const RedsiftColorLightComponentsPillsErrorDarkDisabledBorder = "transparent";
|
|
1553
1553
|
declare const RedsiftColorLightComponentsPillsErrorDarkDisabledText = "#666666";
|
|
1554
|
-
declare const RedsiftColorLightComponentsPillsWarningDarkDefaultBackground = "#
|
|
1554
|
+
declare const RedsiftColorLightComponentsPillsWarningDarkDefaultBackground = "#fcbb54";
|
|
1555
1555
|
declare const RedsiftColorLightComponentsPillsWarningDarkDefaultBorder = "transparent";
|
|
1556
1556
|
declare const RedsiftColorLightComponentsPillsWarningDarkDefaultText = "#1c1c1c";
|
|
1557
|
-
declare const RedsiftColorLightComponentsPillsWarningDarkHoverBackground = "#
|
|
1557
|
+
declare const RedsiftColorLightComponentsPillsWarningDarkHoverBackground = "#e3a84c";
|
|
1558
1558
|
declare const RedsiftColorLightComponentsPillsWarningDarkHoverBorder = "transparent";
|
|
1559
1559
|
declare const RedsiftColorLightComponentsPillsWarningDarkHoverText = "#1c1c1c";
|
|
1560
1560
|
declare const RedsiftColorLightComponentsPillsWarningDarkDisabledBackground = "#F8D296";
|
|
1561
1561
|
declare const RedsiftColorLightComponentsPillsWarningDarkDisabledBorder = "transparent";
|
|
1562
1562
|
declare const RedsiftColorLightComponentsPillsWarningDarkDisabledText = "#666666";
|
|
1563
|
-
declare const RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground = "#
|
|
1563
|
+
declare const RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground = "#02ac61";
|
|
1564
1564
|
declare const RedsiftColorLightComponentsPillsSuccessDarkDefaultBorder = "transparent";
|
|
1565
1565
|
declare const RedsiftColorLightComponentsPillsSuccessDarkDefaultText = "#1c1c1c";
|
|
1566
|
-
declare const RedsiftColorLightComponentsPillsSuccessDarkHoverBackground = "#
|
|
1566
|
+
declare const RedsiftColorLightComponentsPillsSuccessDarkHoverBackground = "#029b57";
|
|
1567
1567
|
declare const RedsiftColorLightComponentsPillsSuccessDarkHoverBorder = "transparent";
|
|
1568
1568
|
declare const RedsiftColorLightComponentsPillsSuccessDarkHoverText = "#1c1c1c";
|
|
1569
1569
|
declare const RedsiftColorLightComponentsPillsSuccessDarkDisabledBackground = "#A2E7BA";
|
package/index.js
CHANGED
|
@@ -482,7 +482,7 @@ function partitionComponents(components, predicates) {
|
|
|
482
482
|
|
|
483
483
|
/**
|
|
484
484
|
* Do not edit directly
|
|
485
|
-
* Generated on
|
|
485
|
+
* Generated on Mon, 31 Mar 2025 12:39:28 GMT
|
|
486
486
|
*/
|
|
487
487
|
|
|
488
488
|
const RedsiftColorDarkComponentsPageBackground = '#333333';
|
|
@@ -1519,55 +1519,55 @@ const RedsiftColorLightComponentsPillsWhiteHoverText = '#1c1c1c';
|
|
|
1519
1519
|
const RedsiftColorLightComponentsPillsWhiteDisabledBackground = '#ffffff';
|
|
1520
1520
|
const RedsiftColorLightComponentsPillsWhiteDisabledBorder = '#e0e0e0';
|
|
1521
1521
|
const RedsiftColorLightComponentsPillsWhiteDisabledText = '#666666';
|
|
1522
|
-
const RedsiftColorLightComponentsPillsErrorDefaultBackground = '#
|
|
1522
|
+
const RedsiftColorLightComponentsPillsErrorDefaultBackground = '#f9cfcf';
|
|
1523
1523
|
const RedsiftColorLightComponentsPillsErrorDefaultBorder = 'transparent';
|
|
1524
1524
|
const RedsiftColorLightComponentsPillsErrorDefaultText = '#1c1c1c';
|
|
1525
|
-
const RedsiftColorLightComponentsPillsErrorHoverBackground = '#
|
|
1525
|
+
const RedsiftColorLightComponentsPillsErrorHoverBackground = '#f39f9f';
|
|
1526
1526
|
const RedsiftColorLightComponentsPillsErrorHoverBorder = 'transparent';
|
|
1527
1527
|
const RedsiftColorLightComponentsPillsErrorHoverText = '#1c1c1c';
|
|
1528
1528
|
const RedsiftColorLightComponentsPillsErrorDisabledBackground = '#F3A39E';
|
|
1529
1529
|
const RedsiftColorLightComponentsPillsErrorDisabledBorder = 'transparent';
|
|
1530
1530
|
const RedsiftColorLightComponentsPillsErrorDisabledText = '#666666';
|
|
1531
|
-
const RedsiftColorLightComponentsPillsWarningDefaultBackground = '#
|
|
1531
|
+
const RedsiftColorLightComponentsPillsWarningDefaultBackground = '#fef1dd';
|
|
1532
1532
|
const RedsiftColorLightComponentsPillsWarningDefaultBorder = 'transparent';
|
|
1533
1533
|
const RedsiftColorLightComponentsPillsWarningDefaultText = '#1c1c1c';
|
|
1534
|
-
const RedsiftColorLightComponentsPillsWarningHoverBackground = '#
|
|
1534
|
+
const RedsiftColorLightComponentsPillsWarningHoverBackground = '#fee4bb';
|
|
1535
1535
|
const RedsiftColorLightComponentsPillsWarningHoverBorder = 'transparent';
|
|
1536
1536
|
const RedsiftColorLightComponentsPillsWarningHoverText = '#1c1c1c';
|
|
1537
1537
|
const RedsiftColorLightComponentsPillsWarningDisabledBackground = '#F8D296';
|
|
1538
1538
|
const RedsiftColorLightComponentsPillsWarningDisabledBorder = 'transparent';
|
|
1539
1539
|
const RedsiftColorLightComponentsPillsWarningDisabledText = '#666666';
|
|
1540
|
-
const RedsiftColorLightComponentsPillsSuccessDefaultBackground = '#
|
|
1540
|
+
const RedsiftColorLightComponentsPillsSuccessDefaultBackground = '#cceedf';
|
|
1541
1541
|
const RedsiftColorLightComponentsPillsSuccessDefaultBorder = 'transparent';
|
|
1542
1542
|
const RedsiftColorLightComponentsPillsSuccessDefaultText = '#1c1c1c';
|
|
1543
|
-
const RedsiftColorLightComponentsPillsSuccessHoverBackground = '#
|
|
1543
|
+
const RedsiftColorLightComponentsPillsSuccessHoverBackground = '#9adec0';
|
|
1544
1544
|
const RedsiftColorLightComponentsPillsSuccessHoverBorder = 'transparent';
|
|
1545
1545
|
const RedsiftColorLightComponentsPillsSuccessHoverText = '#1c1c1c';
|
|
1546
1546
|
const RedsiftColorLightComponentsPillsSuccessDisabledBackground = '#A2E7BA';
|
|
1547
1547
|
const RedsiftColorLightComponentsPillsSuccessDisabledBorder = 'transparent';
|
|
1548
1548
|
const RedsiftColorLightComponentsPillsSuccessDisabledText = '#666666';
|
|
1549
|
-
const RedsiftColorLightComponentsPillsErrorDarkDefaultBackground = '#
|
|
1549
|
+
const RedsiftColorLightComponentsPillsErrorDarkDefaultBackground = '#e11010';
|
|
1550
1550
|
const RedsiftColorLightComponentsPillsErrorDarkDefaultBorder = 'transparent';
|
|
1551
|
-
const RedsiftColorLightComponentsPillsErrorDarkDefaultText = '#
|
|
1552
|
-
const RedsiftColorLightComponentsPillsErrorDarkHoverBackground = '#
|
|
1551
|
+
const RedsiftColorLightComponentsPillsErrorDarkDefaultText = '#ffffff';
|
|
1552
|
+
const RedsiftColorLightComponentsPillsErrorDarkHoverBackground = '#cb0e0e';
|
|
1553
1553
|
const RedsiftColorLightComponentsPillsErrorDarkHoverBorder = 'transparent';
|
|
1554
|
-
const RedsiftColorLightComponentsPillsErrorDarkHoverText = '#
|
|
1554
|
+
const RedsiftColorLightComponentsPillsErrorDarkHoverText = '#ffffff';
|
|
1555
1555
|
const RedsiftColorLightComponentsPillsErrorDarkDisabledBackground = '#F3A39E';
|
|
1556
1556
|
const RedsiftColorLightComponentsPillsErrorDarkDisabledBorder = 'transparent';
|
|
1557
1557
|
const RedsiftColorLightComponentsPillsErrorDarkDisabledText = '#666666';
|
|
1558
|
-
const RedsiftColorLightComponentsPillsWarningDarkDefaultBackground = '#
|
|
1558
|
+
const RedsiftColorLightComponentsPillsWarningDarkDefaultBackground = '#fcbb54';
|
|
1559
1559
|
const RedsiftColorLightComponentsPillsWarningDarkDefaultBorder = 'transparent';
|
|
1560
1560
|
const RedsiftColorLightComponentsPillsWarningDarkDefaultText = '#1c1c1c';
|
|
1561
|
-
const RedsiftColorLightComponentsPillsWarningDarkHoverBackground = '#
|
|
1561
|
+
const RedsiftColorLightComponentsPillsWarningDarkHoverBackground = '#e3a84c';
|
|
1562
1562
|
const RedsiftColorLightComponentsPillsWarningDarkHoverBorder = 'transparent';
|
|
1563
1563
|
const RedsiftColorLightComponentsPillsWarningDarkHoverText = '#1c1c1c';
|
|
1564
1564
|
const RedsiftColorLightComponentsPillsWarningDarkDisabledBackground = '#F8D296';
|
|
1565
1565
|
const RedsiftColorLightComponentsPillsWarningDarkDisabledBorder = 'transparent';
|
|
1566
1566
|
const RedsiftColorLightComponentsPillsWarningDarkDisabledText = '#666666';
|
|
1567
|
-
const RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground = '#
|
|
1567
|
+
const RedsiftColorLightComponentsPillsSuccessDarkDefaultBackground = '#02ac61';
|
|
1568
1568
|
const RedsiftColorLightComponentsPillsSuccessDarkDefaultBorder = 'transparent';
|
|
1569
1569
|
const RedsiftColorLightComponentsPillsSuccessDarkDefaultText = '#1c1c1c';
|
|
1570
|
-
const RedsiftColorLightComponentsPillsSuccessDarkHoverBackground = '#
|
|
1570
|
+
const RedsiftColorLightComponentsPillsSuccessDarkHoverBackground = '#029b57';
|
|
1571
1571
|
const RedsiftColorLightComponentsPillsSuccessDarkHoverBorder = 'transparent';
|
|
1572
1572
|
const RedsiftColorLightComponentsPillsSuccessDarkHoverText = '#1c1c1c';
|
|
1573
1573
|
const RedsiftColorLightComponentsPillsSuccessDarkDisabledBackground = '#A2E7BA';
|
|
@@ -11479,12 +11479,12 @@ const predefinedColorToHex = {
|
|
|
11479
11479
|
'light-grey': RedsiftColorNeutralLightGrey,
|
|
11480
11480
|
'x-light-grey': RedsiftColorNeutralXLightGrey,
|
|
11481
11481
|
white: RedsiftColorNeutralWhite,
|
|
11482
|
-
error:
|
|
11483
|
-
warning:
|
|
11484
|
-
success:
|
|
11485
|
-
'error-dark':
|
|
11486
|
-
'warning-dark':
|
|
11487
|
-
'success-dark':
|
|
11482
|
+
error: RedsiftColorRedL4,
|
|
11483
|
+
warning: RedsiftColorYellowL4,
|
|
11484
|
+
success: RedsiftColorGreenL4,
|
|
11485
|
+
'error-dark': RedsiftColorRedN,
|
|
11486
|
+
'warning-dark': RedsiftColorYellowN,
|
|
11487
|
+
'success-dark': RedsiftColorGreenN
|
|
11488
11488
|
};
|
|
11489
11489
|
const pickTextColorBasedOnBgColorAdvanced = (bgColor, lightColor, darkColor) => {
|
|
11490
11490
|
var color = isPredefinedColor(bgColor) ? predefinedColorToHex[bgColor].substring(1, 7) : bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
|