@papyrus-ui/styles 0.1.3 → 0.2.0

package/dist/es/utils/bp.js

@@ -1,15 +1,15 @@
-import { BREAKPOINT } from '../const/atoms.js';
+import { BREAKPOINTS } from '../const/breakpoints.js';
 
 function bpNext(name) {
-    const names = Object.keys(BREAKPOINT);
+    const names = Object.keys(BREAKPOINTS);
     const idx = names.indexOf(name);
     return names[idx + 1];
 }
 function bpMin(name) {
-    return BREAKPOINT[name];
+    return BREAKPOINTS[name];
 }
 function bpMax(name) {
-    const val = BREAKPOINT[name];
+    const val = BREAKPOINTS[name];
     return val - 0.2;
 }
 function bpUp(name, content) {

package/dist/es/utils/bp.js.map

@@ -1 +1 @@
-{"version":3,"file":"bp.js","sources":["bp.js"],"sourcesContent":["import { BREAKPOINT } from '../const/atoms.js';\n\nfunction bpNext(name) {\n    const names = Object.keys(BREAKPOINT);\n    const idx = names.indexOf(name);\n    return names[idx + 1];\n}\nfunction bpMin(name) {\n    return BREAKPOINT[name];\n}\nfunction bpMax(name) {\n    const val = BREAKPOINT[name];\n    return val - 0.2;\n}\nfunction bpUp(name, content) {\n    const minWidth = bpMin(name);\n    if (minWidth) {\n        return {\n            '@media': {\n                [`(min-width: ${minWidth}px)`]: content,\n            },\n        };\n    }\n    return content;\n}\nfunction bpDown(name, content) {\n    const next = bpNext(name);\n    const maxWidth = next && bpMax(next);\n    if (maxWidth) {\n        return {\n            '@media': {\n                [`(max-width: ${maxWidth}px)`]: content,\n            },\n        };\n    }\n    return content;\n}\nfunction bpBetween(min, max, content) {\n    const minWidth = bpMin(min);\n    const maxWidth = bpMax(max);\n    return {\n        '@media': {\n            [`(min-width: ${minWidth}) and (max-width: ${maxWidth}px)`]: content,\n        },\n    };\n}\nfunction bpOnly(name, content) {\n    const minWidth = bpMin(name);\n    const next = bpNext(name);\n    const maxWidth = next && bpMax(next);\n    if (maxWidth != null) {\n        return {\n            '@media': {\n                [`(min-width: ${minWidth}) and (max-width: ${maxWidth}px)`]: content,\n            },\n        };\n    }\n    return bpUp(name, content);\n}\n\nexport { bpBetween, bpDown, bpOnly, bpUp };\n//# sourceMappingURL=bp.js.map\n"],"names":[],"mappings":";;AAEA,SAAS,MAAM,CAAC,IAAI,EAAE;AACtB,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC1C,IAAI,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AACpC,IAAI,OAAO,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;AAC1B,CAAC;AACD,SAAS,KAAK,CAAC,IAAI,EAAE;AACrB,IAAI,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC;AACD,SAAS,KAAK,CAAC,IAAI,EAAE;AACrB,IAAI,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACjC,IAAI,OAAO,GAAG,GAAG,GAAG,CAAC;AACrB,CAAC;AACD,SAAS,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;AAC7B,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACjC,IAAI,IAAI,QAAQ,EAAE;AAClB,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE;AACtB,gBAAgB,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AACvD,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL,IAAI,OAAO,OAAO,CAAC;AACnB,CAAC;AACD,SAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE;AAC/B,IAAI,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAI,MAAM,QAAQ,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;AACzC,IAAI,IAAI,QAAQ,EAAE;AAClB,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE;AACtB,gBAAgB,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AACvD,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL,IAAI,OAAO,OAAO,CAAC;AACnB,CAAC;AACD,SAAS,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE;AACtC,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,IAAI,OAAO;AACX,QAAQ,QAAQ,EAAE;AAClB,YAAY,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AAChF,SAAS;AACT,KAAK,CAAC;AACN,CAAC;AACD,SAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE;AAC/B,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACjC,IAAI,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAI,MAAM,QAAQ,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;AACzC,IAAI,IAAI,QAAQ,IAAI,IAAI,EAAE;AAC1B,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE;AACtB,gBAAgB,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AACpF,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC/B;;;;"}
+{"version":3,"file":"bp.js","sources":["bp.js"],"sourcesContent":["import { BREAKPOINTS } from '../const/breakpoints.js';\n\nfunction bpNext(name) {\n    const names = Object.keys(BREAKPOINTS);\n    const idx = names.indexOf(name);\n    return names[idx + 1];\n}\nfunction bpMin(name) {\n    return BREAKPOINTS[name];\n}\nfunction bpMax(name) {\n    const val = BREAKPOINTS[name];\n    return val - 0.2;\n}\nfunction bpUp(name, content) {\n    const minWidth = bpMin(name);\n    if (minWidth) {\n        return {\n            '@media': {\n                [`(min-width: ${minWidth}px)`]: content,\n            },\n        };\n    }\n    return content;\n}\nfunction bpDown(name, content) {\n    const next = bpNext(name);\n    const maxWidth = next && bpMax(next);\n    if (maxWidth) {\n        return {\n            '@media': {\n                [`(max-width: ${maxWidth}px)`]: content,\n            },\n        };\n    }\n    return content;\n}\nfunction bpBetween(min, max, content) {\n    const minWidth = bpMin(min);\n    const maxWidth = bpMax(max);\n    return {\n        '@media': {\n            [`(min-width: ${minWidth}) and (max-width: ${maxWidth}px)`]: content,\n        },\n    };\n}\nfunction bpOnly(name, content) {\n    const minWidth = bpMin(name);\n    const next = bpNext(name);\n    const maxWidth = next && bpMax(next);\n    if (maxWidth != null) {\n        return {\n            '@media': {\n                [`(min-width: ${minWidth}) and (max-width: ${maxWidth}px)`]: content,\n            },\n        };\n    }\n    return bpUp(name, content);\n}\n\nexport { bpBetween, bpDown, bpOnly, bpUp };\n//# sourceMappingURL=bp.js.map\n"],"names":[],"mappings":";;AAEA,SAAS,MAAM,CAAC,IAAI,EAAE;AACtB,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAC3C,IAAI,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AACpC,IAAI,OAAO,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;AAC1B,CAAC;AACD,SAAS,KAAK,CAAC,IAAI,EAAE;AACrB,IAAI,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC;AACD,SAAS,KAAK,CAAC,IAAI,EAAE;AACrB,IAAI,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AAClC,IAAI,OAAO,GAAG,GAAG,GAAG,CAAC;AACrB,CAAC;AACD,SAAS,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;AAC7B,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACjC,IAAI,IAAI,QAAQ,EAAE;AAClB,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE;AACtB,gBAAgB,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AACvD,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL,IAAI,OAAO,OAAO,CAAC;AACnB,CAAC;AACD,SAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE;AAC/B,IAAI,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAI,MAAM,QAAQ,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;AACzC,IAAI,IAAI,QAAQ,EAAE;AAClB,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE;AACtB,gBAAgB,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AACvD,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL,IAAI,OAAO,OAAO,CAAC;AACnB,CAAC;AACD,SAAS,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE;AACtC,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AAChC,IAAI,OAAO;AACX,QAAQ,QAAQ,EAAE;AAClB,YAAY,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AAChF,SAAS;AACT,KAAK,CAAC;AACN,CAAC;AACD,SAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE;AAC/B,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACjC,IAAI,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAI,MAAM,QAAQ,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;AACzC,IAAI,IAAI,QAAQ,IAAI,IAAI,EAAE;AAC1B,QAAQ,OAAO;AACf,YAAY,QAAQ,EAAE;AACtB,gBAAgB,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,kBAAkB,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO;AACpF,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC/B;;;;"}

package/dist/types/const/atoms.d.ts

@@ -1,15 +1,3 @@
-/**
- * Use this file for const that are used in atoms but can be written
- * manually in *.styles files. Values that are used in both atoms and *.styles files
- * should be defined in themes.ts and accessed through `vars` object.
- */
-export declare const BREAKPOINT: {
-    mobile: number;
-    mobileLg: number;
-    tablet: number;
-    tabletLg: number;
-    desktop: number;
-};
 export declare const POSITION: readonly ["absolute", "fixed", "relative", "static", "sticky"];
 export declare const DISPLAY: readonly ["block", "inline-block", "flex", "inline-flex", "inline", "none"];
 export declare const FLEX: {
@@ -164,6 +152,7 @@ export declare const SPACING: {
     96: string;
     auto: string;
 };
+export declare const POINTER_EVENTS: readonly ["auto", "none"];
 export declare const INSET: {
     auto: string;
     '-px': string;

package/dist/types/const/breakpoints.d.ts

@@ -0,0 +1,7 @@
+export declare const BREAKPOINTS: {
+    mobile: number;
+    mobileLg: number;
+    tablet: number;
+    desktop: number;
+    desktopLg: number;
+};

package/dist/types/const/index.d.ts

@@ -1,2 +1,3 @@
 export * from './atoms';
+export * from './breakpoints';
 export * from './themes';