@dialpad/dialtone-css 8.58.3 → 8.60.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 (13) hide show
  1. package/lib/build/less/components/loader.less +17 -0
  2. package/lib/build/less/dialtone.less +1 -0
  3. package/lib/build/less/utilities/borders.less +20 -27
  4. package/lib/build/less/utilities/spacing.less +2 -0
  5. package/lib/build/svg/spot/playlist.svg +5 -0
  6. package/lib/dist/dialtone-default-theme.css +418 -77
  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 +192 -68
  10. package/lib/dist/dialtone.min.css +1 -1
  11. package/lib/dist/svg/spot/playlist.svg +1 -0
  12. package/lib/dist/vue/spot/SpotPlaylist.vue +3 -0
  13. package/package.json +1 -1
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/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/build/less/utilities/borders.less CHANGED
@@ -111,53 +111,46 @@
111
111
 
112
112
  // $$ WIDTH
113
113
  // ----------------------------------------------------------------------------
114
- .d-baw0 { border-width: 0 !important; }
115
- .d-baw1 { border-width: var(--dt-size-100) !important; }
116
- .d-baw2 { border-width: var(--dt-size-200) !important; }
117
- .d-baw4 { border-width: var(--dt-size-300) !important; }
118
- .d-baw6 { border-width: var(--dt-size-350) !important; }
114
+ .d-baw0 { border-width: var(--dt-size-border-0) !important; }
115
+ .d-baw1 { border-width: var(--dt-size-border-100) !important; }
116
+ .d-baw2 { border-width: var(--dt-size-border-200) !important; }
117
+ .d-baw4 { border-width: var(--dt-size-border-300) !important; }
119
118
 
120
119
  // -- Top Border width
121
- .d-btw0 { border-top-width: 0 !important; }
122
- .d-btw1 { border-top-width: var(--dt-size-100) !important; }
123
- .d-btw2 { border-top-width: var(--dt-size-200) !important; }
124
- .d-btw4 { border-top-width: var(--dt-size-300) !important; }
125
- .d-btw6 { border-top-width: var(--dt-size-350) !important; }
120
+ .d-btw0 { border-top-width: var(--dt-size-border-0) !important; }
121
+ .d-btw1 { border-top-width: var(--dt-size-border-100) !important; }
122
+ .d-btw2 { border-top-width: var(--dt-size-border-200) !important; }
123
+ .d-btw4 { border-top-width: var(--dt-size-border-300) !important; }
126
124
 
127
125
  // -- Right Border width
128
- .d-brw0 { border-right-width: 0 !important; }
129
- .d-brw1 { border-right-width: var(--dt-size-100) !important; }
130
- .d-brw2 { border-right-width: var(--dt-size-200) !important; }
131
- .d-brw4 { border-right-width: var(--dt-size-300) !important; }
132
- .d-brw6 { border-right-width: var(--dt-size-350) !important; }
126
+ .d-brw0 { border-right-width: var(--dt-size-border-0) !important; }
127
+ .d-brw1 { border-right-width: var(--dt-size-border-100) !important; }
128
+ .d-brw2 { border-right-width: var(--dt-size-border-200) !important; }
129
+ .d-brw4 { border-right-width: var(--dt-size-border-300) !important; }
133
130
 
134
131
  // -- Bottom Border width
135
- .d-bbw0 { border-bottom-width: 0 !important; }
136
- .d-bbw1 { border-bottom-width: var(--dt-size-100) !important; }
137
- .d-bbw2 { border-bottom-width: var(--dt-size-200) !important; }
138
- .d-bbw4 { border-bottom-width: var(--dt-size-300) !important; }
139
- .d-bbw6 { border-bottom-width: var(--dt-size-350) !important; }
132
+ .d-bbw0 { border-bottom-width: var(--dt-size-border-0) !important; }
133
+ .d-bbw1 { border-bottom-width: var(--dt-size-border-100) !important; }
134
+ .d-bbw2 { border-bottom-width: var(--dt-size-border-200) !important; }
135
+ .d-bbw4 { border-bottom-width: var(--dt-size-border-300) !important; }
140
136
 
141
137
  // -- Left Border width
142
- .d-blw0 { border-left-width: 0 !important; }
143
- .d-blw1 { border-left-width: var(--dt-size-100) !important; }
144
- .d-blw2 { border-left-width: var(--dt-size-200) !important; }
145
- .d-blw4 { border-left-width: var(--dt-size-300) !important; }
146
- .d-blw6 { border-left-width: var(--dt-size-350) !important; }
138
+ .d-blw0 { border-left-width: var(--dt-size-border-0) !important; }
139
+ .d-blw1 { border-left-width: var(--dt-size-border-100) !important; }
140
+ .d-blw2 { border-left-width: var(--dt-size-border-200) !important; }
141
+ .d-blw4 { border-left-width: var(--dt-size-border-300) !important; }
147
142
 
148
143
  // -- X Border width
149
144
  .d-bxw0 { .d-brw0(); .d-blw0(); }
150
145
  .d-bxw1 { .d-brw1(); .d-blw1(); }
151
146
  .d-bxw2 { .d-brw2(); .d-blw2(); }
152
147
  .d-bxw4 { .d-brw4(); .d-blw4(); }
153
- .d-bxw6 { .d-brw6(); .d-blw6(); }
154
148
 
155
149
  // -- Y Border width
156
150
  .d-byw0 { .d-btw0(); .d-bbw0(); }
157
151
  .d-byw1 { .d-btw1(); .d-bbw1(); }
158
152
  .d-byw2 { .d-btw2(); .d-bbw2(); }
159
153
  .d-byw4 { .d-btw4(); .d-bbw4(); }
160
- .d-byw6 { .d-btw6(); .d-bbw6(); }
161
154
 
162
155
 
163
156
  // ============================================================================
package/lib/build/less/utilities/spacing.less CHANGED
@@ -31,6 +31,7 @@
31
31
  .d-stack8 { > * + * { margin-top: var(--dt-space-400) !important; } }
32
32
  .d-stack12 { > * + * { margin-top: var(--dt-space-450) !important; } }
33
33
  .d-stack16 { > * + * { margin-top: var(--dt-space-500) !important; } }
34
+ .d-stack20 { > * + * { margin-top: var(--dt-space-525) !important; } }
34
35
  .d-stack24 { > * + * { margin-top: var(--dt-space-550) !important; } }
35
36
  .d-stack32 { > * + * { margin-top: var(--dt-space-600) !important; } }
36
37
  .d-stack48 { > * + * { margin-top: var(--dt-space-650) !important; } }
@@ -53,6 +54,7 @@
53
54
  .d-flow8 { > * + * { margin-left: var(--dt-space-400) !important; } }
54
55
  .d-flow12 { > * + * { margin-left: var(--dt-space-450) !important; } }
55
56
  .d-flow16 { > * + * { margin-left: var(--dt-space-500) !important; } }
57
+ .d-flow20 { > * + * { margin-left: var(--dt-space-525) !important; } }
56
58
  .d-flow24 { > * + * { margin-left: var(--dt-space-550) !important; } }
57
59
  .d-flow32 { > * + * { margin-left: var(--dt-space-600) !important; } }
58
60
  .d-flow48 { > * + * { margin-left: var(--dt-space-650) !important; } }
package/lib/build/svg/spot/playlist.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M135.447 67.8164C136.801 68.2732 138.164 68.6993 139.54 69.085C155.003 73.4202 171.782 75.2446 181.869 89.2256C190.526 101.223 196.143 120.81 191.815 135.252C188.909 144.931 181.254 152.627 172.524 157.711C160.434 164.752 146.019 168.352 132.385 171.051C104.367 176.596 73.2873 174.504 46.735 163.201H123.726L128.919 155.288H154.634L166.255 153.805L170.459 148.118L170.211 137.238L163.536 124.627L151.172 110.039L131.144 90.999L122.984 79.3779L127.187 79.8721L132.628 77.8945L135.841 70.9707L135.447 67.8164ZM67.5992 39.1855C74.2804 40.0719 80.6358 42.0221 86.817 44.5459L83.4215 46.2441L79.2183 51.6836V56.3818L82.6793 58.6074H88.6139L84.1637 64.7891L78.7232 70.4766L69.8219 78.1416L52.2662 89.7627L37.1832 103.115L28.2809 115.478L23.8307 131.304L24.8199 147.376L28.6129 152.855C26.6819 151.355 24.8396 149.749 23.11 148.038V148.031C19.8037 144.758 16.9182 141.103 14.607 137.049C-0.368067 110.796 5.7986 71.1067 27.8971 51.1133C29.941 60.4442 38.2525 67.4295 48.1969 67.4297C59.6746 67.4295 68.9799 58.1242 68.9801 46.6465C68.98 44.0168 68.4903 41.5013 67.5992 39.1855Z" fill="var(--dt-color-purple-200)"/>
3
+ <path d="M106.731 33.9551C111.006 32.1526 115.831 31.301 120.463 31.7579C122.703 31.9832 124.912 32.4965 126.928 33.5167C128.83 34.4743 130.419 35.9648 131.709 37.6485C134.387 41.1411 135.99 45.5722 136.51 49.9161C137.092 54.7994 136.046 59.7332 133.868 64.1114C138.82 66.8681 136.661 73.7366 133.844 77.2999C132.091 79.5156 129.475 81.2122 126.546 80.8116C125.729 80.7011 125 80.4152 124.385 79.9971C124.746 81.1472 125.316 82.2213 125.964 83.2403C129.268 88.4542 133.712 92.9799 138.149 97.2862C142.586 101.592 147.237 105.661 151.699 109.936C160.211 118.079 168.942 127.68 171.145 139.673C172.103 144.899 172.052 151.66 166.545 154.345C164.292 155.44 161.77 155.752 159.298 155.99C157.451 156.172 155.604 156.298 153.752 156.404C149.027 156.68 144.301 156.835 139.57 156.86C135.918 156.884 132.211 156.907 128.576 156.471C127.543 158.833 126.349 161.124 125.148 163.404C125.107 163.509 125.045 163.604 124.969 163.688C124.806 163.897 124.591 163.993 124.37 164.002C124.336 164.006 124.302 164.009 124.267 164.009H124.118C120.626 164.134 117.101 164.009 113.609 164.009H42.5427C40.6528 163.965 39.0064 162.713 38.7058 160.792C38.6986 160.746 38.6946 160.701 38.6931 160.657C38.6852 160.622 38.6792 160.586 38.6746 160.548C38.6577 160.408 38.6407 160.267 38.6238 160.125C36.3137 159.656 34.1202 158.62 32.1658 157.317C27.6408 154.294 24.0922 149.844 22.9656 144.461C21.7327 138.565 22.0141 132.431 23.4285 126.591C26.3326 114.605 33.8116 104.434 42.8113 96.2344C47.355 92.0972 52.2869 88.3918 57.3562 84.918C62.4633 81.4129 67.7773 78.07 72.6277 74.3145C77.4781 70.559 81.8468 66.0959 85.3015 61.3077C85.6178 60.8693 85.9287 60.4262 86.241 59.9835C84.4798 60.3247 82.5543 60.0603 81.0701 59.2735C79.7935 58.5975 78.6735 57.4892 78.1228 56.1436C77.5097 54.6477 77.8594 52.9201 78.3914 51.4493C79.3928 48.6578 81.3084 46.3236 83.7742 44.5899C86.2401 42.8561 89.4447 42.0048 92.2986 43.3067C92.3981 43.3522 92.4967 43.4025 92.5955 43.4551C96.9381 39.7895 101.449 36.1788 106.731 33.9551ZM42.492 109.122C38.0798 109.066 34.8882 112.853 35.3826 117.165C35.6016 119.037 35.8272 120.908 36.0525 122.779C36.9788 130.522 37.8981 138.271 38.8181 146.02C39.3294 150.321 39.8401 154.618 40.3513 158.914C40.3888 159.022 40.4004 159.139 40.3924 159.258C40.4342 159.609 40.4765 159.96 40.5183 160.312C40.6869 161.352 41.379 162.081 42.4607 162.131C45.3833 162.256 48.3437 162.131 51.2664 162.131H123.276C123.275 162.098 123.273 162.064 123.272 162.031C122.984 155.685 122.703 149.344 122.415 142.997C122.083 135.605 121.746 128.212 121.414 120.82C121.345 119.3 121.445 117.622 121.113 116.12C120.506 113.385 118.203 111.232 115.393 110.938C115.005 110.894 114.61 110.899 114.222 110.887C109.566 110.774 104.91 110.656 100.254 110.543C92.2489 110.349 84.2438 110.148 76.239 109.954C68.5659 109.76 60.8985 109.573 53.2254 109.385C49.6518 109.297 46.0718 109.172 42.492 109.122ZM125.046 159.503C125.488 158.629 125.924 157.749 126.34 156.86C126.821 155.834 127.278 154.789 127.678 153.725C127.866 153.23 128.042 152.724 128.192 152.217C128.247 152.032 128.298 151.837 128.348 151.646C128.136 151.641 127.922 151.647 127.803 151.635C127.434 151.597 127.059 151.559 126.69 151.516C126.018 151.443 125.349 151.376 124.678 151.315C124.799 154.045 124.922 156.774 125.046 159.503ZM118.335 41.5411C116.845 41.1467 115.23 41.2719 113.716 41.4346C110.511 41.7789 107.288 42.6804 104.384 44.0762C98.9825 46.6675 94.9337 51.0745 91.5291 55.7501C88.1244 60.4256 85.1199 65.2261 80.9705 69.4698C76.8211 73.7135 72.0647 77.2129 67.1267 80.5928C62.1887 83.9728 57.0999 87.2398 52.3621 90.795C47.6243 94.3502 43.0991 98.231 39.0623 102.581C31.0951 111.162 25.0498 121.966 24.1736 133.827C23.7731 139.185 24.1298 145.237 27.1902 149.825C29.7409 153.655 33.8422 156.978 38.3885 158.147C37.6617 152.017 36.962 146.132 36.1902 139.642C35.3641 132.694 34.5378 125.74 33.7117 118.792C33.6429 118.229 33.5741 117.666 33.5115 117.103C33.2674 114.924 33.824 112.696 35.1258 110.918C36.8469 108.571 39.5759 107.219 42.4861 107.257C42.7427 107.263 42.9932 107.275 43.2498 107.275C48.1189 107.394 52.9881 107.513 57.8572 107.632C66.0183 107.832 74.1795 108.033 82.3406 108.233C89.9761 108.421 97.6058 108.609 105.235 108.797C107.645 108.853 110.048 108.915 112.458 108.972C113.697 108.997 114.974 108.96 116.194 109.166C119.067 109.654 121.501 111.726 122.565 114.417C122.985 115.481 123.116 116.583 123.166 117.71L123.467 124.419L124.555 148.599C124.568 148.875 124.58 149.152 124.593 149.429C125.416 149.501 126.232 149.594 127.053 149.682C127.516 149.732 127.954 149.776 128.429 149.819C128.905 149.863 129.456 149.82 129.869 150.107C130.657 150.652 130.295 151.697 130.095 152.423C129.894 153.149 129.643 153.863 129.368 154.564C129.351 154.606 129.334 154.649 129.317 154.691C130.476 154.806 131.713 154.865 132.873 154.908C141.428 155.24 150.109 154.952 158.634 154.189C160.837 153.988 163.121 153.781 165.18 152.93C167.734 151.872 169.136 149.738 169.599 147.034C170.063 144.33 169.674 141.444 169.06 138.803C168.416 136.005 167.389 133.313 166.088 130.76C160.686 120.157 151.418 112.151 142.8 104.221C138.431 100.202 134.087 96.1406 130.163 91.6778C128.198 89.4496 126.296 87.1396 124.643 84.6485C122.991 82.1573 121.846 79.3594 122.178 76.3174C122.212 76.0046 122.258 75.6962 122.312 75.3907H122.303C122.311 75.3013 122.33 75.2187 122.356 75.1426C122.847 72.6238 123.967 70.3241 125.025 67.8926C126.246 65.0885 127.078 62.1715 127.265 59.1045C127.591 53.6279 126.283 47.0625 121.858 43.3946C120.832 42.5434 119.624 41.8791 118.335 41.5411ZM134.888 68.3936C134.382 65.3203 130.319 64.2993 127.897 65.7139C127.889 65.7189 127.879 65.7219 127.871 65.7266C127.858 65.7641 127.848 65.8025 127.835 65.8399C126.833 68.7816 125.231 71.4983 124.418 74.5088C124.318 74.8775 124.231 75.252 124.163 75.6299C124.115 76.5986 124.35 77.6056 125.113 78.2706C125.989 79.04 127.353 79.1341 128.448 78.8838C130.638 78.3769 132.31 76.4866 133.374 74.6778C134.438 72.869 135.239 70.5154 134.888 68.3936ZM117.966 33.5293C113.585 33.5544 109.253 34.6625 105.36 36.6592C101.265 38.7639 97.6531 41.6503 94.1433 44.6075C94.9921 45.4438 95.6712 46.5144 95.9685 47.6358C96.065 47.544 96.1628 47.4531 96.2605 47.3624C100.998 42.9686 107.025 40.352 113.415 39.5821C116.469 39.2128 119.424 39.4254 122.04 41.1905C124.355 42.7489 126.114 45.0213 127.19 47.5811C129.277 52.5416 129.738 58.1925 128.519 63.4395C129.689 63.1209 130.939 63.1225 132.119 63.42C134.508 58.7231 135.43 53.3129 134.325 48.126C133.518 44.333 131.903 40.4398 129.212 37.5918C126.283 34.5 122.109 33.5044 117.966 33.5293ZM90.2146 44.6085C87.8927 44.2141 85.6139 45.3842 83.8865 46.8614C82.1593 48.3384 80.7265 50.2289 80.0506 52.4131C79.6813 53.5961 79.4367 54.861 80.1375 55.9688C80.7132 56.8887 81.6585 57.5895 82.6785 57.9463C84.6437 58.6286 87.2661 58.2406 88.5867 56.5381C88.6558 56.4485 88.7302 56.3788 88.8074 56.3272C90.4806 53.9573 92.2033 51.623 94.1551 49.4893C94.4831 48.3698 93.9073 47.2276 93.1619 46.3233C92.3984 45.3971 91.3973 44.8088 90.2146 44.6085ZM106.856 47.5196C107.244 47.1878 107.802 47.1378 108.183 47.5196C108.521 47.8576 108.571 48.5203 108.183 48.8458C106.689 50.1158 105.147 51.3346 103.568 52.4981C104.194 52.9837 104.82 53.4694 105.448 53.9532C105.849 54.2661 105.773 54.9548 105.448 55.2803C105.06 55.6684 104.521 55.5933 104.121 55.2803C103.195 54.5668 102.275 53.8473 101.348 53.1338C100.823 52.727 101.104 51.9631 101.536 51.6563C103.37 50.3544 105.141 48.9711 106.856 47.5127V47.5196Z" fill="var(--dt-color-black-1000)"/>
4
+ <path d="M48 25.7822C59.5981 25.7822 69 35.1851 69 46.7832C68.9998 58.3811 59.598 67.7832 48 67.7832C36.4021 67.7831 27.0002 58.3811 27 46.7832C27 35.1852 36.402 25.7823 48 25.7822ZM42.8545 57.1914L58.1289 47.5664L42.8545 36.6865V57.1914Z" fill="var(--dt-color-black-1000)"/>
5
+ </svg>