@salt-ds/core 0.0.0-snapshot-20230816152726 → 0.0.0-snapshot-20230830162747

package/dist-es/tooltip/TooltipBase.js

@@ -1,58 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { StatusIndicator } from '../status-indicator/StatusIndicator.js';
-import { FloatingArrow } from '@floating-ui/react';
-import 'react';
-import { makePrefixer } from '../utils/makePrefixer.js';
-import '../utils/useFloatingUI.js';
-import '../utils/useId.js';
-import '../salt-provider/SaltProvider.js';
-import '../viewport/ViewportProvider.js';
-import 'clsx';
-import '../form-field-context/FormFieldContext.js';
-import { useFormFieldProps } from '../form-field-context/useFormFieldProps.js';
-import css_248z from './Tooltip.css.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-const withBaseName = makePrefixer("saltTooltip");
-const TooltipBase = (props) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-tooltip",
-    css: css_248z,
-    window: targetWindow
-  });
-  const { a11yProps } = useFormFieldProps();
-  const { arrowProps, content, hideArrow, hideIcon, status } = props;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: withBaseName("container"),
-        children: [
-          !hideIcon && /* @__PURE__ */ jsx(StatusIndicator, {
-            status,
-            size: 1,
-            className: withBaseName("icon")
-          }),
-          /* @__PURE__ */ jsx("span", {
-            id: a11yProps == null ? void 0 : a11yProps["aria-describedby"],
-            className: withBaseName("content"),
-            children: content
-          })
-        ]
-      }),
-      !hideArrow && /* @__PURE__ */ jsx(FloatingArrow, {
-        ...arrowProps,
-        className: withBaseName("arrow"),
-        strokeWidth: 1,
-        fill: "var(--salt-container-primary-background)",
-        stroke: "var(--tooltip-status-borderColor)",
-        height: 5,
-        width: 10
-      })
-    ]
-  });
-};
-
-export { TooltipBase };
-//# sourceMappingURL=TooltipBase.js.map

package/dist-es/tooltip/TooltipBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipBase.js","sources":["../src/tooltip/TooltipBase.tsx"],"sourcesContent":["import { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { FloatingArrow, FloatingArrowProps } from \"@floating-ui/react\";\nimport { TooltipProps } from \"./Tooltip\";\nimport { makePrefixer } from \"../utils\";\nimport { useFormFieldProps } from \"../form-field-context\";\n\nimport tooltipCss from \"./Tooltip.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\ninterface TooltipBaseProps extends Omit<TooltipProps, \"children\"> {\n  arrowProps: FloatingArrowProps;\n  /**\n   * A string to determine the status of the Tooltip. Defaults to `info`.\n   */\n  status: ValidationStatus;\n}\n\nexport const TooltipBase = (props: TooltipBaseProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tooltip\",\n    css: tooltipCss,\n    window: targetWindow,\n  });\n\n  const { a11yProps } = useFormFieldProps();\n\n  const { arrowProps, content, hideArrow, hideIcon, status } = props;\n  return (\n    <>\n      <div className={withBaseName(\"container\")}>\n        {!hideIcon && (\n          <StatusIndicator\n            status={status}\n            size={1}\n            className={withBaseName(\"icon\")}\n          />\n        )}\n        <span\n          id={a11yProps?.[\"aria-describedby\"]}\n          className={withBaseName(\"content\")}\n        >\n          {content}\n        </span>\n      </div>\n      {!hideArrow && (\n        <FloatingArrow\n          {...arrowProps}\n          className={withBaseName(\"arrow\")}\n          strokeWidth={1}\n          fill=\"var(--salt-container-primary-background)\"\n          stroke=\"var(--tooltip-status-borderColor)\"\n          height={5}\n          width={10}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["tooltipCss"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA,CAAA;AAUlC,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,iBAAkB,EAAA,CAAA;AAExC,EAAA,MAAM,EAAE,UAAY,EAAA,OAAA,EAAS,SAAW,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA,CAAA;AAC7D,EACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QACrC,QAAA,EAAA;AAAA,UAAA,CAAC,4BACC,GAAA,CAAA,eAAA,EAAA;AAAA,YACC,MAAA;AAAA,YACA,IAAM,EAAA,CAAA;AAAA,YACN,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,WAChC,CAAA;AAAA,0BAED,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,YAChB,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YAEhC,QAAA,EAAA,OAAA;AAAA,WACH,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,MACC,CAAC,6BACC,GAAA,CAAA,aAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,0CAAA;AAAA,QACL,MAAO,EAAA,mCAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA,EAAA;AAAA,OACT,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist-types/tooltip/TooltipBase.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ValidationStatus } from "../status-indicator";
-import { FloatingArrowProps } from "@floating-ui/react";
-import { TooltipProps } from "./Tooltip";
-interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
-    arrowProps: FloatingArrowProps;
-    /**
-     * A string to determine the status of the Tooltip. Defaults to `info`.
-     */
-    status: ValidationStatus;
-}
-export declare const TooltipBase: (props: TooltipBaseProps) => JSX.Element;
-export {};