@channel.io/bezier-react 4.0.0-next.3 → 4.0.0-next.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.
- package/dist/cjs/styles.css +1 -1
- package/dist/cjs/types/props-helpers.js +8 -0
- package/dist/cjs/types/props-helpers.js.map +1 -1
- package/dist/cjs/v3/BaseStack/BaseStack.js +46 -0
- package/dist/cjs/v3/BaseStack/BaseStack.js.map +1 -0
- package/dist/cjs/v3/BaseStack/BaseStack.module.scss.js +8 -0
- package/dist/cjs/v3/BaseStack/BaseStack.module.scss.js.map +1 -0
- package/dist/cjs/v3/Box/Box.js +56 -0
- package/dist/cjs/v3/Box/Box.js.map +1 -0
- package/dist/cjs/v3/Box/Box.module.scss.js +8 -0
- package/dist/cjs/v3/Box/Box.module.scss.js.map +1 -0
- package/dist/cjs/v3/Divider/Divider.js +32 -0
- package/dist/cjs/v3/Divider/Divider.js.map +1 -0
- package/dist/cjs/v3/Divider/Divider.module.scss.js +8 -0
- package/dist/cjs/v3/Divider/Divider.module.scss.js.map +1 -0
- package/dist/cjs/v3/HStack/HStack.js +19 -0
- package/dist/cjs/v3/HStack/HStack.js.map +1 -0
- package/dist/cjs/v3/Icon/Icon.js +51 -0
- package/dist/cjs/v3/Icon/Icon.js.map +1 -0
- package/dist/cjs/v3/Icon/Icon.module.scss.js +8 -0
- package/dist/cjs/v3/Icon/Icon.module.scss.js.map +1 -0
- package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.js +53 -0
- package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.js.map +1 -0
- package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.module.scss.js +8 -0
- package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.module.scss.js.map +1 -0
- package/dist/cjs/v3/Spinner/Spinner.js +45 -0
- package/dist/cjs/v3/Spinner/Spinner.js.map +1 -0
- package/dist/cjs/v3/Spinner/Spinner.module.scss.js +8 -0
- package/dist/cjs/v3/Spinner/Spinner.module.scss.js.map +1 -0
- package/dist/cjs/v3/Text/Text.js +60 -0
- package/dist/cjs/v3/Text/Text.js.map +1 -0
- package/dist/cjs/v3/Text/Text.module.scss.js +8 -0
- package/dist/cjs/v3/Text/Text.module.scss.js.map +1 -0
- package/dist/cjs/v3/VStack/VStack.js +19 -0
- package/dist/cjs/v3/VStack/VStack.js.map +1 -0
- package/dist/cjs/v3/index.js +22 -0
- package/dist/cjs/v3/index.js.map +1 -0
- package/dist/esm/styles.css +1 -1
- package/dist/esm/types/props-helpers.mjs +5 -1
- package/dist/esm/types/props-helpers.mjs.map +1 -1
- package/dist/esm/v3/BaseStack/BaseStack.mjs +44 -0
- package/dist/esm/v3/BaseStack/BaseStack.mjs.map +1 -0
- package/dist/esm/v3/BaseStack/BaseStack.module.scss.mjs +4 -0
- package/dist/esm/v3/BaseStack/BaseStack.module.scss.mjs.map +1 -0
- package/dist/esm/v3/Box/Box.mjs +54 -0
- package/dist/esm/v3/Box/Box.mjs.map +1 -0
- package/dist/esm/v3/Box/Box.module.scss.mjs +4 -0
- package/dist/esm/v3/Box/Box.module.scss.mjs.map +1 -0
- package/dist/esm/v3/Divider/Divider.mjs +30 -0
- package/dist/esm/v3/Divider/Divider.mjs.map +1 -0
- package/dist/esm/v3/Divider/Divider.module.scss.mjs +4 -0
- package/dist/esm/v3/Divider/Divider.module.scss.mjs.map +1 -0
- package/dist/esm/v3/HStack/HStack.mjs +17 -0
- package/dist/esm/v3/HStack/HStack.mjs.map +1 -0
- package/dist/esm/v3/Icon/Icon.mjs +49 -0
- package/dist/esm/v3/Icon/Icon.mjs.map +1 -0
- package/dist/esm/v3/Icon/Icon.module.scss.mjs +4 -0
- package/dist/esm/v3/Icon/Icon.module.scss.mjs.map +1 -0
- package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.mjs +51 -0
- package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.mjs.map +1 -0
- package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.module.scss.mjs +4 -0
- package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.module.scss.mjs.map +1 -0
- package/dist/esm/v3/Spinner/Spinner.mjs +43 -0
- package/dist/esm/v3/Spinner/Spinner.mjs.map +1 -0
- package/dist/esm/v3/Spinner/Spinner.module.scss.mjs +4 -0
- package/dist/esm/v3/Spinner/Spinner.module.scss.mjs.map +1 -0
- package/dist/esm/v3/Text/Text.mjs +58 -0
- package/dist/esm/v3/Text/Text.mjs.map +1 -0
- package/dist/esm/v3/Text/Text.module.scss.mjs +4 -0
- package/dist/esm/v3/Text/Text.module.scss.mjs.map +1 -0
- package/dist/esm/v3/VStack/VStack.mjs +17 -0
- package/dist/esm/v3/VStack/VStack.mjs.map +1 -0
- package/dist/esm/v3/index.mjs +9 -0
- package/dist/esm/v3/index.mjs.map +1 -0
- package/dist/types/types/beta-tokens.d.ts +4 -0
- package/dist/types/types/beta-tokens.d.ts.map +1 -1
- package/dist/types/types/props-helpers.d.ts +48 -1
- package/dist/types/types/props-helpers.d.ts.map +1 -1
- package/dist/types/types/props.d.ts +44 -0
- package/dist/types/types/props.d.ts.map +1 -1
- package/dist/types/v3/BaseStack/BaseStack.d.ts +6 -0
- package/dist/types/v3/BaseStack/BaseStack.d.ts.map +1 -0
- package/dist/types/v3/BaseStack/BaseStack.types.d.ts +45 -0
- package/dist/types/v3/BaseStack/BaseStack.types.d.ts.map +1 -0
- package/dist/types/v3/Box/Box.d.ts +19 -0
- package/dist/types/v3/Box/Box.d.ts.map +1 -0
- package/dist/types/v3/Box/Box.types.d.ts +12 -0
- package/dist/types/v3/Box/Box.types.d.ts.map +1 -0
- package/dist/types/v3/Box/index.d.ts +3 -0
- package/dist/types/v3/Box/index.d.ts.map +1 -0
- package/dist/types/v3/Divider/Divider.d.ts +13 -0
- package/dist/types/v3/Divider/Divider.d.ts.map +1 -0
- package/dist/types/v3/Divider/Divider.types.d.ts +27 -0
- package/dist/types/v3/Divider/Divider.types.d.ts.map +1 -0
- package/dist/types/v3/Divider/index.d.ts +3 -0
- package/dist/types/v3/Divider/index.d.ts.map +1 -0
- package/dist/types/v3/HStack/HStack.d.ts +7 -0
- package/dist/types/v3/HStack/HStack.d.ts.map +1 -0
- package/dist/types/v3/HStack/HStack.types.d.ts +2 -0
- package/dist/types/v3/HStack/HStack.types.d.ts.map +1 -0
- package/dist/types/v3/HStack/index.d.ts +3 -0
- package/dist/types/v3/HStack/index.d.ts.map +1 -0
- package/dist/types/v3/Icon/Icon.d.ts +19 -0
- package/dist/types/v3/Icon/Icon.d.ts.map +1 -0
- package/dist/types/v3/Icon/Icon.types.d.ts +21 -0
- package/dist/types/v3/Icon/Icon.types.d.ts.map +1 -0
- package/dist/types/v3/Icon/index.d.ts +3 -0
- package/dist/types/v3/Icon/index.d.ts.map +1 -0
- package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.d.ts +15 -0
- package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.d.ts.map +1 -0
- package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.types.d.ts +61 -0
- package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.types.d.ts.map +1 -0
- package/dist/types/v3/SmoothCornersBox/index.d.ts +3 -0
- package/dist/types/v3/SmoothCornersBox/index.d.ts.map +1 -0
- package/dist/types/v3/Spinner/Spinner.d.ts +15 -0
- package/dist/types/v3/Spinner/Spinner.d.ts.map +1 -0
- package/dist/types/v3/Spinner/Spinner.types.d.ts +5 -0
- package/dist/types/v3/Spinner/Spinner.types.d.ts.map +1 -0
- package/dist/types/v3/Spinner/index.d.ts +3 -0
- package/dist/types/v3/Spinner/index.d.ts.map +1 -0
- package/dist/types/v3/Text/Text.d.ts +16 -0
- package/dist/types/v3/Text/Text.d.ts.map +1 -0
- package/dist/types/v3/Text/Text.types.d.ts +44 -0
- package/dist/types/v3/Text/Text.types.d.ts.map +1 -0
- package/dist/types/v3/Text/index.d.ts +3 -0
- package/dist/types/v3/Text/index.d.ts.map +1 -0
- package/dist/types/v3/VStack/VStack.d.ts +7 -0
- package/dist/types/v3/VStack/VStack.d.ts.map +1 -0
- package/dist/types/v3/VStack/VStack.types.d.ts +2 -0
- package/dist/types/v3/VStack/VStack.types.d.ts.map +1 -0
- package/dist/types/v3/VStack/index.d.ts +3 -0
- package/dist/types/v3/VStack/index.d.ts.map +1 -0
- package/dist/types/v3/index.d.ts +9 -0
- package/dist/types/v3/index.d.ts.map +1 -0
- package/package.json +6 -1
- package/src/types/beta-tokens.ts +8 -0
- package/src/types/props-helpers.ts +22 -1
- package/src/types/props.ts +52 -0
- package/src/v3/BaseStack/BaseStack.module.scss +73 -0
- package/src/v3/BaseStack/BaseStack.test.tsx +83 -0
- package/src/v3/BaseStack/BaseStack.tsx +72 -0
- package/src/v3/BaseStack/BaseStack.types.ts +59 -0
- package/src/v3/Box/Box.module.scss +13 -0
- package/src/v3/Box/Box.stories.tsx +27 -0
- package/src/v3/Box/Box.test.tsx +57 -0
- package/src/v3/Box/Box.tsx +77 -0
- package/src/v3/Box/Box.types.ts +24 -0
- package/src/v3/Box/index.ts +2 -0
- package/src/v3/Divider/Divider.module.scss +52 -0
- package/src/v3/Divider/Divider.stories.tsx +95 -0
- package/src/v3/Divider/Divider.test.tsx +47 -0
- package/src/v3/Divider/Divider.tsx +57 -0
- package/src/v3/Divider/Divider.types.ts +32 -0
- package/src/v3/Divider/index.ts +2 -0
- package/src/v3/HStack/HStack.stories.tsx +58 -0
- package/src/v3/HStack/HStack.test.tsx +14 -0
- package/src/v3/HStack/HStack.tsx +21 -0
- package/src/v3/HStack/HStack.types.ts +1 -0
- package/src/v3/HStack/index.ts +2 -0
- package/src/v3/Icon/Icon.module.scss +20 -0
- package/src/v3/Icon/Icon.stories.tsx +173 -0
- package/src/v3/Icon/Icon.test.tsx +64 -0
- package/src/v3/Icon/Icon.tsx +67 -0
- package/src/v3/Icon/Icon.types.ts +32 -0
- package/src/v3/Icon/index.ts +2 -0
- package/src/v3/SmoothCornersBox/SmoothCornersBox.module.scss +48 -0
- package/src/v3/SmoothCornersBox/SmoothCornersBox.stories.tsx +41 -0
- package/src/v3/SmoothCornersBox/SmoothCornersBox.test.tsx +83 -0
- package/src/v3/SmoothCornersBox/SmoothCornersBox.tsx +84 -0
- package/src/v3/SmoothCornersBox/SmoothCornersBox.types.ts +69 -0
- package/src/v3/SmoothCornersBox/index.ts +2 -0
- package/src/v3/Spinner/Spinner.module.scss +58 -0
- package/src/v3/Spinner/Spinner.stories.tsx +28 -0
- package/src/v3/Spinner/Spinner.test.tsx +65 -0
- package/src/v3/Spinner/Spinner.tsx +61 -0
- package/src/v3/Spinner/Spinner.types.ts +12 -0
- package/src/v3/Spinner/index.ts +2 -0
- package/src/v3/Text/Text.module.scss +69 -0
- package/src/v3/Text/Text.stories.tsx +52 -0
- package/src/v3/Text/Text.test.tsx +84 -0
- package/src/v3/Text/Text.tsx +81 -0
- package/src/v3/Text/Text.types.ts +70 -0
- package/src/v3/Text/index.ts +2 -0
- package/src/v3/VStack/VStack.stories.tsx +58 -0
- package/src/v3/VStack/VStack.test.tsx +14 -0
- package/src/v3/VStack/VStack.tsx +21 -0
- package/src/v3/VStack/VStack.types.ts +1 -0
- package/src/v3/VStack/index.ts +2 -0
- package/src/v3/index.ts +10 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { Box } from './Box/Box.mjs';
|
|
2
|
+
export { Divider } from './Divider/Divider.mjs';
|
|
3
|
+
export { HStack } from './HStack/HStack.mjs';
|
|
4
|
+
export { Icon } from './Icon/Icon.mjs';
|
|
5
|
+
export { SmoothCornersBox } from './SmoothCornersBox/SmoothCornersBox.mjs';
|
|
6
|
+
export { Spinner } from './Spinner/Spinner.mjs';
|
|
7
|
+
export { Text } from './Text/Text.mjs';
|
|
8
|
+
export { VStack } from './VStack/VStack.mjs';
|
|
9
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -10,6 +10,10 @@ export type BetaFlattenAllToken = BetaFlattenGlobalToken | BetaFlattenSemanticTo
|
|
|
10
10
|
* Global color tokens (internal use only, not for props)
|
|
11
11
|
*/
|
|
12
12
|
export type BetaGlobalColor = RemovePrefix<'color', keyof BetaGlobalToken['color']>;
|
|
13
|
+
/**
|
|
14
|
+
* Global typography font weight tokens
|
|
15
|
+
*/
|
|
16
|
+
export type BetaTypographyFontWeight = RemovePrefix<'typography-font-weight', Extract<keyof BetaGlobalToken['typography'], string>>;
|
|
13
17
|
/**
|
|
14
18
|
* Semantic color tokens (for props)
|
|
15
19
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"beta-tokens.d.ts","sourceRoot":"","sources":["../../../src/types/beta-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAE5D,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAA;AAGhB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,MAAM,eAAe,GAAG,OAAO,MAAM,CAAC,MAAM,CAAA;AAClD,MAAM,MAAM,iBAAiB,GACzB,OAAO,MAAM,CAAC,UAAU,GACxB,OAAO,MAAM,CAAC,SAAS,CAAA;AAE3B,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAC9C,eAAe,CAAC,MAAM,eAAe,CAAC,CACvC,CAAA;AACD,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAChD,iBAAiB,CAAC,MAAM,iBAAiB,CAAC,CAC3C,CAAA;AACD,MAAM,MAAM,mBAAmB,GAC3B,sBAAsB,GACtB,wBAAwB,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,OAAO,EACP,MAAM,eAAe,CAAC,OAAO,CAAC,CAC/B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAC1C,OAAO,EACP,MAAM,iBAAiB,CAAC,OAAO,CAAC,CACjC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAE/E;;GAEG;AACH,KAAK,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AACxE;;GAEG;AACH,KAAK,wBAAwB,GAAG,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;AAC9E;;GAEG;AACH,KAAK,oBAAoB,GAAG,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;AACtE;;GAEG;AACH,MAAM,MAAM,2BAA2B,GACnC,qBAAqB,GACrB,wBAAwB,GACxB,oBAAoB,CAAA;AACxB;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CACpD,QAAQ,EACR,iBAAiB,CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CACnD,OAAO,EACP,iBAAiB,CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CACvD,WAAW,EACX,iBAAiB,CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CACnC,QAAQ,EACR,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAClC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,CACpC,SAAS,EACT,MAAM,iBAAiB,CAAC,SAAS,CAAC,CACnC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CACtC,WAAW,EACX,MAAM,iBAAiB,CAAC,WAAW,CAAC,CACrC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CACnC,eAAe,EACf,MAAM,iBAAiB,CAAC,OAAO,CAAC,CACjC,CAAA"}
|
|
1
|
+
{"version":3,"file":"beta-tokens.d.ts","sourceRoot":"","sources":["../../../src/types/beta-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAE5D,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAA;AAGhB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,MAAM,eAAe,GAAG,OAAO,MAAM,CAAC,MAAM,CAAA;AAClD,MAAM,MAAM,iBAAiB,GACzB,OAAO,MAAM,CAAC,UAAU,GACxB,OAAO,MAAM,CAAC,SAAS,CAAA;AAE3B,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAC9C,eAAe,CAAC,MAAM,eAAe,CAAC,CACvC,CAAA;AACD,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAChD,iBAAiB,CAAC,MAAM,iBAAiB,CAAC,CAC3C,CAAA;AACD,MAAM,MAAM,mBAAmB,GAC3B,sBAAsB,GACtB,wBAAwB,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,OAAO,EACP,MAAM,eAAe,CAAC,OAAO,CAAC,CAC/B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,wBAAwB,EACxB,OAAO,CAAC,MAAM,eAAe,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CACrD,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAC1C,OAAO,EACP,MAAM,iBAAiB,CAAC,OAAO,CAAC,CACjC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAE/E;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAE/E;;GAEG;AACH,KAAK,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AACxE;;GAEG;AACH,KAAK,wBAAwB,GAAG,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;AAC9E;;GAEG;AACH,KAAK,oBAAoB,GAAG,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;AACtE;;GAEG;AACH,MAAM,MAAM,2BAA2B,GACnC,qBAAqB,GACrB,wBAAwB,GACxB,oBAAoB,CAAA;AACxB;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CACpD,QAAQ,EACR,iBAAiB,CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CACnD,OAAO,EACP,iBAAiB,CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CACvD,WAAW,EACX,iBAAiB,CAClB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CACnC,QAAQ,EACR,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAClC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,CACpC,SAAS,EACT,MAAM,iBAAiB,CAAC,SAAS,CAAC,CACnC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CACtC,WAAW,EACX,MAAM,iBAAiB,CAAC,WAAW,CAAC,CACrC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CACnC,eAAe,EACf,MAAM,iBAAiB,CAAC,OAAO,CAAC,CACjC,CAAA"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { type BetaZIndex } from './beta-tokens';
|
|
2
|
-
import { type FormFieldSize, type LayoutProps, type MarginProps } from './props';
|
|
2
|
+
import { type FormFieldSize, type LayoutProps, type MarginProps, type V3LayoutProps, type V3MarginProps } from './props';
|
|
3
3
|
import { type ZIndex } from './tokens';
|
|
4
4
|
export declare const splitByMarginProps: <Props extends MarginProps>({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, ...rest }: Props) => [MarginProps, Omit<Props, keyof MarginProps>];
|
|
5
5
|
export declare const splitByLayoutProps: <Props extends LayoutProps>({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, basis, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, ...rest }: Props) => [LayoutProps, Omit<Props, keyof LayoutProps>];
|
|
6
|
+
export declare const splitByV3MarginProps: <Props extends V3MarginProps>(props: Props) => [V3MarginProps, Omit<Props, keyof V3MarginProps>];
|
|
7
|
+
export declare const splitByV3LayoutProps: <Props extends V3LayoutProps>(props: Props) => [V3LayoutProps, Omit<Props, keyof V3LayoutProps>];
|
|
6
8
|
export declare function getZIndexClassName(zIndex: ZIndex | BetaZIndex): string;
|
|
7
9
|
export declare const getMarginStyles: ({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, }: MarginProps) => {
|
|
8
10
|
style: {
|
|
@@ -49,5 +51,50 @@ export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVert
|
|
|
49
51
|
};
|
|
50
52
|
className: string;
|
|
51
53
|
};
|
|
54
|
+
export declare const getV3MarginStyles: ({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, }: MarginProps) => {
|
|
55
|
+
style: {
|
|
56
|
+
'--b-margin': string | 0 | undefined;
|
|
57
|
+
'--b-margin-horizontal': string | 0 | undefined;
|
|
58
|
+
'--b-margin-vertical': string | 0 | undefined;
|
|
59
|
+
'--b-margin-top': string | 0 | undefined;
|
|
60
|
+
'--b-margin-right': string | 0 | undefined;
|
|
61
|
+
'--b-margin-bottom': string | 0 | undefined;
|
|
62
|
+
'--b-margin-left': string | 0 | undefined;
|
|
63
|
+
};
|
|
64
|
+
className: string;
|
|
65
|
+
};
|
|
66
|
+
export declare const getV3LayoutStyles: (props: V3LayoutProps) => {
|
|
67
|
+
style: {
|
|
68
|
+
'--b-padding': string | 0 | undefined;
|
|
69
|
+
'--b-padding-horizontal': string | 0 | undefined;
|
|
70
|
+
'--b-padding-vertical': string | 0 | undefined;
|
|
71
|
+
'--b-padding-top': string | 0 | undefined;
|
|
72
|
+
'--b-padding-right': string | 0 | undefined;
|
|
73
|
+
'--b-padding-bottom': string | 0 | undefined;
|
|
74
|
+
'--b-padding-left': string | 0 | undefined;
|
|
75
|
+
'--b-width': string | 0 | undefined;
|
|
76
|
+
'--b-height': string | 0 | undefined;
|
|
77
|
+
'--b-max-width': string | 0 | undefined;
|
|
78
|
+
'--b-min-width': string | 0 | undefined;
|
|
79
|
+
'--b-max-height': string | 0 | undefined;
|
|
80
|
+
'--b-min-height': string | 0 | undefined;
|
|
81
|
+
'--b-inset': string | 0 | undefined;
|
|
82
|
+
'--b-top': string | 0 | undefined;
|
|
83
|
+
'--b-right': string | 0 | undefined;
|
|
84
|
+
'--b-bottom': string | 0 | undefined;
|
|
85
|
+
'--b-left': string | 0 | undefined;
|
|
86
|
+
'--b-basis': string | 0 | undefined;
|
|
87
|
+
'--b-shrink': import("csstype").Property.FlexShrink | undefined;
|
|
88
|
+
'--b-grow': import("csstype").Property.FlexGrow | undefined;
|
|
89
|
+
'--b-background-color': "var(--color-text-action)" | "var(--color-text-action-hovered)" | "var(--color-text-success)" | "var(--color-text-success-hovered)" | "var(--color-text-highlight)" | "var(--color-text-highlight-hovered)" | "var(--color-text-warning)" | "var(--color-text-warning-hovered)" | "var(--color-text-critical)" | "var(--color-text-critical-hovered)" | "var(--color-text-neutral-heaviest)" | "var(--color-text-neutral-heaviest-hovered)" | "var(--color-text-neutral)" | "var(--color-text-neutral-hovered)" | "var(--color-text-neutral-light)" | "var(--color-text-neutral-light-hovered)" | "var(--color-text-neutral-lighter)" | "var(--color-text-neutral-lighter-hovered)" | "var(--color-text-accent-blue)" | "var(--color-text-accent-blue-hovered)" | "var(--color-text-accent-cobalt)" | "var(--color-text-accent-cobalt-hovered)" | "var(--color-text-accent-green)" | "var(--color-text-accent-green-hovered)" | "var(--color-text-accent-red)" | "var(--color-text-accent-red-hovered)" | "var(--color-text-accent-orange)" | "var(--color-text-accent-orange-hovered)" | "var(--color-text-accent-yellow)" | "var(--color-text-accent-yellow-hovered)" | "var(--color-text-accent-olive)" | "var(--color-text-accent-olive-hovered)" | "var(--color-text-accent-teal)" | "var(--color-text-accent-teal-hovered)" | "var(--color-text-accent-navy)" | "var(--color-text-accent-navy-hovered)" | "var(--color-text-accent-purple)" | "var(--color-text-accent-purple-hovered)" | "var(--color-text-accent-pink)" | "var(--color-text-accent-pink-hovered)" | "var(--color-text-absolute-white)" | "var(--color-text-absolute-white-hovered)" | "var(--color-text-absolute-black)" | "var(--color-text-absolute-black-hovered)" | "var(--color-text-inverse)" | "var(--color-text-inverse-hovered)" | "var(--color-fill-neutral)" | "var(--color-fill-neutral-hovered)" | "var(--color-fill-neutral-heaviest)" | "var(--color-fill-neutral-heaviest-hovered)" | "var(--color-fill-neutral-heavier)" | "var(--color-fill-neutral-heavier-hovered)" | "var(--color-fill-neutral-heavy)" | "var(--color-fill-neutral-heavy-hovered)" | "var(--color-fill-neutral-light)" | "var(--color-fill-neutral-light-hovered)" | "var(--color-fill-neutral-lighter)" | "var(--color-fill-neutral-lighter-hovered)" | "var(--color-fill-neutral-lightest)" | "var(--color-fill-neutral-lightest-hovered)" | "var(--color-fill-neutral-transparent)" | "var(--color-fill-neutral-transparent-hovered)" | "var(--color-fill-action)" | "var(--color-fill-action-hovered)" | "var(--color-fill-action-light)" | "var(--color-fill-action-light-hovered)" | "var(--color-fill-action-lighter)" | "var(--color-fill-action-lighter-hovered)" | "var(--color-fill-action-transparent)" | "var(--color-fill-action-transparent-hovered)" | "var(--color-fill-success)" | "var(--color-fill-success-hovered)" | "var(--color-fill-success-light)" | "var(--color-fill-success-light-hovered)" | "var(--color-fill-success-lighter)" | "var(--color-fill-success-lighter-hovered)" | "var(--color-fill-success-transparent)" | "var(--color-fill-success-transparent-hovered)" | "var(--color-fill-highlight)" | "var(--color-fill-highlight-hovered)" | "var(--color-fill-highlight-light)" | "var(--color-fill-highlight-light-hovered)" | "var(--color-fill-highlight-lighter)" | "var(--color-fill-highlight-lighter-hovered)" | "var(--color-fill-highlight-transparent)" | "var(--color-fill-highlight-transparent-hovered)" | "var(--color-fill-warning)" | "var(--color-fill-warning-hovered)" | "var(--color-fill-warning-light)" | "var(--color-fill-warning-light-hovered)" | "var(--color-fill-warning-lighter)" | "var(--color-fill-warning-lighter-hovered)" | "var(--color-fill-warning-transparent)" | "var(--color-fill-warning-transparent-hovered)" | "var(--color-fill-critical)" | "var(--color-fill-critical-hovered)" | "var(--color-fill-critical-light)" | "var(--color-fill-critical-light-hovered)" | "var(--color-fill-critical-lighter)" | "var(--color-fill-critical-lighter-hovered)" | "var(--color-fill-critical-transparent)" | "var(--color-fill-critical-transparent-hovered)" | "var(--color-fill-grey-light)" | "var(--color-fill-grey-light-hovered)" | "var(--color-fill-grey)" | "var(--color-fill-grey-hovered)" | "var(--color-fill-grey-heavy)" | "var(--color-fill-grey-heavy-hovered)" | "var(--color-fill-grey-heavier)" | "var(--color-fill-grey-heavier-hovered)" | "var(--color-fill-accent-blue)" | "var(--color-fill-accent-blue-hovered)" | "var(--color-fill-accent-blue-heavy)" | "var(--color-fill-accent-blue-heavy-hovered)" | "var(--color-fill-accent-blue-heavier)" | "var(--color-fill-accent-blue-heavier-hovered)" | "var(--color-fill-accent-blue-transparent)" | "var(--color-fill-accent-blue-transparent-hovered)" | "var(--color-fill-accent-cobalt)" | "var(--color-fill-accent-cobalt-hovered)" | "var(--color-fill-accent-cobalt-heavy)" | "var(--color-fill-accent-cobalt-heavy-hovered)" | "var(--color-fill-accent-cobalt-heavier)" | "var(--color-fill-accent-cobalt-heavier-hovered)" | "var(--color-fill-accent-cobalt-transparent)" | "var(--color-fill-accent-cobalt-transparent-hovered)" | "var(--color-fill-accent-green)" | "var(--color-fill-accent-green-hovered)" | "var(--color-fill-accent-green-heavy)" | "var(--color-fill-accent-green-heavy-hovered)" | "var(--color-fill-accent-green-heavier)" | "var(--color-fill-accent-green-heavier-hovered)" | "var(--color-fill-accent-green-transparent)" | "var(--color-fill-accent-green-transparent-hovered)" | "var(--color-fill-accent-red)" | "var(--color-fill-accent-red-hovered)" | "var(--color-fill-accent-red-heavy)" | "var(--color-fill-accent-red-heavy-hovered)" | "var(--color-fill-accent-red-heavier)" | "var(--color-fill-accent-red-heavier-hovered)" | "var(--color-fill-accent-red-transparent)" | "var(--color-fill-accent-red-transparent-hovered)" | "var(--color-fill-accent-orange)" | "var(--color-fill-accent-orange-hovered)" | "var(--color-fill-accent-orange-heavy)" | "var(--color-fill-accent-orange-heavy-hovered)" | "var(--color-fill-accent-orange-heavier)" | "var(--color-fill-accent-orange-heavier-hovered)" | "var(--color-fill-accent-orange-transparent)" | "var(--color-fill-accent-orange-transparent-hovered)" | "var(--color-fill-accent-yellow)" | "var(--color-fill-accent-yellow-hovered)" | "var(--color-fill-accent-yellow-heavy)" | "var(--color-fill-accent-yellow-heavy-hovered)" | "var(--color-fill-accent-yellow-heavier)" | "var(--color-fill-accent-yellow-heavier-hovered)" | "var(--color-fill-accent-yellow-transparent)" | "var(--color-fill-accent-yellow-transparent-hovered)" | "var(--color-fill-accent-olive)" | "var(--color-fill-accent-olive-hovered)" | "var(--color-fill-accent-olive-heavy)" | "var(--color-fill-accent-olive-heavy-hovered)" | "var(--color-fill-accent-olive-heavier)" | "var(--color-fill-accent-olive-heavier-hovered)" | "var(--color-fill-accent-olive-transparent)" | "var(--color-fill-accent-olive-transparent-hovered)" | "var(--color-fill-accent-teal)" | "var(--color-fill-accent-teal-hovered)" | "var(--color-fill-accent-teal-heavy)" | "var(--color-fill-accent-teal-heavy-hovered)" | "var(--color-fill-accent-teal-heavier)" | "var(--color-fill-accent-teal-heavier-hovered)" | "var(--color-fill-accent-teal-transparent)" | "var(--color-fill-accent-teal-transparent-hovered)" | "var(--color-fill-accent-navy)" | "var(--color-fill-accent-navy-hovered)" | "var(--color-fill-accent-navy-heavy)" | "var(--color-fill-accent-navy-heavy-hovered)" | "var(--color-fill-accent-navy-heavier)" | "var(--color-fill-accent-navy-heavier-hovered)" | "var(--color-fill-accent-navy-transparent)" | "var(--color-fill-accent-navy-transparent-hovered)" | "var(--color-fill-accent-purple)" | "var(--color-fill-accent-purple-hovered)" | "var(--color-fill-accent-purple-heavy)" | "var(--color-fill-accent-purple-heavy-hovered)" | "var(--color-fill-accent-purple-heavier)" | "var(--color-fill-accent-purple-heavier-hovered)" | "var(--color-fill-accent-purple-transparent)" | "var(--color-fill-accent-purple-transparent-hovered)" | "var(--color-fill-accent-pink)" | "var(--color-fill-accent-pink-hovered)" | "var(--color-fill-accent-pink-heavy)" | "var(--color-fill-accent-pink-heavy-hovered)" | "var(--color-fill-accent-pink-heavier)" | "var(--color-fill-accent-pink-heavier-hovered)" | "var(--color-fill-accent-pink-transparent)" | "var(--color-fill-accent-pink-transparent-hovered)" | "var(--color-fill-absolute-white)" | "var(--color-fill-absolute-white-hovered)" | "var(--color-fill-absolute-white-light)" | "var(--color-fill-absolute-white-light-hovered)" | "var(--color-fill-absolute-white-transparent)" | "var(--color-fill-absolute-white-transparent-hovered)" | "var(--color-fill-absolute-black)" | "var(--color-fill-absolute-black-hovered)" | "var(--color-fill-absolute-black-light)" | "var(--color-fill-absolute-black-light-hovered)" | "var(--color-fill-absolute-black-transparent)" | "var(--color-fill-absolute-black-transparent-hovered)" | "var(--color-fill-bright)" | "var(--color-fill-bright-hovered)" | "var(--color-surface)" | "var(--color-surface-hovered)" | "var(--color-surface-highest)" | "var(--color-surface-highest-hovered)" | "var(--color-surface-higher)" | "var(--color-surface-higher-hovered)" | "var(--color-surface-high)" | "var(--color-surface-high-hovered)" | "var(--color-surface-low)" | "var(--color-surface-low-hovered)" | "var(--color-surface-glass)" | "var(--color-surface-glass-hovered)" | "var(--color-surface-glass-highest)" | "var(--color-surface-glass-highest-hovered)" | "var(--color-surface-glass-higher)" | "var(--color-surface-glass-higher-hovered)" | "var(--color-surface-glass-high)" | "var(--color-surface-glass-high-hovered)" | "var(--color-dim-absolute-black)" | "var(--color-dim-absolute-black-hovered)" | "var(--color-dim-absolute-black-heavy)" | "var(--color-dim-absolute-black-heavy-hovered)" | "var(--color-dim-absolute-white)" | "var(--color-dim-absolute-white-hovered)" | "var(--color-dim-absolute-white-heavy)" | "var(--color-dim-absolute-white-heavy-hovered)" | "var(--color-bg-white-high)" | "var(--color-bg-white-normal)" | "var(--color-bg-white-low)" | "var(--color-bg-white-dim-dark)" | "var(--color-bg-white-dim-light)" | "var(--color-bg-gnb)" | "var(--color-bg-navi)" | "var(--color-bg-header)" | "var(--color-bg-header-float)" | "var(--color-bg-lounge)" | "var(--color-bg-black-darkest)" | "var(--color-bg-black-darker)" | "var(--color-bg-black-dark)" | "var(--color-bg-black-light)" | "var(--color-bg-black-lighter)" | "var(--color-bg-black-lightest)" | "var(--color-bg-grey-darkest)" | "var(--color-bg-grey-dark)" | "var(--color-bg-grey-dim-lightest)" | "var(--color-bg-grey-light)" | "var(--color-bg-grey-lighter)" | "var(--color-bg-grey-lightest)" | "var(--color-bgtxt-blue-dark)" | "var(--color-bgtxt-blue-normal)" | "var(--color-bgtxt-blue-light)" | "var(--color-bgtxt-blue-lighter)" | "var(--color-bgtxt-blue-lightest)" | "var(--color-bgtxt-cobalt-dark)" | "var(--color-bgtxt-cobalt-normal)" | "var(--color-bgtxt-cobalt-light)" | "var(--color-bgtxt-cobalt-lighter)" | "var(--color-bgtxt-cobalt-lightest)" | "var(--color-bgtxt-teal-dark)" | "var(--color-bgtxt-teal-normal)" | "var(--color-bgtxt-teal-light)" | "var(--color-bgtxt-teal-lighter)" | "var(--color-bgtxt-teal-lightest)" | "var(--color-bgtxt-green-dark)" | "var(--color-bgtxt-green-normal)" | "var(--color-bgtxt-green-light)" | "var(--color-bgtxt-green-lighter)" | "var(--color-bgtxt-green-lightest)" | "var(--color-bgtxt-olive-dark)" | "var(--color-bgtxt-olive-normal)" | "var(--color-bgtxt-olive-light)" | "var(--color-bgtxt-olive-lighter)" | "var(--color-bgtxt-olive-lightest)" | "var(--color-bgtxt-yellow-dark)" | "var(--color-bgtxt-yellow-normal)" | "var(--color-bgtxt-yellow-light)" | "var(--color-bgtxt-yellow-lighter)" | "var(--color-bgtxt-yellow-lightest)" | "var(--color-bgtxt-orange-dark)" | "var(--color-bgtxt-orange-normal)" | "var(--color-bgtxt-orange-light)" | "var(--color-bgtxt-orange-lighter)" | "var(--color-bgtxt-orange-lightest)" | "var(--color-bgtxt-red-dark)" | "var(--color-bgtxt-red-normal)" | "var(--color-bgtxt-red-light)" | "var(--color-bgtxt-red-lighter)" | "var(--color-bgtxt-red-lightest)" | "var(--color-bgtxt-pink-dark)" | "var(--color-bgtxt-pink-normal)" | "var(--color-bgtxt-pink-light)" | "var(--color-bgtxt-pink-lighter)" | "var(--color-bgtxt-pink-lightest)" | "var(--color-bgtxt-purple-dark)" | "var(--color-bgtxt-purple-normal)" | "var(--color-bgtxt-purple-light)" | "var(--color-bgtxt-purple-lighter)" | "var(--color-bgtxt-purple-lightest)" | "var(--color-bgtxt-navy-dark)" | "var(--color-bgtxt-navy-normal)" | "var(--color-bgtxt-navy-light)" | "var(--color-bgtxt-navy-lighter)" | "var(--color-bgtxt-navy-lightest)" | "var(--color-bgtxt-absolute-black-dark)" | "var(--color-bgtxt-absolute-black-normal)" | "var(--color-bgtxt-absolute-black-light)" | "var(--color-bgtxt-absolute-black-lighter)" | "var(--color-bgtxt-absolute-black-lightest)" | "var(--color-bgtxt-absolute-white-dark)" | "var(--color-bgtxt-absolute-white-normal)" | "var(--color-bgtxt-absolute-white-light)" | "var(--color-bgtxt-absolute-white-lighter)" | "var(--color-bgtxt-absolute-white-lightest)" | "var(--text-action)" | "var(--text-action-hovered)" | "var(--text-success)" | "var(--text-success-hovered)" | "var(--text-highlight)" | "var(--text-highlight-hovered)" | "var(--text-warning)" | "var(--text-warning-hovered)" | "var(--text-critical)" | "var(--text-critical-hovered)" | "var(--text-neutral-heaviest)" | "var(--text-neutral-heaviest-hovered)" | "var(--text-neutral)" | "var(--text-neutral-hovered)" | "var(--text-neutral-light)" | "var(--text-neutral-light-hovered)" | "var(--text-neutral-lighter)" | "var(--text-neutral-lighter-hovered)" | "var(--text-accent-blue)" | "var(--text-accent-blue-hovered)" | "var(--text-accent-cobalt)" | "var(--text-accent-cobalt-hovered)" | "var(--text-accent-green)" | "var(--text-accent-green-hovered)" | "var(--text-accent-red)" | "var(--text-accent-red-hovered)" | "var(--text-accent-orange)" | "var(--text-accent-orange-hovered)" | "var(--text-accent-yellow)" | "var(--text-accent-yellow-hovered)" | "var(--text-accent-olive)" | "var(--text-accent-olive-hovered)" | "var(--text-accent-teal)" | "var(--text-accent-teal-hovered)" | "var(--text-accent-navy)" | "var(--text-accent-navy-hovered)" | "var(--text-accent-purple)" | "var(--text-accent-purple-hovered)" | "var(--text-accent-pink)" | "var(--text-accent-pink-hovered)" | "var(--text-absolute-white)" | "var(--text-absolute-white-hovered)" | "var(--text-absolute-black)" | "var(--text-absolute-black-hovered)" | "var(--text-inverse)" | "var(--text-inverse-hovered)" | "var(--fill-neutral)" | "var(--fill-neutral-hovered)" | "var(--fill-neutral-heaviest)" | "var(--fill-neutral-heaviest-hovered)" | "var(--fill-neutral-heavier)" | "var(--fill-neutral-heavier-hovered)" | "var(--fill-neutral-heavy)" | "var(--fill-neutral-heavy-hovered)" | "var(--fill-neutral-light)" | "var(--fill-neutral-light-hovered)" | "var(--fill-neutral-lighter)" | "var(--fill-neutral-lighter-hovered)" | "var(--fill-neutral-lightest)" | "var(--fill-neutral-lightest-hovered)" | "var(--fill-neutral-transparent)" | "var(--fill-neutral-transparent-hovered)" | "var(--fill-action)" | "var(--fill-action-hovered)" | "var(--fill-action-light)" | "var(--fill-action-light-hovered)" | "var(--fill-action-lighter)" | "var(--fill-action-lighter-hovered)" | "var(--fill-action-transparent)" | "var(--fill-action-transparent-hovered)" | "var(--fill-success)" | "var(--fill-success-hovered)" | "var(--fill-success-light)" | "var(--fill-success-light-hovered)" | "var(--fill-success-lighter)" | "var(--fill-success-lighter-hovered)" | "var(--fill-success-transparent)" | "var(--fill-success-transparent-hovered)" | "var(--fill-highlight)" | "var(--fill-highlight-hovered)" | "var(--fill-highlight-light)" | "var(--fill-highlight-light-hovered)" | "var(--fill-highlight-lighter)" | "var(--fill-highlight-lighter-hovered)" | "var(--fill-highlight-transparent)" | "var(--fill-highlight-transparent-hovered)" | "var(--fill-warning)" | "var(--fill-warning-hovered)" | "var(--fill-warning-light)" | "var(--fill-warning-light-hovered)" | "var(--fill-warning-lighter)" | "var(--fill-warning-lighter-hovered)" | "var(--fill-warning-transparent)" | "var(--fill-warning-transparent-hovered)" | "var(--fill-critical)" | "var(--fill-critical-hovered)" | "var(--fill-critical-light)" | "var(--fill-critical-light-hovered)" | "var(--fill-critical-lighter)" | "var(--fill-critical-lighter-hovered)" | "var(--fill-critical-transparent)" | "var(--fill-critical-transparent-hovered)" | "var(--fill-grey-light)" | "var(--fill-grey-light-hovered)" | "var(--fill-grey)" | "var(--fill-grey-hovered)" | "var(--fill-grey-heavy)" | "var(--fill-grey-heavy-hovered)" | "var(--fill-grey-heavier)" | "var(--fill-grey-heavier-hovered)" | "var(--fill-accent-blue)" | "var(--fill-accent-blue-hovered)" | "var(--fill-accent-blue-heavy)" | "var(--fill-accent-blue-heavy-hovered)" | "var(--fill-accent-blue-heavier)" | "var(--fill-accent-blue-heavier-hovered)" | "var(--fill-accent-blue-transparent)" | "var(--fill-accent-blue-transparent-hovered)" | "var(--fill-accent-cobalt)" | "var(--fill-accent-cobalt-hovered)" | "var(--fill-accent-cobalt-heavy)" | "var(--fill-accent-cobalt-heavy-hovered)" | "var(--fill-accent-cobalt-heavier)" | "var(--fill-accent-cobalt-heavier-hovered)" | "var(--fill-accent-cobalt-transparent)" | "var(--fill-accent-cobalt-transparent-hovered)" | "var(--fill-accent-green)" | "var(--fill-accent-green-hovered)" | "var(--fill-accent-green-heavy)" | "var(--fill-accent-green-heavy-hovered)" | "var(--fill-accent-green-heavier)" | "var(--fill-accent-green-heavier-hovered)" | "var(--fill-accent-green-transparent)" | "var(--fill-accent-green-transparent-hovered)" | "var(--fill-accent-red)" | "var(--fill-accent-red-hovered)" | "var(--fill-accent-red-heavy)" | "var(--fill-accent-red-heavy-hovered)" | "var(--fill-accent-red-heavier)" | "var(--fill-accent-red-heavier-hovered)" | "var(--fill-accent-red-transparent)" | "var(--fill-accent-red-transparent-hovered)" | "var(--fill-accent-orange)" | "var(--fill-accent-orange-hovered)" | "var(--fill-accent-orange-heavy)" | "var(--fill-accent-orange-heavy-hovered)" | "var(--fill-accent-orange-heavier)" | "var(--fill-accent-orange-heavier-hovered)" | "var(--fill-accent-orange-transparent)" | "var(--fill-accent-orange-transparent-hovered)" | "var(--fill-accent-yellow)" | "var(--fill-accent-yellow-hovered)" | "var(--fill-accent-yellow-heavy)" | "var(--fill-accent-yellow-heavy-hovered)" | "var(--fill-accent-yellow-heavier)" | "var(--fill-accent-yellow-heavier-hovered)" | "var(--fill-accent-yellow-transparent)" | "var(--fill-accent-yellow-transparent-hovered)" | "var(--fill-accent-olive)" | "var(--fill-accent-olive-hovered)" | "var(--fill-accent-olive-heavy)" | "var(--fill-accent-olive-heavy-hovered)" | "var(--fill-accent-olive-heavier)" | "var(--fill-accent-olive-heavier-hovered)" | "var(--fill-accent-olive-transparent)" | "var(--fill-accent-olive-transparent-hovered)" | "var(--fill-accent-teal)" | "var(--fill-accent-teal-hovered)" | "var(--fill-accent-teal-heavy)" | "var(--fill-accent-teal-heavy-hovered)" | "var(--fill-accent-teal-heavier)" | "var(--fill-accent-teal-heavier-hovered)" | "var(--fill-accent-teal-transparent)" | "var(--fill-accent-teal-transparent-hovered)" | "var(--fill-accent-navy)" | "var(--fill-accent-navy-hovered)" | "var(--fill-accent-navy-heavy)" | "var(--fill-accent-navy-heavy-hovered)" | "var(--fill-accent-navy-heavier)" | "var(--fill-accent-navy-heavier-hovered)" | "var(--fill-accent-navy-transparent)" | "var(--fill-accent-navy-transparent-hovered)" | "var(--fill-accent-purple)" | "var(--fill-accent-purple-hovered)" | "var(--fill-accent-purple-heavy)" | "var(--fill-accent-purple-heavy-hovered)" | "var(--fill-accent-purple-heavier)" | "var(--fill-accent-purple-heavier-hovered)" | "var(--fill-accent-purple-transparent)" | "var(--fill-accent-purple-transparent-hovered)" | "var(--fill-accent-pink)" | "var(--fill-accent-pink-hovered)" | "var(--fill-accent-pink-heavy)" | "var(--fill-accent-pink-heavy-hovered)" | "var(--fill-accent-pink-heavier)" | "var(--fill-accent-pink-heavier-hovered)" | "var(--fill-accent-pink-transparent)" | "var(--fill-accent-pink-transparent-hovered)" | "var(--fill-absolute-white)" | "var(--fill-absolute-white-hovered)" | "var(--fill-absolute-white-light)" | "var(--fill-absolute-white-light-hovered)" | "var(--fill-absolute-white-transparent)" | "var(--fill-absolute-white-transparent-hovered)" | "var(--fill-absolute-black)" | "var(--fill-absolute-black-hovered)" | "var(--fill-absolute-black-light)" | "var(--fill-absolute-black-light-hovered)" | "var(--fill-absolute-black-transparent)" | "var(--fill-absolute-black-transparent-hovered)" | "var(--fill-bright)" | "var(--fill-bright-hovered)" | "var(--surface)" | "var(--surface-hovered)" | "var(--surface-highest)" | "var(--surface-highest-hovered)" | "var(--surface-higher)" | "var(--surface-higher-hovered)" | "var(--surface-high)" | "var(--surface-high-hovered)" | "var(--surface-low)" | "var(--surface-low-hovered)" | "var(--surface-glass)" | "var(--surface-glass-hovered)" | "var(--surface-glass-highest)" | "var(--surface-glass-highest-hovered)" | "var(--surface-glass-higher)" | "var(--surface-glass-higher-hovered)" | "var(--surface-glass-high)" | "var(--surface-glass-high-hovered)" | "var(--dim-absolute-black)" | "var(--dim-absolute-black-hovered)" | "var(--dim-absolute-black-heavy)" | "var(--dim-absolute-black-heavy-hovered)" | "var(--dim-absolute-white)" | "var(--dim-absolute-white-hovered)" | "var(--dim-absolute-white-heavy)" | "var(--dim-absolute-white-heavy-hovered)" | "var(--bg-white-high)" | "var(--bg-white-normal)" | "var(--bg-white-low)" | "var(--bg-white-dim-dark)" | "var(--bg-white-dim-light)" | "var(--bg-gnb)" | "var(--bg-navi)" | "var(--bg-header)" | "var(--bg-header-float)" | "var(--bg-lounge)" | "var(--bg-black-darkest)" | "var(--bg-black-darker)" | "var(--bg-black-dark)" | "var(--bg-black-light)" | "var(--bg-black-lighter)" | "var(--bg-black-lightest)" | "var(--bg-grey-darkest)" | "var(--bg-grey-dark)" | "var(--bg-grey-dim-lightest)" | "var(--bg-grey-light)" | "var(--bg-grey-lighter)" | "var(--bg-grey-lightest)" | "var(--bgtxt-blue-dark)" | "var(--bgtxt-blue-normal)" | "var(--bgtxt-blue-light)" | "var(--bgtxt-blue-lighter)" | "var(--bgtxt-blue-lightest)" | "var(--bgtxt-cobalt-dark)" | "var(--bgtxt-cobalt-normal)" | "var(--bgtxt-cobalt-light)" | "var(--bgtxt-cobalt-lighter)" | "var(--bgtxt-cobalt-lightest)" | "var(--bgtxt-teal-dark)" | "var(--bgtxt-teal-normal)" | "var(--bgtxt-teal-light)" | "var(--bgtxt-teal-lighter)" | "var(--bgtxt-teal-lightest)" | "var(--bgtxt-green-dark)" | "var(--bgtxt-green-normal)" | "var(--bgtxt-green-light)" | "var(--bgtxt-green-lighter)" | "var(--bgtxt-green-lightest)" | "var(--bgtxt-olive-dark)" | "var(--bgtxt-olive-normal)" | "var(--bgtxt-olive-light)" | "var(--bgtxt-olive-lighter)" | "var(--bgtxt-olive-lightest)" | "var(--bgtxt-yellow-dark)" | "var(--bgtxt-yellow-normal)" | "var(--bgtxt-yellow-light)" | "var(--bgtxt-yellow-lighter)" | "var(--bgtxt-yellow-lightest)" | "var(--bgtxt-orange-dark)" | "var(--bgtxt-orange-normal)" | "var(--bgtxt-orange-light)" | "var(--bgtxt-orange-lighter)" | "var(--bgtxt-orange-lightest)" | "var(--bgtxt-red-dark)" | "var(--bgtxt-red-normal)" | "var(--bgtxt-red-light)" | "var(--bgtxt-red-lighter)" | "var(--bgtxt-red-lightest)" | "var(--bgtxt-pink-dark)" | "var(--bgtxt-pink-normal)" | "var(--bgtxt-pink-light)" | "var(--bgtxt-pink-lighter)" | "var(--bgtxt-pink-lightest)" | "var(--bgtxt-purple-dark)" | "var(--bgtxt-purple-normal)" | "var(--bgtxt-purple-light)" | "var(--bgtxt-purple-lighter)" | "var(--bgtxt-purple-lightest)" | "var(--bgtxt-navy-dark)" | "var(--bgtxt-navy-normal)" | "var(--bgtxt-navy-light)" | "var(--bgtxt-navy-lighter)" | "var(--bgtxt-navy-lightest)" | "var(--bgtxt-absolute-black-dark)" | "var(--bgtxt-absolute-black-normal)" | "var(--bgtxt-absolute-black-light)" | "var(--bgtxt-absolute-black-lighter)" | "var(--bgtxt-absolute-black-lightest)" | "var(--bgtxt-absolute-white-dark)" | "var(--bgtxt-absolute-white-normal)" | "var(--bgtxt-absolute-white-light)" | "var(--bgtxt-absolute-white-lighter)" | "var(--bgtxt-absolute-white-lightest)" | undefined;
|
|
90
|
+
'--b-border-color': "var(--color-border-neutral)" | "var(--color-border-neutral-hovered)" | "var(--color-border-neutral-heavy)" | "var(--color-border-neutral-heavy-hovered)" | "var(--color-border-neutral-heavier)" | "var(--color-border-neutral-heavier-hovered)" | "var(--color-border-detach)" | "var(--color-border-detach-hovered)" | "var(--color-border-detach-highest)" | "var(--color-border-detach-highest-hovered)" | "var(--color-border-detach-higher)" | "var(--color-border-detach-higher-hovered)" | "var(--color-border-detach-high)" | "var(--color-border-detach-high-hovered)" | "var(--color-border-detach-low)" | "var(--color-border-detach-low-hovered)" | "var(--color-border-absolute-white)" | "var(--color-border-absolute-white-hovered)" | "var(--color-bdr-black-dark)" | "var(--color-bdr-black-light)" | "var(--color-bdr-black-lightest)" | "var(--color-bdr-grey-light)" | "var(--color-bdr-white)" | "var(--border-neutral)" | "var(--border-neutral-hovered)" | "var(--border-neutral-heavy)" | "var(--border-neutral-heavy-hovered)" | "var(--border-neutral-heavier)" | "var(--border-neutral-heavier-hovered)" | "var(--border-detach)" | "var(--border-detach-hovered)" | "var(--border-detach-highest)" | "var(--border-detach-highest-hovered)" | "var(--border-detach-higher)" | "var(--border-detach-higher-hovered)" | "var(--border-detach-high)" | "var(--border-detach-high-hovered)" | "var(--border-detach-low)" | "var(--border-detach-low-hovered)" | "var(--border-absolute-white)" | "var(--border-absolute-white-hovered)" | "var(--bdr-black-dark)" | "var(--bdr-black-light)" | "var(--bdr-black-lightest)" | "var(--bdr-grey-light)" | "var(--bdr-white)" | undefined;
|
|
91
|
+
'--b-border-width': string | 0 | undefined;
|
|
92
|
+
'--b-border-top-width': string | 0 | undefined;
|
|
93
|
+
'--b-border-right-width': string | 0 | undefined;
|
|
94
|
+
'--b-border-bottom-width': string | 0 | undefined;
|
|
95
|
+
'--b-border-left-width': string | 0 | undefined;
|
|
96
|
+
};
|
|
97
|
+
className: string;
|
|
98
|
+
};
|
|
52
99
|
export declare function getFormFieldSizeClassName(size: FormFieldSize): string;
|
|
53
100
|
//# sourceMappingURL=props-helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/types/props-helpers.ts"],"names":[],"mappings":"AAcA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/types/props-helpers.ts"],"names":[],"mappings":"AAcA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAChB,OAAO,EAA+B,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAEnE,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,2GASzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAWtD,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,6ZAqCzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAuCtD,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,aAAa,SACvD,KAAK,KACX,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,aAAa,CAAC,CACxB,CAAA;AAE3B,eAAO,MAAM,oBAAoB,GAAI,KAAK,SAAS,aAAa,SACvD,KAAK,KACX,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,aAAa,CAAC,CAC6B,CAAA;AAUhF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,UAE7D;AAED,eAAO,MAAM,eAAe,oGAQzB,WAAW;;;;;;;;;;;CAWZ,CAAA;AAEF,eAAO,MAAM,eAAe,sZAoCzB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAA;AAEF,eAAO,MAAM,iBAAiB,oGA5F3B,WAAW;;;;;;;;;;;CA4FkC,CAAA;AAEhD,eAAO,MAAM,iBAAiB,UAAW,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAC9B,CAAA;AAExB,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,aAAa,UAE5D"}
|
|
@@ -215,6 +215,8 @@ export interface MarginProps {
|
|
|
215
215
|
}
|
|
216
216
|
type Position = 'absolute' | 'fixed' | 'relative' | 'sticky';
|
|
217
217
|
type Overflow = 'auto' | 'hidden' | 'scroll' | 'visible';
|
|
218
|
+
export type V3Position = Position;
|
|
219
|
+
export type V3Overflow = Overflow;
|
|
218
220
|
/**
|
|
219
221
|
* Props for defining layout-related properties of a component, such as padding, size, and position.
|
|
220
222
|
*/
|
|
@@ -396,6 +398,48 @@ export interface LayoutProps {
|
|
|
396
398
|
*/
|
|
397
399
|
overflowY?: Overflow;
|
|
398
400
|
}
|
|
401
|
+
export type V3MarginProps = MarginProps;
|
|
402
|
+
/**
|
|
403
|
+
* v3 color props mirror ColorProps but only allow beta (v3) semantic color tokens.
|
|
404
|
+
* TODO: Fold this into ColorProps when legacy token unions are removed for 4.0.0.
|
|
405
|
+
*/
|
|
406
|
+
export interface V3ColorProps {
|
|
407
|
+
/**
|
|
408
|
+
* Color from the design system's semantic color.
|
|
409
|
+
*/
|
|
410
|
+
color?: BetaSemanticColor;
|
|
411
|
+
}
|
|
412
|
+
/**
|
|
413
|
+
* v3 layout props mirror LayoutProps while keeping token-typed fields narrow.
|
|
414
|
+
* TODO: Fold this into LayoutProps when legacy token unions are removed for 4.0.0.
|
|
415
|
+
*/
|
|
416
|
+
export interface V3LayoutProps extends Omit<LayoutProps, 'backgroundColor' | 'borderColor' | 'borderRadius' | 'elevation' | 'zIndex'> {
|
|
417
|
+
/**
|
|
418
|
+
* the background color of an element.
|
|
419
|
+
* @default initial
|
|
420
|
+
*/
|
|
421
|
+
backgroundColor?: BetaBackgroundSemanticColor;
|
|
422
|
+
/**
|
|
423
|
+
* the border color of an element.
|
|
424
|
+
* @default initial
|
|
425
|
+
*/
|
|
426
|
+
borderColor?: BetaBorderSemanticColor;
|
|
427
|
+
/**
|
|
428
|
+
* the border radius of an element.
|
|
429
|
+
* @default initial
|
|
430
|
+
*/
|
|
431
|
+
borderRadius?: BetaRadius;
|
|
432
|
+
/**
|
|
433
|
+
* the elevation of an element. (box-shadow)
|
|
434
|
+
* @default initial
|
|
435
|
+
*/
|
|
436
|
+
elevation?: BetaElevation;
|
|
437
|
+
/**
|
|
438
|
+
* the z-index of an element.
|
|
439
|
+
* @default initial
|
|
440
|
+
*/
|
|
441
|
+
zIndex?: BetaZIndex;
|
|
442
|
+
}
|
|
399
443
|
/**
|
|
400
444
|
* Enumeration of form field sizes. (TextField, Select)
|
|
401
445
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { BaseStackProps } from './BaseStack.types';
|
|
2
|
+
/**
|
|
3
|
+
* `BaseStack` is a layout component used internally to group elements together and apply a space between them.
|
|
4
|
+
*/
|
|
5
|
+
export declare const BaseStack: import("react").ForwardRefExoticComponent<BaseStackProps & import("react").RefAttributes<HTMLElement>>;
|
|
6
|
+
//# sourceMappingURL=BaseStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseStack.d.ts","sourceRoot":"","sources":["../../../../src/v3/BaseStack/BaseStack.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD;;GAEG;AACH,eAAO,MAAM,SAAS,wGAkDrB,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { type BezierComponentProps, type ChildrenProps, type PolymorphicProps, type V3LayoutProps, type V3MarginProps } from "../../types/props";
|
|
2
|
+
type Display = 'flex' | 'inline-flex';
|
|
3
|
+
type Direction = 'horizontal' | 'vertical';
|
|
4
|
+
type BaseAlignment = 'start' | 'center' | 'end' | 'stretch';
|
|
5
|
+
type Align = BaseAlignment | 'baseline';
|
|
6
|
+
type Justify = BaseAlignment | 'between';
|
|
7
|
+
interface BaseStackOwnProps {
|
|
8
|
+
/**
|
|
9
|
+
* Display type of the stack.
|
|
10
|
+
* @default 'flex'
|
|
11
|
+
*/
|
|
12
|
+
display?: Display;
|
|
13
|
+
/**
|
|
14
|
+
* Direction of the stack.
|
|
15
|
+
*/
|
|
16
|
+
direction: Direction;
|
|
17
|
+
/**
|
|
18
|
+
* Determines the default aligning of children along the main axis.
|
|
19
|
+
*/
|
|
20
|
+
justify?: Justify;
|
|
21
|
+
/**
|
|
22
|
+
* Determines the default aligning of children along the cross axis.
|
|
23
|
+
*/
|
|
24
|
+
align?: Align;
|
|
25
|
+
/**
|
|
26
|
+
* Spacing between children.
|
|
27
|
+
*/
|
|
28
|
+
spacing?: string | number;
|
|
29
|
+
/**
|
|
30
|
+
* Whether to reverse the order of children.
|
|
31
|
+
*/
|
|
32
|
+
reverse?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Whether to wrap children to additional rows as needed on small screens.
|
|
35
|
+
*/
|
|
36
|
+
wrap?: boolean;
|
|
37
|
+
}
|
|
38
|
+
export interface BaseStackProps extends BezierComponentProps, PolymorphicProps, ChildrenProps, V3LayoutProps, V3MarginProps, BaseStackOwnProps {
|
|
39
|
+
}
|
|
40
|
+
export interface HStackProps extends Omit<BaseStackProps, 'direction'> {
|
|
41
|
+
}
|
|
42
|
+
export interface VStackProps extends Omit<BaseStackProps, 'direction'> {
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=BaseStack.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseStack.types.d.ts","sourceRoot":"","sources":["../../../../src/v3/BaseStack/BaseStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,0BAAyB;AAE1B,KAAK,OAAO,GAAG,MAAM,GAAG,aAAa,CAAA;AAErC,KAAK,SAAS,GAAG,YAAY,GAAG,UAAU,CAAA;AAE1C,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;AAC3D,KAAK,KAAK,GAAG,aAAa,GAAG,UAAU,CAAA;AACvC,KAAK,OAAO,GAAG,aAAa,GAAG,SAAS,CAAA;AAExC,UAAU,iBAAiB;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,cACf,SAAQ,oBAAoB,EAC1B,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,iBAAiB;CAAG;AAExB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;CAAG;AAEzE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;CAAG"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { BoxProps } from './Box.types';
|
|
2
|
+
/**
|
|
3
|
+
* `Box` is a primitive layout component. It provides an easy way to access design tokens.
|
|
4
|
+
* @example
|
|
5
|
+
*
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <Box
|
|
8
|
+
* width="100px"
|
|
9
|
+
* height="100px"
|
|
10
|
+
* padding="6px"
|
|
11
|
+
* margin="6px"
|
|
12
|
+
* backgroundColor="fill-neutral"
|
|
13
|
+
* >
|
|
14
|
+
* <div>{ ... }</div>
|
|
15
|
+
* </Box>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;
|
|
19
|
+
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../src/v3/Box/Box.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAI3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,GAAG,kGA0Cf,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { BezierComponentProps, ChildrenProps, PolymorphicProps, V3LayoutProps, V3MarginProps } from "../../types/props";
|
|
2
|
+
type Display = 'block' | 'inline' | 'inline-block';
|
|
3
|
+
interface BoxOwnProps {
|
|
4
|
+
/**
|
|
5
|
+
* Display type of the box.
|
|
6
|
+
*/
|
|
7
|
+
display?: Display;
|
|
8
|
+
}
|
|
9
|
+
export interface BoxProps extends Omit<BezierComponentProps<'div'>, keyof BoxOwnProps>, PolymorphicProps, ChildrenProps, V3MarginProps, V3LayoutProps, BoxOwnProps {
|
|
10
|
+
}
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=Box.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../../src/v3/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,aAAa,EACd,0BAAyB;AAE1B,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAA;AAElD,UAAU,WAAW;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC,EAC1D,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v3/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { DividerProps } from './Divider.types';
|
|
2
|
+
/**
|
|
3
|
+
* `Divider` is a component to visually or semantically separate content.
|
|
4
|
+
* @example
|
|
5
|
+
*
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <Divider
|
|
8
|
+
* withoutSideIndent
|
|
9
|
+
* />
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
12
|
+
export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/v3/Divider/Divider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAInD;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,yGAmCnB,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { SeparatorProps as SeparatorPrimitiveProps } from '@radix-ui/react-separator';
|
|
2
|
+
import type { BezierComponentProps } from "../../types/props";
|
|
3
|
+
interface DividerOwnProps {
|
|
4
|
+
/**
|
|
5
|
+
* If true, the divider will be rendered without side padding,
|
|
6
|
+
* which stands for the padding on the left and right sides of the horizontal divider,
|
|
7
|
+
* and the top and bottom sides of the vertical divider.
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
withoutSideIndent?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* If true, the divider will be rendered without parallel padding,
|
|
13
|
+
* which stands for the padding on the top and bottom sides of the horizontal divider,
|
|
14
|
+
* and the left and right sides of the vertical divider.
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
withoutParallelIndent?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* If true, the divider will be rendered without padding,
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
withoutIndent?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface DividerProps extends BezierComponentProps<'div'>, SeparatorPrimitiveProps, DividerOwnProps {
|
|
25
|
+
}
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=Divider.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../../src/v3/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAE1F,OAAO,KAAK,EAAE,oBAAoB,EAAE,0BAAyB;AAE7D,UAAU,eAAe;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,YACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,EACjC,uBAAuB,EACvB,eAAe;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v3/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { HStackProps } from './HStack.types';
|
|
2
|
+
/**
|
|
3
|
+
* `HStack` is a shorthand component equivalent to `Stack` with a horizontal direction property.
|
|
4
|
+
* @see BaseStack
|
|
5
|
+
*/
|
|
6
|
+
export declare const HStack: import("react").ForwardRefExoticComponent<HStackProps & import("react").RefAttributes<HTMLElement>>;
|
|
7
|
+
//# sourceMappingURL=HStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../../../src/v3/HStack/HStack.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD;;;GAGG;AACH,eAAO,MAAM,MAAM,qGAQlB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HStack.types.d.ts","sourceRoot":"","sources":["../../../../src/v3/HStack/HStack.types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,qCAA0C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v3/HStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type IconProps } from './Icon.types';
|
|
3
|
+
/**
|
|
4
|
+
* `Icon` renders a Bezier icon as an SVG element.
|
|
5
|
+
* Inject an icon component from the `@channel.io/bezier-icons` package into the `source` prop.
|
|
6
|
+
* @example
|
|
7
|
+
*
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { HeartFilledIcon } from '@channel.io/bezier-icons'
|
|
10
|
+
*
|
|
11
|
+
* <Icon
|
|
12
|
+
* source={HeartFilledIcon}
|
|
13
|
+
* size="24"
|
|
14
|
+
* color="icon-neutral"
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export declare const Icon: React.NamedExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
|
|
19
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/v3/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAM7C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,4EAkChB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type BezierIcon } from '@channel.io/bezier-icons';
|
|
2
|
+
import { type BezierComponentProps, type SizeProps, type V3ColorProps, type V3MarginProps } from "../../types/props";
|
|
3
|
+
export type IconSize = '10' | '12' | '16' | '20' | '24' | '36' | '44';
|
|
4
|
+
interface IconOwnProps {
|
|
5
|
+
/**
|
|
6
|
+
* Controls which icon should be rendered.
|
|
7
|
+
* Inject the icon component from the `@channel.io/bezier-icons` package into this prop.
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { HeartFilledIcon } from '@channel.io/bezier-icons'
|
|
11
|
+
* import { Icon } from '@channel.io/bezier-react/v3'
|
|
12
|
+
*
|
|
13
|
+
* <Icon source={HeartFilledIcon} {...} />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
source: BezierIcon;
|
|
17
|
+
}
|
|
18
|
+
export interface IconProps extends Omit<BezierComponentProps<'svg'>, keyof V3ColorProps>, V3MarginProps, SizeProps<IconSize>, V3ColorProps, IconOwnProps {
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=Icon.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../../src/v3/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,0BAAyB;AAE1B,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErE,UAAU,YAAY;IACpB;;;;;;;;;;OAUG;IACH,MAAM,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC,EAC3D,aAAa,EACb,SAAS,CAAC,QAAQ,CAAC,EACnB,YAAY,EACZ,YAAY;CAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v3/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type SmoothCornersBoxProps } from './SmoothCornersBox.types';
|
|
3
|
+
/**
|
|
4
|
+
* `SmoothCornersBox` is a simple `div` element with smooth corners.
|
|
5
|
+
* It is available by enabling the `SmoothCornersFeature`.
|
|
6
|
+
* @example
|
|
7
|
+
*
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <AppProvider features={[SmoothCornersFeature]}>
|
|
10
|
+
* <SmoothCornersBox />
|
|
11
|
+
* </AppProvider>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
export declare const SmoothCornersBox: React.ForwardRefExoticComponent<SmoothCornersBoxProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
//# sourceMappingURL=SmoothCornersBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmoothCornersBox.d.ts","sourceRoot":"","sources":["../../../../src/v3/SmoothCornersBox/SmoothCornersBox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAIrE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,8FAyD3B,CAAA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { type BetaSemanticColor } from "../../types/beta-tokens";
|
|
2
|
+
import type { BezierComponentProps, ChildrenProps, DisableProps } from "../../types/props";
|
|
3
|
+
/**
|
|
4
|
+
* NOTE: The `inset` property is not currently supported.
|
|
5
|
+
*/
|
|
6
|
+
interface BoxShadow {
|
|
7
|
+
/**
|
|
8
|
+
* The value specifies the horizontal distance. Negative values place the shadow to the left of the element.
|
|
9
|
+
* @default 0
|
|
10
|
+
*/
|
|
11
|
+
offsetX?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The value specifies the vertical distance. Negative values place the shadow above the element.
|
|
14
|
+
* @default 0
|
|
15
|
+
*/
|
|
16
|
+
offsetY?: number;
|
|
17
|
+
/**
|
|
18
|
+
* The larger this value, the bigger the blur, so the shadow becomes bigger and lighter. Negative values are not allowed.
|
|
19
|
+
* @default 0
|
|
20
|
+
*/
|
|
21
|
+
blurRadius?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Positive values will cause the shadow to expand and grow bigger, negative values will cause the shadow to shrink.
|
|
24
|
+
* @default 0
|
|
25
|
+
*/
|
|
26
|
+
spreadRadius?: number;
|
|
27
|
+
/**
|
|
28
|
+
* The color of the shadow.
|
|
29
|
+
* @default transparent
|
|
30
|
+
*/
|
|
31
|
+
color?: BetaSemanticColor;
|
|
32
|
+
}
|
|
33
|
+
interface SmoothCornersBoxOwnProps {
|
|
34
|
+
/**
|
|
35
|
+
* Rounds the corners of an element's outer border edge.
|
|
36
|
+
* @default 0
|
|
37
|
+
*/
|
|
38
|
+
borderRadius: number | string;
|
|
39
|
+
/**
|
|
40
|
+
* Shadow effects around an element's frame.
|
|
41
|
+
*/
|
|
42
|
+
shadow?: BoxShadow;
|
|
43
|
+
/**
|
|
44
|
+
* The margin area on all four sides of an element.
|
|
45
|
+
* @default 0
|
|
46
|
+
*/
|
|
47
|
+
margin?: number;
|
|
48
|
+
/**
|
|
49
|
+
* The background color of an element.
|
|
50
|
+
* @default 'transparent'
|
|
51
|
+
*/
|
|
52
|
+
backgroundColor?: BetaSemanticColor;
|
|
53
|
+
/**
|
|
54
|
+
* The background image url of an element.
|
|
55
|
+
*/
|
|
56
|
+
backgroundImage?: string;
|
|
57
|
+
}
|
|
58
|
+
export interface SmoothCornersBoxProps extends BezierComponentProps<'div'>, ChildrenProps, DisableProps, SmoothCornersBoxOwnProps {
|
|
59
|
+
}
|
|
60
|
+
export {};
|
|
61
|
+
//# sourceMappingURL=SmoothCornersBox.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SmoothCornersBox.types.d.ts","sourceRoot":"","sources":["../../../../src/v3/SmoothCornersBox/SmoothCornersBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,gCAA+B;AAChE,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,YAAY,EACb,0BAAyB;AAE1B;;GAEG;AACH,UAAU,SAAS;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAED,UAAU,wBAAwB;IAChC;;;OAGG;IACH,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,qBACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,EACjC,aAAa,EACb,YAAY,EACZ,wBAAwB;CAAG"}
|