@tangle-network/blueprint-ui 0.5.6 → 0.5.7

package/dist/chunk-37ADATBT.js

@@ -0,0 +1,55 @@
+// src/preset.ts
+function bpThemeTokens(prefix) {
+  return {
+    elements: {
+      borderColor: `var(--${prefix}-elements-borderColor)`,
+      borderColorActive: `var(--${prefix}-elements-borderColorActive)`,
+      background: {
+        depth: {
+          1: `var(--${prefix}-elements-bg-depth-1)`,
+          2: `var(--${prefix}-elements-bg-depth-2)`,
+          3: `var(--${prefix}-elements-bg-depth-3)`,
+          4: `var(--${prefix}-elements-bg-depth-4)`
+        }
+      },
+      textPrimary: `var(--${prefix}-elements-textPrimary)`,
+      textSecondary: `var(--${prefix}-elements-textSecondary)`,
+      textTertiary: `var(--${prefix}-elements-textTertiary)`,
+      button: {
+        primary: {
+          background: `var(--${prefix}-elements-button-primary-background)`,
+          backgroundHover: `var(--${prefix}-elements-button-primary-backgroundHover)`,
+          text: `var(--${prefix}-elements-button-primary-text)`
+        },
+        secondary: {
+          background: `var(--${prefix}-elements-button-secondary-background)`,
+          backgroundHover: `var(--${prefix}-elements-button-secondary-backgroundHover)`,
+          text: `var(--${prefix}-elements-button-secondary-text)`
+        },
+        danger: {
+          background: `var(--${prefix}-elements-button-danger-background)`,
+          backgroundHover: `var(--${prefix}-elements-button-danger-backgroundHover)`,
+          text: `var(--${prefix}-elements-button-danger-text)`
+        }
+      },
+      icon: {
+        success: `var(--${prefix}-elements-icon-success)`,
+        error: `var(--${prefix}-elements-icon-error)`,
+        warning: `var(--${prefix}-elements-icon-warning)`,
+        primary: `var(--${prefix}-elements-icon-primary)`,
+        secondary: `var(--${prefix}-elements-icon-secondary)`
+      },
+      dividerColor: `var(--${prefix}-elements-dividerColor)`,
+      item: {
+        backgroundHover: `var(--${prefix}-elements-item-backgroundHover)`,
+        backgroundActive: `var(--${prefix}-elements-item-backgroundActive)`
+      },
+      focus: `var(--${prefix}-elements-focus)`
+    }
+  };
+}
+
+export {
+  bpThemeTokens
+};
+//# sourceMappingURL=chunk-37ADATBT.js.map

package/dist/chunk-37ADATBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset.ts"],"sourcesContent":["/**\n * Blueprint UI semantic token theme for UnoCSS.\n *\n * Components in this package use classes like `text-bp-elements-textPrimary`.\n * Each consuming app maps these to their own CSS variables by adding this\n * theme object under a `bp` key in their UnoCSS config:\n *\n *   import { bpThemeTokens } from '@tangle-network/blueprint-ui/preset';\n *   // theme: { colors: { bp: bpThemeTokens('cloud') } }\n *   // theme: { colors: { bp: bpThemeTokens('arena') } }\n */\n\nexport function bpThemeTokens(prefix: string) {\n  return {\n    elements: {\n      borderColor: `var(--${prefix}-elements-borderColor)`,\n      borderColorActive: `var(--${prefix}-elements-borderColorActive)`,\n      background: {\n        depth: {\n          1: `var(--${prefix}-elements-bg-depth-1)`,\n          2: `var(--${prefix}-elements-bg-depth-2)`,\n          3: `var(--${prefix}-elements-bg-depth-3)`,\n          4: `var(--${prefix}-elements-bg-depth-4)`,\n        },\n      },\n      textPrimary: `var(--${prefix}-elements-textPrimary)`,\n      textSecondary: `var(--${prefix}-elements-textSecondary)`,\n      textTertiary: `var(--${prefix}-elements-textTertiary)`,\n      button: {\n        primary: {\n          background: `var(--${prefix}-elements-button-primary-background)`,\n          backgroundHover: `var(--${prefix}-elements-button-primary-backgroundHover)`,\n          text: `var(--${prefix}-elements-button-primary-text)`,\n        },\n        secondary: {\n          background: `var(--${prefix}-elements-button-secondary-background)`,\n          backgroundHover: `var(--${prefix}-elements-button-secondary-backgroundHover)`,\n          text: `var(--${prefix}-elements-button-secondary-text)`,\n        },\n        danger: {\n          background: `var(--${prefix}-elements-button-danger-background)`,\n          backgroundHover: `var(--${prefix}-elements-button-danger-backgroundHover)`,\n          text: `var(--${prefix}-elements-button-danger-text)`,\n        },\n      },\n      icon: {\n        success: `var(--${prefix}-elements-icon-success)`,\n        error: `var(--${prefix}-elements-icon-error)`,\n        warning: `var(--${prefix}-elements-icon-warning)`,\n        primary: `var(--${prefix}-elements-icon-primary)`,\n        secondary: `var(--${prefix}-elements-icon-secondary)`,\n      },\n      dividerColor: `var(--${prefix}-elements-dividerColor)`,\n      item: {\n        backgroundHover: `var(--${prefix}-elements-item-backgroundHover)`,\n        backgroundActive: `var(--${prefix}-elements-item-backgroundActive)`,\n      },\n      focus: `var(--${prefix}-elements-focus)`,\n    },\n  };\n}\n"],"mappings":";AAYO,SAAS,cAAc,QAAgB;AAC5C,SAAO;AAAA,IACL,UAAU;AAAA,MACR,aAAa,SAAS,MAAM;AAAA,MAC5B,mBAAmB,SAAS,MAAM;AAAA,MAClC,YAAY;AAAA,QACV,OAAO;AAAA,UACL,GAAG,SAAS,MAAM;AAAA,UAClB,GAAG,SAAS,MAAM;AAAA,UAClB,GAAG,SAAS,MAAM;AAAA,UAClB,GAAG,SAAS,MAAM;AAAA,QACpB;AAAA,MACF;AAAA,MACA,aAAa,SAAS,MAAM;AAAA,MAC5B,eAAe,SAAS,MAAM;AAAA,MAC9B,cAAc,SAAS,MAAM;AAAA,MAC7B,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,YAAY,SAAS,MAAM;AAAA,UAC3B,iBAAiB,SAAS,MAAM;AAAA,UAChC,MAAM,SAAS,MAAM;AAAA,QACvB;AAAA,QACA,WAAW;AAAA,UACT,YAAY,SAAS,MAAM;AAAA,UAC3B,iBAAiB,SAAS,MAAM;AAAA,UAChC,MAAM,SAAS,MAAM;AAAA,QACvB;AAAA,QACA,QAAQ;AAAA,UACN,YAAY,SAAS,MAAM;AAAA,UAC3B,iBAAiB,SAAS,MAAM;AAAA,UAChC,MAAM,SAAS,MAAM;AAAA,QACvB;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,SAAS,SAAS,MAAM;AAAA,QACxB,OAAO,SAAS,MAAM;AAAA,QACtB,SAAS,SAAS,MAAM;AAAA,QACxB,SAAS,SAAS,MAAM;AAAA,QACxB,WAAW,SAAS,MAAM;AAAA,MAC5B;AAAA,MACA,cAAc,SAAS,MAAM;AAAA,MAC7B,MAAM;AAAA,QACJ,iBAAiB,SAAS,MAAM;AAAA,QAChC,kBAAkB,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,OAAO,SAAS,MAAM;AAAA,IACxB;AAAA,EACF;AACF;","names":[]}