@strapi/design-system 2.0.0-rc.7 → 2.0.0-rc.8

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 (139) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -1
  2. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  3. package/dist/components/Alert/Alert.d.ts +1 -1
  4. package/dist/components/Alert/Alert.d.ts.map +1 -1
  5. package/dist/components/Avatar/Avatar.d.ts +1 -1
  6. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  7. package/dist/components/Badge/Badge.d.ts +4 -4
  8. package/dist/components/Badge/Badge.d.ts.map +1 -1
  9. package/dist/components/BaseLink/BaseLink.d.ts +1 -1
  10. package/dist/components/BaseLink/BaseLink.d.ts.map +1 -1
  11. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  12. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  13. package/dist/components/Breadcrumbs/Crumb.d.ts +1 -1
  14. package/dist/components/Breadcrumbs/Crumb.d.ts.map +1 -1
  15. package/dist/components/Breadcrumbs/CrumbSimpleMenu.d.ts +33 -3
  16. package/dist/components/Breadcrumbs/CrumbSimpleMenu.d.ts.map +1 -1
  17. package/dist/components/Button/Button.d.ts +1 -1
  18. package/dist/components/Button/Button.d.ts.map +1 -1
  19. package/dist/components/Card/Card.d.ts +1 -1
  20. package/dist/components/Card/Card.d.ts.map +1 -1
  21. package/dist/components/Card/CardAction.d.ts +1 -1
  22. package/dist/components/Card/CardAction.d.ts.map +1 -1
  23. package/dist/components/Card/CardBody.d.ts +1 -1
  24. package/dist/components/Card/CardBody.d.ts.map +1 -1
  25. package/dist/components/Card/CardContent.d.ts +1 -1
  26. package/dist/components/Card/CardContent.d.ts.map +1 -1
  27. package/dist/components/Card/CardHeader.d.ts +1 -1
  28. package/dist/components/Card/CardHeader.d.ts.map +1 -1
  29. package/dist/components/Card/CardTimer.d.ts +1 -1
  30. package/dist/components/Card/CardTimer.d.ts.map +1 -1
  31. package/dist/components/Card/CardTitle.d.ts +1 -1
  32. package/dist/components/Card/CardTitle.d.ts.map +1 -1
  33. package/dist/components/CarouselInput/Carousel.d.ts +1 -1
  34. package/dist/components/CarouselInput/Carousel.d.ts.map +1 -1
  35. package/dist/components/CarouselInput/CarouselActions.d.ts +1 -1
  36. package/dist/components/CarouselInput/CarouselActions.d.ts.map +1 -1
  37. package/dist/components/CarouselInput/CarouselImage.d.ts +1 -1
  38. package/dist/components/CarouselInput/CarouselImage.d.ts.map +1 -1
  39. package/dist/components/CarouselInput/CarouselInput.d.ts.map +1 -1
  40. package/dist/components/CarouselInput/CarouselSlide.d.ts +1 -1
  41. package/dist/components/CarouselInput/CarouselSlide.d.ts.map +1 -1
  42. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  43. package/dist/components/DatePicker/DatePicker.d.ts +1 -1
  44. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  45. package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  46. package/dist/components/Dialog/Dialog.d.ts +2 -2
  47. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  48. package/dist/components/Divider/Divider.d.ts +1 -1
  49. package/dist/components/Divider/Divider.d.ts.map +1 -1
  50. package/dist/components/EmptyStateLayout/EmptyStateLayout.d.ts +1 -1
  51. package/dist/components/EmptyStateLayout/EmptyStateLayout.d.ts.map +1 -1
  52. package/dist/components/Field/Field.d.ts +2 -2
  53. package/dist/components/Field/Field.d.ts.map +1 -1
  54. package/dist/components/IconButton/IconButton.d.ts +1 -1
  55. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  56. package/dist/components/JSONInput/JSONInput.d.ts +1 -1
  57. package/dist/components/JSONInput/JSONInput.d.ts.map +1 -1
  58. package/dist/components/Link/Link.d.ts.map +1 -1
  59. package/dist/components/Main/Main.d.ts +1 -1
  60. package/dist/components/Main/Main.d.ts.map +1 -1
  61. package/dist/components/Modal/Modal.d.ts +2 -2
  62. package/dist/components/Modal/Modal.d.ts.map +1 -1
  63. package/dist/components/NumberInput/NumberInput.d.ts.map +1 -1
  64. package/dist/components/Pagination/components.d.ts +1 -1
  65. package/dist/components/Pagination/components.d.ts.map +1 -1
  66. package/dist/components/Popover/Popover.d.ts.map +1 -1
  67. package/dist/components/RawTable/RawCell.d.ts +1 -1
  68. package/dist/components/RawTable/RawCell.d.ts.map +1 -1
  69. package/dist/components/RawTable/RawTr.d.ts +1 -1
  70. package/dist/components/RawTable/RawTr.d.ts.map +1 -1
  71. package/dist/components/Select/SelectParts.d.ts +2 -2
  72. package/dist/components/Select/SelectParts.d.ts.map +1 -1
  73. package/dist/components/SimpleMenu/Menu.d.ts +19 -7
  74. package/dist/components/SimpleMenu/Menu.d.ts.map +1 -1
  75. package/dist/components/SimpleMenu/SimpleMenu.d.ts +31 -4
  76. package/dist/components/SimpleMenu/SimpleMenu.d.ts.map +1 -1
  77. package/dist/components/Status/Status.d.ts +1 -1
  78. package/dist/components/Status/Status.d.ts.map +1 -1
  79. package/dist/components/SubNav/SubNav.d.ts +1 -1
  80. package/dist/components/SubNav/SubNav.d.ts.map +1 -1
  81. package/dist/components/SubNav/SubNavHeader.d.ts +3 -3
  82. package/dist/components/SubNav/SubNavHeader.d.ts.map +1 -1
  83. package/dist/components/SubNav/SubNavLink.d.ts.map +1 -1
  84. package/dist/components/SubNav/SubNavSections.d.ts +1 -1
  85. package/dist/components/SubNav/SubNavSections.d.ts.map +1 -1
  86. package/dist/components/Table/TFooter.d.ts +1 -1
  87. package/dist/components/Table/TFooter.d.ts.map +1 -1
  88. package/dist/components/Tag/Tag.d.ts +1 -1
  89. package/dist/components/Tag/Tag.d.ts.map +1 -1
  90. package/dist/components/TextButton/TextButton.d.ts +1 -1
  91. package/dist/components/TextButton/TextButton.d.ts.map +1 -1
  92. package/dist/components/Textarea/Textarea.d.ts +1 -1
  93. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  94. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  95. package/dist/components/index.d.ts +0 -5
  96. package/dist/components/index.d.ts.map +1 -1
  97. package/dist/helpers/handleResponsiveValues.d.ts +30 -15
  98. package/dist/helpers/handleResponsiveValues.d.ts.map +1 -1
  99. package/dist/helpers/theme.d.ts +1 -1
  100. package/dist/helpers/theme.d.ts.map +1 -1
  101. package/dist/index.d.ts +1 -0
  102. package/dist/index.d.ts.map +1 -1
  103. package/dist/index.js +615 -497
  104. package/dist/index.js.map +1 -1
  105. package/dist/index.mjs +615 -497
  106. package/dist/index.mjs.map +1 -1
  107. package/dist/primitives/Box/Box.d.ts +84 -0
  108. package/dist/primitives/Box/Box.d.ts.map +1 -0
  109. package/dist/primitives/Box/index.d.ts.map +1 -0
  110. package/dist/{components → primitives}/Flex/Flex.d.ts +7 -8
  111. package/dist/primitives/Flex/Flex.d.ts.map +1 -0
  112. package/dist/primitives/Flex/index.d.ts.map +1 -0
  113. package/dist/{components → primitives}/Grid/Grid.d.ts +4 -3
  114. package/dist/primitives/Grid/Grid.d.ts.map +1 -0
  115. package/dist/primitives/Grid/index.d.ts.map +1 -0
  116. package/dist/{components → primitives}/Typography/Typography.d.ts +5 -9
  117. package/dist/primitives/Typography/Typography.d.ts.map +1 -0
  118. package/dist/primitives/Typography/index.d.ts.map +1 -0
  119. package/dist/primitives/index.d.ts +5 -0
  120. package/dist/primitives/index.d.ts.map +1 -0
  121. package/dist/themes/common-theme.d.ts +8 -4
  122. package/dist/themes/common-theme.d.ts.map +1 -1
  123. package/dist/utilities/KeyboardNavigable/KeyboardNavigable.d.ts +1 -1
  124. package/dist/utilities/KeyboardNavigable/KeyboardNavigable.d.ts.map +1 -1
  125. package/dist/utilities/Portal/Portal.d.ts +1 -1
  126. package/package.json +3 -3
  127. package/dist/components/Box/Box.d.ts +0 -102
  128. package/dist/components/Box/Box.d.ts.map +0 -1
  129. package/dist/components/Box/index.d.ts.map +0 -1
  130. package/dist/components/Flex/Flex.d.ts.map +0 -1
  131. package/dist/components/Flex/index.d.ts.map +0 -1
  132. package/dist/components/Grid/Grid.d.ts.map +0 -1
  133. package/dist/components/Grid/index.d.ts.map +0 -1
  134. package/dist/components/Typography/Typography.d.ts.map +0 -1
  135. package/dist/components/Typography/index.d.ts.map +0 -1
  136. /package/dist/{components → primitives}/Box/index.d.ts +0 -0
  137. /package/dist/{components → primitives}/Flex/index.d.ts +0 -0
  138. /package/dist/{components → primitives}/Grid/index.d.ts +0 -0
  139. /package/dist/{components → primitives}/Typography/index.d.ts +0 -0
@@ -0,0 +1,84 @@
1
+ import * as React from 'react';
2
+ import { type CSSProperties } from 'styled-components';
3
+ import { type ResponsiveProperty, type ResponsiveThemeProperty } from '../../helpers/handleResponsiveValues';
4
+ import { PolymorphicComponentPropsWithRef } from '../../types';
5
+ interface TransientBoxProps {
6
+ /**
7
+ * CSS Properties
8
+ */
9
+ pointerEvents?: ResponsiveProperty<CSSProperties['pointerEvents']>;
10
+ display?: ResponsiveProperty<CSSProperties['display']>;
11
+ position?: ResponsiveProperty<CSSProperties['position']>;
12
+ overflow?: ResponsiveProperty<CSSProperties['overflow']>;
13
+ cursor?: ResponsiveProperty<CSSProperties['cursor']>;
14
+ transition?: ResponsiveProperty<CSSProperties['transition']>;
15
+ transform?: ResponsiveProperty<CSSProperties['transform']>;
16
+ animation?: ResponsiveProperty<CSSProperties['animation']>;
17
+ textAlign?: ResponsiveProperty<CSSProperties['textAlign']>;
18
+ textTransform?: ResponsiveProperty<CSSProperties['textTransform']>;
19
+ flex?: ResponsiveProperty<CSSProperties['flex']>;
20
+ grow?: ResponsiveProperty<CSSProperties['flexGrow']>;
21
+ basis?: ResponsiveProperty<CSSProperties['flexBasis']>;
22
+ shrink?: ResponsiveProperty<CSSProperties['flexShrink']>;
23
+ borderStyle?: ResponsiveProperty<CSSProperties['borderStyle']>;
24
+ /**
25
+ * Shorthand Responsive Properties
26
+ */
27
+ margin?: ResponsiveThemeProperty<'spaces', 'margin'>;
28
+ padding?: ResponsiveThemeProperty<'spaces', 'padding'>;
29
+ /**
30
+ * Individual Responsive Properties
31
+ */
32
+ marginLeft?: ResponsiveThemeProperty<'spaces', 'marginLeft'>;
33
+ marginRight?: ResponsiveThemeProperty<'spaces', 'marginRight'>;
34
+ marginTop?: ResponsiveThemeProperty<'spaces', 'marginTop'>;
35
+ marginBottom?: ResponsiveThemeProperty<'spaces', 'marginBottom'>;
36
+ marginBlock?: ResponsiveThemeProperty<'spaces', 'marginBlock'>;
37
+ marginBlockStart?: ResponsiveThemeProperty<'spaces', 'marginBlockStart'>;
38
+ marginBlockEnd?: ResponsiveThemeProperty<'spaces', 'marginBlockEnd'>;
39
+ marginInline?: ResponsiveThemeProperty<'spaces', 'marginInline'>;
40
+ marginInlineStart?: ResponsiveThemeProperty<'spaces', 'marginInlineStart'>;
41
+ marginInlineEnd?: ResponsiveThemeProperty<'spaces', 'marginInlineEnd'>;
42
+ paddingLeft?: ResponsiveThemeProperty<'spaces', 'paddingLeft'>;
43
+ paddingRight?: ResponsiveThemeProperty<'spaces', 'paddingRight'>;
44
+ paddingTop?: ResponsiveThemeProperty<'spaces', 'paddingTop'>;
45
+ paddingBottom?: ResponsiveThemeProperty<'spaces', 'paddingBottom'>;
46
+ paddingBlock?: ResponsiveThemeProperty<'spaces', 'paddingBlock'>;
47
+ paddingBlockStart?: ResponsiveThemeProperty<'spaces', 'paddingBlockStart'>;
48
+ paddingBlockEnd?: ResponsiveThemeProperty<'spaces', 'paddingBlockEnd'>;
49
+ paddingInline?: ResponsiveThemeProperty<'spaces', 'paddingInline'>;
50
+ paddingInlineStart?: ResponsiveThemeProperty<'spaces', 'paddingInlineStart'>;
51
+ paddingInlineEnd?: ResponsiveThemeProperty<'spaces', 'paddingInlineEnd'>;
52
+ borderRadius?: ResponsiveThemeProperty<'spaces', 'borderRadius'>;
53
+ borderWidth?: ResponsiveThemeProperty<'spaces', 'borderWidth'>;
54
+ top?: ResponsiveThemeProperty<'spaces', 'top'>;
55
+ left?: ResponsiveThemeProperty<'spaces', 'left'>;
56
+ bottom?: ResponsiveThemeProperty<'spaces', 'bottom'>;
57
+ right?: ResponsiveThemeProperty<'spaces', 'right'>;
58
+ width?: ResponsiveThemeProperty<'spaces', 'width'>;
59
+ height?: ResponsiveThemeProperty<'spaces', 'height'>;
60
+ maxWidth?: ResponsiveThemeProperty<'spaces', 'maxWidth'>;
61
+ minWidth?: ResponsiveThemeProperty<'spaces', 'minWidth'>;
62
+ maxHeight?: ResponsiveThemeProperty<'spaces', 'maxHeight'>;
63
+ minHeight?: ResponsiveThemeProperty<'spaces', 'minHeight'>;
64
+ /**
65
+ * Theme Properties
66
+ */
67
+ borderColor?: ResponsiveThemeProperty<'colors', 'borderColor'>;
68
+ color?: ResponsiveThemeProperty<'colors', 'color'>;
69
+ background?: ResponsiveThemeProperty<'colors', 'background'>;
70
+ shadow?: ResponsiveThemeProperty<'shadows', 'boxShadow'>;
71
+ fontSize?: ResponsiveThemeProperty<'fontSizes', 'fontSize'>;
72
+ fontWeight?: ResponsiveThemeProperty<'fontWeights', 'fontWeight'>;
73
+ lineHeight?: ResponsiveThemeProperty<'lineHeights', 'lineHeight'>;
74
+ zIndex?: ResponsiveThemeProperty<'zIndices', 'zIndex'>;
75
+ hasRadius?: boolean;
76
+ }
77
+ type BoxProps<C extends React.ElementType = 'div'> = PolymorphicComponentPropsWithRef<C, TransientBoxProps & {
78
+ children?: React.ReactNode;
79
+ }>;
80
+ declare const Box: BoxComponent<"div">;
81
+ type BoxComponent<C extends React.ElementType = 'div'> = <T extends React.ElementType = C>(props: BoxProps<T>) => JSX.Element;
82
+ export { Box };
83
+ export type { BoxComponent, BoxProps, TransientBoxProps };
84
+ //# sourceMappingURL=Box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/primitives/Box/Box.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
@@ -1,15 +1,14 @@
1
1
  import * as React from 'react';
2
2
  import { type CSSProperties } from 'styled-components';
3
- import { ResponsiveValue } from '../../helpers/handleResponsiveValues';
3
+ import { type ResponsiveProperty, type ResponsiveThemeProperty } from '../../helpers/handleResponsiveValues';
4
4
  import { BoxProps } from '../Box';
5
- interface TransientFlexProps extends Pick<CSSProperties, 'alignItems' | 'justifyContent'> {
6
- direction?: CSSProperties['flexDirection'];
7
- /**
8
- * Supports responsive values
9
- */
10
- gap?: ResponsiveValue;
5
+ interface TransientFlexProps {
6
+ alignItems?: ResponsiveProperty<CSSProperties['alignItems']>;
7
+ justifyContent?: ResponsiveProperty<CSSProperties['justifyContent']>;
8
+ wrap?: ResponsiveProperty<CSSProperties['flexWrap']>;
9
+ direction?: ResponsiveProperty<CSSProperties['flexDirection']>;
10
+ gap?: ResponsiveThemeProperty<'spaces', 'gap'>;
11
11
  inline?: boolean;
12
- wrap?: CSSProperties['flexWrap'];
13
12
  }
14
13
  type FlexProps<C extends React.ElementType = 'div'> = BoxProps<C> & TransientFlexProps;
15
14
  declare const Flex: <C extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(props: React.PropsWithoutRef<FlexProps<C>> & React.RefAttributes<unknown>) => React.ReactNode;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/primitives/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EAAqB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;IAC7D,cAAc,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACrE,IAAI,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,GAAG,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC;AAEvF,QAAA,MAAM,IAAI,6KAaR,CAAC;AAEH,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;AAiBzE,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
- import { ResponsiveValue } from '../../helpers/handleResponsiveValues';
2
+ import { type ResponsiveThemeProperty } from '../../helpers/handleResponsiveValues';
3
3
  import { BoxProps } from '../Box';
4
4
  import { FlexProps } from '../Flex';
5
5
  type Element = HTMLDivElement;
6
- type Props<C extends React.ElementType = 'div'> = Omit<BoxProps<C>, 'gap'> & {
6
+ type Props<C extends React.ElementType = 'div'> = BoxProps<C> & {
7
7
  gridCols?: number;
8
- gap?: ResponsiveValue;
8
+ gap?: ResponsiveThemeProperty<'spaces', 'gap'>;
9
9
  };
10
10
  declare const Root: Component<"div">;
11
11
  type Component<C extends React.ElementType = 'div'> = <T extends React.ElementType = C>(props: Props<T>) => JSX.Element;
@@ -14,6 +14,7 @@ type ItemProps<C extends React.ElementType = 'div'> = FlexProps<C> & {
14
14
  col?: number;
15
15
  s?: number;
16
16
  xs?: number;
17
+ m?: number;
17
18
  };
18
19
  declare const ItemImpl: ItemComponent<"div">;
19
20
  type ItemComponent<C extends React.ElementType = 'div'> = <T extends React.ElementType = C>(props: ItemProps<T>) => JSX.Element;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/primitives/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAA0B,KAAK,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG5G,OAAO,EAAqB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAM1C,KAAK,OAAO,GAAG,cAAc,CAAC;AAE9B,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,IAAI,kBAIK,CAAC;AAEhB,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;AAYxH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,QAAA,MAAM,QAAQ,sBAII,CAAC;AAEnB,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EACxF,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,GAAG,CAAC,OAAO,CAAC;AAmBjB,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,CAAC;AAClC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC"}
@@ -1,17 +1,13 @@
1
1
  import * as React from 'react';
2
- import { type CSSProperties, type DefaultTheme } from 'styled-components';
2
+ import { type CSSProperties } from 'styled-components';
3
+ import { type ResponsiveProperty, type ResponsiveThemeProperty } from '../../helpers/handleResponsiveValues';
3
4
  import { type TEXT_VARIANTS } from '../../styles/type';
4
- import { DefaultThemeOrCSSProp, PolymorphicComponentPropsWithRef } from '../../types';
5
+ import { PolymorphicComponentPropsWithRef } from '../../types';
5
6
  import { BoxProps } from '../Box';
6
7
  interface TransientTypographyProps {
7
8
  ellipsis?: boolean;
8
- fontSize?: keyof DefaultTheme['fontSizes'];
9
- fontWeight?: keyof DefaultTheme['fontWeights'];
10
- lineHeight?: DefaultThemeOrCSSProp<'lineHeights', 'lineHeight'>;
11
- textAlign?: CSSProperties['textAlign'];
12
- textColor?: DefaultThemeOrCSSProp<'colors', 'color'>;
13
- textDecoration?: CSSProperties['textDecoration'];
14
- textTransform?: CSSProperties['textTransform'];
9
+ textColor?: ResponsiveThemeProperty<'colors', 'color'>;
10
+ textDecoration?: ResponsiveProperty<CSSProperties['textDecoration']>;
15
11
  variant?: (typeof TEXT_VARIANTS)[number];
16
12
  }
17
13
  type TypographyProps<C extends React.ElementType = 'span'> = Omit<BoxProps<C>, 'ref'> & TransientTypographyProps;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/primitives/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,gCAAgC,EAAyC,MAAM,aAAa,CAAC;AAEtG,OAAO,EAAqB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACrE,OAAO,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;CAC1C;AAED,KAAK,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,wBAAwB,CAAC;AAEjH,QAAA,MAAM,UAAU,6BA2BQ,CAAC;AAEzB,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EAC/F,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAC3D,GAAG,CAAC,OAAO,CAAC;AAqBjB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './Box';
2
+ export * from './Grid';
3
+ export * from './Flex';
4
+ export * from './Typography';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { EASINGS, TIMINGS, TRANSITIONS } from '../styles/motion';
2
2
  import { Sizes } from './sizes';
3
+ type Breakpoint = `@media(min-width: ${number}px)`;
3
4
  export interface CommonTheme {
4
5
  sizes: Sizes;
5
6
  zIndices: {
@@ -12,11 +13,13 @@ export interface CommonTheme {
12
13
  tooltip: 1000;
13
14
  };
14
15
  spaces: ['0px', '4px', '8px', '12px', '16px', '20px', '24px', '32px', '40px', '48px', '56px', '64px'];
15
- borderRadius: '4px';
16
- mediaQueries: {
17
- tablet: string;
18
- mobile: string;
16
+ breakpoints: {
17
+ initial: Breakpoint;
18
+ small: Breakpoint;
19
+ medium: Breakpoint;
20
+ large: Breakpoint;
19
21
  };
22
+ borderRadius: '4px';
20
23
  fontSizes: [string, string, string, string, string, string];
21
24
  lineHeights: [1.14, 1.22, 1.25, 1.33, 1.43, 1.45, 1.5];
22
25
  fontWeights: {
@@ -31,4 +34,5 @@ export interface CommonTheme {
31
34
  transitions: typeof TRANSITIONS;
32
35
  }
33
36
  export declare const commonTheme: CommonTheme;
37
+ export {};
34
38
  //# sourceMappingURL=common-theme.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"common-theme.d.ts","sourceRoot":"","sources":["../../src/themes/common-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAS,MAAM,SAAS,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE;QACR,UAAU,EAAE,GAAG,CAAC;QAChB,OAAO,EAAE,GAAG,CAAC;QACb,KAAK,EAAE,GAAG,CAAC;QACX,MAAM,EAAE,GAAG,CAAC;QACZ,OAAO,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,GAAG,CAAC;QAClB,OAAO,EAAE,IAAI,CAAC;KACf,CAAC;IACF,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtG,YAAY,EAAE,KAAK,CAAC;IACpB,YAAY,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACvD,WAAW,EAAE;QACX,OAAO,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;KACX,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,OAAO,OAAO,CAAC;QACxB,OAAO,EAAE,OAAO,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC;AAED,eAAO,MAAM,WAAW,EAAE,WA6BzB,CAAC"}
1
+ {"version":3,"file":"common-theme.d.ts","sourceRoot":"","sources":["../../src/themes/common-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAS,MAAM,SAAS,CAAC;AAEvC,KAAK,UAAU,GAAG,qBAAqB,MAAM,KAAK,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE;QACR,UAAU,EAAE,GAAG,CAAC;QAChB,OAAO,EAAE,GAAG,CAAC;QACb,KAAK,EAAE,GAAG,CAAC;QACX,MAAM,EAAE,GAAG,CAAC;QACZ,OAAO,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,GAAG,CAAC;QAClB,OAAO,EAAE,IAAI,CAAC;KACf,CAAC;IACF,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtG,WAAW,EAAE;QACX,OAAO,EAAE,UAAU,CAAC;QACpB,KAAK,EAAE,UAAU,CAAC;QAClB,MAAM,EAAE,UAAU,CAAC;QACnB,KAAK,EAAE,UAAU,CAAC;KACnB,CAAC;IACF,YAAY,EAAE,KAAK,CAAC;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACvD,WAAW,EAAE;QACX,OAAO,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;KACX,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,OAAO,OAAO,CAAC;QACxB,OAAO,EAAE,OAAO,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC;AAED,eAAO,MAAM,WAAW,EAAE,WA+BzB,CAAC"}
@@ -1,4 +1,4 @@
1
- import { BoxProps } from '../../components/Box';
1
+ import { BoxProps } from '../../primitives/Box';
2
2
  export interface KeyboardNavigableProps extends BoxProps {
3
3
  tagName?: string;
4
4
  attributeName?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"KeyboardNavigable.d.ts","sourceRoot":"","sources":["../../../src/utilities/KeyboardNavigable/KeyboardNavigable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGrD,MAAM,WAAW,sBAAuB,SAAQ,QAAQ;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,yCAA+C,sBAAsB,4CAwFlG,CAAC"}
1
+ {"version":3,"file":"KeyboardNavigable.d.ts","sourceRoot":"","sources":["../../../src/utilities/KeyboardNavigable/KeyboardNavigable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,sBAAuB,SAAQ,QAAQ;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,yCAA+C,sBAAsB,4CAwFlG,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { BoxProps } from '../../components/Box';
2
+ import { BoxProps } from '../../primitives/Box';
3
3
  type PortalElement = HTMLDivElement;
4
4
  interface PortalProps extends BoxProps<'div'> {
5
5
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@strapi/design-system",
3
- "version": "2.0.0-rc.7",
3
+ "version": "2.0.0-rc.8",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "source": "./src/index.ts",
@@ -30,12 +30,12 @@
30
30
  "@radix-ui/react-switch": "1.0.3",
31
31
  "@radix-ui/react-tabs": "1.0.4",
32
32
  "@radix-ui/react-tooltip": "1.0.7",
33
- "@strapi/ui-primitives": "2.0.0-rc.7",
33
+ "@strapi/ui-primitives": "2.0.0-rc.8",
34
34
  "@uiw/react-codemirror": "4.22.2",
35
35
  "react-remove-scroll": "2.5.10"
36
36
  },
37
37
  "devDependencies": {
38
- "@strapi/icons": "2.0.0-rc.7",
38
+ "@strapi/icons": "2.0.0-rc.8",
39
39
  "@strapi/pack-up": "5.0.0",
40
40
  "jest": "29.7.0",
41
41
  "react": "18.3.1",
@@ -1,102 +0,0 @@
1
- import * as React from 'react';
2
- import { type CSSProperties, type DefaultTheme } from 'styled-components';
3
- import { ResponsiveValue } from '../../helpers/handleResponsiveValues';
4
- import { DefaultThemeOrCSSProp, PolymorphicComponentPropsWithRef } from '../../types';
5
- interface TransientBoxProps extends Pick<CSSProperties, 'gap' | 'flexWrap' | 'pointerEvents' | 'display' | 'position' | 'overflow' | 'cursor' | 'transition' | 'transform' | 'animation' | 'textAlign' | 'textTransform'> {
6
- /**
7
- * Background color
8
- */
9
- background?: DefaultThemeOrCSSProp<'colors', 'background'>;
10
- /**
11
- * Flex basis
12
- */
13
- basis?: CSSProperties['flexBasis'];
14
- /**
15
- * Border color
16
- */
17
- borderColor?: keyof DefaultTheme['colors'];
18
- /**
19
- * Text color
20
- */
21
- color?: DefaultThemeOrCSSProp<'colors', 'color'>;
22
- /**
23
- * Flex
24
- */
25
- flex?: CSSProperties['flex'];
26
- fontSize?: DefaultThemeOrCSSProp<'fontSizes', 'fontSize'>;
27
- /**
28
- * Flex grow
29
- */
30
- grow?: CSSProperties['flexGrow'];
31
- /**
32
- * If `true`, will add a border radius to the `Box`
33
- */
34
- hasRadius?: boolean;
35
- /**
36
- * Responsive hiding. If `true`, will the `Box` for tablet size screens.
37
- */
38
- hiddenS?: boolean;
39
- /**
40
- * Responsive hiding. If `true`, will the `Box` for mobile size screens.
41
- */
42
- hiddenXS?: boolean;
43
- /**
44
- * Padding. Supports responsive values
45
- */
46
- padding?: ResponsiveValue<'padding'>;
47
- /**
48
- * Padding bottom. Supports responsive values
49
- */
50
- paddingBottom?: ResponsiveValue<'paddingBottom'>;
51
- /**
52
- * Padding left. Supports responsive values
53
- */
54
- paddingLeft?: ResponsiveValue<'paddingLeft'>;
55
- /**
56
- * Padding right. Supports responsive values
57
- */
58
- paddingRight?: ResponsiveValue<'paddingRight'>;
59
- /**
60
- * Padding top. Supports responsive values
61
- */
62
- paddingTop?: ResponsiveValue<'paddingTop'>;
63
- /**
64
- * Margin. Supports responsive values
65
- */
66
- margin?: ResponsiveValue<'margin'>;
67
- marginLeft?: ResponsiveValue<'marginLeft'>;
68
- marginBottom?: ResponsiveValue<'marginBottom'>;
69
- marginRight?: ResponsiveValue<'marginRight'>;
70
- marginTop?: ResponsiveValue<'marginTop'>;
71
- /**
72
- * Shadow name (see `theme.shadows`)
73
- */
74
- shadow?: keyof DefaultTheme['shadows'];
75
- /**
76
- * Flex shrink
77
- */
78
- shrink?: CSSProperties['flexShrink'];
79
- lineHeight?: DefaultThemeOrCSSProp<'lineHeights', 'lineHeight'>;
80
- width?: DefaultThemeOrCSSProp<'spaces', 'width'>;
81
- minWidth?: DefaultThemeOrCSSProp<'spaces', 'minWidth'>;
82
- maxWidth?: DefaultThemeOrCSSProp<'spaces', 'maxWidth'>;
83
- height?: DefaultThemeOrCSSProp<'spaces', 'height'>;
84
- minHeight?: DefaultThemeOrCSSProp<'spaces', 'minHeight'>;
85
- maxHeight?: DefaultThemeOrCSSProp<'spaces', 'maxHeight'>;
86
- top?: DefaultThemeOrCSSProp<'spaces', 'top'>;
87
- left?: DefaultThemeOrCSSProp<'spaces', 'left'>;
88
- bottom?: DefaultThemeOrCSSProp<'spaces', 'bottom'>;
89
- right?: DefaultThemeOrCSSProp<'spaces', 'right'>;
90
- borderRadius?: CSSProperties['borderRadius'];
91
- borderStyle?: CSSProperties['borderStyle'];
92
- borderWidth?: CSSProperties['borderWidth'];
93
- zIndex?: DefaultThemeOrCSSProp<'zIndicies', 'zIndex'>;
94
- }
95
- type BoxProps<C extends React.ElementType = 'div'> = PolymorphicComponentPropsWithRef<C, TransientBoxProps & {
96
- children?: React.ReactNode;
97
- }>;
98
- declare const Box: BoxComponent<"div">;
99
- type BoxComponent<C extends React.ElementType = 'div'> = <T extends React.ElementType = C>(props: BoxProps<T>) => JSX.Element;
100
- export { Box };
101
- export type { BoxComponent, BoxProps, TransientBoxProps };
102
- //# sourceMappingURL=Box.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAA0B,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG/F,OAAO,EAAqB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,gBAAgB,CAAC;IACvF,SAAS,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC3C;;OAEG;IACH,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC;AAEvF,QAAA,MAAM,IAAI,6KAYR,CAAC;AAEH,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;AAYzE,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAA0B,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG/F,OAAO,EAAqB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAuB,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzD,KAAK,OAAO,GAAG,cAAc,CAAC;AAE9B,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,IAAI,kBAIK,CAAC;AAEhB,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;AAYxH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,QAAQ,sBAII,CAAC;AAEnB,KAAK,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EACxF,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,GAAG,CAAC,OAAO,CAAC;AAejB,OAAO,EAAE,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,CAAC;AAClC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGlF,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EACL,qBAAqB,EACrB,gCAAgC,EAGjC,MAAM,aAAa,CAAC;AAErB,OAAO,EAAqB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,YAAY,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,YAAY,CAAC,aAAa,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,qBAAqB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,qBAAqB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;CAC1C;AAED,KAAK,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,wBAAwB,CAAC;AAEjH,QAAA,MAAM,UAAU,6BA6BQ,CAAC;AAEzB,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EAC/F,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,KAC3D,GAAG,CAAC,OAAO,CAAC;AAiBjB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
File without changes
File without changes
File without changes