@crystallize/design-system 1.19.3 → 1.20.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/CHANGELOG.md +12 -0
- package/dist/index.css +58 -6
- package/dist/index.d.ts +17 -5
- package/dist/index.js +1497 -1294
- package/dist/index.mjs +1390 -1187
- package/package.json +19 -19
- package/src/dialog/dialog.css +1 -1
- package/src/iconography/document-shortcut.tsx +40 -0
- package/src/iconography/folder-shortcut.tsx +44 -0
- package/src/iconography/folder.tsx +12 -8
- package/src/iconography/index.ts +8 -0
- package/src/iconography/paths.tsx +33 -0
- package/src/iconography/product-shortcut.tsx +60 -0
- package/src/input-with-label/input-with-label.css +5 -1
- package/src/input-with-label/input-with-label.tsx +12 -7
- package/src/tooltip/tooltip.css +31 -3
- package/src/tooltip/tooltip.tsx +29 -13
- package/src/iconography/triangle.tsx +0 -27
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @crystallize/design-system
|
|
2
2
|
|
|
3
|
+
## 1.20.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- e880739: Upgrade lexical to latest version to fix an issue - https://github.com/facebook/lexical/issues/4773
|
|
8
|
+
|
|
9
|
+
## 1.20.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- 93c66a5: Extend the InputWithLabel component to support status warning and update colors. Extend the Tooltip component to support different variants, like error and warning. Add new icons for item shortcuts.
|
|
14
|
+
|
|
3
15
|
## 1.19.3
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/index.css
CHANGED
|
@@ -1525,6 +1525,8 @@ button {
|
|
|
1525
1525
|
.c-dialog-description {
|
|
1526
1526
|
margin-bottom: 1.25rem;
|
|
1527
1527
|
margin-top: 0.25rem;
|
|
1528
|
+
font-size: 0.875rem;
|
|
1529
|
+
line-height: 1.25rem;
|
|
1528
1530
|
font-weight: 500;
|
|
1529
1531
|
}
|
|
1530
1532
|
.c-dialog-close-button {
|
|
@@ -1746,7 +1748,12 @@ button {
|
|
|
1746
1748
|
var(--tw-shadow);
|
|
1747
1749
|
}
|
|
1748
1750
|
.c-input-with-label.c-input-with-label--error {
|
|
1749
|
-
|
|
1751
|
+
--tw-text-opacity: 1;
|
|
1752
|
+
color: rgb(var(--c-color-pink-700-200) / var(--tw-text-opacity));
|
|
1753
|
+
}
|
|
1754
|
+
.c-input-with-label.c-input-with-label--warning {
|
|
1755
|
+
--tw-text-opacity: 1;
|
|
1756
|
+
color: rgb(var(--c-color-orange-200-700) / var(--tw-text-opacity));
|
|
1750
1757
|
}
|
|
1751
1758
|
.c-input-with-label-error {
|
|
1752
1759
|
margin-top: 0.25rem !important;
|
|
@@ -1801,8 +1808,6 @@ button {
|
|
|
1801
1808
|
z-index: 100;
|
|
1802
1809
|
user-select: none;
|
|
1803
1810
|
border-radius: 0.375rem;
|
|
1804
|
-
--tw-bg-opacity: 1;
|
|
1805
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1806
1811
|
padding-left: 1rem;
|
|
1807
1812
|
padding-right: 1rem;
|
|
1808
1813
|
padding-top: 0.5rem;
|
|
@@ -1812,8 +1817,6 @@ button {
|
|
|
1812
1817
|
font-weight: 500;
|
|
1813
1818
|
font-style: italic;
|
|
1814
1819
|
line-height: 1;
|
|
1815
|
-
--tw-text-opacity: 1;
|
|
1816
|
-
color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity));
|
|
1817
1820
|
--tw-shadow: hsl(206 22% 7%/15%) 0px 10px 18px -10px, hsl(206 22% 7%/10%) 0px 2px 20px -15px;
|
|
1818
1821
|
--tw-shadow-colored: 0px 10px 18px -10px var(--tw-shadow-color), 0px 2px 20px -15px var(--tw-shadow-color);
|
|
1819
1822
|
box-shadow:
|
|
@@ -1835,7 +1838,56 @@ button {
|
|
|
1835
1838
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1836
1839
|
transition-duration: 150ms;
|
|
1837
1840
|
}
|
|
1838
|
-
.c-tooltip-
|
|
1841
|
+
.c-tooltip-success {
|
|
1842
|
+
border-width: 1px;
|
|
1843
|
+
border-style: solid;
|
|
1844
|
+
--tw-border-opacity: 1;
|
|
1845
|
+
border-color: rgb(var(--c-color-cyan-300-600) / var(--tw-border-opacity));
|
|
1846
|
+
--tw-bg-opacity: 1;
|
|
1847
|
+
background-color: rgb(var(--c-color-cyan-100-800) / var(--tw-bg-opacity));
|
|
1848
|
+
--tw-text-opacity: 1;
|
|
1849
|
+
color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity));
|
|
1850
|
+
}
|
|
1851
|
+
.c-tooltip-success .c-tooltip-arrow {
|
|
1852
|
+
fill: rgb(var(--c-color-cyan-100-800) / 1);
|
|
1853
|
+
}
|
|
1854
|
+
.c-tooltip-error {
|
|
1855
|
+
border-width: 1px;
|
|
1856
|
+
border-style: solid;
|
|
1857
|
+
--tw-border-opacity: 1;
|
|
1858
|
+
border-color: rgb(var(--c-color-pink-200-700) / var(--tw-border-opacity));
|
|
1859
|
+
--tw-bg-opacity: 1;
|
|
1860
|
+
background-color: rgb(var(--c-color-pink-100-800) / var(--tw-bg-opacity));
|
|
1861
|
+
--tw-text-opacity: 1;
|
|
1862
|
+
color: rgb(var(--c-color-pink-700-200) / var(--tw-text-opacity));
|
|
1863
|
+
}
|
|
1864
|
+
.c-tooltip-error .c-tooltip-arrow {
|
|
1865
|
+
fill: rgb(var(--c-color-pink-100-800) / 1);
|
|
1866
|
+
}
|
|
1867
|
+
.c-tooltip-warning {
|
|
1868
|
+
border-width: 1px;
|
|
1869
|
+
border-style: solid;
|
|
1870
|
+
--tw-border-opacity: 1;
|
|
1871
|
+
border-color: rgb(var(--c-color-orange-200-700) / var(--tw-border-opacity));
|
|
1872
|
+
--tw-bg-opacity: 1;
|
|
1873
|
+
background-color: rgb(var(--c-color-orange-100-800) / var(--tw-bg-opacity));
|
|
1874
|
+
--tw-text-opacity: 1;
|
|
1875
|
+
color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity));
|
|
1876
|
+
}
|
|
1877
|
+
.c-tooltip-warning .c-tooltip-arrow {
|
|
1878
|
+
fill: rgb(var(--c-color-orange-100-800) / 1);
|
|
1879
|
+
}
|
|
1880
|
+
.c-tooltip-info {
|
|
1881
|
+
border-width: 1px;
|
|
1882
|
+
border-style: solid;
|
|
1883
|
+
--tw-border-opacity: 1;
|
|
1884
|
+
border-color: rgb(var(--c-color-purple-200-700) / var(--tw-border-opacity));
|
|
1885
|
+
--tw-bg-opacity: 1;
|
|
1886
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1887
|
+
--tw-text-opacity: 1;
|
|
1888
|
+
color: rgb(var(--c-color-green-600-300) / var(--tw-text-opacity));
|
|
1889
|
+
}
|
|
1890
|
+
.c-tooltip-info .c-tooltip-arrow {
|
|
1839
1891
|
fill: #fff;
|
|
1840
1892
|
}
|
|
1841
1893
|
|