@sproutsocial/seeds-react-mixins 4.0.0 → 4.1.1

package/{src/index.ts → dist/esm/index.js}

@@ -1,19 +1,14 @@
+// src/index.ts
 import { transparentize } from "polished";
 import { css } from "styled-components";
 import { theme } from "@sproutsocial/seeds-react-theme";
-
-export const svgToDataURL = (svgStr: string) => {
-  const encoded = encodeURIComponent(svgStr)
-    .replace(/'/g, "%27")
-    .replace(/"/g, "%22");
-
+var svgToDataURL = (svgStr) => {
+  const encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
   const header = "data:image/svg+xml,";
   const dataUrl = header + encoded;
-
   return dataUrl;
 };
-
-export const visuallyHidden = css`
+var visuallyHidden = css`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -23,8 +18,7 @@ export const visuallyHidden = css`
   clip: rect(0 0 0 0);
   border: 0;
 `;
-
-export const focusRing = css`
+var focusRing = css`
   box-shadow: 0 0 0 1px ${theme.colors.button.primary.background.base},
     0 0px 0px 4px
       ${transparentize(0.7, theme.colors.button.primary.background.base)};
@@ -34,15 +28,21 @@ export const focusRing = css`
     border: 0;
   }
 `;
-
-export const pill = css`
+var pill = css`
   min-width: ${theme.space[600]};
   min-height: ${theme.space[600]};
   padding: ${theme.space[300]};
   border-radius: ${theme.radii.pill};
 `;
-
-export const disabled = css`
+var disabled = css`
   opacity: 0.4;
   pointer-events: none;
 `;
+export {
+  disabled,
+  focusRing,
+  pill,
+  svgToDataURL,
+  visuallyHidden
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import { transparentize } from \"polished\";\nimport { css } from \"styled-components\";\nimport { theme } from \"@sproutsocial/seeds-react-theme\";\n\nexport const svgToDataURL = (svgStr: string) => {\n  const encoded = encodeURIComponent(svgStr)\n    .replace(/'/g, \"%27\")\n    .replace(/\"/g, \"%22\");\n\n  const header = \"data:image/svg+xml,\";\n  const dataUrl = header + encoded;\n\n  return dataUrl;\n};\n\nexport const visuallyHidden = css`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  border: 0;\n`;\n\nexport const focusRing = css`\n  box-shadow: 0 0 0 1px ${theme.colors.button.primary.background.base},\n    0 0px 0px 4px\n      ${transparentize(0.7, theme.colors.button.primary.background.base)};\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n`;\n\nexport const pill = css`\n  min-width: ${theme.space[600]};\n  min-height: ${theme.space[600]};\n  padding: ${theme.space[300]};\n  border-radius: ${theme.radii.pill};\n`;\n\nexport const disabled = css`\n  opacity: 0.4;\n  pointer-events: none;\n`;\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B,SAAS,WAAW;AACpB,SAAS,aAAa;AAEf,IAAM,eAAe,CAAC,WAAmB;AAC9C,QAAM,UAAU,mBAAmB,MAAM,EACtC,QAAQ,MAAM,KAAK,EACnB,QAAQ,MAAM,KAAK;AAEtB,QAAM,SAAS;AACf,QAAM,UAAU,SAAS;AAEzB,SAAO;AACT;AAEO,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvB,IAAM,YAAY;AAAA,0BACC,MAAM,OAAO,OAAO,QAAQ,WAAW,IAAI;AAAA;AAAA,QAE7D,eAAe,KAAK,MAAM,OAAO,OAAO,QAAQ,WAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjE,IAAM,OAAO;AAAA,eACL,MAAM,MAAM,GAAG,CAAC;AAAA,gBACf,MAAM,MAAM,GAAG,CAAC;AAAA,aACnB,MAAM,MAAM,GAAG,CAAC;AAAA,mBACV,MAAM,MAAM,IAAI;AAAA;AAG5B,IAAM,WAAW;AAAA;AAAA;AAAA;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+import * as styled_components from 'styled-components';
+
+declare const svgToDataURL: (svgStr: string) => string;
+declare const visuallyHidden: styled_components.FlattenSimpleInterpolation;
+declare const focusRing: styled_components.FlattenSimpleInterpolation;
+declare const pill: styled_components.FlattenSimpleInterpolation;
+declare const disabled: styled_components.FlattenSimpleInterpolation;
+
+export { disabled, focusRing, pill, svgToDataURL, visuallyHidden };

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import * as styled_components from 'styled-components';
+
+declare const svgToDataURL: (svgStr: string) => string;
+declare const visuallyHidden: styled_components.FlattenSimpleInterpolation;
+declare const focusRing: styled_components.FlattenSimpleInterpolation;
+declare const pill: styled_components.FlattenSimpleInterpolation;
+declare const disabled: styled_components.FlattenSimpleInterpolation;
+
+export { disabled, focusRing, pill, svgToDataURL, visuallyHidden };

package/dist/index.js

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  disabled: () => disabled,
+  focusRing: () => focusRing,
+  pill: () => pill,
+  svgToDataURL: () => svgToDataURL,
+  visuallyHidden: () => visuallyHidden
+});
+module.exports = __toCommonJS(index_exports);
+var import_polished = require("polished");
+var import_styled_components = require("styled-components");
+var import_seeds_react_theme = require("@sproutsocial/seeds-react-theme");
+var svgToDataURL = (svgStr) => {
+  const encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
+  const header = "data:image/svg+xml,";
+  const dataUrl = header + encoded;
+  return dataUrl;
+};
+var visuallyHidden = import_styled_components.css`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  border: 0;
+`;
+var focusRing = import_styled_components.css`
+  box-shadow: 0 0 0 1px ${import_seeds_react_theme.theme.colors.button.primary.background.base},
+    0 0px 0px 4px
+      ${(0, import_polished.transparentize)(0.7, import_seeds_react_theme.theme.colors.button.primary.background.base)};
+  outline: none;
+
+  &::-moz-focus-inner {
+    border: 0;
+  }
+`;
+var pill = import_styled_components.css`
+  min-width: ${import_seeds_react_theme.theme.space[600]};
+  min-height: ${import_seeds_react_theme.theme.space[600]};
+  padding: ${import_seeds_react_theme.theme.space[300]};
+  border-radius: ${import_seeds_react_theme.theme.radii.pill};
+`;
+var disabled = import_styled_components.css`
+  opacity: 0.4;
+  pointer-events: none;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  disabled,
+  focusRing,
+  pill,
+  svgToDataURL,
+  visuallyHidden
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { transparentize } from \"polished\";\nimport { css } from \"styled-components\";\nimport { theme } from \"@sproutsocial/seeds-react-theme\";\n\nexport const svgToDataURL = (svgStr: string) => {\n  const encoded = encodeURIComponent(svgStr)\n    .replace(/'/g, \"%27\")\n    .replace(/\"/g, \"%22\");\n\n  const header = \"data:image/svg+xml,\";\n  const dataUrl = header + encoded;\n\n  return dataUrl;\n};\n\nexport const visuallyHidden = css`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  border: 0;\n`;\n\nexport const focusRing = css`\n  box-shadow: 0 0 0 1px ${theme.colors.button.primary.background.base},\n    0 0px 0px 4px\n      ${transparentize(0.7, theme.colors.button.primary.background.base)};\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n`;\n\nexport const pill = css`\n  min-width: ${theme.space[600]};\n  min-height: ${theme.space[600]};\n  padding: ${theme.space[300]};\n  border-radius: ${theme.radii.pill};\n`;\n\nexport const disabled = css`\n  opacity: 0.4;\n  pointer-events: none;\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA+B;AAC/B,+BAAoB;AACpB,+BAAsB;AAEf,IAAM,eAAe,CAAC,WAAmB;AAC9C,QAAM,UAAU,mBAAmB,MAAM,EACtC,QAAQ,MAAM,KAAK,EACnB,QAAQ,MAAM,KAAK;AAEtB,QAAM,SAAS;AACf,QAAM,UAAU,SAAS;AAEzB,SAAO;AACT;AAEO,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvB,IAAM,YAAY;AAAA,0BACC,+BAAM,OAAO,OAAO,QAAQ,WAAW,IAAI;AAAA;AAAA,YAE7D,gCAAe,KAAK,+BAAM,OAAO,OAAO,QAAQ,WAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjE,IAAM,OAAO;AAAA,eACL,+BAAM,MAAM,GAAG,CAAC;AAAA,gBACf,+BAAM,MAAM,GAAG,CAAC;AAAA,aACnB,+BAAM,MAAM,GAAG,CAAC;AAAA,mBACV,+BAAM,MAAM,IAAI;AAAA;AAG5B,IAAM,WAAW;AAAA;AAAA;AAAA;","names":[]}

package/package.json

@@ -1,20 +1,24 @@
 {
   "name": "@sproutsocial/seeds-react-mixins",
-  "version": "4.0.0",
+  "version": "4.1.1",
   "description": "Seeds mixins",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
+    "build": "tsup --dts",
+    "build:debug": "tsup --dts --metafile",
     "clean": "rm -rf .turbo dist",
     "clean:modules": "rm -rf node_modules",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "*",
+    "@sproutsocial/seeds-react-theme": "^2.2.0",
     "polished": "^3.4.1"
   },
   "devDependencies": {