@indico-data/design-system 3.5.0 → 3.6.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 (89) hide show
  1. package/lib/components/icons/types.d.ts +1 -1
  2. package/lib/docs/BaseColorPalette/BaseColorPalette.d.ts +1 -0
  3. package/lib/docs/BaseColorPalette/BaseColorsPalette.stories.d.ts +6 -0
  4. package/lib/docs/SemanticTokens/ColorSwatch.d.ts +6 -0
  5. package/lib/docs/SemanticTokens/SemanticTokens.stories.d.ts +9 -0
  6. package/lib/index.css +6382 -3670
  7. package/lib/index.d.ts +1 -1
  8. package/lib/index.esm.css +6382 -3670
  9. package/lib/index.esm.js +2 -2
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +2 -2
  12. package/lib/index.js.map +1 -1
  13. package/package.json +1 -1
  14. package/src/components/badge/styles/Badge.scss +10 -10
  15. package/src/components/button/styles/Button.scss +7 -7
  16. package/src/components/button/styles/_variables.scss +5 -5
  17. package/src/components/card/styles/Card.scss +11 -13
  18. package/src/components/floatUI/styles/FloatUI.scss +3 -3
  19. package/src/components/forms/checkbox/styles/Checkbox.scss +11 -23
  20. package/src/components/forms/date/datePicker/styles/DatePicker.scss +25 -25
  21. package/src/components/forms/form/styles/Form.scss +19 -53
  22. package/src/components/forms/input/styles/Input.scss +10 -10
  23. package/src/components/forms/numberInput/styles/NumberInput.scss +13 -18
  24. package/src/components/forms/passwordInput/styles/PasswordInput.scss +12 -12
  25. package/src/components/forms/radio/styles/Radio.scss +8 -22
  26. package/src/components/forms/select/styles/Select.scss +38 -54
  27. package/src/components/forms/textarea/styles/Textarea.scss +11 -11
  28. package/src/components/forms/toggle/styles/Toggle.scss +14 -31
  29. package/src/components/icons/Icon.mdx +1 -1
  30. package/src/components/icons/Icon.stories.tsx +10 -9
  31. package/src/components/icons/styles/Icon.scss +2 -0
  32. package/src/components/icons/types.ts +1 -1
  33. package/src/components/menu/styles/Menu.scss +9 -9
  34. package/src/components/modal/styles/Modal.scss +23 -56
  35. package/src/components/pagination/styles/Pagination.scss +1 -1
  36. package/src/components/pill/styles/Pill.scss +8 -6
  37. package/src/components/skeleton/styles/Skeleton.scss +3 -3
  38. package/src/components/stepper/examples/constants.ts +2 -2
  39. package/src/components/stepper/styles/Stepper.scss +25 -71
  40. package/src/components/table/styles/Table.scss +8 -8
  41. package/src/components/tanstackTable/components/ActionBar/ActionBar.scss +3 -3
  42. package/src/components/tanstackTable/components/NoResults/NoResults.scss +3 -3
  43. package/src/components/tanstackTable/styles/table.scss +39 -40
  44. package/src/components/toast/styles/Toast.scss +20 -36
  45. package/src/components/tooltip/Tooltip.tsx +2 -2
  46. package/src/docs/BaseColorPalette/BaseColorPalette.mdx +35 -0
  47. package/src/docs/BaseColorPalette/BaseColorPalette.tsx +51 -0
  48. package/src/docs/BaseColorPalette/BaseColorsPalette.stories.tsx +13 -0
  49. package/src/{stylesAndAnimations/colors → docs/BaseColorPalette}/Swatch.tsx +32 -3
  50. package/src/docs/Primitives.mdx +110 -0
  51. package/src/docs/SemanticTokens/ColorSwatch.tsx +22 -0
  52. package/src/docs/SemanticTokens/SemanticTokens.mdx +53 -0
  53. package/src/docs/SemanticTokens/SemanticTokens.stories.tsx +152 -0
  54. package/src/styles/_borders.scss +16 -19
  55. package/src/styles/_colors.scss +16 -6
  56. package/src/styles/_spacing-utilities.scss +185 -0
  57. package/src/styles/_typography.scss +4 -4
  58. package/src/styles/globals.scss +7 -77
  59. package/src/styles/index.scss +3 -5
  60. package/src/styles/primitives/{_borderRadius.scss → _borders.scss} +7 -0
  61. package/src/styles/primitives/_colors.scss +0 -24
  62. package/src/styles/primitives/index.scss +1 -1
  63. package/src/styles/storybook.scss +9 -9
  64. package/src/styles/variables/index.scss +0 -6
  65. package/src/stylesAndAnimations/borders/BorderColor.tsx +0 -4
  66. package/src/stylesAndAnimations/sizing/Sizing.mdx +4 -1
  67. package/src/stylesAndAnimations/utilityClasses/UtilityClassesData.ts +2 -1
  68. package/lib/stylesAndAnimations/colors/Colors.d.ts +0 -1
  69. package/lib/stylesAndAnimations/colors/Colors.stories.d.ts +0 -6
  70. package/lib/stylesAndAnimations/colors/constants.d.ts +0 -34
  71. package/lib/stylesAndAnimations/colors/index.d.ts +0 -1
  72. package/src/components/tooltip/styles/Tooltip.scss +0 -12
  73. package/src/styles/_gap.scss +0 -18
  74. package/src/styles/_margin.scss +0 -41
  75. package/src/styles/_padding.scss +0 -30
  76. package/src/styles/_sheets.scss +0 -7
  77. package/src/styles/variables/_borders.scss +0 -46
  78. package/src/styles/variables/_gap.scss +0 -19
  79. package/src/styles/variables/_icons.scss +0 -7
  80. package/src/styles/variables/_margin.scss +0 -37
  81. package/src/styles/variables/_padding.scss +0 -19
  82. package/src/styles/variables/_size.scss +0 -19
  83. package/src/stylesAndAnimations/colors/BaseColorPalette.mdx +0 -56
  84. package/src/stylesAndAnimations/colors/Colors.stories.tsx +0 -13
  85. package/src/stylesAndAnimations/colors/Colors.tsx +0 -64
  86. package/src/stylesAndAnimations/colors/constants.ts +0 -280
  87. package/src/stylesAndAnimations/colors/index.ts +0 -1
  88. /package/lib/{stylesAndAnimations/colors → docs/BaseColorPalette}/Swatch.d.ts +0 -0
  89. /package/src/{stylesAndAnimations/colors → docs/BaseColorPalette}/swatches.scss +0 -0
package/lib/components/icons/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { MouseEventHandler, CSSProperties } from 'react';
2
2
  import { PermafrostComponent } from '../../types';
3
3
  import { IconName as FAIconName } from '@fortawesome/fontawesome-svg-core';
4
4
  import { indicons } from './indicons';
5
- export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
6
6
  export type IndiconName = keyof typeof indicons;
7
7
  export type IconName = IndiconName | `fa-${FAIconName}`;
8
8
  export type IconProps = PermafrostComponent & {
package/lib/docs/BaseColorPalette/BaseColorPalette.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const BaseColorPalette: () => import("react/jsx-runtime").JSX.Element;
package/lib/docs/BaseColorPalette/BaseColorsPalette.stories.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { BaseColorPalette } from './BaseColorPalette';
3
+ declare const meta: Meta<typeof BaseColorPalette>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof BaseColorPalette>;
6
+ export declare const Default: Story;
package/lib/docs/SemanticTokens/ColorSwatch.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ interface ColorSwatchProps {
3
+ colorVar: string;
4
+ }
5
+ export declare const ColorSwatch: React.FC<ColorSwatchProps>;
6
+ export {};
package/lib/docs/SemanticTokens/SemanticTokens.stories.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { Meta } from '@storybook/react';
2
+ export declare const SemanticBackgroundTokens: () => import("react/jsx-runtime").JSX.Element;
3
+ export declare const SemanticBorderTokens: () => import("react/jsx-runtime").JSX.Element;
4
+ export declare const SemanticFontTokens: () => import("react/jsx-runtime").JSX.Element;
5
+ export declare const SemanticLogoTokens: () => import("react/jsx-runtime").JSX.Element;
6
+ export declare const SemanticElevationTokens: () => import("react/jsx-runtime").JSX.Element;
7
+ export declare const SemanticUtilityTokens: () => import("react/jsx-runtime").JSX.Element;
8
+ declare const meta: Meta<typeof SemanticBackgroundTokens>;
9
+ export default meta;