@dialpad/dialtone-css 8.57.0 → 8.57.2

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 (28) hide show
  1. package/lib/build/less/components/description-list.less +2 -2
  2. package/lib/build/less/components/popover.less +7 -0
  3. package/lib/build/less/dialtone-reset.less +2 -0
  4. package/lib/build/less/recipes/ivr_node.less +1 -1
  5. package/lib/build/less/utilities/sizing.less +9 -0
  6. package/lib/dist/dialtone-default-theme.css +52 -7
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone-docs.json +1 -1
  9. package/lib/dist/dialtone.css +48 -3
  10. package/lib/dist/dialtone.min.css +1 -1
  11. package/lib/dist/tokens/tokens-base-dark.css +1 -1
  12. package/lib/dist/tokens/tokens-base-deca-dark.css +1 -1
  13. package/lib/dist/tokens/tokens-base-deca-light.css +1 -1
  14. package/lib/dist/tokens/tokens-base-light.css +1 -1
  15. package/lib/dist/tokens/tokens-debug-base.css +1 -1
  16. package/lib/dist/tokens/tokens-debug-dp.css +3 -3
  17. package/lib/dist/tokens/tokens-deca-dark.css +3 -3
  18. package/lib/dist/tokens/tokens-deca-light.css +3 -3
  19. package/lib/dist/tokens/tokens-dp-dark.css +3 -3
  20. package/lib/dist/tokens/tokens-dp-light.css +3 -3
  21. package/lib/dist/tokens/tokens-expressive-dark.css +3 -3
  22. package/lib/dist/tokens/tokens-expressive-light.css +3 -3
  23. package/lib/dist/tokens/tokens-expressive-sm-dark.css +3 -3
  24. package/lib/dist/tokens/tokens-expressive-sm-light.css +3 -3
  25. package/lib/dist/tokens/tokens-tmo-dark.css +3 -3
  26. package/lib/dist/tokens/tokens-tmo-light.css +3 -3
  27. package/lib/dist/tokens-docs.json +1 -1
  28. package/package.json +2 -2
package/lib/dist/dialtone.css CHANGED
@@ -163,6 +163,7 @@ select,
163
163
  textarea {
164
164
  margin: 0;
165
165
  /* 2 */
166
+ color: inherit;
166
167
  font-size: 100%;
167
168
  /* 1 */
168
169
  font-family: inherit;
@@ -251,6 +252,7 @@ progress {
251
252
  */
252
253
  textarea {
253
254
  overflow: auto;
255
+ color: inherit;
254
256
  }
255
257
  /**
256
258
  * 1. Add the correct box sizing in IE 10.
@@ -2335,8 +2337,7 @@ template {
2335
2337
  flex-flow: row wrap;
2336
2338
  gap: var(--description-list-gap);
2337
2339
  align-items: flex-start;
2338
- font-size: var(--dt-font-size-100);
2339
- line-height: var(--dt-font-line-height-300);
2340
+ font: var(--dt-typography-body-sm);
2340
2341
  --description-list-gap: var(--dt-space-400);
2341
2342
  }
2342
2343
  .d-description-list--gap-0 {
@@ -2366,6 +2367,7 @@ template {
2366
2367
  .d-description-list__term {
2367
2368
  flex: 0 1 40%;
2368
2369
  color: var(--dt-color-foreground-tertiary);
2370
+ font: var(--dt-typography-label-sm);
2369
2371
  }
2370
2372
  .d-description-list__description {
2371
2373
  flex: 1 1 50%;
@@ -3898,6 +3900,7 @@ legend .d-label--md {
3898
3900
  border: var(--popover-border-width) solid var(--popover-color-border);
3899
3901
  border-radius: var(--popover-border-radius);
3900
3902
  box-shadow: var(--popover-shadow);
3903
+ visibility: visible;
3901
3904
  }
3902
3905
  .d-popover__dialog,
3903
3906
  .d-popover__dialog *,
@@ -3944,6 +3947,9 @@ legend .d-label--md {
3944
3947
  grid-row: 3;
3945
3948
  border-top: var(--popover-border-width) solid var(--popover-color-border);
3946
3949
  }
3950
+ .tippy-box[data-popper-reference-hidden] .d-popover__dialog {
3951
+ visibility: hidden;
3952
+ }
3947
3953
  .d-checkbox,
3948
3954
  .d-radio {
3949
3955
  --check-radio-color-border: var(--dt-checkbox-color-border-unchecked);
@@ -7502,18 +7508,57 @@ legend .d-label--md {
7502
7508
  .d-h-unset {
7503
7509
  height: unset !important;
7504
7510
  }
7511
+ .d-h-fit-content {
7512
+ height: -webkit-fit-content !important;
7513
+ height: -moz-fit-content !important;
7514
+ height: fit-content !important;
7515
+ }
7516
+ .d-h-max-content {
7517
+ height: -webkit-max-content !important;
7518
+ height: max-content !important;
7519
+ }
7520
+ .d-h-min-content {
7521
+ height: -webkit-min-content !important;
7522
+ height: min-content !important;
7523
+ }
7505
7524
  .d-hmn-auto {
7506
7525
  min-height: auto !important;
7507
7526
  }
7508
7527
  .d-hmn-unset {
7509
7528
  min-height: unset !important;
7510
7529
  }
7530
+ .d-hmn-fit-content {
7531
+ min-height: -webkit-fit-content !important;
7532
+ min-height: -moz-fit-content !important;
7533
+ min-height: fit-content !important;
7534
+ }
7535
+ .d-hmn-max-content {
7536
+ min-height: -webkit-max-content !important;
7537
+ min-height: max-content !important;
7538
+ }
7539
+ .d-hmn-min-content {
7540
+ min-height: -webkit-min-content !important;
7541
+ min-height: min-content !important;
7542
+ }
7511
7543
  .d-hmx-auto {
7512
7544
  max-height: auto !important;
7513
7545
  }
7514
7546
  .d-hmx-unset {
7515
7547
  max-height: unset !important;
7516
7548
  }
7549
+ .d-hmx-fit-content {
7550
+ max-height: -webkit-fit-content !important;
7551
+ max-height: -moz-fit-content !important;
7552
+ max-height: fit-content !important;
7553
+ }
7554
+ .d-hmx-max-content {
7555
+ max-height: -webkit-max-content !important;
7556
+ max-height: max-content !important;
7557
+ }
7558
+ .d-hmx-min-content {
7559
+ max-height: -webkit-min-content !important;
7560
+ max-height: min-content !important;
7561
+ }
7517
7562
  .d-w10p {
7518
7563
  width: 10% !important;
7519
7564
  }
@@ -9221,7 +9266,7 @@ ul {
9221
9266
  width: var(--dt-size-550);
9222
9267
  height: var(--dt-size-550);
9223
9268
  margin-bottom: var(--dt-space-450-negative);
9224
- color: var(--dt-color-neutral-white);
9269
+ color: var(--dt-color-foreground-primary-inverted);
9225
9270
  font-size: var(--dt-font-size-200);
9226
9271
  }
9227
9272
  .d-recipe-ivr-node__connector-dtmf .d-recipe-ivr-node__connector--selected {