@dialpad/dialtone 6.9.0 → 6.10.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/build/less/components/button.less +3 -3
  3. package/lib/build/less/components/selects.less +1 -1
  4. package/lib/build/less/variables/colors.less +3 -3
  5. package/lib/dist/css/dialtone.css +7 -7
  6. package/lib/dist/css/dialtone.min.css +1 -1
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # [6.10.0](https://github.com/dialpad/dialtone/compare/v6.9.0...v6.10.0) (2021-12-15)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * add important to padding ([#518](https://github.com/dialpad/dialtone/issues/518)) ([2a7b0a5](https://github.com/dialpad/dialtone/commit/2a7b0a5d0ff700f9bf24369701f0dd4c93988ec3))
7
+
8
+
9
+ ### Features
10
+
11
+ * **button:** add muted styles ([#516](https://github.com/dialpad/dialtone/issues/516)) ([5bea155](https://github.com/dialpad/dialtone/commit/5bea155057620865174e596c539660185029f499))
12
+
1
13
  # [6.9.0](https://github.com/dialpad/dialtone/compare/v6.8.1...v6.9.0) (2021-12-07)
2
14
 
3
15
 
package/lib/build/less/components/button.less CHANGED
@@ -260,11 +260,11 @@
260
260
  // $$ MUTED BUTTON
261
261
  // ----------------------------------------------------------------------------
262
262
  .d-btn--muted {
263
- --button--fc: var(--black-700);
263
+ --button--fc: var(--muted-color);
264
264
 
265
265
  &:hover {
266
- --button--fc: var(--black-800);
267
- --button--bgc: hsla(var(--muted-color-hsl) ~' / ' 10%);
266
+ --button--fc: var(--muted-color-hover);
267
+ --button--bgc: hsla(var(--muted-color-hsl) ~' / ' 7.5%);
268
268
  }
269
269
 
270
270
  &:focus {
package/lib/build/less/components/selects.less CHANGED
@@ -100,7 +100,7 @@
100
100
  // ----------------------------------------------------------------------------
101
101
  .d-select__input {
102
102
  height: 100%; // Fill the height of its parent
103
- padding: 0.7rem 2em 0.7rem 0.8rem;
103
+ padding: 0.7rem 2em 0.7rem 0.8rem !important;
104
104
  color: var(--select--fc);
105
105
  background-color: var(--select--bgc);
106
106
  border-color: var(--select--bc);
package/lib/build/less/variables/colors.less CHANGED
@@ -92,8 +92,8 @@
92
92
  success-color-hsl: var(--green-500-hsl);
93
93
  success-color-hover: var(--green-600);
94
94
 
95
- muted-color: var(--black-700);
96
- muted-color-hsl: var(--black-700-hsl);
95
+ muted-color: var(--black-800);
96
+ muted-color-hsl: var(--black-800-hsl);
97
97
  muted-color-hover: var(--black-800);
98
98
 
99
99
  inverted-color: var(--black-025);
@@ -110,7 +110,7 @@
110
110
  focus-ring-success: hsla(var(--success-color-hsl) ~' / ' 75%);
111
111
  focus-ring-warning: hsla(var(--warning-color-hsl) ~' / ' 75%);
112
112
  focus-ring-error: hsla(var(--error-color-hsl) ~' / ' 75%);
113
- focus-ring-muted: hsla(var(--muted-color-hsl) ~' / ' 50%);
113
+ focus-ring-muted: hsla(var(--muted-color-hsl) ~' / ' 25%);
114
114
  focus-ring-inverted: hsla(var(--inverted-color-hsl) ~' / ' 50%);
115
115
  }
116
116
 
package/lib/dist/css/dialtone.css CHANGED
@@ -824,11 +824,11 @@ body {
824
824
  --button--bgc: var(--primary-color-hover);
825
825
  }
826
826
  .d-btn--muted {
827
- --button--fc: var(--black-700);
827
+ --button--fc: var(--muted-color);
828
828
  }
829
829
  .d-btn--muted:hover {
830
- --button--fc: var(--black-800);
831
- --button--bgc: hsla(var(--muted-color-hsl) / 10%);
830
+ --button--fc: var(--muted-color-hover);
831
+ --button--bgc: hsla(var(--muted-color-hsl) / 7.5%);
832
832
  }
833
833
  .d-btn--muted:focus {
834
834
  box-shadow: var(--bs-focus-ring-muted);
@@ -2195,7 +2195,7 @@ legend .d-label {
2195
2195
  }
2196
2196
  .d-select__input {
2197
2197
  height: 100%;
2198
- padding: 0.7rem 2em 0.7rem 0.8rem;
2198
+ padding: 0.7rem 2em 0.7rem 0.8rem !important;
2199
2199
  color: var(--select--fc);
2200
2200
  background-color: var(--select--bgc);
2201
2201
  border-color: var(--select--bc);
@@ -15793,8 +15793,8 @@ body {
15793
15793
  --success-color: var(--green-500);
15794
15794
  --success-color-hsl: var(--green-500-hsl);
15795
15795
  --success-color-hover: var(--green-600);
15796
- --muted-color: var(--black-700);
15797
- --muted-color-hsl: var(--black-700-hsl);
15796
+ --muted-color: var(--black-800);
15797
+ --muted-color-hsl: var(--black-800-hsl);
15798
15798
  --muted-color-hover: var(--black-800);
15799
15799
  --inverted-color: var(--black-025);
15800
15800
  --inverted-color-hsl: var(--black-025-hsl);
@@ -15978,7 +15978,7 @@ body {
15978
15978
  --focus-ring-success: hsla(var(--success-color-hsl) / 75%);
15979
15979
  --focus-ring-warning: hsla(var(--warning-color-hsl) / 75%);
15980
15980
  --focus-ring-error: hsla(var(--error-color-hsl) / 75%);
15981
- --focus-ring-muted: hsla(var(--muted-color-hsl) / 50%);
15981
+ --focus-ring-muted: hsla(var(--muted-color-hsl) / 25%);
15982
15982
  --focus-ring-inverted: hsla(var(--inverted-color-hsl) / 50%);
15983
15983
  --input-button__padding: 0.7rem var(--su8);
15984
15984
  --input-button__text-size: var(--fs16);