@indico-data/design-system 2.29.0 → 2.29.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 (7) hide show
  1. package/lib/index.css +3 -3
  2. package/lib/index.d.ts +4 -4
  3. package/lib/index.esm.css +3 -3
  4. package/lib/src/components/pill/types.d.ts +1 -1
  5. package/package.json +1 -1
  6. package/src/components/pill/types.ts +1 -1
  7. package/src/styles/globals.scss +3 -3
package/lib/index.css CHANGED
@@ -331,7 +331,7 @@ li {
331
331
  --pf-background-color-light: var(--pf-gray-color-100);
332
332
  --pf-background-color: var(--pf-white-color);
333
333
  --pf-background-color-dark: var(--pf-gray-color-300);
334
- --pf-background-secondary-color-light: var(--secondary-color-300);
334
+ --pf-background-secondary-color-light: var(--pf-secondary-color-300);
335
335
  --pf-background-color-secondary: var(--pf-secondary-color-500);
336
336
  --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
337
337
  --pf-font-color: var(--pf-gray-color);
@@ -348,10 +348,10 @@ li {
348
348
  :root [data-theme=dark] {
349
349
  --pf-white-color: #ffffff;
350
350
  --pf-black-color: #000000;
351
- --pf-background-color-light: var(--primary-color-300);
351
+ --pf-background-color-light: var(--pf-primary-color-300);
352
352
  --pf-background-color: var(--pf-primary-color-600);
353
353
  --pf-background-color-dark: var(--pf-primary-color-900);
354
- --pf-background-secondary-color-light: var(--secondary-color-300);
354
+ --pf-background-secondary-color-light: var(--pf-secondary-color-300);
355
355
  --pf-background-color-secondary: var(--pf-secondary-color-500);
356
356
  --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
357
357
  --pf-font-color: var(--pf-gray-color);
package/lib/index.d.ts CHANGED
@@ -3,14 +3,13 @@ export * from '@floating-ui/react-dom';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as styled_components from 'styled-components';
5
5
  import React$1, { ChangeEvent, MouseEventHandler, ReactElement } from 'react';
6
- import { PermafrostComponent as PermafrostComponent$1, IconName as IconName$1, IconSizes as IconSizes$1, SemanticColor } from '@/types';
6
+ import { PermafrostComponent as PermafrostComponent$1, IconName as IconName$1, IconSizes as IconSizes$1, SemanticColor as SemanticColor$1 } from '@/types';
7
7
  import { AriaButtonProps } from '@react-types/button';
8
8
  import { AriaRadioProps, RadioGroupProps as RadioGroupProps$1, AriaRadioGroupProps } from '@react-types/radio';
9
9
  import { DateRange } from 'react-day-picker';
10
10
  import { ContainerProps, RowProps, ColProps } from 'react-grid-system';
11
11
  import { TableProps as TableProps$1, Direction as Direction$1, Alignment as Alignment$1 } from 'react-data-table-component';
12
12
  import { Props as Props$r } from 'react-select';
13
- import { SemanticColor as SemanticColor$1 } from 'src/types';
14
13
 
15
14
  declare const GlobalStyles: () => react_jsx_runtime.JSX.Element;
16
15
 
@@ -872,7 +871,7 @@ interface ButtonProps {
872
871
  onClick?: (...args: any[]) => void;
873
872
  variant?: ButtonVariants;
874
873
  iconPosition?: ButtonIconPositions;
875
- color?: SemanticColor;
874
+ color?: SemanticColor$1;
876
875
  size?: ButtonSizes;
877
876
  iconName?: IconName$1;
878
877
  type?: ButtonTypes;
@@ -902,7 +901,7 @@ type TableProps<T> = Omit<TableProps$1<T>, 'disabled' | 'progressPending' | 'dir
902
901
  };
903
902
 
904
903
  type PillSize = 'sm' | 'md' | 'lg';
905
- type PillColor = SemanticColor$1 | 'neutral';
904
+ type PillColor = SemanticColor | 'neutral';
906
905
  interface PillProps {
907
906
  children: React$1.ReactNode | React$1.ReactNode[];
908
907
  color?: PillColor;
@@ -916,6 +915,7 @@ type PermafrostComponent = {
916
915
  'data-cy'?: string;
917
916
  'data-testid'?: string;
918
917
  };
918
+ type SemanticColor = 'primary' | 'secondary' | 'warning' | 'error' | 'success' | 'info';
919
919
 
920
920
  type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
921
921
  type IconProps = PermafrostComponent & {
package/lib/index.esm.css CHANGED
@@ -331,7 +331,7 @@ li {
331
331
  --pf-background-color-light: var(--pf-gray-color-100);
332
332
  --pf-background-color: var(--pf-white-color);
333
333
  --pf-background-color-dark: var(--pf-gray-color-300);
334
- --pf-background-secondary-color-light: var(--secondary-color-300);
334
+ --pf-background-secondary-color-light: var(--pf-secondary-color-300);
335
335
  --pf-background-color-secondary: var(--pf-secondary-color-500);
336
336
  --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
337
337
  --pf-font-color: var(--pf-gray-color);
@@ -348,10 +348,10 @@ li {
348
348
  :root [data-theme=dark] {
349
349
  --pf-white-color: #ffffff;
350
350
  --pf-black-color: #000000;
351
- --pf-background-color-light: var(--primary-color-300);
351
+ --pf-background-color-light: var(--pf-primary-color-300);
352
352
  --pf-background-color: var(--pf-primary-color-600);
353
353
  --pf-background-color-dark: var(--pf-primary-color-900);
354
- --pf-background-secondary-color-light: var(--secondary-color-300);
354
+ --pf-background-secondary-color-light: var(--pf-secondary-color-300);
355
355
  --pf-background-color-secondary: var(--pf-secondary-color-500);
356
356
  --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
357
357
  --pf-font-color: var(--pf-gray-color);
package/lib/src/components/pill/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { SemanticColor } from 'src/types';
1
+ import { SemanticColor } from '../../types';
2
2
  import React from 'react';
3
3
  export type PillSize = 'sm' | 'md' | 'lg';
4
4
  export type PillColor = SemanticColor | 'neutral';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indico-data/design-system",
3
- "version": "2.29.0",
3
+ "version": "2.29.1",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "lib/index.js",
package/src/components/pill/types.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { SemanticColor } from 'src/types';
1
+ import { SemanticColor } from '../../types';
2
2
  import React from 'react';
3
3
 
4
4
  export type PillSize = 'sm' | 'md' | 'lg';
package/src/styles/globals.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  --pf-background-color-light: var(--pf-gray-color-100);
8
8
  --pf-background-color: var(--pf-white-color);
9
9
  --pf-background-color-dark: var(--pf-gray-color-300);
10
- --pf-background-secondary-color-light: var(--secondary-color-300);
10
+ --pf-background-secondary-color-light: var(--pf-secondary-color-300);
11
11
  --pf-background-color-secondary: var(--pf-secondary-color-500);
12
12
  --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
13
13
 
@@ -35,10 +35,10 @@
35
35
  // ***********************************************************************************************************************************
36
36
  --pf-white-color: #ffffff;
37
37
  --pf-black-color: #000000;
38
- --pf-background-color-light: var(--primary-color-300);
38
+ --pf-background-color-light: var(--pf-primary-color-300);
39
39
  --pf-background-color: var(--pf-primary-color-600);
40
40
  --pf-background-color-dark: var(--pf-primary-color-900);
41
- --pf-background-secondary-color-light: var(--secondary-color-300);
41
+ --pf-background-secondary-color-light: var(--pf-secondary-color-300);
42
42
  --pf-background-color-secondary: var(--pf-secondary-color-500);
43
43
  --pf-background-color-secondary-dark: var(--pf-secondary-color-900);
44
44