@bln-design-system/button 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -19,7 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
19
19
|
// src/index.ts
|
|
20
20
|
var index_exports = {};
|
|
21
21
|
__export(index_exports, {
|
|
22
|
-
default: () =>
|
|
22
|
+
default: () => Button_default
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(index_exports);
|
|
25
25
|
|
|
@@ -46,7 +46,7 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
// src/Button.css
|
|
49
|
-
styleInject('@layer components {\n * {\n --
|
|
49
|
+
styleInject('@import "tailwindcss";\n@layer components {\n * {\n --btn-primary: var(--primary, var(--default-primary)) ;\n }\n .bln-button {\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\n }\n .bln-button--primary {\n @apply bg-(--btn-primary) text-white font-medium;\n }\n .bln-button--outlined {\n @apply border border-(--btn-primary) text-(--btn-primary);\n }\n .bln-button--glass {\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\n }\n .bln-button--glass::before {\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\n transform: translateX(-60%);\n transition: transform 700ms;\n }\n .bln-button--glass:hover::before {\n transform: translateX(60%);\n }\n}\n');
|
|
50
50
|
|
|
51
51
|
// src/Button.constants.ts
|
|
52
52
|
var import_class_variance_authority = require("class-variance-authority");
|
|
@@ -74,7 +74,4 @@ var Button = ({
|
|
|
74
74
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: buttonVariants({ variant, className }), ...props, children });
|
|
75
75
|
};
|
|
76
76
|
var Button_default = Button;
|
|
77
|
-
|
|
78
|
-
// src/index.ts
|
|
79
|
-
var index_default = Button_default;
|
|
80
77
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["export * from \"./Button\"\nexport type * from \"./Button.types\"\n\n// for playground\nexport { default } from \"./Button\";","\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\"@import \\\"tailwindcss\\\";\\n@layer components {\\n * {\\n --btn-primary: var(--primary, var(--default-primary)) ;\\n }\\n .bln-button {\\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\\n }\\n .bln-button--primary {\\n @apply bg-(--btn-primary) text-white font-medium;\\n }\\n .bln-button--outlined {\\n @apply border border-(--btn-primary) text-(--btn-primary);\\n }\\n .bln-button--glass {\\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\\n }\\n .bln-button--glass::before {\\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\\n transform: translateX(-60%);\\n transition: transform 700ms;\\n }\\n .bln-button--glass:hover::before {\\n transform: translateX(60%);\\n }\\n}\\n\")","import { cva } from \"class-variance-authority\"\n\nexport const BUTTON_VARIANTS = ['primary', 'outlined', 'glass'] as const\n\nexport const buttonVariants = cva(\"bln-button\", {\n variants: {\n variant: {\n primary: \"bln-button--primary\",\n outlined: \"bln-button--outlined\",\n glass: \"bln-button--glass\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n});","'use client';\n// for support serverside\nimport \"./Button.css\"\n\nimport { buttonVariants } from \"./Button.constants\"\nimport type { IButtonProps } from \"./Button.types\"\n\nconst Button: React.FC<IButtonProps> = ({ \n children, \n className, \n variant = 'primary',\n ...props\n}) => {\n \n return (\n <button className={buttonVariants({ variant, className })} {...props}>\n { children }\n </button>\n )\n}\n\nexport default Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCyB,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;;;ACvB8B,YAAY,46BAA86B;;;ACAl+B,sCAAoB;AAIb,IAAM,qBAAiB,qCAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;;;ACAG;AARJ,IAAM,SAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AAEJ,SACE,4CAAC,YAAO,WAAW,eAAe,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAC3D,UACJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -21,7 +21,7 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
// src/Button.css
|
|
24
|
-
styleInject('@layer components {\n * {\n --
|
|
24
|
+
styleInject('@import "tailwindcss";\n@layer components {\n * {\n --btn-primary: var(--primary, var(--default-primary)) ;\n }\n .bln-button {\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\n }\n .bln-button--primary {\n @apply bg-(--btn-primary) text-white font-medium;\n }\n .bln-button--outlined {\n @apply border border-(--btn-primary) text-(--btn-primary);\n }\n .bln-button--glass {\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\n }\n .bln-button--glass::before {\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\n transform: translateX(-60%);\n transition: transform 700ms;\n }\n .bln-button--glass:hover::before {\n transform: translateX(60%);\n }\n}\n');
|
|
25
25
|
|
|
26
26
|
// src/Button.constants.ts
|
|
27
27
|
import { cva } from "class-variance-authority";
|
|
@@ -49,10 +49,7 @@ var Button = ({
|
|
|
49
49
|
return /* @__PURE__ */ jsx("button", { className: buttonVariants({ variant, className }), ...props, children });
|
|
50
50
|
};
|
|
51
51
|
var Button_default = Button;
|
|
52
|
-
|
|
53
|
-
// src/index.ts
|
|
54
|
-
var index_default = Button_default;
|
|
55
52
|
export {
|
|
56
|
-
|
|
53
|
+
Button_default as default
|
|
57
54
|
};
|
|
58
55
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"
|
|
1
|
+
{"version":3,"sources":["#style-inject:#style-inject","../src/Button.css","../src/Button.constants.ts","../src/Button.tsx"],"sourcesContent":["\n export default function styleInject(css, { insertAt } = {}) {\n if (!css || typeof document === 'undefined') return\n \n const head = document.head || document.getElementsByTagName('head')[0]\n const style = document.createElement('style')\n style.type = 'text/css'\n \n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n \n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n }\n ","import styleInject from '#style-inject';styleInject(\"@import \\\"tailwindcss\\\";\\n@layer components {\\n * {\\n --btn-primary: var(--primary, var(--default-primary)) ;\\n }\\n .bln-button {\\n @apply px-4 py-2 rounded-full cursor-pointer transition-all duration-150 active:scale-90 hover:brightness-95 hover:-translate-y-0.5 hover:shadow-md;\\n }\\n .bln-button--primary {\\n @apply bg-(--btn-primary) text-white font-medium;\\n }\\n .bln-button--outlined {\\n @apply border border-(--btn-primary) text-(--btn-primary);\\n }\\n .bln-button--glass {\\n @apply relative text-white font-bold bg-white/10 backdrop-blur-sm border border-white/40 overflow-hidden hover:bg-white/20;\\n }\\n .bln-button--glass::before {\\n @apply absolute inset-0 bg-linear-to-br from-white/10 via-white/5 to-transparent rounded-full pointer-events-none;\\n transform: translateX(-60%);\\n transition: transform 700ms;\\n }\\n .bln-button--glass:hover::before {\\n transform: translateX(60%);\\n }\\n}\\n\")","import { cva } from \"class-variance-authority\"\n\nexport const BUTTON_VARIANTS = ['primary', 'outlined', 'glass'] as const\n\nexport const buttonVariants = cva(\"bln-button\", {\n variants: {\n variant: {\n primary: \"bln-button--primary\",\n outlined: \"bln-button--outlined\",\n glass: \"bln-button--glass\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n },\n});","'use client';\n// for support serverside\nimport \"./Button.css\"\n\nimport { buttonVariants } from \"./Button.constants\"\nimport type { IButtonProps } from \"./Button.types\"\n\nconst Button: React.FC<IButtonProps> = ({ \n children, \n className, \n variant = 'primary',\n ...props\n}) => {\n \n return (\n <button className={buttonVariants({ variant, className })} {...props}>\n { children }\n </button>\n )\n}\n\nexport default Button"],"mappings":";AACyB,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;;;ACvB8B,YAAY,46BAA86B;;;ACAl+B,SAAS,WAAW;AAIb,IAAM,iBAAiB,IAAI,cAAc;AAAA,EAC9C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;;;ACAG;AARJ,IAAM,SAAiC,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AAEJ,SACE,oBAAC,YAAO,WAAW,eAAe,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAC3D,UACJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
|