@sproutsocial/seeds-react-mixins 3.0.0 → 4.0.0

package/package.json

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

package/{dist/index.mjs → src/index.ts}

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

package/dist/index.d.mts

@@ -1,9 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,77 +0,0 @@
-"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 src_exports = {};
-__export(src_exports, {
-  disabled: () => disabled,
-  focusRing: () => focusRing,
-  pill: () => pill,
-  svgToDataURL: () => svgToDataURL,
-  visuallyHidden: () => visuallyHidden
-});
-module.exports = __toCommonJS(src_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

@@ -1 +0,0 @@
-{"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/dist/index.mjs.map

@@ -1 +0,0 @@
-{"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":[]}