@indico-data/design-system 2.57.0 → 2.58.1

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 (19) hide show
  1. package/lib/components/index.d.ts +1 -0
  2. package/lib/components/toast/Toast.stories.d.ts +6 -0
  3. package/lib/components/toast/index.d.ts +1 -0
  4. package/lib/index.css +16 -0
  5. package/lib/index.d.ts +2 -1
  6. package/lib/index.esm.css +16 -0
  7. package/lib/index.esm.js +54 -49
  8. package/lib/index.esm.js.map +1 -1
  9. package/lib/index.js +54 -47
  10. package/lib/index.js.map +1 -1
  11. package/package.json +2 -1
  12. package/src/components/index.ts +1 -0
  13. package/src/components/toast/Toast.mdx +14 -0
  14. package/src/components/toast/Toast.stories.tsx +55 -0
  15. package/src/components/toast/index.ts +1 -0
  16. package/src/components/toast/styles/Toast.scss +17 -0
  17. package/src/index.ts +2 -0
  18. package/src/styles/index.scss +1 -0
  19. package/src/stylesAndAnimations/colors/constants.ts +138 -100
package/lib/components/index.d.ts CHANGED
@@ -26,3 +26,4 @@ export { Tooltip } from './tooltip';
26
26
  export { BarSpinner } from './loading-indicators/BarSpinner/BarSpinner';
27
27
  export { CirclePulse } from './loading-indicators/CirclePulse/CirclePulse';
28
28
  export { Truncate } from './truncate';
29
+ export { toast, ToastContainer } from 'react-toastify';
package/lib/components/toast/Toast.stories.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ToastContainer } from './index';
3
+ declare const meta: Meta<typeof ToastContainer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ToastContainer>;
6
+ export declare const Default: Story;
package/lib/components/toast/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { toast, ToastContainer } from 'react-toastify';
package/lib/index.css CHANGED
@@ -2658,6 +2658,22 @@ form {
2658
2658
  width: 100%;
2659
2659
  }
2660
2660
 
2661
+ :root,
2662
+ :root [data-theme=light],
2663
+ :root [data-theme=dark] {
2664
+ --toastify-color-dark: var(--pf-background-color-light);
2665
+ --toastify-color-progress-dark: var(--pf-primary-color-400);
2666
+ --toastify-icon-color-success: var(--pf-success-color);
2667
+ --toastify-color-progress-bgo: 0.2;
2668
+ }
2669
+
2670
+ :root [data-theme=dark] {
2671
+ --toastify-color-dark: var(--pf-background-color-light);
2672
+ --toastify-color-progress-dark: var(--pf-primary-color-400);
2673
+ --toastify-icon-color-success: var(--pf-success-color);
2674
+ --toastify-color-progress-bgo: 0.2;
2675
+ }
2676
+
2661
2677
  :root [data-theme=light] {
2662
2678
  --sheets-background-color: var(--pf-gray-color-100);
2663
2679
  }
package/lib/index.d.ts CHANGED
@@ -9,8 +9,9 @@ import { CSSObject } from 'styled-components';
9
9
  import { Props as Props$4 } from 'react-select';
10
10
  import { DateRange, OnSelectHandler, Mode, CustomComponents, Matcher, Formatters, MonthChangeEventHandler, DayEventHandler } from 'react-day-picker';
11
11
  import { ColumnDef, Row as Row$1 } from '@tanstack/react-table';
12
- export { ColumnDef, Row as TanstackTableRowType, Table as TanstackTableType } from '@tanstack/react-table';
12
+ export { ColumnDef, Column as TanstackTableColumnType, Row as TanstackTableRowType, Table as TanstackTableType } from '@tanstack/react-table';
13
13
  import { PlacesType } from 'react-tooltip';
14
+ export { ToastContainer, toast } from 'react-toastify';
14
15
 
15
16
  declare const registerFontAwesomeIcons: (...icons: IconDefinition[]) => void;
16
17
 
package/lib/index.esm.css CHANGED
@@ -2658,6 +2658,22 @@ form {
2658
2658
  width: 100%;
2659
2659
  }
2660
2660
 
2661
+ :root,
2662
+ :root [data-theme=light],
2663
+ :root [data-theme=dark] {
2664
+ --toastify-color-dark: var(--pf-background-color-light);
2665
+ --toastify-color-progress-dark: var(--pf-primary-color-400);
2666
+ --toastify-icon-color-success: var(--pf-success-color);
2667
+ --toastify-color-progress-bgo: 0.2;
2668
+ }
2669
+
2670
+ :root [data-theme=dark] {
2671
+ --toastify-color-dark: var(--pf-background-color-light);
2672
+ --toastify-color-progress-dark: var(--pf-primary-color-400);
2673
+ --toastify-icon-color-success: var(--pf-success-color);
2674
+ --toastify-color-progress-bgo: 0.2;
2675
+ }
2676
+
2661
2677
  :root [data-theme=light] {
2662
2678
  --sheets-background-color: var(--pf-gray-color-100);
2663
2679
  }