@dialpad/dialtone-css 8.59.0 → 8.60.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 (9) hide show
  1. package/lib/build/less/components/loader.less +17 -0
  2. package/lib/build/less/components/modal.less +1 -0
  3. package/lib/build/less/components/selects.less +0 -1
  4. package/lib/build/less/dialtone.less +1 -0
  5. package/lib/dist/dialtone-default-theme.css +5 -1
  6. package/lib/dist/dialtone-default-theme.min.css +1 -1
  7. package/lib/dist/dialtone.css +5 -1
  8. package/lib/dist/dialtone.min.css +1 -1
  9. package/package.json +3 -3
package/lib/build/less/components/loader.less ADDED
@@ -0,0 +1,17 @@
1
+ //
2
+ // DIALTONE
3
+ // COMPONENTS: LOADER
4
+ //
5
+ // These are loader classes for Dialpad's design system Dialtone.
6
+ // For further documentation of these and other classes,
7
+ // visit https://dialtone.dialpad.com/components/loader
8
+ //
9
+ // TABLE OF CONTENTS
10
+ // • DEFAULT LOADER
11
+ //
12
+ // ============================================================================
13
+ // $ DEFAULT LOADER
14
+ // ----------------------------------------------------------------------------
15
+ .d-loader-icon {
16
+ animation: d-loading-circle 900ms infinite linear;
17
+ }
package/lib/build/less/components/modal.less CHANGED
@@ -129,6 +129,7 @@
129
129
  --modal-header-padding: var(--dt-space-550); // 24
130
130
 
131
131
  margin: 0 !important;
132
+ padding-right: var(--modal-header-padding);
132
133
  color: var(--modal-header-color-text);
133
134
  font-weight: var(--dt-font-weight-medium);
134
135
  font-size: var(--dt-font-size-400);
package/lib/build/less/components/selects.less CHANGED
@@ -32,7 +32,6 @@
32
32
  position: absolute;
33
33
  top: 50%;
34
34
  right: var(--select-notch-position-right);
35
- z-index: var(--zi-selected);
36
35
  width: var(--select-arrow-size);
37
36
  height: var(--select-arrow-size);
38
37
  background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M6.55798 1.89155C6.80205 1.64748 7.19778 1.64748 7.44186 1.89155L10.3585 4.80822C10.6026 5.0523 10.6026 5.44803 10.3585 5.6921C10.1144 5.93618 9.71872 5.93618 9.47464 5.6921L6.99992 3.21738L4.52519 5.6921C4.28112 5.93618 3.88539 5.93618 3.64131 5.6921C3.39723 5.44803 3.39723 5.0523 3.64131 4.80822L6.55798 1.89155ZM3.64131 8.30822C3.88539 8.06414 4.28112 8.06414 4.52519 8.30822L6.99992 10.7829L9.47464 8.30822C9.71872 8.06414 10.1144 8.06414 10.3585 8.30822C10.6026 8.5523 10.6026 8.94803 10.3585 9.1921L7.44186 12.1088C7.19778 12.3528 6.80205 12.3528 6.55798 12.1088L3.64131 9.1921C3.39723 8.94803 3.39723 8.5523 3.64131 8.30822Z' fill='gray'/> </svg>");
package/lib/build/less/dialtone.less CHANGED
@@ -36,6 +36,7 @@
36
36
  @import 'components/list-group'; // Dialtone 5 shim
37
37
  @import 'components/list-item-group';
38
38
  @import 'components/list-item';
39
+ @import 'components/loader';
39
40
  @import 'components/modal';
40
41
  @import 'components/notice';
41
42
  @import 'components/toast';
package/lib/dist/dialtone-default-theme.css CHANGED
@@ -3268,6 +3268,10 @@ legend .d-label--md {
3268
3268
  .d-list-item__bottom {
3269
3269
  margin-top: var(--dt-space-200);
3270
3270
  }
3271
+ .d-loader-icon {
3272
+ -webkit-animation: d-loading-circle 900ms infinite linear;
3273
+ animation: d-loading-circle 900ms infinite linear;
3274
+ }
3271
3275
  .d-modal {
3272
3276
  --modal-backdrop-color-background: var(--dt-color-surface-backdrop);
3273
3277
  --modal-dialog-padding: var(--dt-space-600);
@@ -3351,6 +3355,7 @@ legend .d-label--md {
3351
3355
  .d-modal__header {
3352
3356
  --modal-header-padding: var(--dt-space-550);
3353
3357
  margin: 0 !important;
3358
+ padding-right: var(--modal-header-padding);
3354
3359
  color: var(--modal-header-color-text);
3355
3360
  font-weight: var(--dt-font-weight-medium);
3356
3361
  font-size: var(--dt-font-size-400);
@@ -4293,7 +4298,6 @@ legend .d-label--md {
4293
4298
  position: absolute;
4294
4299
  top: 50%;
4295
4300
  right: var(--select-notch-position-right);
4296
- z-index: var(--zi-selected);
4297
4301
  width: var(--select-arrow-size);
4298
4302
  height: var(--select-arrow-size);
4299
4303
  background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M6.55798 1.89155C6.80205 1.64748 7.19778 1.64748 7.44186 1.89155L10.3585 4.80822C10.6026 5.0523 10.6026 5.44803 10.3585 5.6921C10.1144 5.93618 9.71872 5.93618 9.47464 5.6921L6.99992 3.21738L4.52519 5.6921C4.28112 5.93618 3.88539 5.93618 3.64131 5.6921C3.39723 5.44803 3.39723 5.0523 3.64131 4.80822L6.55798 1.89155ZM3.64131 8.30822C3.88539 8.06414 4.28112 8.06414 4.52519 8.30822L6.99992 10.7829L9.47464 8.30822C9.71872 8.06414 10.1144 8.06414 10.3585 8.30822C10.6026 8.5523 10.6026 8.94803 10.3585 9.1921L7.44186 12.1088C7.19778 12.3528 6.80205 12.3528 6.55798 12.1088L3.64131 9.1921C3.39723 8.94803 3.39723 8.5523 3.64131 8.30822Z' fill='gray'/> </svg>");