@papyrus-ui/styles 0.1.3 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -2,18 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const atoms = require('../const/atoms.js');
5
+ const breakpoints = require('../const/breakpoints.js');
6
6
 
7
7
  function bpNext(name) {
8
- const names = Object.keys(atoms.BREAKPOINT);
8
+ const names = Object.keys(breakpoints.BREAKPOINTS);
9
9
  const idx = names.indexOf(name);
10
10
  return names[idx + 1];
11
11
  }
12
12
  function bpMin(name) {
13
- return atoms.BREAKPOINT[name];
13
+ return breakpoints.BREAKPOINTS[name];
14
14
  }
15
15
  function bpMax(name) {
16
- const val = atoms.BREAKPOINT[name];
16
+ const val = breakpoints.BREAKPOINTS[name];
17
17
  return val - 0.2;
18
18
  }
19
19
  function bpUp(name, content) {
@@ -1 +1 @@
1
- {"version":3,"file":"bp.js","sources":["../../es/utils/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":["BREAKPOINT"],"mappings":";;;;;;AAEA,SAAS,MAAM,CAAC,IAAI,EAAE;AACtB,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAACA,gBAAU,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,OAAOA,gBAAU,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC;AACD,SAAS,KAAK,CAAC,IAAI,EAAE;AACrB,IAAI,MAAM,GAAG,GAAGA,gBAAU,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;;;;;;;"}
1
+ {"version":3,"file":"bp.js","sources":["../../es/utils/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":["BREAKPOINTS"],"mappings":";;;;;;AAEA,SAAS,MAAM,CAAC,IAAI,EAAE;AACtB,IAAI,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAACA,uBAAW,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,OAAOA,uBAAW,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC;AACD,SAAS,KAAK,CAAC,IAAI,EAAE;AACrB,IAAI,MAAM,GAAG,GAAGA,uBAAW,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;;;;;;;"}
@@ -1,15 +1,3 @@
1
- /**
2
- * Use this file for const that are used in atoms but can be written
3
- * manually in *.styles files. Values that are used in both atoms and *.styles files
4
- * should be defined in themes.ts and accessed through `vars` object.
5
- */
6
- const BREAKPOINT = {
7
- mobile: 0,
8
- mobileLg: 640,
9
- tablet: 768,
10
- tabletLg: 1024,
11
- desktop: 1280,
12
- };
13
1
  const POSITION = [
14
2
  'absolute',
15
3
  'fixed',
@@ -130,6 +118,7 @@ const PADDING = {
130
118
  96: '24rem', // 336px
131
119
  };
132
120
  const SPACING = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '-px': '-1px', '-0.5': '-0.125rem', '-1': '-0.25rem', '-1.5': '-0.375rem', '-2': '-0.5rem', '-2.5': '-0.625rem', '-3': '-0.75rem', '-3.5': '-0.875rem', '-4': '-1rem', '-5': '-1.25rem', '-5.5': '-1.375rem', '-6': '-1.5rem', '-7': '-1.75rem', '-8': '-2rem', '-9': '-2.25rem', '-10': '-2.5rem', '-11': '-2.75rem', '-12': '-3rem', '-14': '-3.5rem', '-16': '-4rem', '-20': '-5rem', '-24': '-6rem', '-28': '-7rem', '-32': '-8rem', '-36': '-9rem', '-40': '-10rem', '-44': '-11rem', '-48': '-12rem', '-52': '-13rem', '-56': '-14rem', '-60': '-15rem', '-64': '-16rem', '-72': '-18rem', '-80': '-20rem', '-96': '-24rem' });
121
+ const POINTER_EVENTS = ['auto', 'none'];
133
122
  const INSET = Object.assign(Object.assign({}, SPACING), { auto: 'auto' });
134
123
  const HEIGHT = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%', 'full': '100%', 'screen': '100vh', 'svw': '100svw', 'lvw': '100lvw', 'dvw': '100dvw', 'min': 'min-content', 'max': 'max-content', 'fit': 'fit-content' });
135
124
  const MAX_HEIGHT = Object.assign(Object.assign({}, PADDING), { none: 'none', full: '100%', screen: '100vh', svh: '100svh', lvh: '100lvh', dvh: '100dvh', min: 'min-content', max: 'max-content', fit: 'fit-content' });
@@ -197,5 +186,5 @@ const Z_INDEX = {
197
186
  50: 50,
198
187
  };
199
188
 
200
- export { ALIGN_ITEMS, ALIGN_SELF, ASPECT_RATIO, BORDER_RADIUS, BORDER_STYLE, BORDER_WIDTH, BREAKPOINT, COLOR, DISPLAY, FLEX, FLEX_DIRECTION, FLEX_WRAP, HEIGHT, INSET, JUSTIFY_CONTENT, LINE_HEIGHT, MAX_HEIGHT, MAX_WIDTH, MIN_HEIGHT, MIN_WIDTH, OBJECT_FIT, ORDER, OVERFLOW, PADDING, POSITION, SPACING, TEXT_ALIGN, TEXT_DECORATION, TEXT_OVERFLOW, TEXT_TRANSFORM, VERTICAL_ALIGN, WHITE_SPACE, WIDTH, Z_INDEX };
189
+ export { ALIGN_ITEMS, ALIGN_SELF, ASPECT_RATIO, BORDER_RADIUS, BORDER_STYLE, BORDER_WIDTH, COLOR, DISPLAY, FLEX, FLEX_DIRECTION, FLEX_WRAP, HEIGHT, INSET, JUSTIFY_CONTENT, LINE_HEIGHT, MAX_HEIGHT, MAX_WIDTH, MIN_HEIGHT, MIN_WIDTH, OBJECT_FIT, ORDER, OVERFLOW, PADDING, POINTER_EVENTS, POSITION, SPACING, TEXT_ALIGN, TEXT_DECORATION, TEXT_OVERFLOW, TEXT_TRANSFORM, VERTICAL_ALIGN, WHITE_SPACE, WIDTH, Z_INDEX };
201
190
  //# sourceMappingURL=atoms.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"atoms.js","sources":["atoms.js"],"sourcesContent":["/**\n * Use this file for const that are used in atoms but can be written\n * manually in *.styles files. Values that are used in both atoms and *.styles files\n * should be defined in themes.ts and accessed through `vars` object.\n */\nconst BREAKPOINT = {\n mobile: 0,\n mobileLg: 640,\n tablet: 768,\n tabletLg: 1024,\n desktop: 1280,\n};\nconst POSITION = [\n 'absolute',\n 'fixed',\n 'relative',\n 'static',\n 'sticky',\n];\nconst DISPLAY = [\n 'block',\n 'inline-block',\n 'flex',\n 'inline-flex',\n 'inline',\n 'none',\n];\nconst FLEX = {\n 1: '1 0 0',\n none: 'none',\n};\nconst FLEX_WRAP = ['wrap', 'nowrap'];\nconst FLEX_DIRECTION = [\n 'column',\n 'column-reverse',\n 'row',\n 'row-reverse',\n];\nconst ALIGN_ITEMS = [\n 'baseline',\n 'center',\n 'end',\n 'flex-end',\n 'flex-start',\n 'start',\n 'stretch',\n];\nconst ALIGN_SELF = [...ALIGN_ITEMS, 'self-end', 'self-start'];\nconst JUSTIFY_CONTENT = [\n ...ALIGN_ITEMS,\n 'space-around',\n 'space-between',\n 'space-evenly',\n];\nconst ASPECT_RATIO = {\n square: '1/1',\n landscape: '4/3',\n photo: '3/2',\n widescreen: '16/9',\n portrait: '3/4',\n portraitPhoto: '2/3',\n portraitWidescreen: '9/16',\n auto: 'auto',\n};\nconst BORDER_RADIUS = {\n none: 'none',\n};\nconst BORDER_STYLE = [\n 'solid',\n 'dashed',\n 'dotted',\n 'double',\n 'hidden',\n 'none',\n];\nconst BORDER_WIDTH = [0, 1, 2, 4, 8];\nconst OBJECT_FIT = ['contain', 'cover'];\nconst ORDER = {\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n 6: 6,\n 7: 7,\n 8: 8,\n 9: 9,\n 10: 10,\n 11: 11,\n 12: 12,\n first: -9999,\n last: 9999,\n};\nconst PADDING = {\n px: '1px',\n 0: '0',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem', // 336px\n};\nconst SPACING = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '-px': '-1px', '-0.5': '-0.125rem', '-1': '-0.25rem', '-1.5': '-0.375rem', '-2': '-0.5rem', '-2.5': '-0.625rem', '-3': '-0.75rem', '-3.5': '-0.875rem', '-4': '-1rem', '-5': '-1.25rem', '-5.5': '-1.375rem', '-6': '-1.5rem', '-7': '-1.75rem', '-8': '-2rem', '-9': '-2.25rem', '-10': '-2.5rem', '-11': '-2.75rem', '-12': '-3rem', '-14': '-3.5rem', '-16': '-4rem', '-20': '-5rem', '-24': '-6rem', '-28': '-7rem', '-32': '-8rem', '-36': '-9rem', '-40': '-10rem', '-44': '-11rem', '-48': '-12rem', '-52': '-13rem', '-56': '-14rem', '-60': '-15rem', '-64': '-16rem', '-72': '-18rem', '-80': '-20rem', '-96': '-24rem' });\nconst INSET = Object.assign(Object.assign({}, SPACING), { auto: 'auto' });\nconst HEIGHT = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%', 'full': '100%', 'screen': '100vh', 'svw': '100svw', 'lvw': '100lvw', 'dvw': '100dvw', 'min': 'min-content', 'max': 'max-content', 'fit': 'fit-content' });\nconst MAX_HEIGHT = Object.assign(Object.assign({}, PADDING), { none: 'none', full: '100%', screen: '100vh', svh: '100svh', lvh: '100lvh', dvh: '100dvh', min: 'min-content', max: 'max-content', fit: 'fit-content' });\nconst MAX_WIDTH = {\n 'none': 'none',\n 0: '0rem',\n 'xs': '20rem',\n 'sm': '24rem',\n 'md': '28rem',\n 'lg': '32rem',\n 'xl': '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem',\n 'full': '100%',\n 'min': 'min-content',\n 'max': 'max-content',\n 'fit': 'fit-content',\n 'prose': '65ch',\n};\nconst MIN_HEIGHT = Object.assign(Object.assign({}, PADDING), { full: '100%', screen: '100vh', svh: '100svh', lvh: '100lvh', dvh: '100dvh', min: 'min-content', max: 'max-content', fit: 'fit-content' });\nconst MIN_WIDTH = Object.assign(Object.assign({}, PADDING), { 0: '0px', full: '100%', min: 'min-content', max: 'max-content', fit: 'fit-content' });\nconst WIDTH = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%', '1/12': '8.333333%', '2/12': '16.666667%', '3/12': '25%', '4/12': '33.333333%', '5/12': '41.666667%', '6/12': '50%', '7/12': '58.333333%', '8/12': '66.666667%', 'full': '100%', 'screen': '100vw', 'svh': '100svh', 'lvh': '100lvh', 'dvh': '100dvh', 'min': 'min-content', 'max': 'max-content', 'fit': 'fit-content' });\nconst COLOR = {\n currentColor: 'currentColor',\n inherit: 'inherit',\n transparent: 'transparent',\n};\nconst TEXT_ALIGN = [\n 'left',\n 'right',\n 'center',\n 'justify',\n 'start',\n 'end',\n];\nconst TEXT_DECORATION = [\n 'none',\n 'underline',\n 'line-through',\n 'overline',\n];\nconst TEXT_OVERFLOW = ['ellipsis', 'clip'];\nconst TEXT_TRANSFORM = [\n 'none',\n 'uppercase',\n 'lowercase',\n 'capitalize',\n];\nconst LINE_HEIGHT = {\n none: '1',\n};\nconst VERTICAL_ALIGN = ['baseline', 'top', 'middle', 'bottom'];\nconst WHITE_SPACE = ['normal', 'nowrap'];\nconst OVERFLOW = ['hidden', 'auto'];\nconst Z_INDEX = {\n 0: 0,\n 10: 10,\n 20: 20,\n 30: 30,\n 40: 40,\n 50: 50,\n};\n\nexport { ALIGN_ITEMS, ALIGN_SELF, ASPECT_RATIO, BORDER_RADIUS, BORDER_STYLE, BORDER_WIDTH, BREAKPOINT, COLOR, DISPLAY, FLEX, FLEX_DIRECTION, FLEX_WRAP, HEIGHT, INSET, JUSTIFY_CONTENT, LINE_HEIGHT, MAX_HEIGHT, MAX_WIDTH, MIN_HEIGHT, MIN_WIDTH, OBJECT_FIT, ORDER, OVERFLOW, PADDING, POSITION, SPACING, TEXT_ALIGN, TEXT_DECORATION, TEXT_OVERFLOW, TEXT_TRANSFORM, VERTICAL_ALIGN, WHITE_SPACE, WIDTH, Z_INDEX };\n//# sourceMappingURL=atoms.js.map\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"atoms.js","sources":["atoms.js"],"sourcesContent":["const POSITION = [\n 'absolute',\n 'fixed',\n 'relative',\n 'static',\n 'sticky',\n];\nconst DISPLAY = [\n 'block',\n 'inline-block',\n 'flex',\n 'inline-flex',\n 'inline',\n 'none',\n];\nconst FLEX = {\n 1: '1 0 0',\n none: 'none',\n};\nconst FLEX_WRAP = ['wrap', 'nowrap'];\nconst FLEX_DIRECTION = [\n 'column',\n 'column-reverse',\n 'row',\n 'row-reverse',\n];\nconst ALIGN_ITEMS = [\n 'baseline',\n 'center',\n 'end',\n 'flex-end',\n 'flex-start',\n 'start',\n 'stretch',\n];\nconst ALIGN_SELF = [...ALIGN_ITEMS, 'self-end', 'self-start'];\nconst JUSTIFY_CONTENT = [\n ...ALIGN_ITEMS,\n 'space-around',\n 'space-between',\n 'space-evenly',\n];\nconst ASPECT_RATIO = {\n square: '1/1',\n landscape: '4/3',\n photo: '3/2',\n widescreen: '16/9',\n portrait: '3/4',\n portraitPhoto: '2/3',\n portraitWidescreen: '9/16',\n auto: 'auto',\n};\nconst BORDER_RADIUS = {\n none: 'none',\n};\nconst BORDER_STYLE = [\n 'solid',\n 'dashed',\n 'dotted',\n 'double',\n 'hidden',\n 'none',\n];\nconst BORDER_WIDTH = [0, 1, 2, 4, 8];\nconst OBJECT_FIT = ['contain', 'cover'];\nconst ORDER = {\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n 6: 6,\n 7: 7,\n 8: 8,\n 9: 9,\n 10: 10,\n 11: 11,\n 12: 12,\n first: -9999,\n last: 9999,\n};\nconst PADDING = {\n px: '1px',\n 0: '0',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem', // 336px\n};\nconst SPACING = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '-px': '-1px', '-0.5': '-0.125rem', '-1': '-0.25rem', '-1.5': '-0.375rem', '-2': '-0.5rem', '-2.5': '-0.625rem', '-3': '-0.75rem', '-3.5': '-0.875rem', '-4': '-1rem', '-5': '-1.25rem', '-5.5': '-1.375rem', '-6': '-1.5rem', '-7': '-1.75rem', '-8': '-2rem', '-9': '-2.25rem', '-10': '-2.5rem', '-11': '-2.75rem', '-12': '-3rem', '-14': '-3.5rem', '-16': '-4rem', '-20': '-5rem', '-24': '-6rem', '-28': '-7rem', '-32': '-8rem', '-36': '-9rem', '-40': '-10rem', '-44': '-11rem', '-48': '-12rem', '-52': '-13rem', '-56': '-14rem', '-60': '-15rem', '-64': '-16rem', '-72': '-18rem', '-80': '-20rem', '-96': '-24rem' });\nconst POINTER_EVENTS = ['auto', 'none'];\nconst INSET = Object.assign(Object.assign({}, SPACING), { auto: 'auto' });\nconst HEIGHT = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%', 'full': '100%', 'screen': '100vh', 'svw': '100svw', 'lvw': '100lvw', 'dvw': '100dvw', 'min': 'min-content', 'max': 'max-content', 'fit': 'fit-content' });\nconst MAX_HEIGHT = Object.assign(Object.assign({}, PADDING), { none: 'none', full: '100%', screen: '100vh', svh: '100svh', lvh: '100lvh', dvh: '100dvh', min: 'min-content', max: 'max-content', fit: 'fit-content' });\nconst MAX_WIDTH = {\n 'none': 'none',\n 0: '0rem',\n 'xs': '20rem',\n 'sm': '24rem',\n 'md': '28rem',\n 'lg': '32rem',\n 'xl': '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem',\n 'full': '100%',\n 'min': 'min-content',\n 'max': 'max-content',\n 'fit': 'fit-content',\n 'prose': '65ch',\n};\nconst MIN_HEIGHT = Object.assign(Object.assign({}, PADDING), { full: '100%', screen: '100vh', svh: '100svh', lvh: '100lvh', dvh: '100dvh', min: 'min-content', max: 'max-content', fit: 'fit-content' });\nconst MIN_WIDTH = Object.assign(Object.assign({}, PADDING), { 0: '0px', full: '100%', min: 'min-content', max: 'max-content', fit: 'fit-content' });\nconst WIDTH = Object.assign(Object.assign({ 'auto': 'auto' }, PADDING), { '1/2': '50%', '1/3': '33.333333%', '2/3': '66.666667%', '1/4': '25%', '2/4': '50%', '3/4': '75%', '1/5': '20%', '2/5': '40%', '3/5': '60%', '4/5': '80%', '1/6': '16.666667%', '2/6': '33.333333%', '3/6': '50%', '4/6': '66.666667%', '5/6': '83.333333%', '1/12': '8.333333%', '2/12': '16.666667%', '3/12': '25%', '4/12': '33.333333%', '5/12': '41.666667%', '6/12': '50%', '7/12': '58.333333%', '8/12': '66.666667%', 'full': '100%', 'screen': '100vw', 'svh': '100svh', 'lvh': '100lvh', 'dvh': '100dvh', 'min': 'min-content', 'max': 'max-content', 'fit': 'fit-content' });\nconst COLOR = {\n currentColor: 'currentColor',\n inherit: 'inherit',\n transparent: 'transparent',\n};\nconst TEXT_ALIGN = [\n 'left',\n 'right',\n 'center',\n 'justify',\n 'start',\n 'end',\n];\nconst TEXT_DECORATION = [\n 'none',\n 'underline',\n 'line-through',\n 'overline',\n];\nconst TEXT_OVERFLOW = ['ellipsis', 'clip'];\nconst TEXT_TRANSFORM = [\n 'none',\n 'uppercase',\n 'lowercase',\n 'capitalize',\n];\nconst LINE_HEIGHT = {\n none: '1',\n};\nconst VERTICAL_ALIGN = ['baseline', 'top', 'middle', 'bottom'];\nconst WHITE_SPACE = ['normal', 'nowrap'];\nconst OVERFLOW = ['hidden', 'auto'];\nconst Z_INDEX = {\n 0: 0,\n 10: 10,\n 20: 20,\n 30: 30,\n 40: 40,\n 50: 50,\n};\n\nexport { ALIGN_ITEMS, ALIGN_SELF, ASPECT_RATIO, BORDER_RADIUS, BORDER_STYLE, BORDER_WIDTH, COLOR, DISPLAY, FLEX, FLEX_DIRECTION, FLEX_WRAP, HEIGHT, INSET, JUSTIFY_CONTENT, LINE_HEIGHT, MAX_HEIGHT, MAX_WIDTH, MIN_HEIGHT, MIN_WIDTH, OBJECT_FIT, ORDER, OVERFLOW, PADDING, POINTER_EVENTS, POSITION, SPACING, TEXT_ALIGN, TEXT_DECORATION, TEXT_OVERFLOW, TEXT_TRANSFORM, VERTICAL_ALIGN, WHITE_SPACE, WIDTH, Z_INDEX };\n//# sourceMappingURL=atoms.js.map\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ const BREAKPOINTS = {
2
+ mobile: 0,
3
+ mobileLg: 640,
4
+ tablet: 768,
5
+ desktop: 1024,
6
+ desktopLg: 1280,
7
+ };
8
+
9
+ export { BREAKPOINTS };
10
+ //# sourceMappingURL=breakpoints.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoints.js","sources":["breakpoints.js"],"sourcesContent":["const BREAKPOINTS = {\n mobile: 0,\n mobileLg: 640,\n tablet: 768,\n desktop: 1024,\n desktopLg: 1280,\n};\n\nexport { BREAKPOINTS };\n//# sourceMappingURL=breakpoints.js.map\n"],"names":[],"mappings":"AAAK,MAAC,WAAW,GAAG;AACpB,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,QAAQ,EAAE,GAAG;AACjB,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,OAAO,EAAE,IAAI;AACjB,IAAI,SAAS,EAAE,IAAI;AACnB;;;;"}
package/dist/es/index.js CHANGED
@@ -4,6 +4,7 @@ export { vars } from './styles/global.css.vanilla.js';
4
4
  export { lightTheme } from './styles/themes.css.vanilla.js';
5
5
  export { atoms } from './styles/atoms.css.vanilla.js';
6
6
  export { breakWordStyle, collapseInStyle, collapseStyle, fadeInStyle, fadeStyle, hideScrollbarStyle, hideVisuallyStyle, highlightStyle, interactiveStyle, truncateStyle } from './styles/utility.css.vanilla.js';
7
- export { ALIGN_ITEMS, ALIGN_SELF, ASPECT_RATIO, BORDER_RADIUS, BORDER_STYLE, BORDER_WIDTH, BREAKPOINT, COLOR, DISPLAY, FLEX, FLEX_DIRECTION, FLEX_WRAP, HEIGHT, INSET, JUSTIFY_CONTENT, LINE_HEIGHT, MAX_HEIGHT, MAX_WIDTH, MIN_HEIGHT, MIN_WIDTH, OBJECT_FIT, ORDER, OVERFLOW, PADDING, POSITION, SPACING, TEXT_ALIGN, TEXT_DECORATION, TEXT_OVERFLOW, TEXT_TRANSFORM, VERTICAL_ALIGN, WHITE_SPACE, WIDTH, Z_INDEX } from './const/atoms.js';
7
+ export { ALIGN_ITEMS, ALIGN_SELF, ASPECT_RATIO, BORDER_RADIUS, BORDER_STYLE, BORDER_WIDTH, COLOR, DISPLAY, FLEX, FLEX_DIRECTION, FLEX_WRAP, HEIGHT, INSET, JUSTIFY_CONTENT, LINE_HEIGHT, MAX_HEIGHT, MAX_WIDTH, MIN_HEIGHT, MIN_WIDTH, OBJECT_FIT, ORDER, OVERFLOW, PADDING, POINTER_EVENTS, POSITION, SPACING, TEXT_ALIGN, TEXT_DECORATION, TEXT_OVERFLOW, TEXT_TRANSFORM, VERTICAL_ALIGN, WHITE_SPACE, WIDTH, Z_INDEX } from './const/atoms.js';
8
+ export { BREAKPOINTS } from './const/breakpoints.js';
8
9
  export { LIGHT_THEME } from './const/themes.js';
9
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}