@arbor-education/design-system.components 0.8.0 → 0.9.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 (65) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  3. package/dist/components/combobox/Combobox.js +8 -7
  4. package/dist/components/combobox/Combobox.js.map +1 -1
  5. package/dist/components/combobox/Combobox.stories.d.ts +1 -0
  6. package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
  7. package/dist/components/combobox/Combobox.stories.js +16 -0
  8. package/dist/components/combobox/Combobox.stories.js.map +1 -1
  9. package/dist/components/combobox/Combobox.test.js +9 -0
  10. package/dist/components/combobox/Combobox.test.js.map +1 -1
  11. package/dist/components/combobox/ComboboxButtonTrigger.d.ts +4 -2
  12. package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -1
  13. package/dist/components/combobox/ComboboxButtonTrigger.js +11 -4
  14. package/dist/components/combobox/ComboboxButtonTrigger.js.map +1 -1
  15. package/dist/components/combobox/ComboboxTrigger.d.ts +3 -1
  16. package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -1
  17. package/dist/components/combobox/ComboboxTrigger.js +10 -2
  18. package/dist/components/combobox/ComboboxTrigger.js.map +1 -1
  19. package/dist/components/combobox/types.d.ts +3 -0
  20. package/dist/components/combobox/types.d.ts.map +1 -1
  21. package/dist/components/formField/FormField.d.ts +4 -0
  22. package/dist/components/formField/FormField.d.ts.map +1 -1
  23. package/dist/components/formField/FormField.js +2 -1
  24. package/dist/components/formField/FormField.js.map +1 -1
  25. package/dist/components/formField/FormField.stories.d.ts.map +1 -1
  26. package/dist/components/formField/FormField.stories.js +4 -1
  27. package/dist/components/formField/FormField.stories.js.map +1 -1
  28. package/dist/components/formField/FormField.test.js +5 -0
  29. package/dist/components/formField/FormField.test.js.map +1 -1
  30. package/dist/components/formField/inputs/time/TimeInput.d.ts +29 -0
  31. package/dist/components/formField/inputs/time/TimeInput.d.ts.map +1 -0
  32. package/dist/components/formField/inputs/time/TimeInput.js +67 -0
  33. package/dist/components/formField/inputs/time/TimeInput.js.map +1 -0
  34. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +60 -0
  35. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -0
  36. package/dist/components/formField/inputs/time/TimeInput.stories.js +132 -0
  37. package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -0
  38. package/dist/components/formField/inputs/time/TimeInput.test.d.ts +2 -0
  39. package/dist/components/formField/inputs/time/TimeInput.test.d.ts.map +1 -0
  40. package/dist/components/formField/inputs/time/TimeInput.test.js +58 -0
  41. package/dist/components/formField/inputs/time/TimeInput.test.js.map +1 -0
  42. package/dist/index.css +51 -1
  43. package/dist/index.css.map +1 -1
  44. package/dist/index.d.ts +3 -0
  45. package/dist/index.d.ts.map +1 -1
  46. package/dist/index.js +2 -0
  47. package/dist/index.js.map +1 -1
  48. package/package.json +1 -1
  49. package/src/components/combobox/Combobox.stories.tsx +18 -0
  50. package/src/components/combobox/Combobox.test.tsx +27 -0
  51. package/src/components/combobox/Combobox.tsx +12 -5
  52. package/src/components/combobox/ComboboxButtonTrigger.tsx +54 -25
  53. package/src/components/combobox/ComboboxTrigger.tsx +39 -15
  54. package/src/components/combobox/combobox.scss +18 -0
  55. package/src/components/combobox/types.ts +3 -0
  56. package/src/components/formField/FormField.stories.tsx +10 -1
  57. package/src/components/formField/FormField.test.tsx +6 -0
  58. package/src/components/formField/FormField.tsx +5 -0
  59. package/src/components/formField/inputs/time/TimeInput.stories.tsx +170 -0
  60. package/src/components/formField/inputs/time/TimeInput.test.tsx +86 -0
  61. package/src/components/formField/inputs/time/TimeInput.tsx +168 -0
  62. package/src/components/formField/inputs/time/timeInput.scss +33 -0
  63. package/src/components/row/row.scss +2 -2
  64. package/src/index.scss +1 -0
  65. package/src/index.ts +3 -0
package/src/components/row/row.scss CHANGED
@@ -6,11 +6,11 @@
6
6
  background-color: var(--section-list-row-default-color-background);
7
7
  padding: var(--section-list-row-spacing-vertical) var(--section-list-row-spacing-horizontal);
8
8
  border-radius: var(--section-list-row-radius);
9
+ gap: var(--spacing-small);
9
10
 
10
11
  .ds-row__icon-click {
11
12
  flex-shrink: 0;
12
- margin-left: var(--spacing-small);
13
- stroke: var(--section-list-row-default-color-icon-arrow);
13
+ stroke: var(--section-list-row-default-color-icon-arrow);
14
14
 
15
15
 
16
16
  &.ds-icon-arrow-right {
package/src/index.scss CHANGED
@@ -11,6 +11,7 @@
11
11
  @use "components/formField/inputs/input.scss";
12
12
  @use "components/formField/label/label.scss";
13
13
  @use "components/formField/inputs/number/numberInput.scss";
14
+ @use "components/formField/inputs/time/timeInput.scss";
14
15
  @use "components/formField/inputs/radio/radioButtonInput.scss";
15
16
  @use "components/formField/inputs/checkbox/checkboxInput.scss";
16
17
  @use "components/formField/inputs/selectDropdown/selectDropdown";
package/src/index.ts CHANGED
@@ -19,12 +19,15 @@ export { Badge } from 'Components/badge/Badge';
19
19
  export type { BadgeColour, BadgeProps, BadgeSize } from 'Components/badge/Badge';
20
20
  export { Tabs } from 'Components/tabs/Tabs';
21
21
  export { NumberInput } from 'Components/formField/inputs/number/NumberInput';
22
+ export { CheckboxInput } from 'Components/formField/inputs/checkbox/CheckboxInput';
22
23
  export { EditableText } from 'Components/editableText/EditableText';
23
24
  export { Fieldset } from 'Components/formField/fieldset/Fieldset';
24
25
  export { ColourPickerDropdown } from 'Components/formField/inputs/colourPickerDropdown/ColourPickerDropdown';
25
26
  export { RadioButtonInput } from 'Components/formField/inputs/radio/RadioButtonInput';
26
27
  export { SelectDropdown } from 'Components/formField/inputs/selectDropdown/SelectDropdown';
27
28
  export { TextInput } from 'Components/formField/inputs/text/TextInput';
29
+ export { TimeInput } from 'Components/formField/inputs/time/TimeInput';
30
+ export type { TimeGranularity, TimeInputProps, TimeValue } from 'Components/formField/inputs/time/TimeInput';
28
31
  export { TextArea } from 'Components/formField/inputs/textArea/TextArea';
29
32
  export { Heading } from 'Components/heading/Heading';
30
33
  export { Icon } from 'Components/icon/Icon';