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

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 +5302 -4845
  2. package/dist/trc-components.es.js.map +1 -1
  3. package/dist/trc-components.umd.js +303 -245
  4. package/dist/trc-components.umd.js.map +1 -1
  5. package/dist/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +6 -5
  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 +3 -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.4",
4
4
  "description": "The Routing Company Components",
5
5
  "main": "./dist/trc-components.umd.js",
6
6
  "module": "./dist/trc-components.es.js",
@@ -23,7 +23,7 @@
23
23
  "scripts": {
24
24
  "prepublish": "npm run build",
25
25
  "format": "prettier ./dist/**/*.{js,css,scss} --write --no-config",
26
- "clean": "rimraf ./dist ./types",
26
+ "clean": "rimraf ./dist ./types",
27
27
  "storybook": "storybook dev -p 6006",
28
28
  "build-storybook": "storybook build",
29
29
  "lint": "eslint --cache src",
@@ -40,6 +40,7 @@
40
40
  "@internationalized/date": "3.1.0",
41
41
  "@material-ui/icons": "^4.11.3",
42
42
  "@radix-ui/react-accessible-icon": "^1.0.2",
43
+ "csstype": "^3.1.1",
43
44
  "@radix-ui/react-alert-dialog": "^1.0.3",
44
45
  "@radix-ui/react-checkbox": "^1.0.3",
45
46
  "@radix-ui/react-collapsible": "^1.0.2",
@@ -90,6 +91,7 @@
90
91
  "@react-types/select": "3.7.0",
91
92
  "@tanstack/react-table": "^8.7.9",
92
93
  "@theroutingcompany/design-tokens": "^0.0.3",
94
+ "@types/react": "^18.0.28",
93
95
  "styled-components": "^5.3.8"
94
96
  },
95
97
  "peerDependencies": {
@@ -98,7 +100,8 @@
98
100
  "@types/react-dom": "^18.0.0",
99
101
  "react": "^18.2.0",
100
102
  "react-dom": "^18.2.0",
101
- "react-is": "^18.2.0"
103
+ "react-is": "^18.2.0",
104
+ "csstype": "^3.1.1"
102
105
  },
103
106
  "devDependencies": {
104
107
  "@babel/core": "^7.21.0",
@@ -115,7 +118,6 @@
115
118
  "@storybook/testing-library": "^0.0.14-next.0",
116
119
  "@types/eslint": "^8.21.1",
117
120
  "@types/prettier": "^2.7.2",
118
- "@types/react": "^18.0.28",
119
121
  "@types/react-dom": "^18.0.11",
120
122
  "@types/react-is": "^17.0.3",
121
123
  "@types/styled-components": "^5.1.26",
@@ -123,7 +125,6 @@
123
125
  "@typescript-eslint/parser": "^5.54.0",
124
126
  "@vitejs/plugin-react": "^3.1.0",
125
127
  "chromatic": "^6.17.1",
126
- "csstype": "^3.1.1",
127
128
  "eslint": "^8.35.0",
128
129
  "eslint-config-prettier": "^8.6.0",
129
130
  "eslint-plugin-jsx-a11y": "^6.7.1",
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,12 @@
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';
6
+ export * from './Button/ButtonBase';
5
7
  export * from './Checkbox/Checkbox';
6
8
  export * from './Dialog/Dialog';
9
+ export * from './Flex/Flex';
7
10
  export * from './Fieldset/Fieldset';
8
11
  export * from './FileUpload/FileUpload';
9
12
  export * from './FormControl/FormControl';