@warp-ds/elements 2.2.0-next.21 → 2.2.0-next.23

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 (65) hide show
  1. package/README.md +26 -37
  2. package/dist/custom-elements.json +133 -125
  3. package/dist/index.d.ts +34 -31
  4. package/dist/packages/affix/index.js.map +2 -2
  5. package/dist/packages/alert/index.js +1 -1
  6. package/dist/packages/alert/index.js.map +2 -2
  7. package/dist/packages/alert/styles.js +1 -1
  8. package/dist/packages/attention/attention.stories.d.ts +1 -0
  9. package/dist/packages/attention/attention.stories.js +15 -8
  10. package/dist/packages/attention/index.js +1 -1
  11. package/dist/packages/attention/index.js.map +2 -2
  12. package/dist/packages/attention/styles.js +1 -1
  13. package/dist/packages/badge/index.js.map +2 -2
  14. package/dist/packages/box/index.js.map +2 -2
  15. package/dist/packages/breadcrumbs/index.js.map +2 -2
  16. package/dist/packages/button/index.js.map +2 -2
  17. package/dist/packages/card/index.js.map +2 -2
  18. package/dist/packages/combobox/index.js.map +2 -2
  19. package/dist/packages/dead-toggle/dead-toggle.react.stories.d.ts +1 -1
  20. package/dist/packages/dead-toggle/index.d.ts +1 -0
  21. package/dist/packages/dead-toggle/index.js +109 -48
  22. package/dist/packages/dead-toggle/index.js.map +4 -4
  23. package/dist/packages/expandable/index.js.map +2 -2
  24. package/dist/packages/pagination/index.js.map +2 -2
  25. package/dist/packages/pill/index.js +1 -1
  26. package/dist/packages/pill/index.js.map +2 -2
  27. package/dist/packages/pill/styles.js +1 -1
  28. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +2 -0
  29. package/dist/packages/rip-and-tear-checkbox/checkbox.js +2559 -127
  30. package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +4 -4
  31. package/dist/packages/rip-and-tear-checkbox/index.js +2559 -127
  32. package/dist/packages/rip-and-tear-checkbox/index.js.map +4 -4
  33. package/dist/packages/rip-and-tear-checkbox/styles.d.ts +0 -1
  34. package/dist/packages/rip-and-tear-checkbox/styles.js +0 -116
  35. package/dist/packages/rip-and-tear-radio/index.js +2529 -150
  36. package/dist/packages/rip-and-tear-radio/index.js.map +4 -4
  37. package/dist/packages/rip-and-tear-radio/radio-group-styles.js +0 -1
  38. package/dist/packages/rip-and-tear-radio/radio-group-styles.js.map +2 -2
  39. package/dist/packages/rip-and-tear-radio/radio-group.js +2529 -150
  40. package/dist/packages/rip-and-tear-radio/radio-group.js.map +4 -4
  41. package/dist/packages/rip-and-tear-radio/radio-styles.d.ts +0 -1
  42. package/dist/packages/rip-and-tear-radio/radio-styles.js +0 -169
  43. package/dist/packages/rip-and-tear-radio/radio-styles.js.map +4 -4
  44. package/dist/packages/rip-and-tear-radio/radio.js +2517 -137
  45. package/dist/packages/rip-and-tear-radio/radio.js.map +4 -4
  46. package/dist/packages/rip-and-tear-radio/radio.stories.js +2530 -151
  47. package/dist/packages/rip-and-tear-radio/radio.stories.js.map +4 -4
  48. package/dist/packages/select/index.js +1 -1
  49. package/dist/packages/select/index.js.map +2 -2
  50. package/dist/packages/select/styles.js +1 -1
  51. package/dist/packages/slider/index.js +1 -1
  52. package/dist/packages/slider/index.js.map +2 -2
  53. package/dist/packages/slider/slider-thumb.js +1 -1
  54. package/dist/packages/slider/slider-thumb.js.map +2 -2
  55. package/dist/packages/slider/styles.js +1 -1
  56. package/dist/packages/steps/index.js.map +2 -2
  57. package/dist/packages/switch/index.js.map +2 -2
  58. package/dist/packages/textfield/index.js +1 -1
  59. package/dist/packages/textfield/index.js.map +2 -2
  60. package/dist/packages/textfield/styles.js +1 -1
  61. package/dist/packages/toggle-styles.d.ts +1 -0
  62. package/dist/packages/toggle-styles.js +109 -0
  63. package/dist/vscode.html-custom-data.json +20 -19
  64. package/dist/web-types.json +41 -36
  65. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;
2
+ export const styles = css `*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;
@@ -2694,7 +2694,7 @@ var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var ae=a=>{t
2694
2694
  :host([name='to']) .w-slider-thumb__range::-webkit-slider-thumb {
2695
2695
  margin-left: calc(1px * var(--thumb-offset) / 2);
2696
2696
  }
2697
- `;import{css as Ce}from"lit";var ge=Ce`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hidden{display:none}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;var fe={};var f,Z,O,te,d=class extends R(me){constructor(){super(...arguments);j(this,f);this._invalid=!1;this._showTooltip=!1;this.anchorPositioningStyleElement=null}async connectedCallback(){var e;if(super.connectedCallback(),"anchorName"in document.documentElement.style)await this.updateComplete;else{let r=fe.url.substring(0,fe.url.lastIndexOf("/"));try{let[{default:i}]=await Promise.all([import(`${r}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent=`
2697
+ `;import{css as Ce}from"lit";var ge=Ce`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hidden{display:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;var fe={};var f,Z,O,te,d=class extends R(me){constructor(){super(...arguments);j(this,f);this._invalid=!1;this._showTooltip=!1;this.anchorPositioningStyleElement=null}async connectedCallback(){var e;if(super.connectedCallback(),"anchorName"in document.documentElement.style)await this.updateComplete;else{let r=fe.url.substring(0,fe.url.lastIndexOf("/"));try{let[{default:i}]=await Promise.all([import(`${r}/oddbird-css-anchor-positioning.js`),this.updateComplete]);this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),this.shadowRoot.prepend(this.anchorPositioningStyleElement)),this.anchorPositioningStyleElement.textContent=`
2698
2698
  /*
2699
2699
  * The polyfill can only anchor to ::before and ::after pseudo elements.
2700
2700
  * We work around that by recreating a transparent version of the active range