@channel.io/bezier-react 4.0.0-next.2 → 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.
Files changed (194) hide show
  1. package/dist/cjs/components/Button/Button.module.scss.js +1 -1
  2. package/dist/cjs/styles.css +1 -1
  3. package/dist/cjs/types/props-helpers.js +8 -0
  4. package/dist/cjs/types/props-helpers.js.map +1 -1
  5. package/dist/cjs/v3/BaseStack/BaseStack.js +46 -0
  6. package/dist/cjs/v3/BaseStack/BaseStack.js.map +1 -0
  7. package/dist/cjs/v3/BaseStack/BaseStack.module.scss.js +8 -0
  8. package/dist/cjs/v3/BaseStack/BaseStack.module.scss.js.map +1 -0
  9. package/dist/cjs/v3/Box/Box.js +56 -0
  10. package/dist/cjs/v3/Box/Box.js.map +1 -0
  11. package/dist/cjs/v3/Box/Box.module.scss.js +8 -0
  12. package/dist/cjs/v3/Box/Box.module.scss.js.map +1 -0
  13. package/dist/cjs/v3/Divider/Divider.js +32 -0
  14. package/dist/cjs/v3/Divider/Divider.js.map +1 -0
  15. package/dist/cjs/v3/Divider/Divider.module.scss.js +8 -0
  16. package/dist/cjs/v3/Divider/Divider.module.scss.js.map +1 -0
  17. package/dist/cjs/v3/HStack/HStack.js +19 -0
  18. package/dist/cjs/v3/HStack/HStack.js.map +1 -0
  19. package/dist/cjs/v3/Icon/Icon.js +51 -0
  20. package/dist/cjs/v3/Icon/Icon.js.map +1 -0
  21. package/dist/cjs/v3/Icon/Icon.module.scss.js +8 -0
  22. package/dist/cjs/v3/Icon/Icon.module.scss.js.map +1 -0
  23. package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.js +53 -0
  24. package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.js.map +1 -0
  25. package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.module.scss.js +8 -0
  26. package/dist/cjs/v3/SmoothCornersBox/SmoothCornersBox.module.scss.js.map +1 -0
  27. package/dist/cjs/v3/Spinner/Spinner.js +45 -0
  28. package/dist/cjs/v3/Spinner/Spinner.js.map +1 -0
  29. package/dist/cjs/v3/Spinner/Spinner.module.scss.js +8 -0
  30. package/dist/cjs/v3/Spinner/Spinner.module.scss.js.map +1 -0
  31. package/dist/cjs/v3/Text/Text.js +60 -0
  32. package/dist/cjs/v3/Text/Text.js.map +1 -0
  33. package/dist/cjs/v3/Text/Text.module.scss.js +8 -0
  34. package/dist/cjs/v3/Text/Text.module.scss.js.map +1 -0
  35. package/dist/cjs/v3/VStack/VStack.js +19 -0
  36. package/dist/cjs/v3/VStack/VStack.js.map +1 -0
  37. package/dist/cjs/v3/index.js +22 -0
  38. package/dist/cjs/v3/index.js.map +1 -0
  39. package/dist/esm/components/Button/Button.module.scss.mjs +1 -1
  40. package/dist/esm/styles.css +1 -1
  41. package/dist/esm/types/props-helpers.mjs +5 -1
  42. package/dist/esm/types/props-helpers.mjs.map +1 -1
  43. package/dist/esm/v3/BaseStack/BaseStack.mjs +44 -0
  44. package/dist/esm/v3/BaseStack/BaseStack.mjs.map +1 -0
  45. package/dist/esm/v3/BaseStack/BaseStack.module.scss.mjs +4 -0
  46. package/dist/esm/v3/BaseStack/BaseStack.module.scss.mjs.map +1 -0
  47. package/dist/esm/v3/Box/Box.mjs +54 -0
  48. package/dist/esm/v3/Box/Box.mjs.map +1 -0
  49. package/dist/esm/v3/Box/Box.module.scss.mjs +4 -0
  50. package/dist/esm/v3/Box/Box.module.scss.mjs.map +1 -0
  51. package/dist/esm/v3/Divider/Divider.mjs +30 -0
  52. package/dist/esm/v3/Divider/Divider.mjs.map +1 -0
  53. package/dist/esm/v3/Divider/Divider.module.scss.mjs +4 -0
  54. package/dist/esm/v3/Divider/Divider.module.scss.mjs.map +1 -0
  55. package/dist/esm/v3/HStack/HStack.mjs +17 -0
  56. package/dist/esm/v3/HStack/HStack.mjs.map +1 -0
  57. package/dist/esm/v3/Icon/Icon.mjs +49 -0
  58. package/dist/esm/v3/Icon/Icon.mjs.map +1 -0
  59. package/dist/esm/v3/Icon/Icon.module.scss.mjs +4 -0
  60. package/dist/esm/v3/Icon/Icon.module.scss.mjs.map +1 -0
  61. package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.mjs +51 -0
  62. package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.mjs.map +1 -0
  63. package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.module.scss.mjs +4 -0
  64. package/dist/esm/v3/SmoothCornersBox/SmoothCornersBox.module.scss.mjs.map +1 -0
  65. package/dist/esm/v3/Spinner/Spinner.mjs +43 -0
  66. package/dist/esm/v3/Spinner/Spinner.mjs.map +1 -0
  67. package/dist/esm/v3/Spinner/Spinner.module.scss.mjs +4 -0
  68. package/dist/esm/v3/Spinner/Spinner.module.scss.mjs.map +1 -0
  69. package/dist/esm/v3/Text/Text.mjs +58 -0
  70. package/dist/esm/v3/Text/Text.mjs.map +1 -0
  71. package/dist/esm/v3/Text/Text.module.scss.mjs +4 -0
  72. package/dist/esm/v3/Text/Text.module.scss.mjs.map +1 -0
  73. package/dist/esm/v3/VStack/VStack.mjs +17 -0
  74. package/dist/esm/v3/VStack/VStack.mjs.map +1 -0
  75. package/dist/esm/v3/index.mjs +9 -0
  76. package/dist/esm/v3/index.mjs.map +1 -0
  77. package/dist/types/types/beta-tokens.d.ts +4 -0
  78. package/dist/types/types/beta-tokens.d.ts.map +1 -1
  79. package/dist/types/types/props-helpers.d.ts +48 -1
  80. package/dist/types/types/props-helpers.d.ts.map +1 -1
  81. package/dist/types/types/props.d.ts +44 -0
  82. package/dist/types/types/props.d.ts.map +1 -1
  83. package/dist/types/v3/BaseStack/BaseStack.d.ts +6 -0
  84. package/dist/types/v3/BaseStack/BaseStack.d.ts.map +1 -0
  85. package/dist/types/v3/BaseStack/BaseStack.types.d.ts +45 -0
  86. package/dist/types/v3/BaseStack/BaseStack.types.d.ts.map +1 -0
  87. package/dist/types/v3/Box/Box.d.ts +19 -0
  88. package/dist/types/v3/Box/Box.d.ts.map +1 -0
  89. package/dist/types/v3/Box/Box.types.d.ts +12 -0
  90. package/dist/types/v3/Box/Box.types.d.ts.map +1 -0
  91. package/dist/types/v3/Box/index.d.ts +3 -0
  92. package/dist/types/v3/Box/index.d.ts.map +1 -0
  93. package/dist/types/v3/Divider/Divider.d.ts +13 -0
  94. package/dist/types/v3/Divider/Divider.d.ts.map +1 -0
  95. package/dist/types/v3/Divider/Divider.types.d.ts +27 -0
  96. package/dist/types/v3/Divider/Divider.types.d.ts.map +1 -0
  97. package/dist/types/v3/Divider/index.d.ts +3 -0
  98. package/dist/types/v3/Divider/index.d.ts.map +1 -0
  99. package/dist/types/v3/HStack/HStack.d.ts +7 -0
  100. package/dist/types/v3/HStack/HStack.d.ts.map +1 -0
  101. package/dist/types/v3/HStack/HStack.types.d.ts +2 -0
  102. package/dist/types/v3/HStack/HStack.types.d.ts.map +1 -0
  103. package/dist/types/v3/HStack/index.d.ts +3 -0
  104. package/dist/types/v3/HStack/index.d.ts.map +1 -0
  105. package/dist/types/v3/Icon/Icon.d.ts +19 -0
  106. package/dist/types/v3/Icon/Icon.d.ts.map +1 -0
  107. package/dist/types/v3/Icon/Icon.types.d.ts +21 -0
  108. package/dist/types/v3/Icon/Icon.types.d.ts.map +1 -0
  109. package/dist/types/v3/Icon/index.d.ts +3 -0
  110. package/dist/types/v3/Icon/index.d.ts.map +1 -0
  111. package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.d.ts +15 -0
  112. package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.d.ts.map +1 -0
  113. package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.types.d.ts +61 -0
  114. package/dist/types/v3/SmoothCornersBox/SmoothCornersBox.types.d.ts.map +1 -0
  115. package/dist/types/v3/SmoothCornersBox/index.d.ts +3 -0
  116. package/dist/types/v3/SmoothCornersBox/index.d.ts.map +1 -0
  117. package/dist/types/v3/Spinner/Spinner.d.ts +15 -0
  118. package/dist/types/v3/Spinner/Spinner.d.ts.map +1 -0
  119. package/dist/types/v3/Spinner/Spinner.types.d.ts +5 -0
  120. package/dist/types/v3/Spinner/Spinner.types.d.ts.map +1 -0
  121. package/dist/types/v3/Spinner/index.d.ts +3 -0
  122. package/dist/types/v3/Spinner/index.d.ts.map +1 -0
  123. package/dist/types/v3/Text/Text.d.ts +16 -0
  124. package/dist/types/v3/Text/Text.d.ts.map +1 -0
  125. package/dist/types/v3/Text/Text.types.d.ts +44 -0
  126. package/dist/types/v3/Text/Text.types.d.ts.map +1 -0
  127. package/dist/types/v3/Text/index.d.ts +3 -0
  128. package/dist/types/v3/Text/index.d.ts.map +1 -0
  129. package/dist/types/v3/VStack/VStack.d.ts +7 -0
  130. package/dist/types/v3/VStack/VStack.d.ts.map +1 -0
  131. package/dist/types/v3/VStack/VStack.types.d.ts +2 -0
  132. package/dist/types/v3/VStack/VStack.types.d.ts.map +1 -0
  133. package/dist/types/v3/VStack/index.d.ts +3 -0
  134. package/dist/types/v3/VStack/index.d.ts.map +1 -0
  135. package/dist/types/v3/index.d.ts +9 -0
  136. package/dist/types/v3/index.d.ts.map +1 -0
  137. package/package.json +6 -1
  138. package/src/components/AlphaButton/Button.module.scss +1 -1
  139. package/src/components/AlphaFloatingButton/FloatingButton.module.scss +1 -1
  140. package/src/components/Button/Button.module.scss +9 -1
  141. package/src/types/beta-tokens.ts +8 -0
  142. package/src/types/props-helpers.ts +22 -1
  143. package/src/types/props.ts +52 -0
  144. package/src/v3/BaseStack/BaseStack.module.scss +73 -0
  145. package/src/v3/BaseStack/BaseStack.test.tsx +83 -0
  146. package/src/v3/BaseStack/BaseStack.tsx +72 -0
  147. package/src/v3/BaseStack/BaseStack.types.ts +59 -0
  148. package/src/v3/Box/Box.module.scss +13 -0
  149. package/src/v3/Box/Box.stories.tsx +27 -0
  150. package/src/v3/Box/Box.test.tsx +57 -0
  151. package/src/v3/Box/Box.tsx +77 -0
  152. package/src/v3/Box/Box.types.ts +24 -0
  153. package/src/v3/Box/index.ts +2 -0
  154. package/src/v3/Divider/Divider.module.scss +52 -0
  155. package/src/v3/Divider/Divider.stories.tsx +95 -0
  156. package/src/v3/Divider/Divider.test.tsx +47 -0
  157. package/src/v3/Divider/Divider.tsx +57 -0
  158. package/src/v3/Divider/Divider.types.ts +32 -0
  159. package/src/v3/Divider/index.ts +2 -0
  160. package/src/v3/HStack/HStack.stories.tsx +58 -0
  161. package/src/v3/HStack/HStack.test.tsx +14 -0
  162. package/src/v3/HStack/HStack.tsx +21 -0
  163. package/src/v3/HStack/HStack.types.ts +1 -0
  164. package/src/v3/HStack/index.ts +2 -0
  165. package/src/v3/Icon/Icon.module.scss +20 -0
  166. package/src/v3/Icon/Icon.stories.tsx +173 -0
  167. package/src/v3/Icon/Icon.test.tsx +64 -0
  168. package/src/v3/Icon/Icon.tsx +67 -0
  169. package/src/v3/Icon/Icon.types.ts +32 -0
  170. package/src/v3/Icon/index.ts +2 -0
  171. package/src/v3/SmoothCornersBox/SmoothCornersBox.module.scss +48 -0
  172. package/src/v3/SmoothCornersBox/SmoothCornersBox.stories.tsx +41 -0
  173. package/src/v3/SmoothCornersBox/SmoothCornersBox.test.tsx +83 -0
  174. package/src/v3/SmoothCornersBox/SmoothCornersBox.tsx +84 -0
  175. package/src/v3/SmoothCornersBox/SmoothCornersBox.types.ts +69 -0
  176. package/src/v3/SmoothCornersBox/index.ts +2 -0
  177. package/src/v3/Spinner/Spinner.module.scss +58 -0
  178. package/src/v3/Spinner/Spinner.stories.tsx +28 -0
  179. package/src/v3/Spinner/Spinner.test.tsx +65 -0
  180. package/src/v3/Spinner/Spinner.tsx +61 -0
  181. package/src/v3/Spinner/Spinner.types.ts +12 -0
  182. package/src/v3/Spinner/index.ts +2 -0
  183. package/src/v3/Text/Text.module.scss +69 -0
  184. package/src/v3/Text/Text.stories.tsx +52 -0
  185. package/src/v3/Text/Text.test.tsx +84 -0
  186. package/src/v3/Text/Text.tsx +81 -0
  187. package/src/v3/Text/Text.types.ts +70 -0
  188. package/src/v3/Text/index.ts +2 -0
  189. package/src/v3/VStack/VStack.stories.tsx +58 -0
  190. package/src/v3/VStack/VStack.test.tsx +14 -0
  191. package/src/v3/VStack/VStack.tsx +21 -0
  192. package/src/v3/VStack/VStack.types.ts +1 -0
  193. package/src/v3/VStack/index.ts +2 -0
  194. 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,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAChF,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;AAUD,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,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,aAAa,UAE5D"}
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,3 @@
1
+ export { Box } from './Box';
2
+ export type { BoxProps } from './Box.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { Divider } from './Divider';
2
+ export type { DividerProps } from './Divider.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export type { HStackProps } from "../BaseStack/BaseStack.types";
2
+ //# sourceMappingURL=HStack.types.d.ts.map
@@ -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,3 @@
1
+ export { HStack } from './HStack';
2
+ export type { HStackProps } from './HStack.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export { Icon } from './Icon';
2
+ export type { IconProps, IconSize } from './Icon.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}