@theroutingcompany/components 0.0.18-alpha.2 → 0.0.18-alpha.3

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 (9) hide show
  1. package/dist/trc-components.es.js +5300 -4843
  2. package/dist/trc-components.es.js.map +1 -1
  3. package/dist/trc-components.umd.js +299 -239
  4. package/dist/trc-components.umd.js.map +1 -1
  5. package/dist/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +1 -1
  7. package/types/components/Box/Box.d.ts +20 -20
  8. package/types/components/Flex/Flex.d.ts +20 -20
  9. package/types/components/index.d.ts +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@theroutingcompany/components",
3
- "version": "0.0.18-alpha.2",
3
+ "version": "0.0.18-alpha.3",
4
4
  "description": "The Routing Company Components",
5
5
  "main": "./dist/trc-components.umd.js",
6
6
  "module": "./dist/trc-components.es.js",
package/types/components/Box/Box.d.ts CHANGED
@@ -66,45 +66,45 @@ export type BoxProps = PropsWithChildren<{
66
66
  overflow?: RemoveVendorProperties<Property.Overflow>;
67
67
  }>;
68
68
  export declare const Box: import("styled-components").StyledComponent<"div", any, {
69
- display?: "none" | "inline" | "contents" | "block" | "inline-block" | undefined;
70
- position?: "inherit" | "fixed" | "sticky" | "initial" | "revert" | "revert-layer" | "unset" | "absolute" | "relative" | "static" | undefined;
69
+ display?: "none" | "inline" | "block" | "inline-block" | "contents" | undefined;
70
+ position?: "inherit" | "fixed" | "static" | "initial" | "revert" | "revert-layer" | "unset" | "absolute" | "relative" | "sticky" | undefined;
71
71
  top?: Property.Top<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
72
72
  bottom?: Property.Bottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
73
73
  left?: Property.Left<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
74
74
  right?: Property.Right<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
75
75
  zIndex?: Property.ZIndex | undefined;
76
76
  /** width */
77
- w?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
77
+ w?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | undefined;
78
78
  /** min-width */
79
- minW?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
79
+ minW?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | undefined;
80
80
  /** max-width */
81
- maxW?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
81
+ maxW?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | undefined;
82
82
  /** height */
83
- h?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
83
+ h?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | undefined;
84
84
  /** min-height */
85
- minH?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
85
+ minH?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | undefined;
86
86
  /** max-height */
87
- maxH?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
87
+ maxH?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | undefined;
88
88
  /** margin */
89
- m?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
89
+ m?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
90
90
  /** margin-top */
91
- mt?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
91
+ mt?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
92
92
  /** margin-bottom */
93
- mb?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
93
+ mb?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
94
94
  /** margin-left */
95
- ml?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
95
+ ml?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
96
96
  /** margin-right */
97
- mr?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
97
+ mr?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
98
98
  /** padding */
99
- p?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
99
+ p?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
100
100
  /** padding-top */
101
- pt?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
101
+ pt?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
102
102
  /** padding-right */
103
- pr?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
103
+ pr?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
104
104
  /** padding-bottom */
105
- pb?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
105
+ pb?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
106
106
  /** padding-left */
107
- pl?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
107
+ pl?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
108
108
  borderRadius?: Property.BorderRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
109
109
  borderTopLeftRadius?: Property.BorderTopLeftRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
110
110
  borderTopRightRadius?: Property.BorderTopRightRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
@@ -114,7 +114,7 @@ export declare const Box: import("styled-components").StyledComponent<"div", any
114
114
  elevation?: ElevationToken | undefined;
115
115
  flexShrink?: (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
116
116
  flexGrow?: (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
117
- flexBasis?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "content" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
117
+ flexBasis?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "content" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | undefined;
118
118
  flex?: Property.Flex<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500"> | undefined;
119
119
  alignSelf?: Property.AlignSelf | undefined;
120
120
  order?: Property.Order | undefined;
@@ -127,7 +127,7 @@ export declare const Box: import("styled-components").StyledComponent<"div", any
127
127
  bgColor?: Property.BackgroundColor | undefined;
128
128
  opacity?: Property.Background<0 | (string & {})> | undefined;
129
129
  color?: Property.Color | undefined;
130
- overflow?: "auto" | "hidden" | (string & {}) | "inherit" | "clip" | "initial" | "revert" | "revert-layer" | "unset" | "visible" | "scroll" | undefined;
130
+ overflow?: "auto" | "hidden" | (string & {}) | "inherit" | "clip" | "initial" | "revert" | "revert-layer" | "unset" | "scroll" | "visible" | undefined;
131
131
  } & {
132
132
  children?: import("react").ReactNode;
133
133
  }, never>;
package/types/components/Flex/Flex.d.ts CHANGED
@@ -14,29 +14,29 @@ export type FlexProps = PropsWithChildren<{
14
14
  rowGap?: Property.RowGap<SpacingToken>;
15
15
  }>;
16
16
  export declare const Flex: import("styled-components").StyledComponent<"div", any, {
17
- display?: "none" | "inline" | "contents" | "block" | "inline-block" | undefined;
18
- position?: "inherit" | "fixed" | "sticky" | "initial" | "revert" | "revert-layer" | "unset" | "absolute" | "relative" | "static" | undefined;
17
+ display?: "none" | "inline" | "block" | "inline-block" | "contents" | undefined;
18
+ position?: "inherit" | "fixed" | "static" | "initial" | "revert" | "revert-layer" | "unset" | "absolute" | "relative" | "sticky" | undefined;
19
19
  top?: Property.Top<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
20
20
  bottom?: Property.Bottom<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
21
21
  left?: Property.Left<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
22
22
  right?: Property.Right<"0" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900"> | undefined;
23
23
  zIndex?: Property.ZIndex | undefined;
24
- w?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
25
- minW?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "min-intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
26
- maxW?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
27
- h?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
28
- minH?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
29
- maxH?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "intrinsic" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
30
- m?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
31
- mt?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
32
- mb?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
33
- ml?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
34
- mr?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
35
- p?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
36
- pt?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
37
- pr?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
38
- pb?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
39
- pl?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | undefined;
24
+ w?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | undefined;
25
+ minW?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | "min-intrinsic" | undefined;
26
+ maxW?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | undefined;
27
+ h?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | undefined;
28
+ minH?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | undefined;
29
+ maxH?: "0" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "none" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "intrinsic" | "max-content" | "min-content" | undefined;
30
+ m?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
31
+ mt?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
32
+ mb?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
33
+ ml?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
34
+ mr?: "0" | "auto" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
35
+ p?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
36
+ pt?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
37
+ pr?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
38
+ pb?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
39
+ pl?: "0" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
40
40
  borderRadius?: Property.BorderRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
41
41
  borderTopLeftRadius?: Property.BorderTopLeftRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
42
42
  borderTopRightRadius?: Property.BorderTopRightRadius<"0" | "400" | "circle" | "100" | "200" | "800" | "pill"> | undefined;
@@ -45,7 +45,7 @@ export declare const Flex: import("styled-components").StyledComponent<"div", an
45
45
  elevation?: import("helpers/tokenUtils").ElevationToken | undefined;
46
46
  flexShrink?: (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
47
47
  flexGrow?: (string & {}) | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
48
- flexBasis?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "content" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | undefined;
48
+ flexBasis?: "0" | "auto" | "1000" | "300" | "400" | "500" | "600" | (string & {}) | "inherit" | "content" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500" | "initial" | "revert" | "revert-layer" | "unset" | "fit-content" | "max-content" | "min-content" | undefined;
49
49
  flex?: Property.Flex<"0" | "1000" | "300" | "400" | "500" | "600" | "100" | "200" | "450" | "550" | "650" | "700" | "750" | "800" | "850" | "900" | "350" | "1100" | "1150" | "1200" | "1300" | "1350" | "1400" | "1500"> | undefined;
50
50
  alignSelf?: Property.AlignSelf | undefined;
51
51
  order?: Property.Order | undefined;
@@ -56,7 +56,7 @@ export declare const Flex: import("styled-components").StyledComponent<"div", an
56
56
  bgColor?: Property.BackgroundColor | undefined;
57
57
  opacity?: Property.Background<0 | (string & {})> | undefined;
58
58
  color?: Property.Color | undefined;
59
- overflow?: "auto" | "hidden" | (string & {}) | "inherit" | "clip" | "initial" | "revert" | "revert-layer" | "unset" | "visible" | "scroll" | undefined;
59
+ overflow?: "auto" | "hidden" | (string & {}) | "inherit" | "clip" | "initial" | "revert" | "revert-layer" | "unset" | "scroll" | "visible" | undefined;
60
60
  } & {
61
61
  children?: import("react").ReactNode;
62
62
  } & {
package/types/components/index.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  export * from './AlertDialog/AlertDialog';
2
2
  export * from './AccessibleIcon/AccessibleIcon';
3
+ export * from './Box/Box';
3
4
  export * from './Breadcrumbs/Breadcrumbs';
4
5
  export * from './Button/Button';
5
6
  export * from './Checkbox/Checkbox';
6
7
  export * from './Dialog/Dialog';
8
+ export * from './Flex/Flex';
7
9
  export * from './Fieldset/Fieldset';
8
10
  export * from './FileUpload/FileUpload';
9
11
  export * from './FormControl/FormControl';