@terrazzo/plugin-css 0.7.4 → 0.8.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @terrazzo/plugin-css
 
+## 0.8.1
+
+### Patch Changes
+
+- Updated dependencies [[`5edf1fd`](https://github.com/terrazzoapp/terrazzo/commit/5edf1fde42cd53b5883eefcbe849dc5749cfaa8f)]:
+  - @terrazzo/cli@0.8.1
+  - @terrazzo/token-tools@0.8.1
+
+## 0.8.0
+
+### Minor Changes
+
+- [#489](https://github.com/terrazzoapp/terrazzo/pull/489) [`63f91e6`](https://github.com/terrazzoapp/terrazzo/commit/63f91e6eee1bec5cf7fae3c1bffdde40a5604ec6) Thanks [@drwpow](https://github.com/drwpow)! - Use Rolldown for packaging 🚀
+
+### Patch Changes
+
+- Updated dependencies [[`63f91e6`](https://github.com/terrazzoapp/terrazzo/commit/63f91e6eee1bec5cf7fae3c1bffdde40a5604ec6)]:
+  - @terrazzo/token-tools@0.8.0
+  - @terrazzo/cli@0.8.0
+
 ## 0.7.4
 
 ### Patch Changes

package/README.md

@@ -21,6 +21,8 @@ export default defineConfig({
   plugins: [
     css({
       filename: "tokens.css",
+      variableName: (id) => id.replace(/\./g, "-"),
+      baseSelector: ":root",
     }),
   ],
 });

package/dist/index.d.ts

@@ -1,6 +1,76 @@
-import type { Plugin } from '@terrazzo/parser';
-import { type CSSPluginOptions } from './lib.js';
-export * from './build/index.js';
-export * from './lib.js';
-export default function cssPlugin(options?: CSSPluginOptions): Plugin;
+import { BuildHookOptions, Plugin, TokenNormalized, TokenTransformed } from "@terrazzo/parser";
+
+//#region src/lib.d.ts
+type UtilityCSSGroup = 'bg' | 'border' | 'font' | 'layout' | 'shadow' | 'text';
+type UtilityCSSPrefix = 'bg' | 'border' | 'font' | 'gap' | 'm' | 'p' | 'shadow' | 'text';
+declare const FORMAT_ID = "css";
+declare const FILE_PREFIX = "/* -------------------------------------------\n *  Autogenerated by \u26CB Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */";
+interface CSSPluginOptions {
+  /**
+   * Where to output CSS
+   * @default "index.css"
+   */
+  filename?: string;
+  /** Glob patterns to exclude tokens from output */
+  exclude?: string[];
+  /** Define mode selectors as media queries or CSS classes */
+  modeSelectors?: ModeSelector[];
+  /** Control the final CSS variable name */
+  variableName?: (token: TokenNormalized) => string;
+  /** Override certain token values */
+  transform?: (token: TokenNormalized, mode: string) => TokenTransformed['value'];
+  /** Generate utility CSS from groups */
+  utility?: Record<UtilityCSSGroup, string[]>;
+  /**
+   * Output colors as hex-6/hex-8 instead of color() function
+   * @default false
+   */
+  legacyHex?: boolean;
+  /**
+   * Skip generating any `.css` files (useful if you are consuming values in your own plugin and don’t need any `.css` files written to disk).
+   * @default false
+   */
+  skipBuild?: boolean;
+  /**
+   * Set the base selector, like ":root" or ":host".
+   * @default ":root"
+   */
+  baseSelector?: string;
+}
+interface ModeSelector {
+  /** The name of the mode to match */
+  mode: string;
+  /** Provide token IDs to match. Globs are allowed (e.g: `["color.*", "shadow.dark"]`) */
+  tokens?: string[];
+  /** Provide CSS selectors to generate. (e.g.: `["@media (prefers-color-scheme: dark)", "[data-color-theme='dark']"]` ) */
+  selectors: string[];
+}
+interface CSSRule {
+  selectors: string[];
+  nestedQuery?: string;
+  declarations: Record<string, string>;
+}
+/** Convert CSSRules into a formatted, indented CSS string */
+declare function printRules(rules: CSSRule[]): string;
+interface GetRuleOptions {
+  /** Combine a selector with parent selectors (e.g. if adding a @media-query within another selector list) */
+  parentSelectors?: string[];
+}
+//# sourceMappingURL=lib.d.ts.map
+//#endregion
+//#region src/build/index.d.ts
+interface BuildFormatOptions {
+  exclude: CSSPluginOptions['exclude'];
+  getTransforms: BuildHookOptions['getTransforms'];
+  modeSelectors: CSSPluginOptions['modeSelectors'];
+  utility: CSSPluginOptions['utility'];
+  baseSelector: string;
+}
+//#endregion
+//#region src/index.d.ts
+declare function cssPlugin(options?: CSSPluginOptions): Plugin;
+//# sourceMappingURL=index.d.ts.map
+
+//#endregion
+export { BuildFormatOptions, CSSPluginOptions, CSSRule, FILE_PREFIX, FORMAT_ID, GetRuleOptions, ModeSelector, UtilityCSSGroup, UtilityCSSPrefix, cssPlugin as default, printRules };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,UAAU,CAAC;AAEzE,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AAEzB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAwEpE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib.ts","../src/build/index.ts","../src/index.ts"],"sourcesContent":[],"mappings":";;;KAEY,eAAA;KAEA,gBAAA;AAFA,cAIC,SAAA,GAJc,KAAA;AAEf,cAIC,WAAA,GAJe,uJAAA;AAEf,UAMI,gBAAA,CANK;EAET;AAIb;;;EAS8B,QAEL,CAAA,EAAA,MAAA;EAAe;EAEH,OAAmB,CAAA,EAAA,MAAA,EAAA;EAAgB;EAEtC,aAAtB,CAAA,EANM,YAMN,EAAA;EAAM;EAkBD,YAAA,CAAA,EAAY,CAAA,KAAA,EAtBJ,eAsBI,EAAA,GAAA,MAAA;EAYZ;EAOD,SAAA,CAAA,EAAA,CAAU,KAAA,EAvCJ,eAuCmB,EAAA,IAAA,EAAA,MAAA,EAAA,GAvCe,gBAuCf,CAAA,OAAA,CAAA;EAoExB;YAzGL,OAAO;;;AClBnB;;EAAmC,SACxB,CAAA,EAAA,OAAA;EAAgB;;;AAGA;;;;ACNF;;EAEQ,YAAW,CAAA,EAAA,MAAA;;AAAyB,UFoCpD,YAAA,CEpCoD;;;;;;;;UFgDpD,OAAA;;;gBAGD;;;iBAIA,UAAA,QAAkB;UAoEjB,cAAA;;;;;;;UC3HA,kBAAA;EDPL,OAAA,ECQD,gBDRgB,CAAA,SAAA,CAAA;EAEf,aAAA,ECOK,gBDPW,CAAA,eAAA,CAAA;EAEf,aAAS,ECML,gBDNK,CAAA,eAAA,CAAA;EAET,OAAA,ECKF,gBDLa,CAAA,SAAA,CAAA;EAIP,YAAA,EAAA,MAAgB;;;;AARrB,iBEKY,SAAA,CFLI,OAAA,CAAA,EEKgB,gBFLhB,CAAA,EEKmC,MFLnC;AAE5B"}