@dialpad/dialtone-tokens 1.36.3 → 1.36.4

package/dist/postcss/rem-to-px.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var t={exports:{}};t.exports=()=>({postcssPlugin:"postcss-dialtone-rem-to-px",Declaration(e){if(e.value.includes("rem")){const s=parseFloat(e.value)*10;e.assign({value:`${s}px`})}}});var r=t.exports.postcss=!0,u=t.exports;const a=o(u);exports.default=a;exports.postcss=r;
+"use strict";const t=()=>({postcssPlugin:"postcss-dialtone-rem-to-px",Declaration(s){const e=s.root();if(/.*?\/css\/tokens-.*?/.test(e.source.input.file)&&s.value.includes("rem")){const o=parseFloat(s.value)*10;s.assign({value:`${o}px`})}}});t.postcss=!0;module.exports=t;

package/dist/postcss/rem-to-px.js

@@ -1,19 +1,14 @@
-function s(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var t = { exports: {} };
-t.exports = () => ({
+const o = () => ({
   postcssPlugin: "postcss-dialtone-rem-to-px",
   Declaration(e) {
-    if (e.value.includes("rem")) {
-      const r = parseFloat(e.value) * 10;
-      e.assign({ value: `${r}px` });
+    const s = e.root();
+    if (/.*?\/css\/tokens-.*?/.test(s.source.input.file) && e.value.includes("rem")) {
+      const t = parseFloat(e.value) * 10;
+      e.assign({ value: `${t}px` });
     }
   }
 });
-var u = t.exports.postcss = !0, o = t.exports;
-const p = /* @__PURE__ */ s(o);
+o.postcss = !0;
 export {
-  p as default,
-  u as postcss
+  o as default
 };

package/dist/postcss/root-to-host.cjs

@@ -0,0 +1 @@
+"use strict";const t=()=>({postcssPlugin:"postcss-dialtone-root-to-host",Once(s){if(!/.*?\/css\/tokens-.*?/.test(s.source.input.file))return;const e=s.last;e.selector=":host"}});t.postcss=!0;module.exports=t;

package/dist/postcss/root-to-host.js

@@ -0,0 +1,12 @@
+const e = () => ({
+  postcssPlugin: "postcss-dialtone-root-to-host",
+  Once(t) {
+    if (!/.*?\/css\/tokens-.*?/.test(t.source.input.file)) return;
+    const s = t.last;
+    s.selector = ":host";
+  }
+});
+e.postcss = !0;
+export {
+  e as default
+};

package/dist/themes/config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(e){s("dialtone-css-theme",e.base.css),s("dialtone-css-brand",e.brand.css),a(e.base.name,e.brand.name)}function s(e,t){if(document.getElementById(e))document.getElementById(e).innerHTML=t;else{const n=document.createElement("style");n.setAttribute("type","text/css"),n.setAttribute("id",e),n.innerHTML=t,document.head.appendChild(n)}}function a(e,t){document.documentElement.setAttribute("data-dt-theme",e),document.documentElement.setAttribute("data-dt-brand",t)}exports.setTheme=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(t,e=document.documentElement){c(t.base.name,t.brand.name,e),e!=null&&e.shadowRoot&&(e=e.shadowRoot),a("dialtone-css-theme",t.base.css,e),a("dialtone-css-brand",t.brand.css,e)}function a(t,e,s){if(s.querySelector("#"+t))s.querySelector("#"+t).innerHTML=e;else{const n=document.createElement("style");n.setAttribute("type","text/css"),n.setAttribute("id",t),n.innerHTML=e,s.querySelector("head")?s.querySelector("head").appendChild(n):s.appendChild(n)}}function c(t,e,s){s.setAttribute("data-dt-theme",t),s.setAttribute("data-dt-brand",e)}exports.setTheme=i;

package/dist/themes/config.js

@@ -1,17 +1,17 @@
-function a(e) {
-  s("dialtone-css-theme", e.base.css), s("dialtone-css-brand", e.brand.css), d(e.base.name, e.brand.name);
+function i(t, e = document.documentElement) {
+  c(t.base.name, t.brand.name, e), e != null && e.shadowRoot && (e = e.shadowRoot), a("dialtone-css-theme", t.base.css, e), a("dialtone-css-brand", t.brand.css, e);
 }
-function s(e, t) {
-  if (document.getElementById(e))
-    document.getElementById(e).innerHTML = t;
+function a(t, e, s) {
+  if (s.querySelector("#" + t))
+    s.querySelector("#" + t).innerHTML = e;
   else {
     const n = document.createElement("style");
-    n.setAttribute("type", "text/css"), n.setAttribute("id", e), n.innerHTML = t, document.head.appendChild(n);
+    n.setAttribute("type", "text/css"), n.setAttribute("id", t), n.innerHTML = e, s.querySelector("head") ? s.querySelector("head").appendChild(n) : s.appendChild(n);
   }
 }
-function d(e, t) {
-  document.documentElement.setAttribute("data-dt-theme", e), document.documentElement.setAttribute("data-dt-brand", t);
+function c(t, e, s) {
+  s.setAttribute("data-dt-theme", t), s.setAttribute("data-dt-brand", e);
 }
 export {
-  a as setTheme
+  i as setTheme
 };

package/dist/types/postcss/constants.d.cts

@@ -0,0 +1,44 @@
+export let IS_COLOR_REGEX: RegExp;
+export let IS_THEME_COLOR_REGEX: RegExp;
+export let IS_SHADOW_REGEX: RegExp;
+export let IS_TYPOGRAPHY_REGEX: RegExp;
+export namespace REGEX_OPTIONS {
+    let SHADOW_VARIABLES: string;
+    let TYPOGRAPHY_VARIABLES: string;
+    let TYPOGRAPHY_TYPE: string;
+    let TYPOGRAPHY_SIZES: string;
+}
+export let PLATFORM_FONT_SIZES: {
+    '100-mobile': string;
+    '200-mobile': string;
+    '300-mobile': string;
+    '400-mobile': string;
+    '500-mobile': string;
+    '100-tc8': string;
+    '200-tc8': string;
+    '300-tc8': string;
+    '400-tc8': string;
+    '500-tc8': string;
+    '100-tv': string;
+    '200-tv': string;
+    '300-tv': string;
+    '400-tv': string;
+    '500-tv': string;
+};
+export let Z_INDEX: {
+    hide: number;
+    base: number;
+    base1: number;
+    selected: number;
+    active: number;
+    navigation: number;
+    'navigation-fixed': number;
+    dropdown: number;
+    popover: number;
+    tooltip: number;
+    drawer: number;
+    modal: number;
+    'modal-element': number;
+    notification: number;
+};
+//# sourceMappingURL=constants.d.cts.map

package/dist/types/postcss/constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.cts","sourceRoot":"","sources":["../../../postcss/constants.cjs"],"names":[],"mappings":""}

package/dist/types/postcss/dialtone-tokens.d.cts

@@ -0,0 +1,3 @@
+declare const _exports: import('postcss').PluginCreator<any>;
+export = _exports;
+//# sourceMappingURL=dialtone-tokens.d.cts.map

package/dist/types/postcss/dialtone-tokens.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialtone-tokens.d.cts","sourceRoot":"","sources":["../../../postcss/dialtone-tokens.cjs"],"names":[],"mappings":""}

package/dist/types/themes/config.d.ts

@@ -0,0 +1,2 @@
+export function setTheme(theme: any, rootNode?: HTMLElement): void;
+//# sourceMappingURL=config.d.ts.map

package/dist/{themes/types → types}/themes/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../themes/config.js"],"names":[],"mappings":"AAIA,2CAKC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../themes/config.js"],"names":[],"mappings":"AAMA,mEAQC"}

package/dist/{themes/types → types}/themes/dp-dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dp-dark.d.ts","sourceRoot":"","sources":["../../../../themes/dp-dark.js"],"names":[],"mappings":""}
+{"version":3,"file":"dp-dark.d.ts","sourceRoot":"","sources":["../../../themes/dp-dark.js"],"names":[],"mappings":""}

package/dist/{themes/types → types}/themes/dp-light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dp-light.d.ts","sourceRoot":"","sources":["../../../../themes/dp-light.js"],"names":[],"mappings":""}
+{"version":3,"file":"dp-light.d.ts","sourceRoot":"","sources":["../../../themes/dp-light.js"],"names":[],"mappings":""}

package/dist/types/themes/expressive-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expressive-dark.d.ts","sourceRoot":"","sources":["../../../themes/expressive-dark.js"],"names":[],"mappings":""}

package/dist/types/themes/expressive-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expressive-light.d.ts","sourceRoot":"","sources":["../../../themes/expressive-light.js"],"names":[],"mappings":""}

package/dist/types/themes/expressive-sm-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expressive-sm-dark.d.ts","sourceRoot":"","sources":["../../../themes/expressive-sm-dark.js"],"names":[],"mappings":""}

package/dist/types/themes/expressive-sm-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expressive-sm-light.d.ts","sourceRoot":"","sources":["../../../themes/expressive-sm-light.js"],"names":[],"mappings":""}

package/dist/{themes/types → types}/themes/tmo-dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tmo-dark.d.ts","sourceRoot":"","sources":["../../../../themes/tmo-dark.js"],"names":[],"mappings":""}
+{"version":3,"file":"tmo-dark.d.ts","sourceRoot":"","sources":["../../../themes/tmo-dark.js"],"names":[],"mappings":""}

package/dist/{themes/types → types}/themes/tmo-light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tmo-light.d.ts","sourceRoot":"","sources":["../../../../themes/tmo-light.js"],"names":[],"mappings":""}
+{"version":3,"file":"tmo-light.d.ts","sourceRoot":"","sources":["../../../themes/tmo-light.js"],"names":[],"mappings":""}

package/package.json

@@ -1,11 +1,26 @@
 {
   "name": "@dialpad/dialtone-tokens",
-  "version": "1.36.3",
+  "version": "1.36.4",
   "description": "Design tokens for Dialtone.",
   "type": "module",
   "files": [
     "dist"
   ],
+  "exports": {
+    "./*.css": "./dist/css/*.css",
+    "./*.less": "./dist/less/*.less",
+    "./postcss/*": {
+      "types": "./dist/types/postcss/*.d.ts",
+      "import": "./dist/postcss/*.js",
+      "require": "./dist/postcss/*.cjs"
+    },
+    "./themes/*": {
+      "types": "./dist/types/themes/*.d.ts",
+      "import": "./dist/themes/*.js",
+      "require": "./dist/themes/*.cjs"
+    },
+    "./*": "./*"
+  },
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/dialpad/dialtone-tokens/issues"
@@ -22,10 +37,7 @@
     "postcss": "8.4.39",
     "postcss-cli": "11.0.0",
     "style-dictionary": "^4.1.0",
-    "tinycolor2": "^1.6.0",
-    "tsx": "^4.19.0",
-    "typescript": "^5.1.6",
-    "vite-plugin-dts": "^4.0.3"
+    "tsx": "^4.19.0"
   },
   "contributors": [
     {
@@ -55,8 +67,6 @@
     }
   ],
   "scripts": {
-    "build": "node ./build.js && vite build",
-    "publish:external-packages": "pnpm run publish:android-package && pnpm run publish:ios-package",
     "publish:android-package": "cp ./AndroidManifest.xml dist/android && ./gradlew publishToMavenLocal -Pversion=$npm_package_version",
     "publish:ios-package": "./build-ios.js",
     "sync:tokens-to-figma": "tsx sync-scripts/sync_tokens_to_figma.ts",

package/dist/themes/types/themes/config.d.ts

@@ -1,2 +0,0 @@
-export function setTheme(theme: any): void;
-//# sourceMappingURL=config.d.ts.map

package/dist/themes/types/themes/expressive-dark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-dark.d.ts","sourceRoot":"","sources":["../../../../themes/expressive-dark.js"],"names":[],"mappings":""}

package/dist/themes/types/themes/expressive-light.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-light.d.ts","sourceRoot":"","sources":["../../../../themes/expressive-light.js"],"names":[],"mappings":""}

package/dist/themes/types/themes/expressive-sm-dark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-sm-dark.d.ts","sourceRoot":"","sources":["../../../../themes/expressive-sm-dark.js"],"names":[],"mappings":""}

package/dist/themes/types/themes/expressive-sm-light.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-sm-light.d.ts","sourceRoot":"","sources":["../../../../themes/expressive-sm-light.js"],"names":[],"mappings":""}