@sproutsocial/seeds-react-mixins 1.0.0

package/__flow__/index.flow.js

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

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

package/commonjs/index.flow.js

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

package/commonjs/index.js

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

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

package/dist/types/index.d.ts

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

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

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

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

package/package.json

@@ -0,0 +1,34 @@
+{
+  "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",
+  "author": "Sprout Social, Inc.",
+  "license": "MIT",
+  "files": [
+    "__flow__",
+    "commonjs",
+    "dist",
+    "lib"
+  ],
+  "scripts": {
+    "build": "yarn build:ts-declarations && tsx scripts/build.ts",
+    "build:ts-declarations": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json"
+  },
+  "dependencies": {
+    "@sproutsocial/seeds-react-theme": "1.0.0"
+  },
+  "devDependencies": {
+    "@sproutsocial/eslint-config-seeds": "*",
+    "@sproutsocial/seeds-build-flow": "*",
+    "polished": "^3.4.1",
+    "react": "^17.0.2",
+    "typescript": "^5.1.6",
+    "tsx": "3.13.0"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}