@useblu/ocean-core 1.51.0 → 1.52.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 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.52.0](https://github.com/ocean-ds/ocean-web/compare/v1.51.0...v1.52.0) (2023-11-14)
7
+
8
+ ### Features
9
+
10
+ - create button variants ([#1086](https://github.com/ocean-ds/ocean-web/issues/1086)) ([92551ad](https://github.com/ocean-ds/ocean-web/commit/92551ad2c1cc94cd7910d10a62dad0e1e63ac2ce))
11
+
6
12
  # [1.51.0](https://github.com/ocean-ds/ocean-web/compare/v1.50.1...v1.51.0) (2023-11-14)
7
13
 
8
14
  ### Features
package/ocean.css CHANGED
@@ -1982,17 +1982,30 @@
1982
1982
  .ods-btn--secondary:active {
1983
1983
  background-color: #b6b9cc;
1984
1984
  }
1985
+ .ods-btn--secondary-critical {
1986
+ background-color: #fff1f4;
1987
+ color: #f5456e;
1988
+ }
1989
+ .ods-btn--secondary-critical:hover {
1990
+ background-color: #f7f9ff;
1991
+ }
1992
+ .ods-btn--secondary-critical:focus {
1993
+ background-color: #f7f9ff;
1994
+ }
1995
+ .ods-btn--secondary-critical:active {
1996
+ background-color: #ebecf5;
1997
+ }
1985
1998
  .ods-btn--text, .ods-btn--text-critical {
1986
1999
  background-color: transparent;
1987
2000
  }
1988
2001
  .ods-btn--text:hover, .ods-btn--text-critical:hover {
1989
- background-color: #ebecf5;
2002
+ background-color: #f7f9ff;
1990
2003
  }
1991
2004
  .ods-btn--text:focus, .ods-btn--text-critical:focus {
1992
- background-color: #ebecf5;
2005
+ background-color: #f7f9ff;
1993
2006
  }
1994
2007
  .ods-btn--text:active, .ods-btn--text-critical:active {
1995
- background-color: #d8dae8;
2008
+ background-color: #ebecf5;
1996
2009
  }
1997
2010
  .ods-btn--text {
1998
2011
  color: #0025e0;
@@ -2000,6 +2013,36 @@
2000
2013
  .ods-btn--text-critical {
2001
2014
  color: #f5456e;
2002
2015
  }
2016
+ .ods-btn--text-tertiary, .ods-btn--text-tertiary-critical {
2017
+ background-color: transparent;
2018
+ min-width: auto;
2019
+ padding-left: 0;
2020
+ padding-right: 0;
2021
+ }
2022
+ .ods-btn--text-tertiary {
2023
+ color: #0025e0;
2024
+ }
2025
+ .ods-btn--text-tertiary:hover {
2026
+ color: #5872f5;
2027
+ }
2028
+ .ods-btn--text-tertiary:focus {
2029
+ color: #5872f5;
2030
+ }
2031
+ .ods-btn--text-tertiary:active {
2032
+ color: #0e248f;
2033
+ }
2034
+ .ods-btn--text-tertiary-critical {
2035
+ color: #f5456e;
2036
+ }
2037
+ .ods-btn--text-tertiary-critical:hover {
2038
+ color: #f27592;
2039
+ }
2040
+ .ods-btn--text-tertiary-critical:focus {
2041
+ color: #f27592;
2042
+ }
2043
+ .ods-btn--text-tertiary-critical:active {
2044
+ color: #d31441;
2045
+ }
2003
2046
  .ods-btn--inverse {
2004
2047
  background-color: #13bdbd;
2005
2048
  color: white;