jb-core 0.20.0 → 0.22.0
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/package.json +1 -1
- package/theme/dist/color/define-colors.d.ts.map +1 -1
- package/theme/dist/index.cjs.js +1 -1
- package/theme/dist/index.cjs.js.br +0 -0
- package/theme/dist/index.cjs.js.gz +0 -0
- package/theme/dist/index.cjs.js.map +1 -1
- package/theme/dist/index.js +1 -1
- package/theme/dist/index.js.br +0 -0
- package/theme/dist/index.js.gz +0 -0
- package/theme/dist/index.js.map +1 -1
- package/theme/dist/index.umd.js +1 -1
- package/theme/dist/index.umd.js.br +0 -0
- package/theme/dist/index.umd.js.gz +0 -0
- package/theme/dist/index.umd.js.map +1 -1
- package/theme/lib/color/define-colors.ts +16 -8
- package/theme/stories/colors.mdx +7 -7
- package/theme/stories/sizes.mdx +8 -0
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define-colors.d.ts","sourceRoot":"","sources":["../../lib/color/define-colors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"define-colors.d.ts","sourceRoot":"","sources":["../../lib/color/define-colors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAmB3D,wBAAgB,gBAAgB,CAAC,MAAM,EAAC,aAAa,QAcpD;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAC,aAAa,QAIpD"}
|
package/theme/dist/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=class{get value(){return`oklch(${this.lightness} ${this.chroma} ${this.hue})`}constructor(e,t){this.variableName=t,this.lightness=e.lightness,this.chroma=e.chroma,this.hue=e.hue}};function t(t){return new e({lightness:6*(3+1.3*t)*.01,chroma:.001*(14+.09*t),hue:258.36},`--jb-neutral-${t}`)}function r(t){return new e({lightness:t.lightness+.07,chroma:t.chroma+.07,hue:t.hue},`${t.variableName}-hover`)}function n(t){return new e({lightness:t.lightness-.1,chroma:t.chroma-.05,hue:t.hue},`${t.variableName}-pressed`)}function s(t){const r=Math.min(t.lightness+.12*(1-t.lightness),.985),n=t.chroma*(1-.15*(r-t.lightness));return new e({lightness:r,chroma:Number(n.toFixed(3)),hue:t.hue},`${t.variableName}-l`)}function a(t){const r=Math.max(t.lightness-.12*t.lightness,.02),n=t.chroma*(1-.15*(r-t.lightness));return new e({lightness:r,chroma:n,hue:t.hue},`${t.variableName}-d`)}function i(t){const r=Math.min(t.lightness+.65*(1-t.lightness),.93),n=.55*t.chroma*(1-.08*(r-t.lightness)),s=t.hue>=70&&t.hue<=162?5:-3,a=t.hue+s;return new e({lightness:r,chroma:Number(n.toFixed(3)),hue:a},`${t.variableName}-subtle`)}function o(t){const r=Math.max(t.lightness-.35,.22),n=Math.min(1.6*t.chroma,.28);return new e({lightness:Number(r.toFixed(3)),chroma:Number(n.toFixed(3)),hue:t.hue},`${t.variableName}-contrast`)}function l(e){return{main:e,hover:r(e),pressed:n(e),light:s(e),dark:a(e),subtle:i(e),contrast:o(e)}}const h=new e({lightness:.6,chroma:.26,hue:256},"--jb-primary"),u=new e({lightness:.6,chroma:.26,hue:286},"--jb-secondary"),c=new e({lightness:.75,chroma:.18,hue:70},"--jb-yellow"),
|
|
1
|
+
var e=class{get value(){return`oklch(${this.lightness} ${this.chroma} ${this.hue})`}constructor(e,t){this.variableName=t,this.lightness=e.lightness,this.chroma=e.chroma,this.hue=e.hue}};function t(t){return new e({lightness:6*(3+1.3*t)*.01,chroma:.001*(14+.09*t),hue:258.36},`--jb-neutral-${t}`)}function r(t){return new e({lightness:t.lightness+.07,chroma:t.chroma+.07,hue:t.hue},`${t.variableName}-hover`)}function n(t){return new e({lightness:t.lightness-.1,chroma:t.chroma-.05,hue:t.hue},`${t.variableName}-pressed`)}function s(t){const r=Math.min(t.lightness+.12*(1-t.lightness),.985),n=t.chroma*(1-.15*(r-t.lightness));return new e({lightness:r,chroma:Number(n.toFixed(3)),hue:t.hue},`${t.variableName}-l`)}function a(t){const r=Math.max(t.lightness-.12*t.lightness,.02),n=t.chroma*(1-.15*(r-t.lightness));return new e({lightness:r,chroma:n,hue:t.hue},`${t.variableName}-d`)}function i(t){const r=Math.min(t.lightness+.65*(1-t.lightness),.93),n=.55*t.chroma*(1-.08*(r-t.lightness)),s=t.hue>=70&&t.hue<=162?5:-3,a=t.hue+s;return new e({lightness:r,chroma:Number(n.toFixed(3)),hue:a},`${t.variableName}-subtle`)}function o(t){const r=Math.max(t.lightness-.35,.22),n=Math.min(1.6*t.chroma,.28);return new e({lightness:Number(r.toFixed(3)),chroma:Number(n.toFixed(3)),hue:t.hue},`${t.variableName}-contrast`)}function l(e){return{main:e,hover:r(e),pressed:n(e),light:s(e),dark:a(e),subtle:i(e),contrast:o(e)}}const h=new e({lightness:.6,chroma:.26,hue:256},"--jb-primary"),u=new e({lightness:.6,chroma:.26,hue:286},"--jb-secondary"),c=new e({lightness:.75,chroma:.18,hue:70},"--jb-yellow"),g=new e({lightness:.68,chroma:.1484,hue:162.1},"--jb-green"),m=new e({lightness:.6,chroma:.22,hue:23.21},"--jb-red"),p={single:{black:new e({lightness:.14,chroma:0,hue:0},"--jb-black"),white:new e({lightness:1,chroma:0,hue:0},"--jb-white"),highlight:new e({lightness:.93,chroma:.2302,hue:125.18},"--jb-highlight")},neutral:[t(0),t(1),t(2),t(3),t(4),t(5),t(6),t(7),t(8),t(9),t(10)],primary:l(h),secondary:l(u),yellow:l(c),green:l(g),red:l(m)};function b(e){try{const{value:t,...r}=e;"function"==typeof window.CSS.registerProperty&&window.CSS.registerProperty({...r}),d(e.name,t)}catch(e){}}function d(e,t){try{t&&(document.documentElement.style.getPropertyValue(e)||document.documentElement.style.setProperty(e,t))}catch(e){}}function x(e,t){b({name:t??e.variableName,syntax:"<color>",inherits:!0,initialValue:e.value})}function y(e){x(e.main),x(e.dark),x(e.light),x(e.contrast),x(e.hover),x(e.pressed),x(e.subtle)}function w(){var e;!function(e){x(e.neutral[0],"--jb-neutral"),y(e.primary),y(e.secondary),y(e.red),y(e.red),y(e.green),y(e.yellow),x(e.single.black),x(e.single.white),x(e.single.highlight);for(let t=1;t<=10;t++)x(e.neutral[t])}(p),x((e=p).single.black,"--jb-text-primary"),x(e.neutral[7],"--jb-text-secondary"),x(e.single.white,"--jb-text-contrast")}function f(){b({name:"--jb-radius",inherits:!0,value:"1rem",initialValue:"16px",syntax:"<length-percentage>"}),b({name:"--jb-radius-xs",inherits:!0,value:"0.5rem",initialValue:"8px",syntax:"<length-percentage>"}),b({name:"--jb-radius-sm",inherits:!0,value:"0.75rem",initialValue:"12px",syntax:"<length-percentage>"}),b({name:"--jb-radius-lg",inherits:!0,value:"1.25rem",initialValue:"20px",syntax:"<length-percentage>"}),b({name:"--jb-radius-xl",inherits:!0,value:"1.5rem",initialValue:"24px",syntax:"<length-percentage>"})}exports.JBColor=e,exports.createColorGroup=l,exports.createThemeColor=function(t){const r={};return Object.keys(t).forEach((n=>{const s=l(new e(t[n],`---jb-${n}`));r[n]=s})),r},exports.defaultColors=p,exports.defineColors=w,exports.defineSizes=f,exports.getContrastColor=o,exports.getDarkerColor=a,exports.getHoverColor=r,exports.getLighterColor=s,exports.getNeutralColor=t,exports.getPressedColor=n,exports.getSubtleColor=i,exports.registerCssProperty=b,exports.registerDefaultVariables=function(){f(),w()},exports.setColors=function(e){function t(e){document.documentElement.style.setProperty(e.variableName,e.value)}function r(e){t(e.main),t(e.light),t(e.dark),t(e.contrast),t(e.subtle),t(e.hover),t(e.pressed)}e.primary&&r(e.primary),e.secondary&&r(e.secondary),e.green&&r(e.green),e.red&&r(e.red),e.yellow&&r(e.yellow)},exports.setCssProperty=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":[],"mappings":"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"}
|
package/theme/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=class{get value(){return`oklch(${this.lightness} ${this.chroma} ${this.hue})`}constructor(e,n){this.variableName=n,this.lightness=e.lightness,this.chroma=e.chroma,this.hue=e.hue}};function n(n){return new e({lightness:6*(3+1.3*n)*.01,chroma:.001*(14+.09*n),hue:258.36},`--jb-neutral-${n}`)}function t(n){return new e({lightness:n.lightness+.07,chroma:n.chroma+.07,hue:n.hue},`${n.variableName}-hover`)}function r(n){return new e({lightness:n.lightness-.1,chroma:n.chroma-.05,hue:n.hue},`${n.variableName}-pressed`)}function a(n){const t=Math.min(n.lightness+.12*(1-n.lightness),.985),r=n.chroma*(1-.15*(t-n.lightness));return new e({lightness:t,chroma:Number(r.toFixed(3)),hue:n.hue},`${n.variableName}-l`)}function i(n){const t=Math.max(n.lightness-.12*n.lightness,.02),r=n.chroma*(1-.15*(t-n.lightness));return new e({lightness:t,chroma:r,hue:n.hue},`${n.variableName}-d`)}function s(n){const t=Math.min(n.lightness+.65*(1-n.lightness),.93),r=.55*n.chroma*(1-.08*(t-n.lightness)),a=n.hue>=70&&n.hue<=162?5:-3,i=n.hue+a;return new e({lightness:t,chroma:Number(r.toFixed(3)),hue:i},`${n.variableName}-subtle`)}function h(n){const t=Math.max(n.lightness-.35,.22),r=Math.min(1.6*n.chroma,.28);return new e({lightness:Number(t.toFixed(3)),chroma:Number(r.toFixed(3)),hue:n.hue},`${n.variableName}-contrast`)}function l(e){return{main:e,hover:t(e),pressed:r(e),light:a(e),dark:i(e),subtle:s(e),contrast:h(e)}}const
|
|
1
|
+
var e=class{get value(){return`oklch(${this.lightness} ${this.chroma} ${this.hue})`}constructor(e,n){this.variableName=n,this.lightness=e.lightness,this.chroma=e.chroma,this.hue=e.hue}};function n(n){return new e({lightness:6*(3+1.3*n)*.01,chroma:.001*(14+.09*n),hue:258.36},`--jb-neutral-${n}`)}function t(n){return new e({lightness:n.lightness+.07,chroma:n.chroma+.07,hue:n.hue},`${n.variableName}-hover`)}function r(n){return new e({lightness:n.lightness-.1,chroma:n.chroma-.05,hue:n.hue},`${n.variableName}-pressed`)}function a(n){const t=Math.min(n.lightness+.12*(1-n.lightness),.985),r=n.chroma*(1-.15*(t-n.lightness));return new e({lightness:t,chroma:Number(r.toFixed(3)),hue:n.hue},`${n.variableName}-l`)}function i(n){const t=Math.max(n.lightness-.12*n.lightness,.02),r=n.chroma*(1-.15*(t-n.lightness));return new e({lightness:t,chroma:r,hue:n.hue},`${n.variableName}-d`)}function s(n){const t=Math.min(n.lightness+.65*(1-n.lightness),.93),r=.55*n.chroma*(1-.08*(t-n.lightness)),a=n.hue>=70&&n.hue<=162?5:-3,i=n.hue+a;return new e({lightness:t,chroma:Number(r.toFixed(3)),hue:i},`${n.variableName}-subtle`)}function h(n){const t=Math.max(n.lightness-.35,.22),r=Math.min(1.6*n.chroma,.28);return new e({lightness:Number(t.toFixed(3)),chroma:Number(r.toFixed(3)),hue:n.hue},`${n.variableName}-contrast`)}function l(e){return{main:e,hover:t(e),pressed:r(e),light:a(e),dark:i(e),subtle:s(e),contrast:h(e)}}const o=new e({lightness:.6,chroma:.26,hue:256},"--jb-primary"),u=new e({lightness:.6,chroma:.26,hue:286},"--jb-secondary"),c=new e({lightness:.75,chroma:.18,hue:70},"--jb-yellow"),m=new e({lightness:.68,chroma:.1484,hue:162.1},"--jb-green"),g=new e({lightness:.6,chroma:.22,hue:23.21},"--jb-red"),b={single:{black:new e({lightness:.14,chroma:0,hue:0},"--jb-black"),white:new e({lightness:1,chroma:0,hue:0},"--jb-white"),highlight:new e({lightness:.93,chroma:.2302,hue:125.18},"--jb-highlight")},neutral:[n(0),n(1),n(2),n(3),n(4),n(5),n(6),n(7),n(8),n(9),n(10)],primary:l(o),secondary:l(u),yellow:l(c),green:l(m),red:l(g)};function d(e){try{const{value:n,...t}=e;"function"==typeof window.CSS.registerProperty&&window.CSS.registerProperty({...t}),y(e.name,n)}catch(e){}}function y(e,n){try{n&&(document.documentElement.style.getPropertyValue(e)||document.documentElement.style.setProperty(e,n))}catch(e){}}function w(e,n){d({name:n??e.variableName,syntax:"<color>",inherits:!0,initialValue:e.value})}function p(e){w(e.main),w(e.dark),w(e.light),w(e.contrast),w(e.hover),w(e.pressed),w(e.subtle)}function f(){var e;!function(e){w(e.neutral[0],"--jb-neutral"),p(e.primary),p(e.secondary),p(e.red),p(e.red),p(e.green),p(e.yellow),w(e.single.black),w(e.single.white),w(e.single.highlight);for(let n=1;n<=10;n++)w(e.neutral[n])}(b),w((e=b).single.black,"--jb-text-primary"),w(e.neutral[7],"--jb-text-secondary"),w(e.single.white,"--jb-text-contrast")}function v(e){function n(e){document.documentElement.style.setProperty(e.variableName,e.value)}function t(e){n(e.main),n(e.light),n(e.dark),n(e.contrast),n(e.subtle),n(e.hover),n(e.pressed)}e.primary&&t(e.primary),e.secondary&&t(e.secondary),e.green&&t(e.green),e.red&&t(e.red),e.yellow&&t(e.yellow)}function x(n){const t={};return Object.keys(n).forEach((r=>{const a=l(new e(n[r],`---jb-${r}`));t[r]=a})),t}function j(){d({name:"--jb-radius",inherits:!0,value:"1rem",initialValue:"16px",syntax:"<length-percentage>"}),d({name:"--jb-radius-xs",inherits:!0,value:"0.5rem",initialValue:"8px",syntax:"<length-percentage>"}),d({name:"--jb-radius-sm",inherits:!0,value:"0.75rem",initialValue:"12px",syntax:"<length-percentage>"}),d({name:"--jb-radius-lg",inherits:!0,value:"1.25rem",initialValue:"20px",syntax:"<length-percentage>"}),d({name:"--jb-radius-xl",inherits:!0,value:"1.5rem",initialValue:"24px",syntax:"<length-percentage>"})}function N(){j(),f()}export{e as JBColor,l as createColorGroup,x as createThemeColor,b as defaultColors,f as defineColors,j as defineSizes,h as getContrastColor,i as getDarkerColor,t as getHoverColor,a as getLighterColor,n as getNeutralColor,r as getPressedColor,s as getSubtleColor,d as registerCssProperty,N as registerDefaultVariables,v as setColors,y as setCssProperty};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/theme/dist/index.js.br
CHANGED
|
Binary file
|
package/theme/dist/index.js.gz
CHANGED
|
Binary file
|
package/theme/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":[],"mappings":"AAEA,IAAa,EAAb,MAKE,SAAI,GACF,MAAA,SAAgB,KAAK,aAAa,KAAK,UAAU,KAAK,MACvD,CACD,WAAA,CAAY,EAAyB,GACnC,KAAK,aAAe,EACpB,KAAK,UAAY,EAAY,UAC7B,KAAK,OAAS,EAAY,OAC1B,KAAK,IAAM,EAAY,GACxB,GCTH,SAAgB,EAAgB,GAC9B,OAAO,IAAI,EAAQ,CAAE,UAAY,GAAK,EAAY,IAAR,GAAgB,IAAM,OAAgC,MAAvB,GAAc,IAAR,GAAwB,IAAK,QAAQ,gBAAkB,IACvI,CACD,SAAgB,EAAc,GAC5B,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,UAAY,IAAM,OAAQ,EAAM,OAAS,IAAM,IAAK,EAAM,KAAM,GAAK,EAAM,qBAClH,CACD,SAAgB,EAAgB,GAC9B,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,UAAY,GAAK,OAAQ,EAAM,OAAS,IAAM,IAAK,EAAM,KAAM,GAAK,EAAM,uBACjH,CAED,SAAgB,EAAgB,GAE9B,MAAM,EAAO,KAAK,IAAI,EAAM,UAAY,KAAQ,EAAI,EAAM,WAAY,MAGhE,EAAO,EAAM,QAAU,EAAI,KAAQ,EAAO,EAAM,YAEtD,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,OAAQ,OAAO,EAAK,QAAQ,IAAK,IAAK,EAAM,KAAK,GAAK,EAAM,iBACnG,CAED,SAAgB,EAAe,GAE7B,MAAM,EAAO,KAAK,IAAI,EAAM,UAAY,IAAO,EAAM,UAAW,KAG1D,EAAO,EAAM,QAAU,EAAI,KAAQ,EAAO,EAAM,YAEtD,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,OAAQ,EAAM,IAAK,EAAM,KAAK,GAAK,EAAM,iBAChF,CACD,SAAgB,EAAe,GAE7B,MAAM,EAAO,KAAK,IAAI,EAAM,UAAY,KAAQ,EAAI,EAAM,WAAY,KAGhE,EAAsB,IAAf,EAAM,QAAiB,EAAI,KAAQ,EAAO,EAAM,YAGvD,EAAW,EAAM,KAAO,IAAM,EAAM,KAAO,IAAM,GAAI,EACrD,EAAS,EAAM,IAAM,EAE3B,OAAO,IAAI,EACT,CAAE,UAAW,EAAM,OAAQ,OAAO,EAAK,QAAQ,IAAK,IAAK,GAAQ,GAC9D,EAAM,sBAEZ,CAKD,SAAgB,EAAiB,GAE/B,MAMM,EAAe,KAAK,IAAI,EAAM,UANZ,IAEF,KAKhB,EAAY,KAAK,IANF,IAMM,EAAM,OAJd,KAOnB,OAAO,IAAI,EACT,CACE,UAAW,OAAO,EAAa,QAAQ,IACvC,OAAQ,OAAO,EAAU,QAAQ,IACjC,IAAK,EAAM,KACZ,GACE,EAAM,wBAEZ,CAED,SAAgB,EAAiB,GAC/B,MAAO,CACL,KAAM,EACN,MAAO,EAAc,GACrB,QAAS,EAAgB,GACzB,MAAO,EAAgB,GACvB,KAAM,EAAe,GACrB,OAAQ,EAAe,GACvB,SAAU,EAAiB,GAE9B,CCnFD,MAAM,EAAU,IAAI,EAAQ,CAAC,UAAU,GAAI,OAAO,IAAK,IAAI,KAAK,gBAC1D,EAAY,IAAI,EAAQ,CAAC,UAAU,GAAI,OAAO,IAAK,IAAI,KAAK,kBAC5D,EAAS,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,IAAK,IAAI,IAAI,eACzD,EAAQ,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,MAAO,IAAI,OAAO,cAC7D,EAAM,IAAI,EAAQ,CAAC,UAAU,GAAI,OAAO,IAAK,IAAI,OAAO,YAEjD,EAA8B,CACzC,OAAO,CACL,MAAO,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,EAAE,IAAI,GAAG,cACnD,MAAO,IAAI,EAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,cAChD,UAAU,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,MAAO,IAAI,QAAQ,mBAElE,QAAS,CAAC,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,KACxN,QAAQ,EAAiB,GACzB,UAAU,EAAiB,GAC3B,OAAO,EAAiB,GACxB,MAAM,EAAiB,GACvB,IAAI,EAAiB,ICjBvB,SAAgB,EAAoB,GAClC,IACE,MAAM,MAAE,KAAU,GAAS,EACe,mBAA/B,OAAO,IAAI,kBACpB,OAAO,IAAI,iBAAiB,IACvB,IAGP,EAAe,EAAU,KAAM,EAChC,CAAA,MAAQ,GAER,CACF,CAED,SAAgB,EAAe,EAAc,GAC3C,IACM,IACG,SAAS,gBAAgB,MAAM,iBAAiB,IACnD,SAAS,gBAAgB,MAAM,YAAY,EAAM,GAGtD,CAAA,MAAQ,GAER,CACF,CCxBD,SAAS,EAAY,EAAgB,GACrC,EAAoB,CAChB,KAAM,GAAM,EAAM,aAClB,OAAQ,UACR,UAAU,EACV,aAAc,EAAM,OAEvB,CACD,SAAS,EAAiB,GACxB,EAAY,EAAM,MAClB,EAAY,EAAM,MAClB,EAAY,EAAM,OAClB,EAAY,EAAM,UAClB,EAAY,EAAM,OAClB,EAAY,EAAM,SAClB,EAAY,EAAM,OACnB,CCRD,SAAgB,IDyBhB,IAAiC,GAhBjC,SAAiC,GAC/B,EAAY,EAAO,QAAQ,GAAG,gBAC9B,EAAiB,EAAO,SACxB,EAAiB,EAAO,WACxB,EAAiB,EAAO,KACxB,EAAiB,EAAO,KACxB,EAAiB,EAAO,OACxB,EAAiB,EAAO,QACxB,EAAY,EAAO,OAAO,OAC1B,EAAY,EAAO,OAAO,OAC1B,EAAY,EAAO,OAAO,WAC1B,IAAI,IAAI,EAAE,EAAE,GAAG,GAAG,IAChB,EAAY,EAAO,QAAQ,GAE9B,CCtBC,CAAiB,GDyBjB,GAD+B,ECvBd,GDwBE,OAAO,MAAO,qBACjC,EAAY,EAAO,QAAQ,GAAI,uBAC/B,EAAY,EAAO,OAAO,MAAO,qBCzBlC,CAID,SAAgB,EAAU,GACxB,SAAS,EAAS,GAChB,SAAS,gBAAgB,MAAM,YAAY,EAAM,aAAc,EAAM,MACtE,CACD,SAAS,EAAc,GACrB,EAAS,EAAM,MACf,EAAS,EAAM,OACf,EAAS,EAAM,MACf,EAAS,EAAM,UACf,EAAS,EAAM,QACf,EAAS,EAAM,OACf,EAAS,EAAM,QAChB,CACD,EAAO,SAAW,EAAc,EAAO,SACvC,EAAO,WAAa,EAAc,EAAO,WACzC,EAAO,OAAS,EAAc,EAAO,OACrC,EAAO,KAAO,EAAc,EAAO,KACnC,EAAO,QAAU,EAAc,EAAO,OACvC,CAID,SAAgB,EAAiB,GAC/B,MAAM,EAAsC,CAAE,EAM9C,OALA,OAAO,KAAK,GAAW,SAAS,IAC9B,MACM,EAAa,EADD,IAAI,EAAQ,EAAU,GAAA,SAAe,MAEvD,EAAY,GAAO,KAEd,CACR,CC/CD,SAAgB,IAKd,EAAoB,CAClB,KAAK,cACL,UAAS,EACT,MAAM,OACN,aAAa,OACb,OAAO,wBAET,EAAoB,CAClB,KAAK,iBACL,UAAS,EACT,MAAA,SACA,aAAa,MACb,OAAO,wBAET,EAAoB,CAClB,KAAK,iBACL,UAAS,EACT,MAAA,UACA,aAAa,OACb,OAAO,wBAET,EAAoB,CAClB,KAAK,iBACL,UAAS,EACT,MAAA,UACA,aAAa,OACb,OAAO,wBAET,EAAoB,CAClB,KAAK,iBACL,UAAS,EACT,MAAA,SACA,aAAa,OACb,OAAO,uBApCV,CCDD,SAAgB,IACd,IACA,GACD"}
|
package/theme/dist/index.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBCoreTheme={})}(this,(function(e){var t=class{get value(){return`oklch(${this.lightness} ${this.chroma} ${this.hue})`}constructor(e,t){this.variableName=t,this.lightness=e.lightness,this.chroma=e.chroma,this.hue=e.hue}};function n(e){return new t({lightness:6*(3+1.3*e)*.01,chroma:.001*(14+.09*e),hue:258.36},`--jb-neutral-${e}`)}function r(e){return new t({lightness:e.lightness+.07,chroma:e.chroma+.07,hue:e.hue},`${e.variableName}-hover`)}function i(e){return new t({lightness:e.lightness-.1,chroma:e.chroma-.05,hue:e.hue},`${e.variableName}-pressed`)}function
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBCoreTheme={})}(this,(function(e){var t=class{get value(){return`oklch(${this.lightness} ${this.chroma} ${this.hue})`}constructor(e,t){this.variableName=t,this.lightness=e.lightness,this.chroma=e.chroma,this.hue=e.hue}};function n(e){return new t({lightness:6*(3+1.3*e)*.01,chroma:.001*(14+.09*e),hue:258.36},`--jb-neutral-${e}`)}function r(e){return new t({lightness:e.lightness+.07,chroma:e.chroma+.07,hue:e.hue},`${e.variableName}-hover`)}function i(e){return new t({lightness:e.lightness-.1,chroma:e.chroma-.05,hue:e.hue},`${e.variableName}-pressed`)}function s(e){const n=Math.min(e.lightness+.12*(1-e.lightness),.985),r=e.chroma*(1-.15*(n-e.lightness));return new t({lightness:n,chroma:Number(r.toFixed(3)),hue:e.hue},`${e.variableName}-l`)}function a(e){const n=Math.max(e.lightness-.12*e.lightness,.02),r=e.chroma*(1-.15*(n-e.lightness));return new t({lightness:n,chroma:r,hue:e.hue},`${e.variableName}-d`)}function o(e){const n=Math.min(e.lightness+.65*(1-e.lightness),.93),r=.55*e.chroma*(1-.08*(n-e.lightness)),i=e.hue>=70&&e.hue<=162?5:-3,s=e.hue+i;return new t({lightness:n,chroma:Number(r.toFixed(3)),hue:s},`${e.variableName}-subtle`)}function l(e){const n=Math.max(e.lightness-.35,.22),r=Math.min(1.6*e.chroma,.28);return new t({lightness:Number(n.toFixed(3)),chroma:Number(r.toFixed(3)),hue:e.hue},`${e.variableName}-contrast`)}function h(e){return{main:e,hover:r(e),pressed:i(e),light:s(e),dark:a(e),subtle:o(e),contrast:l(e)}}const u=new t({lightness:.6,chroma:.26,hue:256},"--jb-primary"),c=new t({lightness:.6,chroma:.26,hue:286},"--jb-secondary"),g=new t({lightness:.75,chroma:.18,hue:70},"--jb-yellow"),m=new t({lightness:.68,chroma:.1484,hue:162.1},"--jb-green"),d=new t({lightness:.6,chroma:.22,hue:23.21},"--jb-red"),b={single:{black:new t({lightness:.14,chroma:0,hue:0},"--jb-black"),white:new t({lightness:1,chroma:0,hue:0},"--jb-white"),highlight:new t({lightness:.93,chroma:.2302,hue:125.18},"--jb-highlight")},neutral:[n(0),n(1),n(2),n(3),n(4),n(5),n(6),n(7),n(8),n(9),n(10)],primary:h(u),secondary:h(c),yellow:h(g),green:h(m),red:h(d)};function f(e){try{const{value:t,...n}=e;"function"==typeof window.CSS.registerProperty&&window.CSS.registerProperty({...n}),y(e.name,t)}catch(e){}}function y(e,t){try{t&&(document.documentElement.style.getPropertyValue(e)||document.documentElement.style.setProperty(e,t))}catch(e){}}function p(e,t){f({name:t??e.variableName,syntax:"<color>",inherits:!0,initialValue:e.value})}function w(e){p(e.main),p(e.dark),p(e.light),p(e.contrast),p(e.hover),p(e.pressed),p(e.subtle)}function v(){var e;!function(e){p(e.neutral[0],"--jb-neutral"),w(e.primary),w(e.secondary),w(e.red),w(e.red),w(e.green),w(e.yellow),p(e.single.black),p(e.single.white),p(e.single.highlight);for(let t=1;t<=10;t++)p(e.neutral[t])}(b),p((e=b).single.black,"--jb-text-primary"),p(e.neutral[7],"--jb-text-secondary"),p(e.single.white,"--jb-text-contrast")}function x(){f({name:"--jb-radius",inherits:!0,value:"1rem",initialValue:"16px",syntax:"<length-percentage>"}),f({name:"--jb-radius-xs",inherits:!0,value:"0.5rem",initialValue:"8px",syntax:"<length-percentage>"}),f({name:"--jb-radius-sm",inherits:!0,value:"0.75rem",initialValue:"12px",syntax:"<length-percentage>"}),f({name:"--jb-radius-lg",inherits:!0,value:"1.25rem",initialValue:"20px",syntax:"<length-percentage>"}),f({name:"--jb-radius-xl",inherits:!0,value:"1.5rem",initialValue:"24px",syntax:"<length-percentage>"})}e.JBColor=t,e.createColorGroup=h,e.createThemeColor=function(e){const n={};return Object.keys(e).forEach((r=>{const i=h(new t(e[r],`---jb-${r}`));n[r]=i})),n},e.defaultColors=b,e.defineColors=v,e.defineSizes=x,e.getContrastColor=l,e.getDarkerColor=a,e.getHoverColor=r,e.getLighterColor=s,e.getNeutralColor=n,e.getPressedColor=i,e.getSubtleColor=o,e.registerCssProperty=f,e.registerDefaultVariables=function(){x(),v()},e.setColors=function(e){function t(e){document.documentElement.style.setProperty(e.variableName,e.value)}function n(e){t(e.main),t(e.light),t(e.dark),t(e.contrast),t(e.subtle),t(e.hover),t(e.pressed)}e.primary&&n(e.primary),e.secondary&&n(e.secondary),e.green&&n(e.green),e.red&&n(e.red),e.yellow&&n(e.yellow)},e.setCssProperty=y}));
|
|
2
2
|
//# sourceMappingURL=index.umd.js.map
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":[],"mappings":"sOAEA,IAAa,EAAb,MAKE,SAAI,GACF,MAAA,SAAgB,KAAK,aAAa,KAAK,UAAU,KAAK,MACvD,CACD,WAAA,CAAY,EAAyB,GACnC,KAAK,aAAe,EACpB,KAAK,UAAY,EAAY,UAC7B,KAAK,OAAS,EAAY,OAC1B,KAAK,IAAM,EAAY,GACxB,GCTH,SAAgB,EAAgB,GAC9B,OAAO,IAAI,EAAQ,CAAE,UAAY,GAAK,EAAY,IAAR,GAAgB,IAAM,OAAgC,MAAvB,GAAc,IAAR,GAAwB,IAAK,QAAQ,gBAAkB,IACvI,CACD,SAAgB,EAAc,GAC5B,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,UAAY,IAAM,OAAQ,EAAM,OAAS,IAAM,IAAK,EAAM,KAAM,GAAK,EAAM,qBAClH,CACD,SAAgB,EAAgB,GAC9B,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,UAAY,GAAK,OAAQ,EAAM,OAAS,IAAM,IAAK,EAAM,KAAM,GAAK,EAAM,uBACjH,CAED,SAAgB,EAAgB,GAE9B,MAAM,EAAO,KAAK,IAAI,EAAM,UAAY,KAAQ,EAAI,EAAM,WAAY,MAGhE,EAAO,EAAM,QAAU,EAAI,KAAQ,EAAO,EAAM,YAEtD,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,OAAQ,OAAO,EAAK,QAAQ,IAAK,IAAK,EAAM,KAAK,GAAK,EAAM,iBACnG,CAED,SAAgB,EAAe,GAE7B,MAAM,EAAO,KAAK,IAAI,EAAM,UAAY,IAAO,EAAM,UAAW,KAG1D,EAAO,EAAM,QAAU,EAAI,KAAQ,EAAO,EAAM,YAEtD,OAAO,IAAI,EAAQ,CAAE,UAAW,EAAM,OAAQ,EAAM,IAAK,EAAM,KAAK,GAAK,EAAM,iBAChF,CACD,SAAgB,EAAe,GAE7B,MAAM,EAAO,KAAK,IAAI,EAAM,UAAY,KAAQ,EAAI,EAAM,WAAY,KAGhE,EAAsB,IAAf,EAAM,QAAiB,EAAI,KAAQ,EAAO,EAAM,YAGvD,EAAW,EAAM,KAAO,IAAM,EAAM,KAAO,IAAM,GAAI,EACrD,EAAS,EAAM,IAAM,EAE3B,OAAO,IAAI,EACT,CAAE,UAAW,EAAM,OAAQ,OAAO,EAAK,QAAQ,IAAK,IAAK,GAAQ,GAC9D,EAAM,sBAEZ,CAKD,SAAgB,EAAiB,GAE/B,MAMM,EAAe,KAAK,IAAI,EAAM,UANZ,IAEF,KAKhB,EAAY,KAAK,IANF,IAMM,EAAM,OAJd,KAOnB,OAAO,IAAI,EACT,CACE,UAAW,OAAO,EAAa,QAAQ,IACvC,OAAQ,OAAO,EAAU,QAAQ,IACjC,IAAK,EAAM,KACZ,GACE,EAAM,wBAEZ,CAED,SAAgB,EAAiB,GAC/B,MAAO,CACL,KAAM,EACN,MAAO,EAAc,GACrB,QAAS,EAAgB,GACzB,MAAO,EAAgB,GACvB,KAAM,EAAe,GACrB,OAAQ,EAAe,GACvB,SAAU,EAAiB,GAE9B,CCnFD,MAAM,EAAU,IAAI,EAAQ,CAAC,UAAU,GAAI,OAAO,IAAK,IAAI,KAAK,gBAC1D,EAAY,IAAI,EAAQ,CAAC,UAAU,GAAI,OAAO,IAAK,IAAI,KAAK,kBAC5D,EAAS,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,IAAK,IAAI,IAAI,eACzD,EAAQ,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,MAAO,IAAI,OAAO,cAC7D,EAAM,IAAI,EAAQ,CAAC,UAAU,GAAI,OAAO,IAAK,IAAI,OAAO,YAEjD,EAA8B,CACzC,OAAO,CACL,MAAO,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,EAAE,IAAI,GAAG,cACnD,MAAO,IAAI,EAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,cAChD,UAAU,IAAI,EAAQ,CAAC,UAAU,IAAK,OAAO,MAAO,IAAI,QAAQ,mBAElE,QAAS,CAAC,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,GAAG,EAAgB,KACxN,QAAQ,EAAiB,GACzB,UAAU,EAAiB,GAC3B,OAAO,EAAiB,GACxB,MAAM,EAAiB,GACvB,IAAI,EAAiB,ICjBvB,SAAgB,EAAoB,GAClC,IACE,MAAM,MAAE,KAAU,GAAS,EACe,mBAA/B,OAAO,IAAI,kBACpB,OAAO,IAAI,iBAAiB,IACvB,IAGP,EAAe,EAAU,KAAM,EAChC,CAAA,MAAQ,GAER,CACF,CAED,SAAgB,EAAe,EAAc,GAC3C,IACM,IACG,SAAS,gBAAgB,MAAM,iBAAiB,IACnD,SAAS,gBAAgB,MAAM,YAAY,EAAM,GAGtD,CAAA,MAAQ,GAER,CACF,CCxBD,SAAS,EAAY,EAAgB,GACrC,EAAoB,CAChB,KAAM,GAAM,EAAM,aAClB,OAAQ,UACR,UAAU,EACV,aAAc,EAAM,OAEvB,
|
|
1
|
+
{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { registerCssProperty } from "../utils";
|
|
2
2
|
import type { JBColor } from "./jb-color";
|
|
3
|
-
import type { JBThemeColors } from "./types";
|
|
3
|
+
import type { JBColorGroup, JBThemeColors } from "./types";
|
|
4
4
|
|
|
5
5
|
function defineColor(color:JBColor , name?:string){
|
|
6
6
|
registerCssProperty({
|
|
@@ -10,18 +10,26 @@ registerCssProperty({
|
|
|
10
10
|
initialValue: color.value,
|
|
11
11
|
});
|
|
12
12
|
}
|
|
13
|
-
|
|
13
|
+
function defineColorGroup(group:JBColorGroup){
|
|
14
|
+
defineColor(group.main);
|
|
15
|
+
defineColor(group.dark);
|
|
16
|
+
defineColor(group.light);
|
|
17
|
+
defineColor(group.contrast);
|
|
18
|
+
defineColor(group.hover);
|
|
19
|
+
defineColor(group.pressed);
|
|
20
|
+
defineColor(group.subtle);
|
|
21
|
+
}
|
|
14
22
|
export function defineColorCodes(colors:JBThemeColors){
|
|
15
23
|
defineColor(colors.neutral[0],'--jb-neutral');
|
|
16
|
-
|
|
17
|
-
|
|
24
|
+
defineColorGroup(colors.primary);
|
|
25
|
+
defineColorGroup(colors.secondary);
|
|
26
|
+
defineColorGroup(colors.red);
|
|
27
|
+
defineColorGroup(colors.red);
|
|
28
|
+
defineColorGroup(colors.green);
|
|
29
|
+
defineColorGroup(colors.yellow);
|
|
18
30
|
defineColor(colors.single.black);
|
|
19
31
|
defineColor(colors.single.white);
|
|
20
32
|
defineColor(colors.single.highlight);
|
|
21
|
-
defineColor(colors.yellow.main);
|
|
22
|
-
defineColor(colors.green.main);
|
|
23
|
-
defineColor(colors.red.main);
|
|
24
|
-
defineColor(colors.red.main);
|
|
25
33
|
for(let i=1;i<=10;i++){
|
|
26
34
|
defineColor(colors.neutral[i])
|
|
27
35
|
}
|
package/theme/stories/colors.mdx
CHANGED
|
@@ -6,13 +6,13 @@ import {defaultColors as colors} from 'jb-core/theme';
|
|
|
6
6
|
<Subheading >all color are based on oklch() color space</Subheading>
|
|
7
7
|
<br/>
|
|
8
8
|
<ColorPalette>
|
|
9
|
-
<ColorItem title="single"
|
|
10
|
-
<ColorItem title="neutral"
|
|
11
|
-
<ColorItem title="primary"
|
|
12
|
-
<ColorItem title="secondary"
|
|
13
|
-
<ColorItem title="success"
|
|
14
|
-
<ColorItem title="error"
|
|
15
|
-
<ColorItem title="warning"
|
|
9
|
+
<ColorItem title="single" subtitle='--jb-black,--jb-white,--jb-highlight' colors={{'black': colors.single.black.value,'white':colors.single.white.value, 'highlight':colors.single.highlight.value}}/>
|
|
10
|
+
<ColorItem title="neutral" subtitle='--jb-neutral,--jb-neutral-[index]' colors={{'main':colors.neutral[0].value,'d1':colors.neutral[1].value,'d2':colors.neutral[2].value,'d3':colors.neutral[3].value,'d4':colors.neutral[4].value,'d5':colors.neutral[5].value,'d6':colors.neutral[6].value,'d7':colors.neutral[7].value,'d8':colors.neutral[8].value,'d9':colors.neutral[9].value,'d10':colors.neutral[10].value}}/>
|
|
11
|
+
<ColorItem title="primary" subtitle="--jb-primary,--jb-primary-[name]" colors={{'main':colors.primary.main.value,'l(lighter)':colors.primary.light.value, "d(dark)":colors.primary.dark.value,'subtle':colors.primary.subtle.value, 'contrast':colors.primary.contrast.value ,'hover':colors.primary.hover.value,'pressed':colors.primary.pressed.value}}/>
|
|
12
|
+
<ColorItem title="secondary" subtitle="--jb-secondary,--jb-secondary-[name]" colors={{'main':colors.secondary.main.value, 'l(lighter)':colors.secondary.light.value, "d(dark)":colors.secondary.dark.value,'subtle':colors.secondary.subtle.value, 'contrast':colors.secondary.contrast.value,'hover':colors.secondary.hover.value,'pressed':colors.secondary.pressed.value}}/>
|
|
13
|
+
<ColorItem title="success" subtitle="--jb-green,--jb-green-[name]" colors={{'main':colors.green.main.value,'l(lighter)':colors.green.light.value, "d(dark)":colors.green.dark.value,'subtle':colors.green.subtle.value, 'contrast':colors.green.contrast.value,'hover':colors.green.hover.value,'pressed':colors.green.pressed.value}}/>
|
|
14
|
+
<ColorItem title="error" subtitle="--jb-red,--jb-red-[name]" colors={{'main':colors.red.main.value,"l(lighter)":colors.red.light.value, "d(dark)":colors.red.dark.value,'subtle':colors.red.subtle.value, 'contrast':colors.red.contrast.value,'hover':colors.red.hover.value, 'pressed':colors.red.pressed.value}}/>
|
|
15
|
+
<ColorItem title="warning" subtitle="--jb-yellow,--jb-yellow-[name]" colors={{'main':colors.yellow.main.value, 'l(lighter)':colors.yellow.light.value, "d(dark)":colors.yellow.dark.value,'subtle':colors.yellow.subtle.value, 'contrast':colors.yellow.contrast.value,'hover':colors.yellow.hover.value, 'pressed':colors.yellow.pressed.value}}/>
|
|
16
16
|
</ColorPalette>
|
|
17
17
|
|
|
18
18
|
|
package/theme/stories/sizes.mdx
CHANGED
|
@@ -5,6 +5,14 @@ import {defaultColors as colors} from 'jb-core/theme';
|
|
|
5
5
|
<Heading>Sizes</Heading>
|
|
6
6
|
<Subheading >standard size variables in jb design system</Subheading>
|
|
7
7
|
<br/>
|
|
8
|
+
## Usage
|
|
9
|
+
All JBDesign System Component initial their needed variables themselves and you don't need any initialization to use our components. **But** if ypu need to initialize size variables for your own usage in your app you can do followings:
|
|
10
|
+
|
|
11
|
+
```javascript
|
|
12
|
+
import {defineSizes} from 'jb-core/theme';
|
|
13
|
+
// it will define all size related css variables in @property and :root you can also customize them in your css
|
|
14
|
+
defineSizes();
|
|
15
|
+
```
|
|
8
16
|
## standards
|
|
9
17
|
|
|
10
18
|
we use `rem` unit as a sizing standard of our components so components and layout could effectively respond to user zoom and text size settings.
|