@sproutsocial/seeds-react-mixins 1.0.0 → 2.0.1

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,76 @@
+"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
+});

package/dist/index.mjs

@@ -0,0 +1,47 @@
+// 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");
+  const header = "data:image/svg+xml,";
+  const dataUrl = header + encoded;
+  return dataUrl;
+};
+var visuallyHidden = css`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  border: 0;
+`;
+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)};
+  outline: none;
+
+  &::-moz-focus-inner {
+    border: 0;
+  }
+`;
+var pill = css`
+  min-width: ${theme.space[600]};
+  min-height: ${theme.space[600]};
+  padding: ${theme.space[300]};
+  border-radius: ${theme.radii.pill};
+`;
+var disabled = css`
+  opacity: 0.4;
+  pointer-events: none;
+`;
+export {
+  disabled,
+  focusRing,
+  pill,
+  svgToDataURL,
+  visuallyHidden
+};

package/package.json

@@ -1,32 +1,31 @@
 {
   "name": "@sproutsocial/seeds-react-mixins",
-  "version": "1.0.0",
-  "description": "Seeds Utilities",
-  "main": "commonjs/index.js",
-  "module": "lib/index.mjs",
-  "types": "dist/types/index.d.ts",
+  "version": "2.0.1",
+  "description": "Seeds mixins",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
-    "__flow__",
-    "commonjs",
-    "dist",
-    "lib"
+    "dist"
   ],
   "scripts": {
-    "build": "yarn build:ts-declarations && tsx scripts/build.ts",
-    "build:ts-declarations": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json"
+    "build": "tsup"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "1.0.0"
+    "@sproutsocial/seeds-react-theme": "1.0.0",
+    "polished": "^3.4.1"
   },
   "devDependencies": {
     "@sproutsocial/eslint-config-seeds": "*",
-    "@sproutsocial/seeds-build-flow": "*",
-    "polished": "^3.4.1",
     "react": "^17.0.2",
+    "styled-components": "^5.2.3",
     "typescript": "^5.1.6",
-    "tsx": "3.13.0"
+    "tsup": "^8.0.1"
+  },
+  "peerDependencies": {
+    "styled-components": "^5.2.3"
   },
   "engines": {
     "node": ">=18"

package/__flow__/index.flow.js

@@ -1,7 +0,0 @@
-// @flow
-import type { CSSRules } from "styled-components";
-declare export var svgToDataURL: (svgStr: string) => string;
-declare export var visuallyHidden: CSSRules;
-declare export var focusRing: CSSRules;
-declare export var pill: CSSRules;
-declare export var disabled: CSSRules;

package/__flow__/index.js

@@ -1,3 +0,0 @@
-// @flow
-	export * from './index.flow';
-	

package/commonjs/index.flow.js

@@ -1 +0,0 @@
-"use strict";

package/commonjs/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.visuallyHidden = exports.svgToDataURL = exports.pill = exports.focusRing = exports.disabled = void 0;
-var _polished = require("polished");
-var _styledComponents = require("styled-components");
-var _seedsReactTheme = require("@sproutsocial/seeds-react-theme");
-var svgToDataURL = exports.svgToDataURL = function svgToDataURL(svgStr) {
-  var encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
-  var header = "data:image/svg+xml,";
-  var dataUrl = header + encoded;
-  return dataUrl;
-};
-var visuallyHidden = exports.visuallyHidden = (0, _styledComponents.css)(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;"]);
-var focusRing = exports.focusRing = (0, _styledComponents.css)(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], _seedsReactTheme.theme.colors.button.primary.background.base, (0, _polished.transparentize)(0.7, _seedsReactTheme.theme.colors.button.primary.background.base));
-var pill = exports.pill = (0, _styledComponents.css)(["min-width:", ";min-height:", ";padding:", ";border-radius:", ";"], _seedsReactTheme.theme.space[600], _seedsReactTheme.theme.space[600], _seedsReactTheme.theme.space[300], _seedsReactTheme.theme.radii.pill);
-var disabled = exports.disabled = (0, _styledComponents.css)(["opacity:0.4;pointer-events:none;"]);

package/commonjs/index.js.flow

@@ -1,3 +0,0 @@
-// @flow
-	export * from '../__flow__';
-	

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-export declare const svgToDataURL: (svgStr: string) => string;
-export declare const visuallyHidden: import("styled-components").FlattenSimpleInterpolation;
-export declare const focusRing: import("styled-components").FlattenSimpleInterpolation;
-export declare const pill: import("styled-components").FlattenSimpleInterpolation;
-export declare const disabled: import("styled-components").FlattenSimpleInterpolation;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,WAAY,MAAM,WAS1C,CAAC;AAEF,eAAO,MAAM,cAAc,wDAS1B,CAAC;AAEF,eAAO,MAAM,SAAS,wDASrB,CAAC;AAEF,eAAO,MAAM,IAAI,wDAKhB,CAAC;AAEF,eAAO,MAAM,QAAQ,wDAGpB,CAAC"}

package/lib/index.js

@@ -1,13 +0,0 @@
-import { transparentize } from "polished";
-import { css } from "styled-components";
-import { theme } from "@sproutsocial/seeds-react-theme";
-export var svgToDataURL = function svgToDataURL(svgStr) {
-  var encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
-  var header = "data:image/svg+xml,";
-  var dataUrl = header + encoded;
-  return dataUrl;
-};
-export var visuallyHidden = css(["position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;"]);
-export var focusRing = css(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], theme.colors.button.primary.background.base, transparentize(0.7, theme.colors.button.primary.background.base));
-export var pill = css(["min-width:", ";min-height:", ";padding:", ";border-radius:", ";"], theme.space[600], theme.space[600], theme.space[300], theme.radii.pill);
-export var disabled = css(["opacity:0.4;pointer-events:none;"]);

package/lib/index.js.flow

@@ -1,3 +0,0 @@
-// @flow
-	export * from '../__flow__';
-