@dialpad/dialtone 6.9.0 → 6.13.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 (24) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/lib/build/less/components/button.less +11 -14
  3. package/lib/build/less/components/link.less +6 -6
  4. package/lib/build/less/components/radio-checkbox.less +25 -25
  5. package/lib/build/less/components/selects.less +6 -6
  6. package/lib/build/less/components/skeleton.less +43 -0
  7. package/lib/build/less/components/tabs.less +1 -1
  8. package/lib/build/less/components/toggle.less +96 -0
  9. package/lib/build/less/components/tooltip.less +2 -2
  10. package/lib/build/less/dialtone-globals.less +10 -0
  11. package/lib/build/less/dialtone.less +2 -0
  12. package/lib/build/less/utilities/backgrounds.less +2 -0
  13. package/lib/build/less/utilities/colors.less +32 -17
  14. package/lib/build/less/utilities/effects.less +7 -0
  15. package/lib/build/less/utilities/grid.less +1 -1
  16. package/lib/build/less/utilities/internals.less +62 -0
  17. package/lib/build/less/utilities/layout.less +15 -15
  18. package/lib/build/less/variables/colors.less +3 -3
  19. package/lib/build/svg/spot/file-upload.svg +56 -0
  20. package/lib/dist/css/dialtone.css +7799 -106
  21. package/lib/dist/css/dialtone.min.css +1 -1
  22. package/lib/dist/svg/spot/file-upload.svg +1 -0
  23. package/lib/dist/vue/spot/SpotFileUpload.vue +3 -0
  24. package/package.json +6 -4
package/lib/dist/svg/spot/file-upload.svg ADDED
@@ -0,0 +1 @@
1
+ <svg aria-hidden="true" aria-label="File Upload" class="d-svg fileUpload" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M68.97 7H33v64.344h53.223v-47.09L68.97 7z" fill="#EAE9EF"/><path clip-rule="evenodd" d="M42 33h37.222v-1.599H42V33zM42 39.383h37.222v-1.6H42v1.6zM42 45.011h37.222v-1.689H42v1.689zM46.334 63.13h32.888v-1.6H46.334v1.6zM42 51.157h37.222v-1.6H42v1.6zM43.55 57.077h35.672v-1.599H43.551v1.599z" class="d-svg-primary--fill"/><g opacity=".2" fill-rule="evenodd" clip-rule="evenodd" fill="#fff"><path d="M42 33h37.222v-1.599H42V33zM42 39.383h37.222v-1.6H42v1.6zM42 45.011h37.222v-1.689H42v1.689zM46.334 63.13h32.888v-1.6H46.334v1.6zM42 51.157h37.222v-1.6H42v1.6zM43.55 57.077h35.672v-1.599H43.551v1.599z"/></g><g filter="url(#filter0_d_203_10)"><path d="M68.97 24.25h17.25L68.97 7v17.25z" fill="#fff"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M54.97 18.121H19v64.345h53.223V35.375L54.97 18.121z" fill="#F7F7F9"/><g clip-path="url(#clip0_203_10)"><path class="d-svg-primary--fill" d="M31.46 44.97h28.31v19.78H31.46z"/><path opacity=".7" fill="#fff" d="M31.46 44.97h28.31v19.78H31.46z"/><path d="M40.033 55.635l-7.834 9.11c7.383-.005 27.561.005 27.561.005v-7.358l-6.58-5.56-7.075 7.845-6.072-4.042z" class="d-svg-primary--fill"/><path opacity=".3" d="M40.033 55.635l-7.834 9.11c7.383-.005 27.561.005 27.561.005v-7.358l-6.58-5.56-7.075 7.845-6.072-4.042z" fill="#fff"/><path d="M37.332 53.536a2.276 2.276 0 10-1.181-4.397 2.276 2.276 0 001.181 4.397z" fill="#F7F7F9"/></g><g filter="url(#filter1_d_203_10)"><path d="M54.97 35.38h17.25L54.97 18.12v17.26z" fill="#fff"/></g><path d="M29 80c0 5.523-4.477 10-10 10S9 85.523 9 80s4.477-10 10-10 10 4.477 10 10z" class="d-svg-primary--fill"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.724 74.607a.723.723 0 011.023 0l4.602 4.601a.723.723 0 11-1.023 1.023l-3.367-3.367v7.978h-1.446v-7.978l-3.368 3.367a.723.723 0 11-1.022-1.023l4.601-4.601z" fill="#fff"/><defs><filter id="filter0_d_203_10" x="61.24" y="2.86" width="32.7" height="32.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3.59"/><feGaussianBlur stdDeviation="3.86"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_203_10"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_203_10" result="shape"/></filter><filter id="filter1_d_203_10" x="47.2" y="13.96" width="32.8" height="32.81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3.61"/><feGaussianBlur stdDeviation="3.89"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_203_10"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_203_10" result="shape"/></filter><clipPath id="clip0_203_10"><path fill="#fff" transform="translate(31.459 44.969)" d="M0 0h28.31v19.78H0z"/></clipPath></defs></svg>
package/lib/dist/vue/spot/SpotFileUpload.vue ADDED
@@ -0,0 +1,3 @@
1
+ <template>
2
+ <svg aria-hidden="true" aria-label="File Upload" class="d-svg fileUpload" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M68.97 7H33v64.344h53.223v-47.09L68.97 7z" fill="#EAE9EF"/><path clip-rule="evenodd" d="M42 33h37.222v-1.599H42V33zM42 39.383h37.222v-1.6H42v1.6zM42 45.011h37.222v-1.689H42v1.689zM46.334 63.13h32.888v-1.6H46.334v1.6zM42 51.157h37.222v-1.6H42v1.6zM43.55 57.077h35.672v-1.599H43.551v1.599z" class="d-svg-primary--fill"/><g opacity=".2" fill-rule="evenodd" clip-rule="evenodd" fill="#fff"><path d="M42 33h37.222v-1.599H42V33zM42 39.383h37.222v-1.6H42v1.6zM42 45.011h37.222v-1.689H42v1.689zM46.334 63.13h32.888v-1.6H46.334v1.6zM42 51.157h37.222v-1.6H42v1.6zM43.55 57.077h35.672v-1.599H43.551v1.599z"/></g><g filter="url(#filter0_d_203_10)"><path d="M68.97 24.25h17.25L68.97 7v17.25z" fill="#fff"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M54.97 18.121H19v64.345h53.223V35.375L54.97 18.121z" fill="#F7F7F9"/><g clip-path="url(#clip0_203_10)"><path class="d-svg-primary--fill" d="M31.46 44.97h28.31v19.78H31.46z"/><path opacity=".7" fill="#fff" d="M31.46 44.97h28.31v19.78H31.46z"/><path d="M40.033 55.635l-7.834 9.11c7.383-.005 27.561.005 27.561.005v-7.358l-6.58-5.56-7.075 7.845-6.072-4.042z" class="d-svg-primary--fill"/><path opacity=".3" d="M40.033 55.635l-7.834 9.11c7.383-.005 27.561.005 27.561.005v-7.358l-6.58-5.56-7.075 7.845-6.072-4.042z" fill="#fff"/><path d="M37.332 53.536a2.276 2.276 0 10-1.181-4.397 2.276 2.276 0 001.181 4.397z" fill="#F7F7F9"/></g><g filter="url(#filter1_d_203_10)"><path d="M54.97 35.38h17.25L54.97 18.12v17.26z" fill="#fff"/></g><path d="M29 80c0 5.523-4.477 10-10 10S9 85.523 9 80s4.477-10 10-10 10 4.477 10 10z" class="d-svg-primary--fill"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.724 74.607a.723.723 0 011.023 0l4.602 4.601a.723.723 0 11-1.023 1.023l-3.367-3.367v7.978h-1.446v-7.978l-3.368 3.367a.723.723 0 11-1.022-1.023l4.601-4.601z" fill="#fff"/><defs><filter id="filter0_d_203_10" x="61.24" y="2.86" width="32.7" height="32.7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3.59"/><feGaussianBlur stdDeviation="3.86"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_203_10"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_203_10" result="shape"/></filter><filter id="filter1_d_203_10" x="47.2" y="13.96" width="32.8" height="32.81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3.61"/><feGaussianBlur stdDeviation="3.89"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_203_10"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_203_10" result="shape"/></filter><clipPath id="clip0_203_10"><path fill="#fff" transform="translate(31.459 44.969)" d="M0 0h28.31v19.78H0z"/></clipPath></defs></svg>
3
+ </template>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone",
3
3
  "description": "The design system for Dialpad and UberConference",
4
- "version": "6.9.0",
4
+ "version": "6.13.0",
5
5
  "author": "Joshua Hynes",
6
6
  "files": [
7
7
  "lib",
@@ -77,6 +77,7 @@
77
77
  "path": "^0.12.7",
78
78
  "postcss": "^8.4.4",
79
79
  "postcss-cli": "^7.1.1",
80
+ "postcss-focus-visible": "^6.0.3",
80
81
  "postcss-less": "^5.0.0",
81
82
  "postcss-preset-env": "^6.7.0",
82
83
  "postcss-sorting": "^4.1.0",
@@ -87,14 +88,15 @@
87
88
  "set-value": ">=2.0.1",
88
89
  "sharp": "^0.25.4",
89
90
  "socket.io": ">=2.4.0",
90
- "through2": "^4.0.2",
91
91
  "stylelint": "^14.0.1",
92
92
  "stylelint-config-rational-order": "^0.1.2",
93
93
  "stylelint-config-recommended-less": "^1.0.1",
94
94
  "stylelint-config-standard": "^23.0.0",
95
- "stylelint-less": "^1.0.1"
95
+ "stylelint-less": "^1.0.1",
96
+ "through2": "^4.0.2"
96
97
  },
97
98
  "dependencies": {
98
- "eleventy-plugin-nesting-toc": "^1.2.0"
99
+ "eleventy-plugin-nesting-toc": "^1.2.0",
100
+ "focus-visible": "^5.2.0"
99
101
  }
100
102
  }