@neovici/cosmoz-tokens 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-tokens",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Design tokens for Cosmoz web components based on Untitled UI",
   "keywords": [
     "design-tokens",
@@ -22,8 +22,14 @@
   "main": "./src/index.css",
   "exports": {
     ".": "./src/index.css",
-    "./normalize": "./src/normalize.css.js",
-    "./utilities": "./src/utilities.css.js",
+    "./normalize": {
+      "types": "./src/normalize.css.d.ts",
+      "default": "./src/normalize.css.js"
+    },
+    "./utilities": {
+      "types": "./src/utilities.css.d.ts",
+      "default": "./src/utilities.css.js"
+    },
     "./primitives": "./src/primitives.css",
     "./typography": "./src/typography.css",
     "./spacing": "./src/spacing.css",

package/src/normalize.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Normalize stylesheet as a CSSStyleSheet for Shadow DOM usage.
+ * Use with the `styleSheets` option in @pionjs/pion components.
+ *
+ * @example
+ * import { normalize } from '@neovici/cosmoz-tokens/normalize';
+ * customElements.define('my-el', component(MyEl, { styleSheets: [normalize] }));
+ */
+export const normalize: CSSStyleSheet;

package/src/utilities.css.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Raw CSS string for utilities - can be used in Light DOM contexts.
+ *
+ * @example
+ * import { utilitiesCSS } from '@neovici/cosmoz-tokens/utilities';
+ * html`<style>${utilitiesCSS}</style>`;
+ */
+export const utilitiesCSS: string;
+
+/**
+ * Utilities stylesheet as a CSSStyleSheet for Shadow DOM usage.
+ * Use with the `styleSheets` option in @pionjs/pion components.
+ *
+ * @example
+ * import { utilities } from '@neovici/cosmoz-tokens/utilities';
+ * customElements.define('my-el', component(MyEl, { styleSheets: [utilities] }));
+ */
+export const utilities: CSSStyleSheet;