@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
package/dist/packages/pill/styles.js CHANGED
@@ -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}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.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}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.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}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}.bg-\\[--w-color-pill-suggestion-background\\]{background-color:var(--w-color-pill-suggestion-background)}.hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.rounded{border-radius:4px}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.flex{display:flex}.inline-flex{display:inline-flex}.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}.items-center{align-items:center}.static{position:static}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.active\\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.h-16{height:1.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pl-12{padding-left:1.2rem}.pl-4{padding-left:.4rem}.pr-12{padding-right:1.2rem}.pr-2{padding-right:.2rem}.font-bold{font-weight:700}.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}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;
package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts CHANGED
@@ -42,6 +42,8 @@ export declare class WCheckbox extends BaseFormAssociatedElement {
42
42
  required: boolean;
43
43
  /** The checkbox's hint. If you need to display HTML, use the `hint` slot instead. */
44
44
  hint: string;
45
+ connectedCallback(): void;
46
+ private setInitialAttributes;
45
47
  private handleClick;
46
48
  handleDefaultCheckedChange(): void;
47
49
  handleValueOrCheckedChange(): void;