@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/package.json
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
|
|
34
34
|
},
|
|
35
35
|
"types": "index.d.ts",
|
|
36
|
-
"version": "11.
|
|
36
|
+
"version": "11.3.0-muiv5",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@react-spring/web": "^9.7.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
@@ -95,10 +95,10 @@
|
|
|
95
95
|
"version-changelog": "^3.1.1"
|
|
96
96
|
},
|
|
97
97
|
"peerDependencies": {
|
|
98
|
-
"@redsift/icons": "^11.
|
|
98
|
+
"@redsift/icons": "^11.3.0-0",
|
|
99
99
|
"react": ">=17",
|
|
100
100
|
"react-dom": ">=17",
|
|
101
101
|
"styled-components": "^5.3.5"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "006d58b3a764a542ac05cbb32e12e881503cb1c2"
|
|
104
104
|
}
|
package/style/index.css
CHANGED
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
}
|
|
597
597
|
/**
|
|
598
598
|
* Do not edit directly
|
|
599
|
-
* Generated on
|
|
599
|
+
* Generated on Mon, 31 Mar 2025 12:39:28 GMT
|
|
600
600
|
*/
|
|
601
601
|
|
|
602
602
|
:root {
|
|
@@ -1738,55 +1738,55 @@
|
|
|
1738
1738
|
--redsift-color-light-components-pills-white-disabled-background: #ffffff;
|
|
1739
1739
|
--redsift-color-light-components-pills-white-disabled-border: #e0e0e0;
|
|
1740
1740
|
--redsift-color-light-components-pills-white-disabled-text: #666666;
|
|
1741
|
-
--redsift-color-light-components-pills-error-default-background: #
|
|
1741
|
+
--redsift-color-light-components-pills-error-default-background: #f9cfcf;
|
|
1742
1742
|
--redsift-color-light-components-pills-error-default-border: transparent;
|
|
1743
1743
|
--redsift-color-light-components-pills-error-default-text: #1c1c1c;
|
|
1744
|
-
--redsift-color-light-components-pills-error-hover-background: #
|
|
1744
|
+
--redsift-color-light-components-pills-error-hover-background: #f39f9f;
|
|
1745
1745
|
--redsift-color-light-components-pills-error-hover-border: transparent;
|
|
1746
1746
|
--redsift-color-light-components-pills-error-hover-text: #1c1c1c;
|
|
1747
1747
|
--redsift-color-light-components-pills-error-disabled-background: #f3a39e;
|
|
1748
1748
|
--redsift-color-light-components-pills-error-disabled-border: transparent;
|
|
1749
1749
|
--redsift-color-light-components-pills-error-disabled-text: #666666;
|
|
1750
|
-
--redsift-color-light-components-pills-warning-default-background: #
|
|
1750
|
+
--redsift-color-light-components-pills-warning-default-background: #fef1dd;
|
|
1751
1751
|
--redsift-color-light-components-pills-warning-default-border: transparent;
|
|
1752
1752
|
--redsift-color-light-components-pills-warning-default-text: #1c1c1c;
|
|
1753
|
-
--redsift-color-light-components-pills-warning-hover-background: #
|
|
1753
|
+
--redsift-color-light-components-pills-warning-hover-background: #fee4bb;
|
|
1754
1754
|
--redsift-color-light-components-pills-warning-hover-border: transparent;
|
|
1755
1755
|
--redsift-color-light-components-pills-warning-hover-text: #1c1c1c;
|
|
1756
1756
|
--redsift-color-light-components-pills-warning-disabled-background: #f8d296;
|
|
1757
1757
|
--redsift-color-light-components-pills-warning-disabled-border: transparent;
|
|
1758
1758
|
--redsift-color-light-components-pills-warning-disabled-text: #666666;
|
|
1759
|
-
--redsift-color-light-components-pills-success-default-background: #
|
|
1759
|
+
--redsift-color-light-components-pills-success-default-background: #cceedf;
|
|
1760
1760
|
--redsift-color-light-components-pills-success-default-border: transparent;
|
|
1761
1761
|
--redsift-color-light-components-pills-success-default-text: #1c1c1c;
|
|
1762
|
-
--redsift-color-light-components-pills-success-hover-background: #
|
|
1762
|
+
--redsift-color-light-components-pills-success-hover-background: #9adec0;
|
|
1763
1763
|
--redsift-color-light-components-pills-success-hover-border: transparent;
|
|
1764
1764
|
--redsift-color-light-components-pills-success-hover-text: #1c1c1c;
|
|
1765
1765
|
--redsift-color-light-components-pills-success-disabled-background: #a2e7ba;
|
|
1766
1766
|
--redsift-color-light-components-pills-success-disabled-border: transparent;
|
|
1767
1767
|
--redsift-color-light-components-pills-success-disabled-text: #666666;
|
|
1768
|
-
--redsift-color-light-components-pills-error-dark-default-background: #
|
|
1768
|
+
--redsift-color-light-components-pills-error-dark-default-background: #e11010;
|
|
1769
1769
|
--redsift-color-light-components-pills-error-dark-default-border: transparent;
|
|
1770
|
-
--redsift-color-light-components-pills-error-dark-default-text: #
|
|
1771
|
-
--redsift-color-light-components-pills-error-dark-hover-background: #
|
|
1770
|
+
--redsift-color-light-components-pills-error-dark-default-text: #ffffff;
|
|
1771
|
+
--redsift-color-light-components-pills-error-dark-hover-background: #cb0e0e;
|
|
1772
1772
|
--redsift-color-light-components-pills-error-dark-hover-border: transparent;
|
|
1773
|
-
--redsift-color-light-components-pills-error-dark-hover-text: #
|
|
1773
|
+
--redsift-color-light-components-pills-error-dark-hover-text: #ffffff;
|
|
1774
1774
|
--redsift-color-light-components-pills-error-dark-disabled-background: #f3a39e;
|
|
1775
1775
|
--redsift-color-light-components-pills-error-dark-disabled-border: transparent;
|
|
1776
1776
|
--redsift-color-light-components-pills-error-dark-disabled-text: #666666;
|
|
1777
1777
|
--redsift-color-light-components-pills-warning-dark-default-background: #fcbb54;
|
|
1778
1778
|
--redsift-color-light-components-pills-warning-dark-default-border: transparent;
|
|
1779
1779
|
--redsift-color-light-components-pills-warning-dark-default-text: #1c1c1c;
|
|
1780
|
-
--redsift-color-light-components-pills-warning-dark-hover-background: #
|
|
1780
|
+
--redsift-color-light-components-pills-warning-dark-hover-background: #e3a84c;
|
|
1781
1781
|
--redsift-color-light-components-pills-warning-dark-hover-border: transparent;
|
|
1782
1782
|
--redsift-color-light-components-pills-warning-dark-hover-text: #1c1c1c;
|
|
1783
1783
|
--redsift-color-light-components-pills-warning-dark-disabled-background: #f8d296;
|
|
1784
1784
|
--redsift-color-light-components-pills-warning-dark-disabled-border: transparent;
|
|
1785
1785
|
--redsift-color-light-components-pills-warning-dark-disabled-text: #666666;
|
|
1786
|
-
--redsift-color-light-components-pills-success-dark-default-background: #
|
|
1786
|
+
--redsift-color-light-components-pills-success-dark-default-background: #02ac61;
|
|
1787
1787
|
--redsift-color-light-components-pills-success-dark-default-border: transparent;
|
|
1788
1788
|
--redsift-color-light-components-pills-success-dark-default-text: #1c1c1c;
|
|
1789
|
-
--redsift-color-light-components-pills-success-dark-hover-background: #
|
|
1789
|
+
--redsift-color-light-components-pills-success-dark-hover-background: #029b57;
|
|
1790
1790
|
--redsift-color-light-components-pills-success-dark-hover-border: transparent;
|
|
1791
1791
|
--redsift-color-light-components-pills-success-dark-hover-text: #1c1c1c;
|
|
1792
1792
|
--redsift-color-light-components-pills-success-dark-disabled-background: #a2e7ba;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 31 Mar 2025 12:39:28 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -1142,55 +1142,55 @@
|
|
|
1142
1142
|
--redsift-color-light-components-pills-white-disabled-background: #ffffff;
|
|
1143
1143
|
--redsift-color-light-components-pills-white-disabled-border: #e0e0e0;
|
|
1144
1144
|
--redsift-color-light-components-pills-white-disabled-text: #666666;
|
|
1145
|
-
--redsift-color-light-components-pills-error-default-background: #
|
|
1145
|
+
--redsift-color-light-components-pills-error-default-background: #f9cfcf;
|
|
1146
1146
|
--redsift-color-light-components-pills-error-default-border: transparent;
|
|
1147
1147
|
--redsift-color-light-components-pills-error-default-text: #1c1c1c;
|
|
1148
|
-
--redsift-color-light-components-pills-error-hover-background: #
|
|
1148
|
+
--redsift-color-light-components-pills-error-hover-background: #f39f9f;
|
|
1149
1149
|
--redsift-color-light-components-pills-error-hover-border: transparent;
|
|
1150
1150
|
--redsift-color-light-components-pills-error-hover-text: #1c1c1c;
|
|
1151
1151
|
--redsift-color-light-components-pills-error-disabled-background: #f3a39e;
|
|
1152
1152
|
--redsift-color-light-components-pills-error-disabled-border: transparent;
|
|
1153
1153
|
--redsift-color-light-components-pills-error-disabled-text: #666666;
|
|
1154
|
-
--redsift-color-light-components-pills-warning-default-background: #
|
|
1154
|
+
--redsift-color-light-components-pills-warning-default-background: #fef1dd;
|
|
1155
1155
|
--redsift-color-light-components-pills-warning-default-border: transparent;
|
|
1156
1156
|
--redsift-color-light-components-pills-warning-default-text: #1c1c1c;
|
|
1157
|
-
--redsift-color-light-components-pills-warning-hover-background: #
|
|
1157
|
+
--redsift-color-light-components-pills-warning-hover-background: #fee4bb;
|
|
1158
1158
|
--redsift-color-light-components-pills-warning-hover-border: transparent;
|
|
1159
1159
|
--redsift-color-light-components-pills-warning-hover-text: #1c1c1c;
|
|
1160
1160
|
--redsift-color-light-components-pills-warning-disabled-background: #f8d296;
|
|
1161
1161
|
--redsift-color-light-components-pills-warning-disabled-border: transparent;
|
|
1162
1162
|
--redsift-color-light-components-pills-warning-disabled-text: #666666;
|
|
1163
|
-
--redsift-color-light-components-pills-success-default-background: #
|
|
1163
|
+
--redsift-color-light-components-pills-success-default-background: #cceedf;
|
|
1164
1164
|
--redsift-color-light-components-pills-success-default-border: transparent;
|
|
1165
1165
|
--redsift-color-light-components-pills-success-default-text: #1c1c1c;
|
|
1166
|
-
--redsift-color-light-components-pills-success-hover-background: #
|
|
1166
|
+
--redsift-color-light-components-pills-success-hover-background: #9adec0;
|
|
1167
1167
|
--redsift-color-light-components-pills-success-hover-border: transparent;
|
|
1168
1168
|
--redsift-color-light-components-pills-success-hover-text: #1c1c1c;
|
|
1169
1169
|
--redsift-color-light-components-pills-success-disabled-background: #a2e7ba;
|
|
1170
1170
|
--redsift-color-light-components-pills-success-disabled-border: transparent;
|
|
1171
1171
|
--redsift-color-light-components-pills-success-disabled-text: #666666;
|
|
1172
|
-
--redsift-color-light-components-pills-error-dark-default-background: #
|
|
1172
|
+
--redsift-color-light-components-pills-error-dark-default-background: #e11010;
|
|
1173
1173
|
--redsift-color-light-components-pills-error-dark-default-border: transparent;
|
|
1174
|
-
--redsift-color-light-components-pills-error-dark-default-text: #
|
|
1175
|
-
--redsift-color-light-components-pills-error-dark-hover-background: #
|
|
1174
|
+
--redsift-color-light-components-pills-error-dark-default-text: #ffffff;
|
|
1175
|
+
--redsift-color-light-components-pills-error-dark-hover-background: #cb0e0e;
|
|
1176
1176
|
--redsift-color-light-components-pills-error-dark-hover-border: transparent;
|
|
1177
|
-
--redsift-color-light-components-pills-error-dark-hover-text: #
|
|
1177
|
+
--redsift-color-light-components-pills-error-dark-hover-text: #ffffff;
|
|
1178
1178
|
--redsift-color-light-components-pills-error-dark-disabled-background: #f3a39e;
|
|
1179
1179
|
--redsift-color-light-components-pills-error-dark-disabled-border: transparent;
|
|
1180
1180
|
--redsift-color-light-components-pills-error-dark-disabled-text: #666666;
|
|
1181
1181
|
--redsift-color-light-components-pills-warning-dark-default-background: #fcbb54;
|
|
1182
1182
|
--redsift-color-light-components-pills-warning-dark-default-border: transparent;
|
|
1183
1183
|
--redsift-color-light-components-pills-warning-dark-default-text: #1c1c1c;
|
|
1184
|
-
--redsift-color-light-components-pills-warning-dark-hover-background: #
|
|
1184
|
+
--redsift-color-light-components-pills-warning-dark-hover-background: #e3a84c;
|
|
1185
1185
|
--redsift-color-light-components-pills-warning-dark-hover-border: transparent;
|
|
1186
1186
|
--redsift-color-light-components-pills-warning-dark-hover-text: #1c1c1c;
|
|
1187
1187
|
--redsift-color-light-components-pills-warning-dark-disabled-background: #f8d296;
|
|
1188
1188
|
--redsift-color-light-components-pills-warning-dark-disabled-border: transparent;
|
|
1189
1189
|
--redsift-color-light-components-pills-warning-dark-disabled-text: #666666;
|
|
1190
|
-
--redsift-color-light-components-pills-success-dark-default-background: #
|
|
1190
|
+
--redsift-color-light-components-pills-success-dark-default-background: #02ac61;
|
|
1191
1191
|
--redsift-color-light-components-pills-success-dark-default-border: transparent;
|
|
1192
1192
|
--redsift-color-light-components-pills-success-dark-default-text: #1c1c1c;
|
|
1193
|
-
--redsift-color-light-components-pills-success-dark-hover-background: #
|
|
1193
|
+
--redsift-color-light-components-pills-success-dark-hover-background: #029b57;
|
|
1194
1194
|
--redsift-color-light-components-pills-success-dark-hover-border: transparent;
|
|
1195
1195
|
--redsift-color-light-components-pills-success-dark-hover-text: #1c1c1c;
|
|
1196
1196
|
--redsift-color-light-components-pills-success-dark-disabled-background: #a2e7ba;
|
package/style/redsift.css
CHANGED
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
}
|
|
597
597
|
/**
|
|
598
598
|
* Do not edit directly
|
|
599
|
-
* Generated on
|
|
599
|
+
* Generated on Mon, 31 Mar 2025 12:39:28 GMT
|
|
600
600
|
*/
|
|
601
601
|
|
|
602
602
|
:root {
|
|
@@ -1738,55 +1738,55 @@
|
|
|
1738
1738
|
--redsift-color-light-components-pills-white-disabled-background: #ffffff;
|
|
1739
1739
|
--redsift-color-light-components-pills-white-disabled-border: #e0e0e0;
|
|
1740
1740
|
--redsift-color-light-components-pills-white-disabled-text: #666666;
|
|
1741
|
-
--redsift-color-light-components-pills-error-default-background: #
|
|
1741
|
+
--redsift-color-light-components-pills-error-default-background: #f9cfcf;
|
|
1742
1742
|
--redsift-color-light-components-pills-error-default-border: transparent;
|
|
1743
1743
|
--redsift-color-light-components-pills-error-default-text: #1c1c1c;
|
|
1744
|
-
--redsift-color-light-components-pills-error-hover-background: #
|
|
1744
|
+
--redsift-color-light-components-pills-error-hover-background: #f39f9f;
|
|
1745
1745
|
--redsift-color-light-components-pills-error-hover-border: transparent;
|
|
1746
1746
|
--redsift-color-light-components-pills-error-hover-text: #1c1c1c;
|
|
1747
1747
|
--redsift-color-light-components-pills-error-disabled-background: #f3a39e;
|
|
1748
1748
|
--redsift-color-light-components-pills-error-disabled-border: transparent;
|
|
1749
1749
|
--redsift-color-light-components-pills-error-disabled-text: #666666;
|
|
1750
|
-
--redsift-color-light-components-pills-warning-default-background: #
|
|
1750
|
+
--redsift-color-light-components-pills-warning-default-background: #fef1dd;
|
|
1751
1751
|
--redsift-color-light-components-pills-warning-default-border: transparent;
|
|
1752
1752
|
--redsift-color-light-components-pills-warning-default-text: #1c1c1c;
|
|
1753
|
-
--redsift-color-light-components-pills-warning-hover-background: #
|
|
1753
|
+
--redsift-color-light-components-pills-warning-hover-background: #fee4bb;
|
|
1754
1754
|
--redsift-color-light-components-pills-warning-hover-border: transparent;
|
|
1755
1755
|
--redsift-color-light-components-pills-warning-hover-text: #1c1c1c;
|
|
1756
1756
|
--redsift-color-light-components-pills-warning-disabled-background: #f8d296;
|
|
1757
1757
|
--redsift-color-light-components-pills-warning-disabled-border: transparent;
|
|
1758
1758
|
--redsift-color-light-components-pills-warning-disabled-text: #666666;
|
|
1759
|
-
--redsift-color-light-components-pills-success-default-background: #
|
|
1759
|
+
--redsift-color-light-components-pills-success-default-background: #cceedf;
|
|
1760
1760
|
--redsift-color-light-components-pills-success-default-border: transparent;
|
|
1761
1761
|
--redsift-color-light-components-pills-success-default-text: #1c1c1c;
|
|
1762
|
-
--redsift-color-light-components-pills-success-hover-background: #
|
|
1762
|
+
--redsift-color-light-components-pills-success-hover-background: #9adec0;
|
|
1763
1763
|
--redsift-color-light-components-pills-success-hover-border: transparent;
|
|
1764
1764
|
--redsift-color-light-components-pills-success-hover-text: #1c1c1c;
|
|
1765
1765
|
--redsift-color-light-components-pills-success-disabled-background: #a2e7ba;
|
|
1766
1766
|
--redsift-color-light-components-pills-success-disabled-border: transparent;
|
|
1767
1767
|
--redsift-color-light-components-pills-success-disabled-text: #666666;
|
|
1768
|
-
--redsift-color-light-components-pills-error-dark-default-background: #
|
|
1768
|
+
--redsift-color-light-components-pills-error-dark-default-background: #e11010;
|
|
1769
1769
|
--redsift-color-light-components-pills-error-dark-default-border: transparent;
|
|
1770
|
-
--redsift-color-light-components-pills-error-dark-default-text: #
|
|
1771
|
-
--redsift-color-light-components-pills-error-dark-hover-background: #
|
|
1770
|
+
--redsift-color-light-components-pills-error-dark-default-text: #ffffff;
|
|
1771
|
+
--redsift-color-light-components-pills-error-dark-hover-background: #cb0e0e;
|
|
1772
1772
|
--redsift-color-light-components-pills-error-dark-hover-border: transparent;
|
|
1773
|
-
--redsift-color-light-components-pills-error-dark-hover-text: #
|
|
1773
|
+
--redsift-color-light-components-pills-error-dark-hover-text: #ffffff;
|
|
1774
1774
|
--redsift-color-light-components-pills-error-dark-disabled-background: #f3a39e;
|
|
1775
1775
|
--redsift-color-light-components-pills-error-dark-disabled-border: transparent;
|
|
1776
1776
|
--redsift-color-light-components-pills-error-dark-disabled-text: #666666;
|
|
1777
1777
|
--redsift-color-light-components-pills-warning-dark-default-background: #fcbb54;
|
|
1778
1778
|
--redsift-color-light-components-pills-warning-dark-default-border: transparent;
|
|
1779
1779
|
--redsift-color-light-components-pills-warning-dark-default-text: #1c1c1c;
|
|
1780
|
-
--redsift-color-light-components-pills-warning-dark-hover-background: #
|
|
1780
|
+
--redsift-color-light-components-pills-warning-dark-hover-background: #e3a84c;
|
|
1781
1781
|
--redsift-color-light-components-pills-warning-dark-hover-border: transparent;
|
|
1782
1782
|
--redsift-color-light-components-pills-warning-dark-hover-text: #1c1c1c;
|
|
1783
1783
|
--redsift-color-light-components-pills-warning-dark-disabled-background: #f8d296;
|
|
1784
1784
|
--redsift-color-light-components-pills-warning-dark-disabled-border: transparent;
|
|
1785
1785
|
--redsift-color-light-components-pills-warning-dark-disabled-text: #666666;
|
|
1786
|
-
--redsift-color-light-components-pills-success-dark-default-background: #
|
|
1786
|
+
--redsift-color-light-components-pills-success-dark-default-background: #02ac61;
|
|
1787
1787
|
--redsift-color-light-components-pills-success-dark-default-border: transparent;
|
|
1788
1788
|
--redsift-color-light-components-pills-success-dark-default-text: #1c1c1c;
|
|
1789
|
-
--redsift-color-light-components-pills-success-dark-hover-background: #
|
|
1789
|
+
--redsift-color-light-components-pills-success-dark-hover-background: #029b57;
|
|
1790
1790
|
--redsift-color-light-components-pills-success-dark-hover-border: transparent;
|
|
1791
1791
|
--redsift-color-light-components-pills-success-dark-hover-text: #1c1c1c;
|
|
1792
1792
|
--redsift-color-light-components-pills-success-dark-disabled-background: #a2e7ba;
|