@useblu/ocean-core 1.65.0 → 1.66.0
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 +6 -0
- package/ocean.css +49 -4
- package/ocean.css.map +1 -1
- package/ocean.min.css +1 -1
- package/ocean.min.css.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.66.0](https://github.com/ocean-ds/ocean-web/compare/v1.65.0...v1.66.0) (2024-07-02)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- update alert ([#1115](https://github.com/ocean-ds/ocean-web/issues/1115)) ([3386652](https://github.com/ocean-ds/ocean-web/commit/338665214afa9268e8e09c0d71812a40fab8ab0b))
|
|
11
|
+
|
|
6
12
|
# [1.65.0](https://github.com/ocean-ds/ocean-web/compare/v1.64.0...v1.65.0) (2024-06-26)
|
|
7
13
|
|
|
8
14
|
### Features
|
package/ocean.css
CHANGED
|
@@ -1788,7 +1788,7 @@
|
|
|
1788
1788
|
.ods-alert {
|
|
1789
1789
|
align-items: flex-start;
|
|
1790
1790
|
background-color: #f3f5fe;
|
|
1791
|
-
border-radius:
|
|
1791
|
+
border-radius: 8px;
|
|
1792
1792
|
color: #67697a;
|
|
1793
1793
|
display: flex;
|
|
1794
1794
|
flex-direction: column;
|
|
@@ -1800,10 +1800,18 @@
|
|
|
1800
1800
|
padding: 16px;
|
|
1801
1801
|
}
|
|
1802
1802
|
@media (min-width: 576px) {
|
|
1803
|
+
.ods-alert {
|
|
1804
|
+
flex-direction: row;
|
|
1805
|
+
}
|
|
1803
1806
|
.ods-alert__button--mobile {
|
|
1804
1807
|
display: none;
|
|
1805
1808
|
}
|
|
1806
1809
|
}
|
|
1810
|
+
@media (min-width: 576px) {
|
|
1811
|
+
.ods-alert--with-button-no-title {
|
|
1812
|
+
font-size: 14px;
|
|
1813
|
+
}
|
|
1814
|
+
}
|
|
1807
1815
|
.ods-alert--error {
|
|
1808
1816
|
background-color: #fff1f4;
|
|
1809
1817
|
}
|
|
@@ -1816,9 +1824,20 @@
|
|
|
1816
1824
|
.ods-alert--error .ods-btn {
|
|
1817
1825
|
background-color: #f5456e;
|
|
1818
1826
|
}
|
|
1827
|
+
.ods-alert--error .ods-btn--primary:hover,
|
|
1828
|
+
.ods-alert--error .ods-btn--primary:focus {
|
|
1829
|
+
background-color: #f27592;
|
|
1830
|
+
}
|
|
1831
|
+
.ods-alert--error .ods-btn--primary:active {
|
|
1832
|
+
background-color: #d31441;
|
|
1833
|
+
}
|
|
1819
1834
|
.ods-alert--error .ods-link {
|
|
1820
1835
|
color: #f5456e;
|
|
1821
1836
|
}
|
|
1837
|
+
.ods-alert--error .ods-link:hover,
|
|
1838
|
+
.ods-alert--error .ods-link:focus {
|
|
1839
|
+
color: #f27592;
|
|
1840
|
+
}
|
|
1822
1841
|
.ods-alert--warning {
|
|
1823
1842
|
background-color: #fff7f0;
|
|
1824
1843
|
}
|
|
@@ -1831,9 +1850,20 @@
|
|
|
1831
1850
|
.ods-alert--warning .ods-btn {
|
|
1832
1851
|
background-color: #ff8a14;
|
|
1833
1852
|
}
|
|
1853
|
+
.ods-alert--warning .ods-btn--primary:hover,
|
|
1854
|
+
.ods-alert--warning .ods-btn--primary:focus {
|
|
1855
|
+
background-color: #ffbd7a;
|
|
1856
|
+
}
|
|
1857
|
+
.ods-alert--warning .ods-btn--primary:active {
|
|
1858
|
+
background-color: #ff8a14;
|
|
1859
|
+
}
|
|
1834
1860
|
.ods-alert--warning .ods-link {
|
|
1835
1861
|
color: #ff8a14;
|
|
1836
1862
|
}
|
|
1863
|
+
.ods-alert--warning .ods-link:hover,
|
|
1864
|
+
.ods-alert--warning .ods-link:focus {
|
|
1865
|
+
color: #ffbd7a;
|
|
1866
|
+
}
|
|
1837
1867
|
.ods-alert--success {
|
|
1838
1868
|
background-color: #f2fdf5;
|
|
1839
1869
|
}
|
|
@@ -1846,13 +1876,25 @@
|
|
|
1846
1876
|
.ods-alert--success .ods-btn {
|
|
1847
1877
|
background-color: #2da94f;
|
|
1848
1878
|
}
|
|
1879
|
+
.ods-alert--success .ods-btn--primary:hover,
|
|
1880
|
+
.ods-alert--success .ods-btn--primary:focus {
|
|
1881
|
+
background-color: #7adc94;
|
|
1882
|
+
}
|
|
1883
|
+
.ods-alert--success .ods-btn--primary:active {
|
|
1884
|
+
background-color: #2da94f;
|
|
1885
|
+
}
|
|
1849
1886
|
.ods-alert--success .ods-link {
|
|
1850
1887
|
color: #2da94f;
|
|
1851
1888
|
}
|
|
1889
|
+
.ods-alert--success .ods-link:hover,
|
|
1890
|
+
.ods-alert--success .ods-link:focus {
|
|
1891
|
+
color: #7adc94;
|
|
1892
|
+
}
|
|
1852
1893
|
.ods-alert__text {
|
|
1853
1894
|
display: flex;
|
|
1854
1895
|
flex: 1;
|
|
1855
1896
|
flex-direction: column;
|
|
1897
|
+
gap: 4px;
|
|
1856
1898
|
}
|
|
1857
1899
|
.ods-alert__icon {
|
|
1858
1900
|
margin-right: 8px;
|
|
@@ -1865,7 +1907,7 @@
|
|
|
1865
1907
|
}
|
|
1866
1908
|
}
|
|
1867
1909
|
.ods-alert__button--mobile {
|
|
1868
|
-
margin
|
|
1910
|
+
margin: 12px 0 0 32px;
|
|
1869
1911
|
}
|
|
1870
1912
|
.ods-alert__button .ods-btn {
|
|
1871
1913
|
margin-left: 16px;
|
|
@@ -1882,8 +1924,11 @@
|
|
|
1882
1924
|
.ods-alert__title {
|
|
1883
1925
|
color: #5872f5;
|
|
1884
1926
|
font-size: 14px;
|
|
1885
|
-
font-weight:
|
|
1886
|
-
line-height: 1.
|
|
1927
|
+
font-weight: 800;
|
|
1928
|
+
line-height: 1.32;
|
|
1929
|
+
}
|
|
1930
|
+
.ods-alert__content--no-title {
|
|
1931
|
+
padding-top: 0;
|
|
1887
1932
|
}
|
|
1888
1933
|
|
|
1889
1934
|
.ods-badge {
|