@100mslive/roomkit-react 0.1.1 → 0.1.2-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (242) hide show
  1. package/README.md +18 -0
  2. package/dist/Accordion/Accordion.d.ts +62 -138
  3. package/dist/Accordion/index.d.ts +62 -138
  4. package/dist/{ActiveSpeakerView-G32BDM5F.js → ActiveSpeakerView-4XPIRZOK.js} +6 -6
  5. package/dist/{ActiveSpeakerView-LW4WDBC6.css → ActiveSpeakerView-ADEYHQMU.css} +2 -2
  6. package/dist/{PinnedTrackView-OAA4HAID.css.map → ActiveSpeakerView-ADEYHQMU.css.map} +2 -2
  7. package/dist/Avatar/Avatar.d.ts +31 -69
  8. package/dist/Button/Button.d.ts +31 -69
  9. package/dist/Checkbox/Checkbox.d.ts +62 -138
  10. package/dist/Collapsible/Collapsible.d.ts +93 -207
  11. package/dist/Divider/Divider.d.ts +62 -138
  12. package/dist/Dropdown/Dropdown.d.ts +372 -828
  13. package/dist/Fieldset/Fieldset.d.ts +31 -69
  14. package/dist/Footer/Footer.d.ts +248 -552
  15. package/dist/{HLSView-DIQQF2PP.css → HLSView-DWEEMZ6Z.css} +2 -2
  16. package/dist/{HLSView-DIQQF2PP.css.map → HLSView-DWEEMZ6Z.css.map} +2 -2
  17. package/dist/{HLSView-ZYNT3HJD.js → HLSView-I26CVF5U.js} +16 -16
  18. package/dist/HLSView-I26CVF5U.js.map +7 -0
  19. package/dist/IconButton/IconButton.d.ts +31 -69
  20. package/dist/Input/Input.d.ts +189 -417
  21. package/dist/Label/Label.d.ts +31 -69
  22. package/dist/Layout/Box.d.ts +31 -69
  23. package/dist/Layout/Flex.d.ts +31 -69
  24. package/dist/Link/Link.d.ts +31 -69
  25. package/dist/Modal/Dialog.d.ts +248 -552
  26. package/dist/Modal/DialogContent.d.ts +217 -483
  27. package/dist/Pagination/StyledPagination.d.ts +124 -276
  28. package/dist/{PinnedTrackView-OAA4HAID.css → PinnedTrackView-5DPVVOZW.css} +2 -2
  29. package/dist/{conference-LE4T3ZNF.css.map → PinnedTrackView-5DPVVOZW.css.map} +2 -2
  30. package/dist/{PinnedTrackView-GTXL2UTS.js → PinnedTrackView-GGTCNH5V.js} +6 -6
  31. package/dist/Popover/index.d.ts +93 -207
  32. package/dist/Prebuilt/provider/roomLayoutProvider/constants/index.d.ts +2 -0
  33. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.d.ts +9 -0
  34. package/dist/Prebuilt/provider/roomLayoutProvider/index.d.ts +9 -0
  35. package/dist/Progress/index.d.ts +62 -138
  36. package/dist/RadioGroup/RadioGroup.d.ts +93 -207
  37. package/dist/ReactSelect/ReactSelect.d.ts +310 -690
  38. package/dist/Select/Select.d.ts +93 -207
  39. package/dist/Slider/Slider.d.ts +31 -69
  40. package/dist/Stats/StyledStats.d.ts +186 -414
  41. package/dist/Switch/Switch.d.ts +31 -69
  42. package/dist/Tabs/Tabs.d.ts +124 -276
  43. package/dist/Text/Text.d.ts +31 -69
  44. package/dist/Theme/ThemeProvider.d.ts +63 -140
  45. package/dist/Theme/base.config.d.ts +31 -53
  46. package/dist/Theme/index.d.ts +0 -1
  47. package/dist/Theme/stitches.config.d.ts +404 -915
  48. package/dist/TileMenu/StyledMenuTile.d.ts +217 -483
  49. package/dist/Toast/Toast.d.ts +187 -415
  50. package/dist/Video/Video.d.ts +31 -69
  51. package/dist/VideoList/StyledVideoList.d.ts +93 -207
  52. package/dist/VideoTile/StyledVideoTile.d.ts +279 -621
  53. package/dist/{VirtualBackground-HWU22Q6S.js → VirtualBackground-ZRRE4DUA.js} +4 -3
  54. package/dist/{VirtualBackground-HWU22Q6S.js.map → VirtualBackground-ZRRE4DUA.js.map} +2 -2
  55. package/dist/{chunk-4VY5NUK7.js → chunk-4ISMCWQA.js} +49 -146
  56. package/dist/chunk-4ISMCWQA.js.map +7 -0
  57. package/dist/{chunk-TEHZYXCJ.js → chunk-KKLZ7K2L.js} +167 -164
  58. package/dist/chunk-KKLZ7K2L.js.map +7 -0
  59. package/dist/chunk-LUND6FLY.js +8626 -0
  60. package/dist/chunk-LUND6FLY.js.map +7 -0
  61. package/dist/chunk-MYK3T45M.js +58 -0
  62. package/dist/chunk-MYK3T45M.js.map +7 -0
  63. package/dist/{chunk-A2PNZIK7.js → chunk-THORW2WT.js} +4 -4
  64. package/dist/{chunk-A2PNZIK7.js.map → chunk-THORW2WT.js.map} +1 -1
  65. package/dist/{conference-YHO2J3Z6.js → conference-5TDUAQ6K.js} +593 -532
  66. package/dist/conference-5TDUAQ6K.js.map +7 -0
  67. package/dist/{conference-LE4T3ZNF.css → conference-BDCDGBIS.css} +2 -2
  68. package/dist/{ActiveSpeakerView-LW4WDBC6.css.map → conference-BDCDGBIS.css.map} +2 -2
  69. package/dist/index.cjs.css +1 -1
  70. package/dist/index.cjs.css.map +2 -2
  71. package/dist/index.cjs.js +2952 -2662
  72. package/dist/index.cjs.js.map +4 -4
  73. package/dist/index.css +1 -1
  74. package/dist/index.css.map +2 -2
  75. package/dist/index.js +4 -8
  76. package/dist/meta.cjs.json +750 -484
  77. package/dist/meta.esbuild.json +844 -581
  78. package/dist/{transcription-L6VBK75V.js → transcription-PYTSSAOB.js} +3 -3
  79. package/package.json +13 -9
  80. package/src/Accordion/Accordion.tsx +3 -3
  81. package/src/AudioLevel/AudioLevel.tsx +1 -1
  82. package/src/Avatar/Avatar.tsx +8 -3
  83. package/src/Button/Button.tsx +76 -20
  84. package/src/Checkbox/Checkbox.tsx +4 -4
  85. package/src/Collapsible/Collapsible.tsx +1 -1
  86. package/src/Divider/Divider.tsx +2 -2
  87. package/src/Divider/HorizontalDivider.stories.tsx +2 -2
  88. package/src/Divider/VerticalDivider.stories.tsx +1 -1
  89. package/src/Dropdown/Dropdown.stories.tsx +3 -3
  90. package/src/Dropdown/Dropdown.tsx +16 -14
  91. package/src/IconButton/IconButton.tsx +8 -7
  92. package/src/Input/Input.tsx +9 -8
  93. package/src/Input/PasswordInput.stories.tsx +2 -2
  94. package/src/Label/Label.tsx +1 -1
  95. package/src/Link/Link.tsx +4 -4
  96. package/src/Loading/Loading.tsx +7 -10
  97. package/src/Modal/Dialog.stories.tsx +2 -2
  98. package/src/Modal/DialogContent.tsx +3 -3
  99. package/src/Pagination/StyledPagination.tsx +4 -4
  100. package/src/Popover/Popover.stories.tsx +5 -5
  101. package/src/Popover/index.tsx +1 -1
  102. package/src/Prebuilt/App.jsx +101 -68
  103. package/src/Prebuilt/IconButton.jsx +2 -2
  104. package/src/Prebuilt/Prebuilt.stories.tsx +8 -2
  105. package/src/Prebuilt/common/constants.js +0 -1
  106. package/src/Prebuilt/common/utils.js +0 -6
  107. package/src/Prebuilt/components/AppData/AppData.jsx +7 -4
  108. package/src/Prebuilt/components/AppData/useUISettings.js +0 -4
  109. package/src/Prebuilt/components/AudioVideoToggle.jsx +73 -20
  110. package/src/Prebuilt/components/BottomActionSheet/BottomActionSheet.jsx +1 -1
  111. package/src/Prebuilt/components/Chat/Chat.jsx +6 -2
  112. package/src/Prebuilt/components/Chat/ChatBody.jsx +13 -11
  113. package/src/Prebuilt/components/Chat/ChatFooter.jsx +2 -2
  114. package/src/Prebuilt/components/Chat/ChatHeader.jsx +3 -3
  115. package/src/Prebuilt/components/Chat/ChatSelector.jsx +2 -2
  116. package/src/Prebuilt/components/Chat/useEmojiPickerStyles.js +6 -6
  117. package/src/Prebuilt/components/Chip.jsx +24 -0
  118. package/src/Prebuilt/components/Connection/ConnectionIndicator.jsx +6 -6
  119. package/src/Prebuilt/components/Connection/TileConnection.jsx +2 -2
  120. package/src/Prebuilt/components/Connection/connectionQualityUtils.js +4 -4
  121. package/src/Prebuilt/components/EmojiReaction.jsx +13 -10
  122. package/src/Prebuilt/components/ErrorBoundary.jsx +2 -2
  123. package/src/Prebuilt/components/FullPageProgress.jsx +5 -3
  124. package/src/Prebuilt/components/GoLiveButton.jsx +1 -4
  125. package/src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx +2 -2
  126. package/src/Prebuilt/components/HMSVideo/PlayButton.jsx +1 -1
  127. package/src/Prebuilt/components/HMSVideo/VideoProgress.jsx +3 -3
  128. package/src/Prebuilt/components/HMSVideo/VideoTime.jsx +3 -1
  129. package/src/Prebuilt/components/HMSVideo/VolumeControl.jsx +1 -1
  130. package/src/Prebuilt/components/Header/AdditionalRoomState.jsx +17 -17
  131. package/src/Prebuilt/components/Header/AmbientMusic.jsx +1 -1
  132. package/src/Prebuilt/components/Header/ConferencingHeader.jsx +4 -6
  133. package/src/Prebuilt/components/Header/HeaderComponents.jsx +10 -5
  134. package/src/Prebuilt/components/Header/ParticipantFilter.jsx +2 -2
  135. package/src/Prebuilt/components/Header/ParticipantList.jsx +2 -2
  136. package/src/Prebuilt/components/Header/StreamActions.jsx +9 -19
  137. package/src/Prebuilt/components/Header/StreamingHeader.jsx +5 -6
  138. package/src/Prebuilt/components/HlsStatsOverlay.jsx +2 -2
  139. package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx +102 -0
  140. package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.stories.tsx +40 -0
  141. package/src/Prebuilt/components/LeaveRoom.jsx +11 -11
  142. package/src/Prebuilt/components/MetaActions.jsx +2 -2
  143. package/src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx +2 -2
  144. package/src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx +1 -1
  145. package/src/Prebuilt/components/MoreSettings/MoreSettings.jsx +1 -0
  146. package/src/Prebuilt/components/Notifications/HLSFailureModal.jsx +69 -0
  147. package/src/Prebuilt/components/Notifications/Notifications.jsx +1 -3
  148. package/src/Prebuilt/components/Notifications/PermissionErrorModal.jsx +108 -26
  149. package/src/Prebuilt/components/Notifications/ReconnectNotifications.jsx +1 -1
  150. package/src/Prebuilt/components/PIP/pipUtils.js +2 -2
  151. package/src/Prebuilt/components/Playlist/Playlist.jsx +4 -4
  152. package/src/Prebuilt/components/Playlist/PlaylistControls.jsx +3 -3
  153. package/src/Prebuilt/components/Playlist/PlaylistItem.jsx +3 -3
  154. package/src/Prebuilt/components/Playlist/VideoPlayer.jsx +4 -4
  155. package/src/Prebuilt/components/PostLeave.jsx +4 -4
  156. package/src/Prebuilt/components/Preview/PreviewContainer.jsx +17 -6
  157. package/src/Prebuilt/components/Preview/PreviewForm.jsx +74 -0
  158. package/src/Prebuilt/components/Preview/PreviewJoin.jsx +100 -37
  159. package/src/Prebuilt/components/RoleChangeModal.jsx +3 -3
  160. package/src/Prebuilt/components/ScreenshareDisplay.jsx +2 -2
  161. package/src/Prebuilt/components/Settings/DeviceSettings.jsx +3 -9
  162. package/src/Prebuilt/components/Settings/SettingsModal.jsx +8 -32
  163. package/src/Prebuilt/components/Settings/StartRecording.jsx +4 -12
  164. package/src/Prebuilt/components/Settings/SwitchWithLabel.jsx +2 -3
  165. package/src/Prebuilt/components/Settings/common.js +26 -0
  166. package/src/Prebuilt/components/StatsForNerds.jsx +5 -5
  167. package/src/Prebuilt/components/Streaming/Common.jsx +11 -11
  168. package/src/Prebuilt/components/Streaming/HLSStreaming.jsx +6 -12
  169. package/src/Prebuilt/components/Streaming/RTMPStreaming.jsx +4 -6
  170. package/src/Prebuilt/components/Streaming/StreamingLanding.jsx +4 -4
  171. package/src/Prebuilt/components/TileMenu.jsx +7 -7
  172. package/src/Prebuilt/components/Toast/ToastConfig.jsx +12 -20
  173. package/src/Prebuilt/components/conference.jsx +9 -2
  174. package/src/Prebuilt/components/hooks/useDropdownSelection.jsx +1 -4
  175. package/src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx +2 -2
  176. package/src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx +1 -1
  177. package/src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx +1 -1
  178. package/src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx +2 -2
  179. package/src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx +12 -20
  180. package/src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx +4 -4
  181. package/src/Prebuilt/images/Logo.svg +8 -0
  182. package/src/Prebuilt/images/first_person.png +0 -0
  183. package/src/Prebuilt/images/rtmp.png +0 -0
  184. package/src/Prebuilt/index.d.ts +6 -1
  185. package/src/Prebuilt/layouts/HLSView.jsx +1 -1
  186. package/src/Prebuilt/layouts/InsetView.jsx +0 -3
  187. package/src/Prebuilt/layouts/NonPublisherView.jsx +2 -2
  188. package/src/Prebuilt/layouts/SidePane.jsx +1 -1
  189. package/src/Prebuilt/layouts/WaitingView.jsx +2 -2
  190. package/src/Prebuilt/layouts/mainView.jsx +42 -5
  191. package/src/Prebuilt/plugins/FlyingEmoji.jsx +2 -2
  192. package/src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx +1 -0
  193. package/src/Prebuilt/plugins/whiteboard/ToggleWhiteboard.jsx +1 -3
  194. package/src/Prebuilt/primitives/DialogContent.jsx +4 -4
  195. package/src/Prebuilt/primitives/DropdownTrigger.jsx +3 -3
  196. package/src/Prebuilt/provider/roomLayoutProvider/constants/index.ts +33 -0
  197. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts +57 -0
  198. package/src/Prebuilt/provider/roomLayoutProvider/index.tsx +26 -0
  199. package/src/Progress/index.tsx +2 -2
  200. package/src/RadioGroup/RadioGroup.tsx +3 -3
  201. package/src/ReactSelect/ReactSelect.stories.tsx +7 -7
  202. package/src/ReactSelect/ReactSelect.tsx +8 -8
  203. package/src/Select/Select.tsx +6 -6
  204. package/src/Slider/Slider.tsx +5 -5
  205. package/src/Stats/Stats.tsx +12 -2
  206. package/src/Stats/StyledStats.tsx +3 -3
  207. package/src/Switch/Switch.tsx +5 -5
  208. package/src/Tabs/Tabs.stories.tsx +2 -2
  209. package/src/Tabs/Tabs.tsx +2 -2
  210. package/src/Text/Text.tsx +2 -2
  211. package/src/Theme/ThemeProvider.tsx +4 -7
  212. package/src/Theme/ThemeStory.jsx +17 -19
  213. package/src/Theme/base.config.ts +31 -59
  214. package/src/Theme/index.tsx +0 -1
  215. package/src/Theme/stitches.config.ts +2 -7
  216. package/src/TileMenu/StyledMenuTile.tsx +9 -8
  217. package/src/Toast/Toast.tsx +10 -9
  218. package/src/Tooltip/Tooltip.stories.tsx +1 -1
  219. package/src/Tooltip/Tooltip.tsx +4 -4
  220. package/src/Video/Video.tsx +1 -1
  221. package/src/VideoTile/StyledVideoTile.tsx +12 -12
  222. package/src/assets/android-perm-0.png +0 -0
  223. package/src/assets/android-perm-1.png +0 -0
  224. package/src/assets/ios-perm-0.png +0 -0
  225. package/src/fixtures/chats.ts +1 -1
  226. package/dist/HLSView-ZYNT3HJD.js.map +0 -7
  227. package/dist/Theme/themes.d.ts +0 -64
  228. package/dist/chunk-4VY5NUK7.js.map +0 -7
  229. package/dist/chunk-BSQIN5RC.js +0 -65
  230. package/dist/chunk-BSQIN5RC.js.map +0 -7
  231. package/dist/chunk-TEHZYXCJ.js.map +0 -7
  232. package/dist/chunk-ZET2HMGS.js +0 -8331
  233. package/dist/chunk-ZET2HMGS.js.map +0 -7
  234. package/dist/conference-YHO2J3Z6.js.map +0 -7
  235. package/src/Prebuilt/components/Preview/PreviewName.jsx +0 -37
  236. package/src/Prebuilt/components/Streaming/RTMPIcon.jsx +0 -69
  237. package/src/Prebuilt/hms.js +0 -7
  238. package/src/Prebuilt/plugins/confetti.jsx +0 -60
  239. package/src/Theme/themes.ts +0 -70
  240. /package/dist/{ActiveSpeakerView-G32BDM5F.js.map → ActiveSpeakerView-4XPIRZOK.js.map} +0 -0
  241. /package/dist/{PinnedTrackView-GTXL2UTS.js.map → PinnedTrackView-GGTCNH5V.js.map} +0 -0
  242. /package/dist/{transcription-L6VBK75V.js.map → transcription-PYTSSAOB.js.map} +0 -0
@@ -0,0 +1,58 @@
1
+ import {
2
+ __objRest,
3
+ __spreadValues,
4
+ init_define_process_env
5
+ } from "./chunk-4ISMCWQA.js";
6
+
7
+ // src/Loading/Loading.tsx
8
+ init_define_process_env();
9
+ import React from "react";
10
+ var Loading = (_a) => {
11
+ var _b = _a, { size = 24, color = "white" } = _b, props = __objRest(_b, ["size", "color"]);
12
+ return /* @__PURE__ */ React.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: "#0074D9", "stroke-width": "4", "stroke-dasharray": "70 30", fill: "none" }, /* @__PURE__ */ React.createElement(
13
+ "animateTransform",
14
+ {
15
+ attributeName: "transform",
16
+ attributeType: "XML",
17
+ type: "rotate",
18
+ from: "0 25 25",
19
+ to: "360 25 25",
20
+ dur: "1s",
21
+ repeatCount: "indefinite"
22
+ }
23
+ )));
24
+ };
25
+
26
+ // src/Loading/index.ts
27
+ init_define_process_env();
28
+
29
+ // src/Prebuilt/components/hooks/useFeatures.js
30
+ init_define_process_env();
31
+ import { selectTemplateAppData, useHMSStore } from "@100mslive/react-sdk";
32
+ var useFeatures = () => {
33
+ var _a;
34
+ let features = (_a = useHMSStore(selectTemplateAppData)) == null ? void 0 : _a.features;
35
+ return features && typeof features === "string" ? features.split(",") : void 0;
36
+ };
37
+ var useIsFeatureEnabled = (key) => {
38
+ let features = useFeatures();
39
+ return features ? features.includes(key) : true;
40
+ };
41
+ var useRolePreference = () => {
42
+ var _a;
43
+ let preference = (_a = useHMSStore(selectTemplateAppData)) == null ? void 0 : _a.rolePreference;
44
+ try {
45
+ preference = JSON.parse(preference || "{}");
46
+ return preference;
47
+ } catch (e) {
48
+ console.log("role preference parse error", e);
49
+ return void 0;
50
+ }
51
+ };
52
+
53
+ export {
54
+ Loading,
55
+ useIsFeatureEnabled,
56
+ useRolePreference
57
+ };
58
+ //# sourceMappingURL=chunk-MYK3T45M.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/Loading/Loading.tsx", "../src/Loading/index.ts", "../src/Prebuilt/components/hooks/useFeatures.js"],
4
+ "sourcesContent": ["import React from 'react';\n\ntype Props = {\n /**\n * Adjusts width and height\n */\n size?: number | string;\n /**\n * Color of Loader\n */\n color?: string;\n};\n\ntype LoadingProps = Props & React.SVGProps<SVGSVGElement>;\n\nexport const Loading = ({ size = 24, color = 'white', ...props }: LoadingProps) => (\n <svg width={size} height={size} viewBox=\"0 0 50 50\" fill={color} xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <circle cx=\"25\" cy=\"25\" r=\"20\" stroke=\"#0074D9\" stroke-width=\"4\" stroke-dasharray=\"70 30\" fill=\"none\">\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n from=\"0 25 25\"\n to=\"360 25 25\"\n dur=\"1s\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </svg>\n);\n", "export { Loading } from './Loading';\n", "import { selectTemplateAppData, useHMSStore } from '@100mslive/react-sdk';\n\nexport const useFeatures = () => {\n let features = useHMSStore(selectTemplateAppData)?.features;\n return features && typeof features === 'string' ? features.split(',') : undefined;\n};\n\nexport const useIsFeatureEnabled = key => {\n let features = useFeatures();\n return features ? features.includes(key) : true;\n};\n\nexport const useRolePreference = () => {\n let preference = useHMSStore(selectTemplateAppData)?.rolePreference;\n try {\n preference = JSON.parse(preference || '{}');\n return preference;\n } catch (e) {\n console.log('role preference parse error', e);\n return undefined;\n }\n};\n"],
5
+ "mappings": ";;;;;;;AAAA;AAAA,OAAO,WAAW;AAeX,IAAM,UAAU,CAAC,OAAwD;AAAxD,eAAE,SAAO,IAAI,QAAQ,QAf7C,IAewB,IAAiC,kBAAjC,IAAiC,CAA/B,QAAW;AACnC,6CAAC,wBAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,MAAM,OAAO,OAAM,gCAAiC,QACtG,oCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,WAAU,gBAAa,KAAI,oBAAiB,SAAQ,MAAK,UAC7F;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,eAAc;AAAA,MACd,MAAK;AAAA,MACL,MAAK;AAAA,MACL,IAAG;AAAA,MACH,KAAI;AAAA,MACJ,aAAY;AAAA;AAAA,EACd,CACF,CACF;AAAA;;;AC5BF;;;ACAA;AAAA,SAAS,uBAAuB,mBAAmB;AAE5C,IAAM,cAAc,MAAM;AAFjC;AAGE,MAAI,YAAW,iBAAY,qBAAqB,MAAjC,mBAAoC;AACnD,SAAO,YAAY,OAAO,aAAa,WAAW,SAAS,MAAM,GAAG,IAAI;AAC1E;AAEO,IAAM,sBAAsB,SAAO;AACxC,MAAI,WAAW,YAAY;AAC3B,SAAO,WAAW,SAAS,SAAS,GAAG,IAAI;AAC7C;AAEO,IAAM,oBAAoB,MAAM;AAZvC;AAaE,MAAI,cAAa,iBAAY,qBAAqB,MAAjC,mBAAoC;AACrD,MAAI;AACF,iBAAa,KAAK,MAAM,cAAc,IAAI;AAC1C,WAAO;AAAA,EACT,SAAS,GAAG;AACV,YAAQ,IAAI,+BAA+B,CAAC;AAC5C,WAAO;AAAA,EACT;AACF;",
6
+ "names": []
7
+ }
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  init_define_process_env,
3
3
  styled
4
- } from "./chunk-4VY5NUK7.js";
4
+ } from "./chunk-4ISMCWQA.js";
5
5
 
6
6
  // src/Layout/Flex.tsx
7
7
  init_define_process_env();
@@ -213,12 +213,12 @@ var Text = styled("p", {
213
213
  fontFamily: "$sans",
214
214
  fontWeight: "$regular",
215
215
  margin: 0,
216
- color: "$textPrimary",
216
+ color: "$on_surface_high",
217
217
  variants: {
218
218
  variant: textVariants,
219
219
  color: {
220
220
  white: {
221
- color: "$white"
221
+ color: "$on_surface_high"
222
222
  }
223
223
  },
224
224
  inline: {
@@ -240,4 +240,4 @@ export {
240
240
  Box,
241
241
  Text
242
242
  };
243
- //# sourceMappingURL=chunk-A2PNZIK7.js.map
243
+ //# sourceMappingURL=chunk-THORW2WT.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/Layout/Flex.tsx", "../src/Layout/Box.tsx", "../src/Layout/index.tsx", "../src/Text/Text.tsx", "../src/Text/index.tsx"],
4
- "sourcesContent": ["import { styled } from '../Theme';\n\n/**\n * @see https://tailwindcss.com/docs/space\n */\nconst gapStyles = (value: number) => {\n return {\n '& > * + *': {\n marginRight: '0',\n marginLeft: `${0.25 * value}rem`,\n },\n };\n};\n\nexport const Flex = styled('div', {\n display: 'flex',\n variants: {\n justify: {\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n center: {\n justifyContent: 'center',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n align: {\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n center: {\n alignItems: 'center',\n },\n baseline: {\n alignItems: 'baseline',\n },\n strech: {\n alignItems: 'stretch',\n },\n },\n direction: {\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n rowReverse: {\n flexDirection: 'row-reverse',\n },\n columnReverse: {\n flexDirection: 'column-reverse',\n },\n },\n gap: {\n 1: gapStyles(1),\n 2: gapStyles(2),\n 3: gapStyles(3),\n 4: gapStyles(4),\n },\n },\n});\n", "import { styled } from '../Theme';\n\nexport const Box = styled('div', {});\n", "export { Flex } from './Flex';\nexport { Box } from './Box';\n", "import { styled } from '../Theme';\n\nexport const textVariants = {\n h1: {\n fontWeight: '$semiBold',\n letterSpacing: '-1.5px',\n fontSize: '$h1',\n lineHeight: '$h1',\n '@md': {\n fontSize: '4.5rem',\n lineHeight: '4.75rem',\n },\n },\n h2: {\n fontSize: '$h2',\n lineHeight: '$h2',\n fontWeight: '$semiBold',\n letterSpacing: '-0.5px',\n '@md': {\n fontSize: '3rem',\n lineHeight: '3.25rem',\n },\n },\n h3: {\n fontSize: '$h3',\n lineHeight: '$h3',\n fontWeight: '$semiBold',\n '@md': {\n fontSize: '2.5rem',\n lineHeight: '2.75rem',\n },\n },\n h4: {\n fontSize: '$h4',\n lineHeight: '$h4',\n fontWeight: '$semiBold',\n letterSpacing: '0.25px',\n '@md': {\n fontSize: '1.75rem',\n lineHeight: '2rem',\n },\n },\n h5: {\n fontSize: '$h5',\n lineHeight: '$h5',\n fontWeight: '$semiBold',\n '@md': {\n fontSize: '1.5rem',\n lineHeight: '1.75rem',\n },\n },\n h6: {\n fontSize: '$h6',\n lineHeight: '$h6',\n fontWeight: '$semiBold',\n letterSpacing: '0.15px',\n '@md': {\n fontSize: '1.25rem',\n lineHeight: '1.5rem',\n },\n },\n sub1: {\n fontSize: '$md',\n lineHeight: '$h5',\n fontWeight: '$medium',\n letterSpacing: '0.15px',\n },\n sub2: {\n fontSize: '$sm',\n lineHeight: '$sm',\n fontWeight: '$medium',\n letterSpacing: '0.1px',\n },\n body1: {\n fontSize: '$md',\n lineHeight: '$h6',\n fontWeight: '$medium',\n letterSpacing: '0.1px',\n },\n body2: {\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n fontWeight: '$medium',\n letterSpacing: '0.25px',\n },\n button: {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n fontWeight: '$semiBold',\n letterSpacing: '0.5px',\n },\n caption: {\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '0.4px',\n fontWeight: '$regular',\n },\n overline: {\n fontSize: '0.625rem',\n lineHeight: '1rem',\n letterSpacing: '1.5px',\n fontWeight: '$medium',\n },\n tiny: {\n fontSize: '$tiny',\n lineHeight: '$tiny',\n },\n xs: {\n fontSize: '$xs',\n lineHeight: '$xs',\n },\n sm: {\n fontSize: '$sm',\n lineHeight: '$sm',\n },\n md: {\n fontSize: '$md',\n lineHeight: '$md',\n },\n lg: {\n fontSize: '$lg',\n lineHeight: '$md',\n fontWeight: '$semiBold',\n letterSpacing: '0.15px',\n },\n};\n\nexport const Text = styled('p', {\n fontFamily: '$sans',\n fontWeight: '$regular',\n margin: 0,\n color: '$textPrimary',\n variants: {\n variant: textVariants,\n color: {\n white: {\n color: '$white',\n },\n },\n inline: {\n true: {\n display: 'inline',\n },\n },\n },\n defaultVariants: {\n variant: 'md',\n },\n});\n", "export { Text } from './Text';\n"],
4
+ "sourcesContent": ["import { styled } from '../Theme';\n\n/**\n * @see https://tailwindcss.com/docs/space\n */\nconst gapStyles = (value: number) => {\n return {\n '& > * + *': {\n marginRight: '0',\n marginLeft: `${0.25 * value}rem`,\n },\n };\n};\n\nexport const Flex = styled('div', {\n display: 'flex',\n variants: {\n justify: {\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n center: {\n justifyContent: 'center',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n align: {\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n center: {\n alignItems: 'center',\n },\n baseline: {\n alignItems: 'baseline',\n },\n strech: {\n alignItems: 'stretch',\n },\n },\n direction: {\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n rowReverse: {\n flexDirection: 'row-reverse',\n },\n columnReverse: {\n flexDirection: 'column-reverse',\n },\n },\n gap: {\n 1: gapStyles(1),\n 2: gapStyles(2),\n 3: gapStyles(3),\n 4: gapStyles(4),\n },\n },\n});\n", "import { styled } from '../Theme';\n\nexport const Box = styled('div', {});\n", "export { Flex } from './Flex';\nexport { Box } from './Box';\n", "import { styled } from '../Theme';\n\nexport const textVariants = {\n h1: {\n fontWeight: '$semiBold',\n letterSpacing: '-1.5px',\n fontSize: '$h1',\n lineHeight: '$h1',\n '@md': {\n fontSize: '4.5rem',\n lineHeight: '4.75rem',\n },\n },\n h2: {\n fontSize: '$h2',\n lineHeight: '$h2',\n fontWeight: '$semiBold',\n letterSpacing: '-0.5px',\n '@md': {\n fontSize: '3rem',\n lineHeight: '3.25rem',\n },\n },\n h3: {\n fontSize: '$h3',\n lineHeight: '$h3',\n fontWeight: '$semiBold',\n '@md': {\n fontSize: '2.5rem',\n lineHeight: '2.75rem',\n },\n },\n h4: {\n fontSize: '$h4',\n lineHeight: '$h4',\n fontWeight: '$semiBold',\n letterSpacing: '0.25px',\n '@md': {\n fontSize: '1.75rem',\n lineHeight: '2rem',\n },\n },\n h5: {\n fontSize: '$h5',\n lineHeight: '$h5',\n fontWeight: '$semiBold',\n '@md': {\n fontSize: '1.5rem',\n lineHeight: '1.75rem',\n },\n },\n h6: {\n fontSize: '$h6',\n lineHeight: '$h6',\n fontWeight: '$semiBold',\n letterSpacing: '0.15px',\n '@md': {\n fontSize: '1.25rem',\n lineHeight: '1.5rem',\n },\n },\n sub1: {\n fontSize: '$md',\n lineHeight: '$h5',\n fontWeight: '$medium',\n letterSpacing: '0.15px',\n },\n sub2: {\n fontSize: '$sm',\n lineHeight: '$sm',\n fontWeight: '$medium',\n letterSpacing: '0.1px',\n },\n body1: {\n fontSize: '$md',\n lineHeight: '$h6',\n fontWeight: '$medium',\n letterSpacing: '0.1px',\n },\n body2: {\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n fontWeight: '$medium',\n letterSpacing: '0.25px',\n },\n button: {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n fontWeight: '$semiBold',\n letterSpacing: '0.5px',\n },\n caption: {\n fontSize: '0.75rem',\n lineHeight: '1rem',\n letterSpacing: '0.4px',\n fontWeight: '$regular',\n },\n overline: {\n fontSize: '0.625rem',\n lineHeight: '1rem',\n letterSpacing: '1.5px',\n fontWeight: '$medium',\n },\n tiny: {\n fontSize: '$tiny',\n lineHeight: '$tiny',\n },\n xs: {\n fontSize: '$xs',\n lineHeight: '$xs',\n },\n sm: {\n fontSize: '$sm',\n lineHeight: '$sm',\n },\n md: {\n fontSize: '$md',\n lineHeight: '$md',\n },\n lg: {\n fontSize: '$lg',\n lineHeight: '$md',\n fontWeight: '$semiBold',\n letterSpacing: '0.15px',\n },\n};\n\nexport const Text = styled('p', {\n fontFamily: '$sans',\n fontWeight: '$regular',\n margin: 0,\n color: '$on_surface_high',\n variants: {\n variant: textVariants,\n color: {\n white: {\n color: '$on_surface_high',\n },\n },\n inline: {\n true: {\n display: 'inline',\n },\n },\n },\n defaultVariants: {\n variant: 'md',\n },\n});\n", "export { Text } from './Text';\n"],
5
5
  "mappings": "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",
6
6
  "names": []
7
7
  }