@dialpad/dialtone 7.18.0 → 7.18.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.
Files changed (5) hide show
  1. package/lib/build/less/components/link.less +14 -4
  2. package/lib/build/less/themes/default.less +3 -0
  3. package/lib/dist/css/dialtone.css +14 -4
  4. package/lib/dist/css/dialtone.min.css +1 -1
  5. package/package.json +2 -2
package/lib/build/less/components/link.less CHANGED
@@ -16,6 +16,7 @@
16
16
  .d-link {
17
17
  --link-color-default: var(--purple-400);
18
18
  --link-color-default-hover: hsl(var(--purple-400-h) var(--purple-400-s) calc(var(--purple-400-l) - 10%));
19
+ --link-text-decoration: none;
19
20
 
20
21
  position: relative;
21
22
  display: inline-flex;
@@ -27,7 +28,7 @@
27
28
  padding: 0;
28
29
  color: var(--link-color-default);
29
30
  font: inherit;
30
- text-decoration: none;
31
+ text-decoration: var(--link-text-decoration);
31
32
  background-color: transparent;
32
33
  border: 0;
33
34
  transition-timing-function: var(--ttf-out-quint);
@@ -41,8 +42,9 @@
41
42
  fill: currentColor;
42
43
 
43
44
  &:hover {
45
+ --link-text-decoration: underline;
46
+
44
47
  color: var(--link-color-default-hover);
45
- text-decoration: underline;
46
48
  cursor: pointer;
47
49
  }
48
50
 
@@ -51,6 +53,12 @@
51
53
  box-shadow: var(--bs-focus-ring);
52
54
  }
53
55
 
56
+ .d-banner &,
57
+ .d-toast &,
58
+ .d-notice & {
59
+ --link-text-decoration: underline;
60
+ }
61
+
54
62
  // ============================================================================
55
63
  // $ ALTERNATE STYLES
56
64
  // ============================================================================
@@ -92,7 +100,8 @@
92
100
  --link-color-default-hover: var(--link-color-default);
93
101
 
94
102
  &:hover {
95
- text-decoration: none;
103
+ --link-text-decoration: none;
104
+
96
105
  cursor: not-allowed;
97
106
  }
98
107
  }
@@ -113,7 +122,8 @@
113
122
  --link-color-default-hover: var(--link-color-default);
114
123
 
115
124
  &:hover {
116
- text-decoration: none;
125
+ --link-text-decoration: none;
126
+
117
127
  cursor: not-allowed;
118
128
  }
119
129
  }
package/lib/build/less/themes/default.less CHANGED
@@ -59,6 +59,8 @@
59
59
  theme-sidebar-color: var(--fc-primary);
60
60
  theme-sidebar-color-hsl: var(--black-900-h) var(--black-900-s) var(--black-900-l);
61
61
  theme-sidebar-color-background: var(--bgc-secondary);
62
+
63
+ theme-sidebar-icon-color: var(--fc-secondary);
62
64
  theme-sidebar-status-color: var(--fc-tertiary);
63
65
 
64
66
  // theme-sidebar-row-color-background: {UNUSED}
@@ -91,6 +93,7 @@
91
93
  .d-theme-topbar-bgc { background-color: var(--theme-topbar-color-background) !important; }
92
94
  .d-theme-sidebar-fc { color: var(--theme-sidebar-color) !important; }
93
95
  .d-theme-sidebar-status-fc { color: var(--theme-sidebar-status-color) !important; }
96
+ .d-theme-sidebar-icon-fc { color: var(--theme-sidebar-icon-color) !important; }
94
97
  .d-theme-sidebar-bgc { background-color: var(--theme-sidebar-color-background) !important; }
95
98
  .d-theme-sidebar-row-bgc:hover { background-color: var(--theme-sidebar-row-color-background-hover) !important; }
96
99
  .d-theme-sidebar-row-active-fc { color: var(--theme-sidebar-active-row-color) !important; }
package/lib/dist/css/dialtone.css CHANGED
@@ -1933,6 +1933,7 @@ legend .d-label {
1933
1933
  .d-link {
1934
1934
  --link-color-default: var(--purple-400);
1935
1935
  --link-color-default-hover: hsl(var(--purple-400-h) var(--purple-400-s) calc(var(--purple-400-l) - 10%));
1936
+ --link-text-decoration: none;
1936
1937
  position: relative;
1937
1938
  display: inline-flex;
1938
1939
  gap: var(--space-300);
@@ -1943,7 +1944,7 @@ legend .d-label {
1943
1944
  padding: 0;
1944
1945
  color: var(--link-color-default);
1945
1946
  font: inherit;
1946
- text-decoration: none;
1947
+ text-decoration: var(--link-text-decoration);
1947
1948
  background-color: transparent;
1948
1949
  border: 0;
1949
1950
  transition-timing-function: var(--ttf-out-quint);
@@ -1955,8 +1956,8 @@ legend .d-label {
1955
1956
  fill: currentColor;
1956
1957
  }
1957
1958
  .d-link:hover {
1959
+ --link-text-decoration: underline;
1958
1960
  color: var(--link-color-default-hover);
1959
- text-decoration: underline;
1960
1961
  cursor: pointer;
1961
1962
  }
1962
1963
  .d-link.focus-visible.js-focus-visible, .js-focus-visible .d-link.focus-visible {
@@ -1967,6 +1968,11 @@ legend .d-label {
1967
1968
  outline: none;
1968
1969
  box-shadow: var(--bs-focus-ring);
1969
1970
  }
1971
+ .d-banner .d-link,
1972
+ .d-toast .d-link,
1973
+ .d-notice .d-link {
1974
+ --link-text-decoration: underline;
1975
+ }
1970
1976
  .d-link--warning {
1971
1977
  --link-color-default: var(--fc-warning);
1972
1978
  --link-color-default-hover: var(--fc-warning-hover);
@@ -1990,7 +1996,7 @@ legend .d-label {
1990
1996
  }
1991
1997
  .d-link[disabled]:hover,
1992
1998
  .d-link--disabled:hover {
1993
- text-decoration: none;
1999
+ --link-text-decoration: none;
1994
2000
  cursor: not-allowed;
1995
2001
  }
1996
2002
  .d-link--inverted {
@@ -2002,7 +2008,7 @@ legend .d-label {
2002
2008
  --link-color-default-hover: var(--link-color-default);
2003
2009
  }
2004
2010
  .d-link--inverted-disabled:hover {
2005
- text-decoration: none;
2011
+ --link-text-decoration: none;
2006
2012
  cursor: not-allowed;
2007
2013
  }
2008
2014
  .d-list-group,
@@ -20374,6 +20380,9 @@ body {
20374
20380
  .d-theme-sidebar-status-fc {
20375
20381
  color: var(--theme-sidebar-status-color) !important;
20376
20382
  }
20383
+ .d-theme-sidebar-icon-fc {
20384
+ color: var(--theme-sidebar-icon-color) !important;
20385
+ }
20377
20386
  .d-theme-sidebar-bgc {
20378
20387
  background-color: var(--theme-sidebar-color-background) !important;
20379
20388
  }
@@ -20893,6 +20902,7 @@ body {
20893
20902
  --theme-sidebar-color: var(--fc-primary);
20894
20903
  --theme-sidebar-color-hsl: var(--black-900-h) var(--black-900-s) var(--black-900-l);
20895
20904
  --theme-sidebar-color-background: var(--bgc-secondary);
20905
+ --theme-sidebar-icon-color: var(--fc-secondary);
20896
20906
  --theme-sidebar-status-color: var(--fc-tertiary);
20897
20907
  --theme-sidebar-row-color-background-hover: var(--black-300);
20898
20908
  --theme-sidebar-active-row-color: var(--fc-primary);