@indico-data/design-system 3.0.10 → 3.1.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 (98) hide show
  1. package/.storybook/main.ts +3 -0
  2. package/lib/components/badge/types.d.ts +4 -0
  3. package/lib/components/button/types.d.ts +52 -2
  4. package/lib/components/card/Card.d.ts +5 -0
  5. package/lib/components/floatUI/types.d.ts +7 -0
  6. package/lib/components/forms/checkbox/Checkbox.d.ts +7 -0
  7. package/lib/components/forms/date/datePicker/types.d.ts +10 -0
  8. package/lib/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.d.ts +16 -0
  9. package/lib/components/forms/date/inputDatePicker/SingleInputDatePicker.d.ts +8 -0
  10. package/lib/components/forms/date/inputDateRangePicker/InputDateRangePicker.d.ts +9 -0
  11. package/lib/components/forms/date/inputDateTimePicker/SingleInputDateTimePicker.d.ts +9 -0
  12. package/lib/components/forms/numberInput/NumberInput.d.ts +4 -0
  13. package/lib/components/forms/passwordInput/PasswordInput.d.ts +1 -0
  14. package/lib/components/forms/radio/Radio.d.ts +6 -0
  15. package/lib/components/forms/select/Select.d.ts +10 -0
  16. package/lib/components/forms/textarea/Textarea.d.ts +7 -0
  17. package/lib/components/forms/timePicker/TimePicker.d.ts +5 -0
  18. package/lib/components/forms/toggle/Toggle.d.ts +7 -0
  19. package/lib/components/icons/types.d.ts +5 -0
  20. package/lib/components/loading-indicators/BarSpinner/BarSpinner.d.ts +4 -0
  21. package/lib/components/loading-indicators/CirclePulse/CirclePulse.d.ts +2 -0
  22. package/lib/components/menu/Menu.d.ts +1 -0
  23. package/lib/components/modal/types.d.ts +22 -0
  24. package/lib/components/pagination/types.d.ts +4 -0
  25. package/lib/components/pill/types.d.ts +3 -0
  26. package/lib/components/skeleton/Skeleton.d.ts +5 -0
  27. package/lib/components/stepper/types.d.ts +9 -0
  28. package/lib/components/table/types.d.ts +9 -0
  29. package/lib/components/tanstackTable/TankstackTable.types.d.ts +25 -0
  30. package/lib/components/tanstackTable/components/ActionBar/ActionBar.d.ts +4 -0
  31. package/lib/components/tooltip/Tooltip.d.ts +6 -0
  32. package/lib/components/truncate/types.d.ts +4 -0
  33. package/lib/index.d.ts +262 -2
  34. package/lib/index.esm.js.map +1 -1
  35. package/lib/index.js.map +1 -1
  36. package/package.json +2 -1
  37. package/src/components/badge/Badge.stories.tsx +0 -4
  38. package/src/components/badge/types.ts +4 -0
  39. package/src/components/button/Button.stories.tsx +5 -18
  40. package/src/components/button/types.ts +52 -2
  41. package/src/components/card/Card.stories.tsx +0 -5
  42. package/src/components/card/Card.tsx +5 -0
  43. package/src/components/floatUI/FloatUI.stories.tsx +0 -11
  44. package/src/components/floatUI/types.ts +7 -0
  45. package/src/components/forms/checkbox/Checkbox.stories.tsx +0 -7
  46. package/src/components/forms/checkbox/Checkbox.tsx +7 -0
  47. package/src/components/forms/date/datePicker/DatePicker.stories.tsx +0 -33
  48. package/src/components/forms/date/datePicker/types.ts +10 -0
  49. package/src/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.stories.tsx +5 -22
  50. package/src/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.tsx +16 -0
  51. package/src/components/forms/date/inputDatePicker/SingleInputDatePicker.stories.tsx +0 -25
  52. package/src/components/forms/date/inputDatePicker/SingleInputDatePicker.tsx +8 -0
  53. package/src/components/forms/date/inputDateRangePicker/InputDateRangePicker.stories.tsx +0 -32
  54. package/src/components/forms/date/inputDateRangePicker/InputDateRangePicker.tsx +9 -0
  55. package/src/components/forms/date/inputDateTimePicker/SingleInputDateTimePicker.stories.tsx +0 -28
  56. package/src/components/forms/date/inputDateTimePicker/SingleInputDateTimePicker.tsx +9 -0
  57. package/src/components/forms/numberInput/NumberInput.stories.tsx +0 -4
  58. package/src/components/forms/numberInput/NumberInput.tsx +4 -0
  59. package/src/components/forms/passwordInput/PasswordInput.stories.tsx +0 -1
  60. package/src/components/forms/passwordInput/PasswordInput.tsx +1 -0
  61. package/src/components/forms/radio/Radio.stories.tsx +0 -6
  62. package/src/components/forms/radio/Radio.tsx +6 -0
  63. package/src/components/forms/select/Select.stories.tsx +1 -14
  64. package/src/components/forms/select/Select.tsx +10 -0
  65. package/src/components/forms/textarea/Textarea.stories.tsx +0 -7
  66. package/src/components/forms/textarea/Textarea.tsx +7 -0
  67. package/src/components/forms/timePicker/TimePicker.stories.tsx +0 -5
  68. package/src/components/forms/timePicker/TimePicker.tsx +5 -0
  69. package/src/components/forms/toggle/Toggle.stories.tsx +0 -7
  70. package/src/components/forms/toggle/Toggle.tsx +7 -0
  71. package/src/components/icons/Icon.stories.tsx +0 -7
  72. package/src/components/icons/types.ts +5 -0
  73. package/src/components/loading-indicators/BarSpinner/BarSpinner.stories.tsx +0 -5
  74. package/src/components/loading-indicators/BarSpinner/BarSpinner.tsx +4 -0
  75. package/src/components/loading-indicators/CirclePulse/CirclePulse.stories.tsx +0 -3
  76. package/src/components/loading-indicators/CirclePulse/CirclePulse.tsx +2 -0
  77. package/src/components/menu/Menu.stories.tsx +0 -3
  78. package/src/components/menu/Menu.tsx +1 -0
  79. package/src/components/modal/Modal.stories.tsx +1 -25
  80. package/src/components/modal/types.ts +22 -0
  81. package/src/components/pagination/Pagination.stories.tsx +0 -4
  82. package/src/components/pagination/types.ts +4 -0
  83. package/src/components/pill/Pill.stories.tsx +0 -3
  84. package/src/components/pill/types.ts +3 -0
  85. package/src/components/skeleton/Skeleton.stories.tsx +0 -7
  86. package/src/components/skeleton/Skeleton.tsx +5 -0
  87. package/src/components/stepper/Stepper.stories.tsx +0 -19
  88. package/src/components/stepper/types.ts +9 -0
  89. package/src/components/table/Table.stories.tsx +0 -35
  90. package/src/components/table/types.ts +9 -0
  91. package/src/components/tanstackTable/TankstackTable.types.ts +25 -0
  92. package/src/components/tanstackTable/TanstackTable.stories.tsx +0 -29
  93. package/src/components/tanstackTable/components/ActionBar/ActionBar.stories.tsx +0 -4
  94. package/src/components/tanstackTable/components/ActionBar/ActionBar.tsx +4 -0
  95. package/src/components/tooltip/Tooltip.stories.tsx +0 -8
  96. package/src/components/tooltip/Tooltip.tsx +6 -0
  97. package/src/components/truncate/Truncate.stories.tsx +0 -8
  98. package/src/components/truncate/types.ts +4 -0
@@ -9,8 +9,6 @@ const meta: Meta = {
9
9
  argTypes: {
10
10
  id: {
11
11
  control: false,
12
- description:
13
- "The id of the tooltip. This needs to match the element that holds it's data attribute",
14
12
  table: {
15
13
  category: 'Props',
16
14
  type: {
@@ -20,7 +18,6 @@ const meta: Meta = {
20
18
  },
21
19
  place: {
22
20
  control: 'select',
23
- description: 'The placement of the tooltip',
24
21
  options: ['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom'],
25
22
  table: {
26
23
  category: 'Props',
@@ -31,7 +28,6 @@ const meta: Meta = {
31
28
  },
32
29
  clickToShow: {
33
30
  control: 'boolean',
34
- description: 'Whether the tooltip should be shown on click',
35
31
  table: {
36
32
  category: 'Props',
37
33
  type: {
@@ -41,7 +37,6 @@ const meta: Meta = {
41
37
  },
42
38
  delayShow: {
43
39
  control: 'number',
44
- description: 'The delay in milliseconds before the tooltip is shown',
45
40
  table: {
46
41
  category: 'Props',
47
42
  type: {
@@ -51,7 +46,6 @@ const meta: Meta = {
51
46
  },
52
47
  delayHide: {
53
48
  control: 'number',
54
- description: 'The delay in milliseconds before the tooltip is hidden',
55
49
  table: {
56
50
  category: 'Props',
57
51
  type: {
@@ -61,7 +55,6 @@ const meta: Meta = {
61
55
  },
62
56
  zIndex: {
63
57
  control: 'number',
64
- description: 'This is an override for the z-index of the tooltip',
65
58
  table: {
66
59
  category: 'Props',
67
60
  type: {
@@ -71,7 +64,6 @@ const meta: Meta = {
71
64
  },
72
65
  children: {
73
66
  control: false,
74
- description: 'The content of the tooltip',
75
67
  table: {
76
68
  category: 'Props',
77
69
  type: {
@@ -2,12 +2,18 @@ import { PlacesType, Tooltip as ReactTooltip } from 'react-tooltip';
2
2
 
3
3
  interface TooltipProps {
4
4
  id: string;
5
+ /** Whether the tooltip should be shown on click */
5
6
  clickToShow?: boolean;
7
+ /** The delay in milliseconds before the tooltip is shown */
6
8
  delayShow?: number;
9
+ /** The delay in milliseconds before the tooltip is hidden */
7
10
  delayHide?: number;
8
11
  children: React.ReactNode;
12
+ /** This is an override for the z-index of the tooltip */
9
13
  zIndex?: number;
14
+ /** The placement of the tooltip */
10
15
  place?: PlacesType;
16
+ /** The content of the tooltip */
11
17
  [key: string]: any;
12
18
  }
13
19
 
@@ -16,8 +16,6 @@ const meta: Meta<typeof Truncate> = {
16
16
  truncateString: {
17
17
  required: true,
18
18
  control: 'text',
19
- description:
20
- 'The string to truncate. This value will also be displayed in the tooltip when the text is truncated.',
21
19
  table: {
22
20
  category: 'Props',
23
21
  },
@@ -25,16 +23,12 @@ const meta: Meta<typeof Truncate> = {
25
23
  lineClamp: {
26
24
  control: 'number',
27
25
  defaultValue: 0,
28
- description:
29
- 'The number of lines to truncate the text to. If left blank, it will default to 1 line.',
30
26
  table: {
31
27
  category: 'Props',
32
28
  },
33
29
  },
34
30
  tooltipId: {
35
31
  control: 'text',
36
- description:
37
- 'The id of the tooltip. If an ID is not provided, it will generate one from uuid',
38
32
  table: {
39
33
  category: 'Props',
40
34
  },
@@ -42,8 +36,6 @@ const meta: Meta<typeof Truncate> = {
42
36
  hasTooltip: {
43
37
  control: 'boolean',
44
38
  defaultValue: true,
45
- description:
46
- 'Whether to show the tooltip. If left blank, it will default to true. If set to false, the tooltip will not be shown.',
47
39
  table: {
48
40
  category: 'Props',
49
41
  },
@@ -1,7 +1,11 @@
1
1
  export interface TruncateProps {
2
+ /** The number of lines to truncate the text to. If left blank, it will default to 1 line. */
2
3
  lineClamp?: number;
4
+ /** The string to truncate. This value will also be displayed in the tooltip when the text is truncated. */
3
5
  truncateString: string;
6
+ /** Whether to show the tooltip. If left blank, it will default to true. If set to false, the tooltip will not be shown. */
4
7
  hasTooltip?: boolean;
8
+ /** The id of the tooltip. If an ID is not provided, it will generate one from uuid */
5
9
  tooltipId?: string;
6
10
  [key: string]: any;
7
11
  }