@100mslive/roomkit-react 0.1.4-alpha.1 → 0.1.5

package/dist/chunk-P5X32KOD.js

@@ -0,0 +1,67 @@
+import {
+  Flex,
+  Text,
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  init_define_process_env,
+  styled
+} from "./chunk-RVCZPPTL.js";
+
+// src/Prebuilt/components/MoreSettings/ActionTile.jsx
+init_define_process_env();
+import React from "react";
+var ActionTileRoot = (_a) => {
+  var _b = _a, { active, disabled = false, children, onClick } = _b, props = __objRest(_b, ["active", "disabled", "children", "onClick"]);
+  return /* @__PURE__ */ React.createElement(
+    Flex,
+    __spreadProps(__spreadValues({}, props), {
+      css: {
+        flexDirection: "column",
+        alignItems: "center",
+        p: "$4 $2",
+        position: "relative",
+        bg: active ? "$surface_bright" : "",
+        color: disabled ? "$on_surface_low" : "$on_surface_high",
+        gap: "$4",
+        r: "$1",
+        "&:hover": {
+          bg: "$surface_bright"
+        }
+      },
+      onClick: () => {
+        if (!disabled) {
+          onClick();
+        }
+      }
+    }),
+    children
+  );
+};
+var ActionTileCount = styled(Text, {
+  position: "absolute",
+  top: 0,
+  right: 0,
+  fontWeight: "$semiBold",
+  color: "$on_surface_high",
+  p: "$1 $2",
+  bg: "$surface_bright",
+  r: "$round",
+  fontSize: "$tiny !important"
+});
+var ActionTileTitle = styled(Text, {
+  fontWeight: "$semiBold",
+  color: "inherit",
+  textAlign: "center",
+  fontSize: "$xs !important"
+});
+var ActionTile = {
+  Root: ActionTileRoot,
+  Title: ActionTileTitle,
+  Count: ActionTileCount
+};
+
+export {
+  ActionTile
+};
+//# sourceMappingURL=chunk-P5X32KOD.js.map

package/dist/chunk-P5X32KOD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Prebuilt/components/MoreSettings/ActionTile.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Flex } from '../../../Layout';\nimport { Text } from '../../../Text';\nimport { styled } from '../../../Theme';\n\nconst ActionTileRoot = ({ active, disabled = false, children, onClick, ...props }) => (\n  <Flex\n    {...props}\n    css={{\n      flexDirection: 'column',\n      alignItems: 'center',\n      p: '$4 $2',\n      position: 'relative',\n      bg: active ? '$surface_bright' : '',\n      color: disabled ? '$on_surface_low' : '$on_surface_high',\n      gap: '$4',\n      r: '$1',\n      '&:hover': {\n        bg: '$surface_bright',\n      },\n    }}\n    onClick={() => {\n      if (!disabled) {\n        onClick();\n      }\n    }}\n  >\n    {children}\n  </Flex>\n);\n\nconst ActionTileCount = styled(Text, {\n  position: 'absolute',\n  top: 0,\n  right: 0,\n  fontWeight: '$semiBold',\n  color: '$on_surface_high',\n  p: '$1 $2',\n  bg: '$surface_bright',\n  r: '$round',\n  fontSize: '$tiny !important',\n});\n\nconst ActionTileTitle = styled(Text, {\n  fontWeight: '$semiBold',\n  color: 'inherit',\n  textAlign: 'center',\n  fontSize: '$xs !important',\n});\n\nexport const ActionTile = {\n  Root: ActionTileRoot,\n  Title: ActionTileTitle,\n  Count: ActionTileCount,\n};\n"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA,OAAO,WAAW;AAKlB,IAAM,iBAAiB,CAAC,OAA2D;AAA3D,eAAE,UAAQ,WAAW,OAAO,UAAU,QAL9D,IAKwB,IAAkD,kBAAlD,IAAkD,CAAhD,UAAQ,YAAkB,YAAU;AAC5D;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,KAAK;AAAA,QACH,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,GAAG;AAAA,QACH,UAAU;AAAA,QACV,IAAI,SAAS,oBAAoB;AAAA,QACjC,OAAO,WAAW,oBAAoB;AAAA,QACtC,KAAK;AAAA,QACL,GAAG;AAAA,QACH,WAAW;AAAA,UACT,IAAI;AAAA,QACN;AAAA,MACF;AAAA,MACA,SAAS,MAAM;AACb,YAAI,CAAC,UAAU;AACb,kBAAQ;AAAA,QACV;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH;AAAA;AAGF,IAAM,kBAAkB,OAAO,MAAM;AAAA,EACnC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,UAAU;AACZ,CAAC;AAED,IAAM,kBAAkB,OAAO,MAAM;AAAA,EACnC,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AACZ,CAAC;AAEM,IAAM,aAAa;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;",
+  "names": []
+}