@warp-ds/elements 2.3.0-next.2 → 2.3.0-next.20

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 (135) hide show
  1. package/dist/custom-elements.json +715 -28
  2. package/dist/index.d.ts +150 -19
  3. package/dist/packages/affix/index.js.map +2 -2
  4. package/dist/packages/affix/react.d.ts +1 -1
  5. package/dist/packages/alert/index.js.map +2 -2
  6. package/dist/packages/alert/react.d.ts +1 -1
  7. package/dist/packages/attention/attention.stories.js +4 -1
  8. package/dist/packages/attention/index.js +5 -5
  9. package/dist/packages/attention/index.js.map +2 -2
  10. package/dist/packages/attention/react.d.ts +1 -1
  11. package/dist/packages/attention/styles.js +1 -1
  12. package/dist/packages/badge/index.js.map +2 -2
  13. package/dist/packages/badge/react.d.ts +1 -1
  14. package/dist/packages/box/index.js.map +2 -2
  15. package/dist/packages/box/react.d.ts +1 -1
  16. package/dist/packages/breadcrumbs/index.js.map +2 -2
  17. package/dist/packages/breadcrumbs/react.d.ts +1 -1
  18. package/dist/packages/button/button.stories.d.ts +4 -4
  19. package/dist/packages/button/button.stories.js +4 -4
  20. package/dist/packages/button/index.js +3 -3
  21. package/dist/packages/button/index.js.map +2 -2
  22. package/dist/packages/button/react.d.ts +1 -1
  23. package/dist/packages/card/index.js.map +2 -2
  24. package/dist/packages/card/react.d.ts +1 -1
  25. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  26. package/dist/packages/combobox/index.js.map +2 -2
  27. package/dist/packages/combobox/react.d.ts +1 -1
  28. package/dist/packages/datepicker/react.d.ts +1 -1
  29. package/dist/packages/dead-toggle/index.js +2 -3
  30. package/dist/packages/dead-toggle/index.js.map +2 -2
  31. package/dist/packages/dead-toggle/react.d.ts +1 -1
  32. package/dist/packages/expandable/index.js.map +2 -2
  33. package/dist/packages/expandable/react.d.ts +1 -1
  34. package/dist/packages/link/index.js +3 -3
  35. package/dist/packages/link/index.js.map +1 -1
  36. package/dist/packages/link/react.d.ts +1 -1
  37. package/dist/packages/link/styles.js +3 -3
  38. package/dist/packages/modal/index.js.map +2 -2
  39. package/dist/packages/modal/modal-header.js.map +2 -2
  40. package/dist/packages/modal/modal.stories.d.ts +3 -3
  41. package/dist/packages/modal/modal.stories.js +32 -32
  42. package/dist/packages/modal/react.d.ts +1 -1
  43. package/dist/packages/pageindicator/react.d.ts +1 -1
  44. package/dist/packages/pagination/index.js.map +2 -2
  45. package/dist/packages/pagination/react.d.ts +1 -1
  46. package/dist/packages/pill/index.js.map +2 -2
  47. package/dist/packages/pill/react.d.ts +1 -1
  48. package/dist/packages/rip-and-tear-checkbox/checkbox-group.d.ts +10 -0
  49. package/dist/packages/rip-and-tear-checkbox/checkbox-group.js +7 -0
  50. package/dist/packages/rip-and-tear-checkbox/checkbox-group.js.map +7 -0
  51. package/dist/packages/rip-and-tear-checkbox/checkbox.js +2 -3
  52. package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +2 -2
  53. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.d.ts +3 -0
  54. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +14 -0
  55. package/dist/packages/rip-and-tear-checkbox/index.js +2 -0
  56. package/dist/packages/rip-and-tear-checkbox/react.d.ts +3 -1
  57. package/dist/packages/rip-and-tear-checkbox/react.js +5 -0
  58. package/dist/packages/rip-and-tear-radio/radio-group.js +2 -3
  59. package/dist/packages/rip-and-tear-radio/radio-group.js.map +2 -2
  60. package/dist/packages/rip-and-tear-radio/radio.js +2 -3
  61. package/dist/packages/rip-and-tear-radio/radio.js.map +2 -2
  62. package/dist/packages/rip-and-tear-radio/radio.stories.js +2 -3
  63. package/dist/packages/rip-and-tear-radio/radio.stories.js.map +2 -2
  64. package/dist/packages/rip-and-tear-radio/react.d.ts +2 -2
  65. package/dist/packages/select/index.d.ts +25 -5
  66. package/dist/packages/select/index.js +14 -13
  67. package/dist/packages/select/index.js.map +2 -2
  68. package/dist/packages/select/react.d.ts +1 -1
  69. package/dist/packages/select/select.react.stories.d.ts +1 -1
  70. package/dist/packages/select/select.stories.d.ts +1 -1
  71. package/dist/packages/select/select.stories.js +3 -4
  72. package/dist/packages/slider/react.d.ts +2 -2
  73. package/dist/packages/slider/slider-thumb.d.ts +11 -7
  74. package/dist/packages/slider/slider-thumb.js +92 -49
  75. package/dist/packages/slider/slider-thumb.js.map +4 -4
  76. package/dist/packages/slider/slider.d.ts +10 -1
  77. package/dist/packages/slider/slider.js +99 -31
  78. package/dist/packages/slider/slider.js.map +3 -3
  79. package/dist/packages/slider/slider.react.stories.d.ts +1 -0
  80. package/dist/packages/slider/slider.react.stories.js +22 -0
  81. package/dist/packages/slider/slider.stories.d.ts +3 -0
  82. package/dist/packages/slider/slider.stories.js +240 -33
  83. package/dist/packages/slider/styles/w-slider-thumb.styles.js +24 -16
  84. package/dist/packages/slider/styles/w-slider.styles.js +65 -18
  85. package/dist/packages/steps/index.d.ts +3 -2
  86. package/dist/packages/steps/index.js +8 -8
  87. package/dist/packages/steps/index.js.map +3 -3
  88. package/dist/packages/steps/react.d.ts +2 -2
  89. package/dist/packages/steps/react.js +2 -2
  90. package/dist/packages/steps/steps.react.stories.d.ts +4 -4
  91. package/dist/packages/steps/steps.react.stories.js +11 -11
  92. package/dist/packages/steps/steps.stories.js +16 -16
  93. package/dist/packages/switch/index.js +4 -3
  94. package/dist/packages/switch/index.js.map +2 -2
  95. package/dist/packages/switch/react.d.ts +1 -1
  96. package/dist/packages/switch/styles.js +1 -1
  97. package/dist/packages/tabs/tab.js +4 -3
  98. package/dist/packages/tabs/tab.js.map +2 -2
  99. package/dist/packages/tabs/tabs.js +5 -5
  100. package/dist/packages/tabs/tabs.js.map +3 -3
  101. package/dist/packages/tabs/tabs.stories.d.ts +3 -0
  102. package/dist/packages/tabs/tabs.stories.js +16 -7
  103. package/dist/packages/textarea/index.d.ts +1 -0
  104. package/dist/packages/textarea/index.js +1 -0
  105. package/dist/packages/textarea/locales/da/messages.d.mts +1 -0
  106. package/dist/packages/textarea/locales/da/messages.mjs +1 -0
  107. package/dist/packages/textarea/locales/en/messages.d.mts +1 -0
  108. package/dist/packages/textarea/locales/en/messages.mjs +1 -0
  109. package/dist/packages/textarea/locales/fi/messages.d.mts +1 -0
  110. package/dist/packages/textarea/locales/fi/messages.mjs +1 -0
  111. package/dist/packages/textarea/locales/nb/messages.d.mts +1 -0
  112. package/dist/packages/textarea/locales/nb/messages.mjs +1 -0
  113. package/dist/packages/textarea/locales/sv/messages.d.mts +1 -0
  114. package/dist/packages/textarea/locales/sv/messages.mjs +1 -0
  115. package/dist/packages/textarea/react.d.ts +11 -0
  116. package/dist/packages/textarea/react.js +21 -0
  117. package/dist/packages/textarea/styles.d.ts +1 -0
  118. package/dist/packages/textarea/styles.js +2 -0
  119. package/dist/packages/textarea/textarea.d.ts +48 -0
  120. package/dist/packages/textarea/textarea.js +2475 -0
  121. package/dist/packages/textarea/textarea.js.map +7 -0
  122. package/dist/packages/textarea/textarea.react.stories.d.ts +33 -0
  123. package/dist/packages/textarea/textarea.react.stories.js +41 -0
  124. package/dist/packages/textarea/textarea.stories.d.ts +19 -0
  125. package/dist/packages/textarea/textarea.stories.js +85 -0
  126. package/dist/packages/textarea/textarea.test.d.ts +1 -0
  127. package/dist/packages/textarea/textarea.test.js +49 -0
  128. package/dist/packages/textfield/index.d.ts +3 -0
  129. package/dist/packages/textfield/index.js +17 -16
  130. package/dist/packages/textfield/index.js.map +2 -2
  131. package/dist/packages/textfield/react.d.ts +1 -1
  132. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  133. package/dist/packages/toggle-styles.js +2 -3
  134. package/dist/web-types.json +128 -15
  135. package/package.json +201 -12
package/dist/packages/rip-and-tear-checkbox/checkbox.stories.d.ts CHANGED
@@ -6,3 +6,6 @@ declare const _default: {
6
6
  };
7
7
  export default _default;
8
8
  export declare const Default: StoryObj;
9
+ export declare const Invalid: StoryObj;
10
+ export declare const Disabled: StoryObj;
11
+ export declare const BunchOfCheckboxes: StoryObj;
package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js CHANGED
@@ -9,3 +9,17 @@ export default {
9
9
  },
10
10
  };
11
11
  export const Default = {};
12
+ export const Invalid = {
13
+ render: () => html `<w-checkbox name="invalidfoo" value="bar" invalid>Invalid checkbox</w-checkbox>`,
14
+ };
15
+ export const Disabled = {
16
+ render: () => html `<w-checkbox name="disabledfoo" value="bar" disabled>Disabled checkbox</w-checkbox>`,
17
+ };
18
+ export const BunchOfCheckboxes = {
19
+ render: () => html `
20
+ <w-checkbox-group>
21
+ <w-checkbox name="group" value="foo">Foo</w-checkbox>
22
+ <w-checkbox name="group" value="bar">Bar</w-checkbox>
23
+ </w-checkbox-group>
24
+ `,
25
+ };
package/dist/packages/rip-and-tear-checkbox/index.js CHANGED
@@ -1,4 +1,6 @@
1
1
  import { WCheckbox } from './checkbox';
2
+ import { WCheckboxGroup } from './checkbox-group';
2
3
  if (!customElements.get('w-checkbox')) {
3
4
  customElements.define('w-checkbox', WCheckbox);
5
+ customElements.define('w-checkbox-group', WCheckboxGroup);
4
6
  }
package/dist/packages/rip-and-tear-checkbox/react.d.ts CHANGED
@@ -1,5 +1,7 @@
1
- import { WCheckbox } from './checkbox';
1
+ import { WCheckbox } from './checkbox.js';
2
+ import { WCheckboxGroup } from './checkbox-group.js';
2
3
  export declare const Checkbox: import("@lit/react").ReactWebComponent<WCheckbox, {
3
4
  onChange: string;
4
5
  onchange: string;
5
6
  }>;
7
+ export declare const CheckboxGroup: import("@lit/react").ReactWebComponent<WCheckboxGroup, {}>;
package/dist/packages/rip-and-tear-checkbox/react.js CHANGED
@@ -13,3 +13,8 @@ export const Checkbox = createComponent({
13
13
  onchange: 'change',
14
14
  },
15
15
  });
16
+ export const CheckboxGroup = createComponent({
17
+ tagName: 'w-checkbox-group',
18
+ elementClass: Component,
19
+ react: React,
20
+ });
package/dist/packages/rip-and-tear-radio/radio-group.js CHANGED
@@ -20,7 +20,6 @@ var X=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var V=i=>{thro
20
20
  display: grid;
21
21
  grid-template-columns: 2rem max-content;
22
22
  gap: 8px;
23
- padding: 0.2rem 0;
24
23
  }
25
24
  .hide-toggle {
26
25
  position: absolute;
@@ -43,7 +42,7 @@ var X=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var V=i=>{thro
43
42
  height: 2rem;
44
43
  width: 2rem;
45
44
  background-color: var(--w-s-color-background);
46
- border-color: var(--w-s-color-border);
45
+ border-color: var(--w-s-color-border-strong);
47
46
  color: var(--w-s-color-icon-inverted);
48
47
  font-weight: 700;
49
48
  text-align: center;
@@ -54,7 +53,7 @@ var X=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var V=i=>{thro
54
53
  position: relative;
55
54
  }
56
55
  :host([type='checkbox']) .control {
57
- border-radius: 2px;
56
+ border-radius: 4px;
58
57
  }
59
58
  .checkbox:has(:checked, :indeterminate),
60
59
  :host([type='checkbox'][checked]) .control,