@salty-css/core 0.1.0-alpha.4 → 0.1.0-alpha.5

package/compiler/salty-compiler.cjs

@@ -15,8 +15,8 @@ const dashCase = require("../dash-case-DIwKaYgE.cjs");
 const toHash = require("../to-hash-C05Y906F.cjs");
 const parseStyles = require("../parse-styles-CA3TP5n1.cjs");
 const css_merge = require("../css/merge.cjs");
-const compiler_getFiles = require("./get-files.cjs");
 const parsers_index = require("../parsers/index.cjs");
+const compiler_getFiles = require("./get-files.cjs");
 const console = require("console");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {

package/compiler/salty-compiler.js

@@ -13,8 +13,8 @@ import { d as dashCase } from "../dash-case-DblXvymC.js";
 import { t as toHash } from "../to-hash-DAN2LcHK.js";
 import { p as parseAndJoinStyles, b as parseVariableTokens } from "../parse-styles-BTIoYnBr.js";
 import { mergeObjects, mergeFactories } from "../css/merge.js";
-import { getPackageJson } from "./get-files.js";
 import { parseTemplates, getTemplateTypes } from "../parsers/index.js";
+import { getPackageJson } from "./get-files.js";
 import console from "console";
 const logger = createLogger({
   level: "debug",

package/css/dynamic-styles.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const parseStyles = require("../parse-styles-CA3TP5n1.cjs");
+const toHash = require("../to-hash-C05Y906F.cjs");
+const cache_resolveDynamicConfigCache = require("../cache/resolve-dynamic-config-cache.cjs");
+const getDynamicStylesClassName = (styles) => {
+  return toHash.toHash(styles);
+};
+const getDynamicStylesCss = async (styles, scope) => {
+  const config = await cache_resolveDynamicConfigCache.resolveDynamicConfigCache();
+  const parsed = await parseStyles.parseStyles(styles, scope, config);
+  return parsed.join("\n");
+};
+exports.getDynamicStylesClassName = getDynamicStylesClassName;
+exports.getDynamicStylesCss = getDynamicStylesCss;

package/css/dynamic-styles.d.ts

@@ -0,0 +1,10 @@
+import { BaseStyles } from '../types';
+/**
+ * Create a hash of the dynamic styles that then can be used as scope.
+ */
+export declare const getDynamicStylesClassName: (styles: BaseStyles) => string;
+/**
+ * Add any dynamic styles to your app with a custom scope.
+ * Note: this works only with server components.
+ */
+export declare const getDynamicStylesCss: (styles: BaseStyles, scope?: string) => Promise<string>;

package/css/dynamic-styles.js

@@ -0,0 +1,15 @@
+import { a as parseStyles } from "../parse-styles-BTIoYnBr.js";
+import { t as toHash } from "../to-hash-DAN2LcHK.js";
+import { resolveDynamicConfigCache } from "../cache/resolve-dynamic-config-cache.js";
+const getDynamicStylesClassName = (styles) => {
+  return toHash(styles);
+};
+const getDynamicStylesCss = async (styles, scope) => {
+  const config = await resolveDynamicConfigCache();
+  const parsed = await parseStyles(styles, scope, config);
+  return parsed.join("\n");
+};
+export {
+  getDynamicStylesClassName,
+  getDynamicStylesCss
+};

package/css/index.cjs

@@ -4,9 +4,12 @@ const css_keyframes = require("./keyframes.cjs");
 const css_media = require("./media.cjs");
 const css_token = require("./token.cjs");
 const css_merge = require("./merge.cjs");
+const css_dynamicStyles = require("./dynamic-styles.cjs");
 exports.keyframes = css_keyframes.keyframes;
 exports.MediaQueryFactory = css_media.MediaQueryFactory;
 exports.media = css_media.media;
 exports.token = css_token.token;
 exports.mergeFactories = css_merge.mergeFactories;
 exports.mergeObjects = css_merge.mergeObjects;
+exports.getDynamicStylesClassName = css_dynamicStyles.getDynamicStylesClassName;
+exports.getDynamicStylesCss = css_dynamicStyles.getDynamicStylesCss;

package/css/index.d.ts

@@ -2,3 +2,4 @@ export * from './keyframes';
 export * from './media';
 export * from './token';
 export * from './merge';
+export * from './dynamic-styles';

package/css/index.js

@@ -2,8 +2,11 @@ import { keyframes } from "./keyframes.js";
 import { MediaQueryFactory, media } from "./media.js";
 import { token } from "./token.js";
 import { mergeFactories, mergeObjects } from "./merge.js";
+import { getDynamicStylesClassName, getDynamicStylesCss } from "./dynamic-styles.js";
 export {
   MediaQueryFactory,
+  getDynamicStylesClassName,
+  getDynamicStylesCss,
   keyframes,
   media,
   mergeFactories,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -87,6 +87,10 @@
       "import": "./css/merge.js",
       "require": "./css/merge.cjs"
     },
+    "./css/dynamic-styles": {
+      "import": "./css/dynamic-styles.js",
+      "require": "./css/dynamic-styles.cjs"
+    },
     "./helpers": {
       "import": "./helpers/index.js",
       "require": "./helpers/index.cjs"